/* 
Theme Name:		 Sheldon
Theme URI:		 https://www.store.toocheke.com/
Description:	 Toocheke Child is a child theme of Toocheke
Author:			 LeeToo
Author URI:		 https://leetoo.net/
Template:		 toocheke-premium
Version:		 1.0.58
Text Domain:	 toocheke-premium-child
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Write here your own personal stylesheet */
/*--------------------------------------------------------------
# Global 
--------------------------------------------------------------*/
@font-face {
    font-family: "CCSpills";
    src: url("fonts/CCSpills/CCSpills.eot");
    /* IE9*/
    src: url("fonts/CCSpills/CCSpills.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/CCSpills/CCSpills.woff2") format("woff2"),
        /* chrome、firefox */
        url("fonts/CCSpills/CCSpills.woff") format("woff"),
        /* chrome、firefox */
        url("fonts/CCSpills/CCSpills.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("fonts/CCSpills/CCSpills.svg#CCSpills") format("svg");
    /* iOS 4.1- */
}

@font-face {
    font-family: 'Reem Kufi Fun';
    src: url('fonts/ReemKufiFun/ReemKufiFun-Medium.eot');
    src: url('fonts/ReemKufiFun/ReemKufiFun-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/ReemKufiFun/ReemKufiFun-Medium.woff2') format('woff2'),
        url('fonts/ReemKufiFun/ReemKufiFun-Medium.woff') format('woff'),
        url('fonts/ReemKufiFun/ReemKufiFun-Medium.ttf') format('truetype'),
        url('fonts/ReemKufiFun/ReemKufiFun-Medium.svg#ReemKufiFun-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reem Kufi Fun';
    src: url('fonts/ReemKufiFun/ReemKufiFun-Bold.eot');
    src: url('fonts/ReemKufiFun/ReemKufiFun-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ReemKufiFun/ReemKufiFun-Bold.woff2') format('woff2'),
        url('fonts/ReemKufiFun/ReemKufiFun-Bold.woff') format('woff'),
        url('fonts/ReemKufiFun/ReemKufiFun-Bold.ttf') format('truetype'),
        url('fonts/ReemKufiFun/ReemKufiFun-Bold.svg#ReemKufiFun-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reem Kufi Fun';
    src: url('fonts/ReemKufiFun/ReemKufiFun-SemiBold.eot');
    src: url('fonts/ReemKufiFun/ReemKufiFun-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ReemKufiFun/ReemKufiFun-SemiBold.woff2') format('woff2'),
        url('fonts/ReemKufiFun/ReemKufiFun-SemiBold.woff') format('woff'),
        url('fonts/ReemKufiFun/ReemKufiFun-SemiBold.ttf') format('truetype'),
        url('fonts/ReemKufiFun/ReemKufiFun-SemiBold.svg#ReemKufiFun-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reem Kufi Fun';
    src: url('fonts/ReemKufiFun/ReemKufiFun-Regular.eot');
    src: url('fonts/ReemKufiFun/ReemKufiFun-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/ReemKufiFun/ReemKufiFun-Regular.woff2') format('woff2'),
        url('fonts/ReemKufiFun/ReemKufiFun-Regular.woff') format('woff'),
        url('fonts/ReemKufiFun/ReemKufiFun-Regular.ttf') format('truetype'),
        url('fonts/ReemKufiFun/ReemKufiFun-Regular.svg#ReemKufiFun-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin';
    src: url('fonts/Cabin/Cabin-Bold.eot');
    src: url('fonts/Cabin/Cabin-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cabin/Cabin-Bold.woff2') format('woff2'),
        url('fonts/Cabin/Cabin-Bold.woff') format('woff'),
        url('fonts/Cabin/Cabin-Bold.ttf') format('truetype'),
        url('fonts/Cabin/Cabin-Bold.svg#Cabin-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin';
    src: url('fonts/Cabin/Cabin-Italic.eot');
    src: url('fonts/Cabin/Cabin-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cabin/Cabin-Italic.woff2') format('woff2'),
        url('fonts/Cabin/Cabin-Italic.woff') format('woff'),
        url('fonts/Cabin/Cabin-Italic.ttf') format('truetype'),
        url('fonts/Cabin/Cabin-Italic.svg#Cabin-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin';
    src: url('fonts/Cabin/Cabin-BoldItalic.eot');
    src: url('fonts/Cabin/Cabin-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cabin/Cabin-BoldItalic.woff2') format('woff2'),
        url('fonts/Cabin/Cabin-BoldItalic.woff') format('woff'),
        url('fonts/Cabin/Cabin-BoldItalic.ttf') format('truetype'),
        url('fonts/Cabin/Cabin-BoldItalic.svg#Cabin-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin';
    src: url('fonts/Cabin/Cabin-Medium.eot');
    src: url('fonts/Cabin/Cabin-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cabin/Cabin-Medium.woff2') format('woff2'),
        url('fonts/Cabin/Cabin-Medium.woff') format('woff'),
        url('fonts/Cabin/Cabin-Medium.ttf') format('truetype'),
        url('fonts/Cabin/Cabin-Medium.svg#Cabin-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin';
    src: url('fonts/Cabin/Cabin-SemiBoldItalic.eot');
    src: url('fonts/Cabin/Cabin-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cabin/Cabin-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Cabin/Cabin-SemiBoldItalic.woff') format('woff'),
        url('fonts/Cabin/Cabin-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/Cabin/Cabin-SemiBoldItalic.svg#Cabin-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin';
    src: url('fonts/Cabin/Cabin-MediumItalic.eot');
    src: url('fonts/Cabin/Cabin-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cabin/Cabin-MediumItalic.woff2') format('woff2'),
        url('fonts/Cabin/Cabin-MediumItalic.woff') format('woff'),
        url('fonts/Cabin/Cabin-MediumItalic.ttf') format('truetype'),
        url('fonts/Cabin/Cabin-MediumItalic.svg#Cabin-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin';
    src: url('fonts/Cabin/Cabin-SemiBold.eot');
    src: url('fonts/Cabin/Cabin-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cabin/Cabin-SemiBold.woff2') format('woff2'),
        url('fonts/Cabin/Cabin-SemiBold.woff') format('woff'),
        url('fonts/Cabin/Cabin-SemiBold.ttf') format('truetype'),
        url('fonts/Cabin/Cabin-SemiBold.svg#Cabin-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin';
    src: url('fonts/Cabin/Cabin-Regular.eot');
    src: url('fonts/Cabin/Cabin-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cabin/Cabin-Regular.woff2') format('woff2'),
        url('fonts/Cabin/Cabin-Regular.woff') format('woff'),
        url('fonts/Cabin/Cabin-Regular.ttf') format('truetype'),
        url('fonts/Cabin/Cabin-Regular.svg#Cabin-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('fonts/CabinCondensed/CabinCondensed-BoldItalic.eot');
    src: url('fonts/CabinCondensed/CabinCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinCondensed/CabinCondensed-BoldItalic.woff2') format('woff2'),
        url('fonts/CabinCondensed/CabinCondensed-BoldItalic.woff') format('woff'),
        url('fonts/CabinCondensed/CabinCondensed-BoldItalic.ttf') format('truetype'),
        url('fonts/CabinCondensed/CabinCondensed-BoldItalic.svg#CabinCondensed-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('fonts/CabinCondensed/CabinCondensed-Regular.eot');
    src: url('fonts/CabinCondensed/CabinCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinCondensed/CabinCondensed-Regular.woff2') format('woff2'),
        url('fonts/CabinCondensed/CabinCondensed-Regular.woff') format('woff'),
        url('fonts/CabinCondensed/CabinCondensed-Regular.ttf') format('truetype'),
        url('fonts/CabinCondensed/CabinCondensed-Regular.svg#CabinCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('fonts/CabinCondensed/CabinCondensed-SemiBold.eot');
    src: url('fonts/CabinCondensed/CabinCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinCondensed/CabinCondensed-SemiBold.woff2') format('woff2'),
        url('fonts/CabinCondensed/CabinCondensed-SemiBold.woff') format('woff'),
        url('fonts/CabinCondensed/CabinCondensed-SemiBold.ttf') format('truetype'),
        url('fonts/CabinCondensed/CabinCondensed-SemiBold.svg#CabinCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('fonts/CabinCondensed/CabinCondensed-SemiBoldItalic.eot');
    src: url('fonts/CabinCondensed/CabinCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinCondensed/CabinCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/CabinCondensed/CabinCondensed-SemiBoldItalic.woff') format('woff'),
        url('fonts/CabinCondensed/CabinCondensed-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/CabinCondensed/CabinCondensed-SemiBoldItalic.svg#CabinCondensed-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('fonts/CabinCondensed/CabinCondensed-Bold.eot');
    src: url('fonts/CabinCondensed/CabinCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinCondensed/CabinCondensed-Bold.woff2') format('woff2'),
        url('fonts/CabinCondensed/CabinCondensed-Bold.woff') format('woff'),
        url('fonts/CabinCondensed/CabinCondensed-Bold.ttf') format('truetype'),
        url('fonts/CabinCondensed/CabinCondensed-Bold.svg#CabinCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('fonts/CabinCondensed/CabinCondensed-Italic.eot');
    src: url('fonts/CabinCondensed/CabinCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinCondensed/CabinCondensed-Italic.woff2') format('woff2'),
        url('fonts/CabinCondensed/CabinCondensed-Italic.woff') format('woff'),
        url('fonts/CabinCondensed/CabinCondensed-Italic.ttf') format('truetype'),
        url('fonts/CabinCondensed/CabinCondensed-Italic.svg#CabinCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('fonts/CabinCondensed/CabinCondensed-Medium.eot');
    src: url('fonts/CabinCondensed/CabinCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinCondensed/CabinCondensed-Medium.woff2') format('woff2'),
        url('fonts/CabinCondensed/CabinCondensed-Medium.woff') format('woff'),
        url('fonts/CabinCondensed/CabinCondensed-Medium.ttf') format('truetype'),
        url('fonts/CabinCondensed/CabinCondensed-Medium.svg#CabinCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin Condensed';
    src: url('fonts/CabinCondensed/CabinCondensed-MediumItalic.eot');
    src: url('fonts/CabinCondensed/CabinCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinCondensed/CabinCondensed-MediumItalic.woff2') format('woff2'),
        url('fonts/CabinCondensed/CabinCondensed-MediumItalic.woff') format('woff'),
        url('fonts/CabinCondensed/CabinCondensed-MediumItalic.ttf') format('truetype'),
        url('fonts/CabinCondensed/CabinCondensed-MediumItalic.svg#CabinCondensed-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin SemiCondensed';
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-Italic.eot');
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Italic.woff2') format('woff2'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Italic.woff') format('woff'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Italic.ttf') format('truetype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Italic.svg#CabinSemiCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin SemiCondensed';
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-MediumItalic.eot');
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-MediumItalic.woff2') format('woff2'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-MediumItalic.woff') format('woff'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-MediumItalic.ttf') format('truetype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-MediumItalic.svg#CabinSemiCondensed-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin SemiCondensed';
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-Regular.eot');
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Regular.woff2') format('woff2'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Regular.woff') format('woff'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Regular.ttf') format('truetype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Regular.svg#CabinSemiCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin SemiCondensed';
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-Medium.eot');
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Medium.woff2') format('woff2'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Medium.woff') format('woff'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Medium.ttf') format('truetype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Medium.svg#CabinSemiCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin SemiCondensed';
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-Bold.eot');
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Bold.woff2') format('woff2'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Bold.woff') format('woff'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Bold.ttf') format('truetype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-Bold.svg#CabinSemiCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin SemiCondensed';
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-BoldItalic.eot');
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-BoldItalic.woff2') format('woff2'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-BoldItalic.woff') format('woff'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-BoldItalic.ttf') format('truetype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-BoldItalic.svg#CabinSemiCondensed-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin SemiCondensed';
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBoldItalic.eot');
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBoldItalic.woff') format('woff'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBoldItalic.svg#CabinSemiCondensed-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cabin SemiCondensed';
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBold.eot');
    src: url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBold.woff2') format('woff2'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBold.woff') format('woff'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBold.ttf') format('truetype'),
        url('fonts/CabinSemiCondensed/CabinSemiCondensed-SemiBold.svg#CabinSemiCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}




*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
    z-index: 0;
    margin: 0;
}


html {
    line-height: 1.15;
    scroll-behavior: smooth;
    overscroll-behavior-y: contain;
    -webkit-text-size-adjust: 100%;
    max-width: 100%;
    margin: 0;
    position: relative;
    min-height: 100%;
}

body {
    background-image: url('dist/img/sheldon-bg.jpg');
    background-position: center top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    line-height: 1.15em;
}

body#tinymce {
    background: #fff !important;
}


body,
input,
textarea,
select,
button,
table {
    font-family: 'Cabin', "Helvetica Neue", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    color: #333745;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0rem;
}

section {
    position: relative;
}

a, a:visited {
    color: #c84d4d;
}

a:hover {
    color: #235163;
}

img {
    max-width: 100%;
    height: auto;
}

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/

.sheldon-navbar {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;


    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;

}

#desktop-navbar {
    padding-top: 8%;
    background-image: url('dist/img/desktop_navbar.png');

}


.brand {
    position: absolute;
    top: 5px;
    left: 50% !important;
    transform: translate(-50%, 0);
    position: absolute;
    z-index: 100;
}

.brand img {
    object-fit: cover;
    height: 165px;
    max-height: 165px;
    -webkit-transition: -webkit-transform 0.4s;
    transition: max-height 0.15s ease-out;
}

.brand img.shrink {
    max-height: 50px;
    transition: max-height 0.25s ease-in;
}

.btn-patreon,
a.nav-link.btn.btn-patreon {
    margin: 0 !important;
    margin-left: 0;

    background-color: #d15656;
    border: 1px solid #d15656;
    font-weight: 600 !important;
    font-family: 'Cabin SemiCondensed', "Helvetica Neue", Arial, sans-serif !important;
    color: #fff !important;
}

.dropdown-menu {
    background-color: #96c3dd;
    border: 5px solid #235163;
    border-radius: 15px;
}

a.dropdown-item {
    color: #235163;
    font-family: 'Reem Kufi Fun';
    text-transform: uppercase;
    font-weight: 600;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: #c84d4d;
    color: #ffffff;
}

.sheldon-navbar .btn-patreon,
.sheldon-navbar #patreon-menu-toggle {
    position: absolute;
    top: 30px;
    right: 25px;
}

.btn-patreon:hover,
a.nav-link.btn.btn-patreon:hover {
    background-color: #A92E2E;
    border-color: #A92E2E;
    color: #fff !important;
}

.hamburger {
    background-color: transparent !important;
    border: none !important;
    padding: 0px !important;
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 100;
}

#mobile-navbar {
    padding-top: 8%;
    background-image: url('dist/img/mobile_navbar.png');
}

.nav-dropdown-menu {
    position: fixed;
    background-color: #96c3dd;
    border: 5px solid #235163;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 10px;
    font-family: 'Reem Kufi Fun';
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 600;
    color: #235163;
    z-index: 500;
    line-height: 1.333em;
    transition: 0.75s ease-in-out;
}

#main-menu {
    padding-top: 140px;
    left: 15px;
    top: -550px;
    width: 335px;
}

#main-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.main-menu a {
    color: #235163;
    text-decoration: none;
}

.yellow-text,
.yellow-text a {
    color: #ffff93;
}

.main-menu a:hover,
.patreon-info:hover {
    color: #c84d4d;
    text-decoration: none;
}

#main-menu ul ul {
    margin-left: 30px;
}

#main-menu hr {
    margin-top: 5px;
    margin-bottom: 0px;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 3px solid #ffff93;
}

.patreon-info {
    font-size: 16px;
    margin-left: 20px;
    color: #fff;
}

#main-menu.active,
#patreon-info-bar.active {
    top: 0px;
}

#patreon-info-bar {
    padding-top: 100px;
    right: 15px;
    top: -600px;
    width: 305px;
    font-size: 24px;
    font-weight: bold;

}

#patreon-info-bar ul {
    font-size: 21px;
    font-weight: 600;
    color: #fff;

}

ul.dashed {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.dashed>li::before {
    content: '\2014';
    position: absolute;
    margin-left: -20px;
}

ul.dashed>li {
    margin-left: 20px;
    line-height: 1.333em;
}

.join-link {
    color: #235163 !important;
    text-decoration: underline;
    display: block;
}

.join-link:hover {
    color: #c84d4d !important;
    text-decoration: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#sheldon-main-content-area {
    background-color: #fff;
    padding: 140px 40px 15px 40px;
    min-height: 400px;
    position: relative;
    margin-bottom: 20px
}


#sheldon-comic-wrapper {
    position: relative;
    width: 100%;
    text-align: center;
}

#comic-nav-desktop-wrapper {
    position: fixed;
    top: 500px;
    height: 42px;
    width: inherit;
}

#comic-nav-desktop-wrapper.old-format {
    top: 265px;
    z-index: 500;
}

#comic-nav-desktop-wrapper.stop {
    position: absolute;
}

.comic-nav-desktop {
    width: 42px;
    position: relative;

}

.comic-nav-desktop.left {
    float: left;
    margin-left: -90px;
}

.comic-nav-desktop.right {
    margin-right: -90px;
    float: right;
}

#comic-nav-mobile-wrapper {
    height: 40px;
}

.comic-nav-mobile {
    height: 40px;
    width: auto;
    position: relative;

}

.comic-nav-mobile.left {
    float: left;
    margin-left: 15px;
}

.comic-nav-mobile.right {
    margin-right: 15px;
    float: right;
}

.comic-nav-mobile svg {
    height: 40px;
}

.comic-nav-mobile svg polygon {
    fill: #78aabe;
}
.comic-breadcrumbs{
    font-family: 'Reem Kufi Fun';
}
#desktop-comic-breadcrumbs{
font-size: 1.333em;
line-height: 1.75em;
}
#mobile-comic-breadcrumbs {
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;

    font-size: 0.95em;
}

.comic-breadcrumbs,
.comic-breadcrumbs a {
    color: #235163;
}

a.svg-link:hover,
a.svg-link:focus,
a.svg-link:active {
    color: transparent;
}

.svg-link img {
    outline: none !important;
    border: none;
}

.svg-link:hover img {
    filter: invert(22%) sepia(76%) saturate(1572%) hue-rotate(333deg) brightness(100%) contrast(89%);
}

.svg-link:hover svg polygon {
    fill: #c84d4d;
}

.bricks {
    background-image: url('dist/img/bricks.svg');
    height: 115px;
}

.grass-1 {
    background-image: url('dist/img/grass_1.svg');
    height: 90px;
    margin-top: -30px;

}

.grass-2 {
    background-image: url('dist/img/grass_2.svg');
    height: 68px;
    margin-top: -30px;
    position: absolute;
    width: 100%;
    z-index: 3;
}


#comic-vegetation {
    position: relative;
    display: block;
    height: 115px;
}

#comic-vegetation .veg {
    position: absolute;
    bottom: 0px;
    transition: transform .75s;
}

.shrink-item {
    -ms-transform: scale(0.35) !important;
    /* IE 9 */
    -webkit-transform: scale(0.35) !important;
    /* Safari 3-8 */
    transform: scale(0.35) !important;
}

#comic-vegetation .square_tree {
    left: -275px;
    z-index: 2;
    bottom: -15px;
}

#comic-vegetation .dot_triangle_tree {
    z-index: 1;
    left: -235px;
    bottom: 120px;
}

#comic-vegetation .googie_bush {
    z-index: 3;
    left: -115px;
}

#comic-vegetation .circle_tree {
    z-index: 1;
    right: -275px;
    bottom: -45px;
}

#banner-ad-section {
    background-color: #fff;
    text-transform: uppercase;
    font-family: 'Reem Kufi Fun';
    line-height: 1em;
    padding: 15px 0;
    position: relative;
}

#banner-ad-section .title {
    color: #c84d4d;
    font-size: 45px;
    font-family: 'Reem Kufi Fun';
    font-weight: 500;
    line-height: 45px;
    display: flex;
}

#banner-ad-section.title a {
    color: #c84d4d;
}

#banner-ad-section .title a:hover {
    color: #235163;
    text-decoration: none;
}

#banner-ad-section .title a:hover img {
    opacity: 0.7;
}

#banner-ad-section .patreon-cta {
    height: 45px;
    margin-left: 0px;
    margin-top: -20px;
}

#banner-ad-section .sub-title {
    color: #235163;
}

#below-comic-ad {
    max-width: 570px;
    margin: 0 auto;
}
#below-comic-ad img{
    margin: 0 auto;
}

.rounded-box {
    background-color: #fff;
    border-radius: 15px;
    padding: 15px;
}



#sidebar-drive,
#sidebar-comic-lab,
#sidebar-stripped,
#sidebar-the-wrong-way {
    background-image: url('dist/img/more_of_dave.jpg');
    overflow: hidden;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}

#sidebar-drive {
    width: 140px;
    height: 123px;
    background-position: 0px 0px;

}

#sidebar-comic-lab {
    width: 134px;
    height: 129px;
    background-position: -160px 0px;
}

#sidebar-stripped {
    width: 133px;
    height: 71px;
    background-position: -320px 0px;
}

#sidebar-the-wrong-way{
        width: 126px;
    height: 129px;
    background-position: -479px 0px;
}

#sidebar-drive:hover {
    background-position: 0px -123px;
}

#sidebar-comic-lab:hover {
    background-position: -160px -129px;
}

#sidebar-stripped:hover {
    background-position: -320px -71px;
}
#sidebar-the-wrong-way:hover{
    background-position: -479px -129px;
}

#social-sidebar-wrapper {
    padding: 15px;
    background-color: #4c7d90;
    border-radius: 15px;
    ;
    margin-top: 15px;

}

#social-sidebar {
    height: 50px;
    line-height: 50px;
    font-size: 50px;
    color: #fff;
    display: flex;
    /* justify-content: space-between; */
    justify-content: center;
    gap: 15px;
}

#social-sidebar a {
    color: #fff;
}

#social-sidebar a:hover {
    color: #000;
}

#social-sidebar svg {
    height: 50px;
    width: auto;
    fill: currentColor;
    vertical-align: top;
}

#social-sidebar svg:hover {
    fill: #000;
}

#social-sidebar svg:hover path {
    fill: #000;
}

#social-sidebar svg:hover plygon {
    fill: #000;
}

#social-sidebar svg:hover circle {
    fill: #000;
}

#sidebar-email-subscription {
    margin-top: 30px;
    color: #c1c4c8;
}

#sidebar-email-subscription h3 {
    font-family: 'Reem Kufi Fun';
    font-weight: bold;
    color: #5398ad;
    text-align: center;
}

#blog-posts .entry-title,
header .entry-title {
    font-family: 'Reem Kufi Fun';
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    padding: 0px;
    margin: 0;
    text-transform: uppercase;
    color: #235163;
}

#blog-posts .entry-title a {
    color: #235163;
}

#blog-posts .entry-title a:hover,
#blog-posts .entry-meta a:hover {
    color: #c84d4d;
    text-decoration: none;
}

header .entry-meta,
#blog-posts .entry-meta a,
#blog-posts .entry-meta {
    font-family: 'Cabin';
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #235163;
    text-transform: uppercase;
    margin-bottom: 10px;

}

.green-bg {
    background-color: #8aab84;
    color: #fff;
}

.yellow-bg {
    background-color: #ffff9e
}

.orange-bg {
    background-color: #e49953
}


#one-year-ago .text {
    width: 200px;

}

#one-year-ago .arrow {
    position: absolute;
    z-index: 1000;
    top: 35px;

}

.comic-wrapper {
    box-shadow: 1px 1px 3px #000, -2px 2px 3px #000;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 1);
    margin-top: -10px;
}


.comic-wrapper img {
    max-width: 100%;
}

#sidebar-calendar,
#collections-sidebar {
    margin-top: 20px;
}

#collections-sidebar a {
    margin-bottom: 15px;
    display: block;
}

#home-carousel .item {
    display: block;
}

#sidebar-calendar {
    color: #f6a85e;
}

footer {
    position: relative;
    margin-top: 30px;
}

footer .bricks {
    position: absolute;
    width: 100%;
    z-index: 3;
}

#footer-items .pug {
    max-height: 175px;
}

#footer-items .sheldon {
    max-height: 225px;
}

#footer-items {
    position: relative;
    display: block;
    height: 115px;
}

#footer-items .veg,
#footer-items .character {
    position: absolute;
    bottom: 0px;
    transition: transform .75s;
}

#footer-items .veg {
    bottom: 115px;
}

#footer-items .character {
    bottom: 0px;
}

#footer-items .stripe_triangle_tree {
    left: -275px;
    z-index: 1;
}

#footer-items .pug {
    left: -275px;
    z-index: 4;
}

#footer-items .square_tree {
    left: -95px;
    z-index: 2;
    bottom: 0px;
}

#footer-items .dot_triangle_tree {
    right: -105px;
}

.home .dot_triangle_tree,
.single-comic .dot_triangle_tree,
.single-post .veg {
    z-index: -1 !important;
}

#footer-items .sheldon {
    right: -205px;
    z-index: 4;
    bottom: -10px;
}

#footer-links-copyright {
    text-transform: uppercase;
    margin-top: 60px;
    padding-bottom: 60px;
}

#footer-links-copyright {
    font-size: 14px;
    color: #235163;
}

#footer-links-copyright a {
    color: #235163;
    text-decoration: underline;
    line-height: 1.35em;
}

#footer-links-copyright a:hover {
    text-decoration: none;
}

#artist,
#welcome {
    color: #235163;
}

.fancy-title {
    font-family: "CCSpills";
    color: #235163;
    font-size: 55px;
}

#page-title-wrapper {
    margin-top: 0px;
    color: #235163;
    text-transform: uppercase;
    margin-bottom: 25px;

}

#page-title-wrapper h1 {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 15px;
    font-family: 'Reem Kufi Fun';
    font-weight: bold;
}

#page-title {
    width: 501px;
    height: 132px;
    margin: 0 auto;
    background-image: url('dist/img/page-title-bg.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    font-size: 35px;
}

#welcome-text {
    padding-left: 45px;
}

.cast-row-wrapper {
    margin: 60px 0;
}

.cast-row {
    color: #235163;
    position: relative;


}

.cast-item {

    max-width: 585px;
    margin: 0 auto;
}

.cast-item-text {
    position: absolute;
    top: 0;
    width: 360px;
    margin-top: 40px;
}

.cast-item-text h3 {
    font-family: 'Reem Kufi Fun';
    font-weight: bold;
    text-transform: uppercase;
}

.cast-item.right .cast-item-text {
    margin-left: 180px;
    margin-top: 30px;
}

.cast-item.right h3 {
    text-align: right;
}

.cast-item.left .cast-item-text {
    margin-left: 45px;

}

a.social-link {
    color: #235163;
}

a.social-link:hover {
    color: #c84d4d;
}

#archive-calendar {
    margin-top: 15px;

}

#archive-calendar-wrapper {
    display: flex;
    justify-content: center;
}

/* Clear floats after the columns */
#archive-calendar:after {
    content: "";
    display: table;
    clear: both;
}

#archive-calendar .archive-col {
    float: left;
}

#archive-calendar .col-year {
    width: 200px;
    padding-right: 30px;
}

#archive-calendar .col-months {
    width: 940px;
}

#archive-years {
    border: solid 5px #B6934F;
    border-radius: 15px;
    background-color: #EFC061;
    padding: 15px 5px;
    font-size: 30px;

    font-family: 'Reem Kufi Fun';
    font-weight: 500;
    color: #fff;
}

#archive-years .year {
    padding: 0px 15px;
}

#archive-years .year i {
    padding-right: 15px;
}

#archive-years .unlocked,
#archive-years .active {
    font-weight: bold;
    padding: 0px;
    /*text-align: right */
    ;
    padding-left: 45px;
}

#archive-years .unlocked {
    /*padding-right: 15px;*/
}

#archive-years a,
.locked.year {
    color: #ffff93;
    text-decoration: none;
    line-height: 1.333em;
}

#archive-years .unlocked.year a {
    color: #c84d4d;
}

#archive-years a:hover,
#archive-years .unlocked.year a:hover {
    color: #235163;
    text-decoration: none;
}

#archive-years .year {
    margin: 0 auto;

}

img#patreon-archive-cta {
    padding: 15px 0px;
}

#archive-months {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    /* This is better for small screens, once min() is better supported */
    /* grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); */
    gap: 10px;
}

.month {
    width: 300px;
    height: 360px;
    border-radius: 15px;
    background-color: #ffff93;
}

.centered-content {
    display: flex;
    justify-content: center;
}

#archive-collections-wrapper h4 {
    font-family: 'Reem Kufi Fun';
    font-weight: bold;
    text-align: center;
    color: #235163;
    margin: 30px 0;
}

#archive-collections-wrapper h4 span {
    color: #b1203b;
}

#archive-collections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    /* This is better for small screens, once min() is better supported */
    /* grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); */
    gap: 30px;
    margin: 0 auto;
}

#archive-collections-sidebar-wrapper img {
    margin-bottom: 7px;
}

.locked-top {
    padding-top: 120px;
}

#patreon-giveaway-list {
    color: #235163;
    font-family: 'Reem Kufi Fun';
    font-weight: 600;
    font-size: 22px;
}

#patreon-giveaway-list h2 {
    font-size: 4rem;
    line-height: 0.95em;
}

.patreon-giveaways ul {
    max-width: 300px;
    font-weight: 500;
}

.btn-patreon-locked-page {
    max-width: 300px;
}
.btn-patreon-locked-page-desktop{
    max-width: 250px;
}
.btn-patreon-locked-page:hover {
    opacity: 0.75;
}

.btn_patreon_login_link {
    color: #efc061;
    font-size: 35px;
    display: block;
    font-family: 'Reem Kufi Fun';
}
.btn_patreon_login_desktop_link {
    color: #4C7D90;
    display: block;
    font-family: 'Reem Kufi Fun';
    font-size: 24px;
    font-weight: 500;
}
.btn_patreon_login_desktop_link:hover{
    color: #FF0000;
}

.home-pre-footer {
    background-color: #fff;
    padding: 15px;
    color: #235163;
}

.home-pre-footer h3 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Reem Kufi Fun';
    font-weight: bold;
}

.red-text-1 {
    color: #c84d4d;
}

.red-text-2 {
    color: #b1203b;
}

.owl-prev {

    position: absolute;
    top: 25%;
    margin-left: 35px;
    display: block !important;
    border: 0px solid black;
}

.owl-next {
    position: absolute;
    top: 25%;
    right: 5px;
    display: block !important;
    border: 0px solid black;
}

.owl-prev i,
.owl-next i {
    color: #fff;
    font-size: 40px;
}

#home-mobile-more-of-dave {
    margin-top: 5px;
    height: 40px;
}

#mobile-drive,
#mobile-comic-lab,
#mobile-stripped,
#mobile-the-wrong-way {
    background-image: url('dist/img/mobile_more_of_dave.jpg');
    overflow: hidden;
    margin: 0 auto;
    margin-right: 10px;
    float: left;
}

#mobile-drive {
    width: 45px;
    height: 40px;
    background-position: 0px 0px;

}

#mobile-comic-lab {
    width: 42px;
    height: 40px;
    background-position: -46px 0px;
}

#mobile-stripped {
    width: 71px;
    height: 40px;
    background-position: -88px 0px;
}

#mobile-the-wrong-way{
    width: 39px;
    height: 40px;
    background-position: -160px 0px;
}

#mobile-drive:hover {
    background-position: 0px -40px;
}

#mobile-comic-lab:hover {
    background-position: -46px -40px;
}

#mobile-stripped:hover {
    background-position: -88px -40px;
}
#mobile-the-wrong-way:hover{
    background-position: -160px -40px;
}
#home-mobile-social {
    float: left;
}

#home-mobile-social i {
    line-height: 40px;
    font-size: 40px;
    margin-right: 7px;
}

#home-mobile-social a {
    color: #235163;
}

#home-mobile-social svg {
    height: 40px;
    width: auto;
    fill: currentColor;
    vertical-align: top;
}

#home-mobile-social svg {
    fill: #235163;
}

#home-mobile-social svg path {
    fill: #235163;
}

#home-mobile-social svg plygon {
    fill: #235163;
}

#home-mobile-social svg circle {
    fill: #235163;
}

#comic-archives-nav-meta {
    font-size: 14px;
    color: #96c3dd;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

#comic-archives-nav-meta .meta-col {
    display: inline-block;
}

#comic-desktop-publish-date {
    width: 200px;
}

#comic-archives-navigation-wrapper {
    position: relative;
    width: 510px;
    height: 89px
}

#comic-archives-navigation {
    position: absolute;
    z-index: 50;
    width: 510px;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}

#comic-archives-navigation.sold {
    height: 203px;
    background-image: url('dist/img/original_art_sold_bg.png');
}

#comic-archives-navigation.unsold {
    height: 178px;
    background-image: url('dist/img/original_art_bg.png');
}

.comic-share {
    width: 280px;
}

.comic-share a {
    padding-left: 10px;
    text-decoration: none !important;
}

.comic-share i {
    display: inline-block;
    text-align: center;
    background-color: #96c3dd;
    border-radius: 7px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
}

.comic-share i:hover {

    background-color: #235163;

}

#comic-navigation-buttons {

    height: 200px;
    z-index: 70;
    position: relative;
    margin-top: 23px;
    color: #235163;
}

.comic-nav-button {
    height: 85px;
    width: auto;
}

.comic-nav-button.first,
.comic-nav-button.left {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

svg.comic-nav-button svg {
    fill: currentColor;
}


svg.comic-nav-button:hover {
    fill: #c84d4d;
}

svg.comic-nav-button:hover path {
    fill: #c84d4d;

}

svg.comic-nav-button:hover plygon {
    fill: #c84d4d;

}

svg.comic-nav-button:hover circle {
    fill: #c84d4d;

}

#comic-mobile-above-nav-box {
    width: 460px;
    max-width: 460px;
    overflow: hidden;
    display: none !important;
    margin: 0 auto;
}

#topatoco-link {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    bottom: 0;
    right: 0;
    z-index: 500;
}

#topatoco-link:hover,
#original-art-link:hover {
    outline: #c84d4d dotted 5px;

}

#original-art-link {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 45px;
    bottom: 20px;
    left: 0;
    z-index: 500;
}

.disabled-nav {
    pointer-events: none;
    opacity: 0.25;
}

.calendar-box {
    margin: 5px;
    padding: 10px;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.wp-calendar {
    font-size: 13px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 5px;
    font-weight: normal;
}

.wp-calendar caption {
    color: #fff !important;
    background: #f6a85e !important;
    border-radius: 5px !important;
    padding: 3px !important;
    text-align: center !important;
    caption-side: top !important;
    opacity: 1 !important;
    pointer-events: none !important;
    font-size: 13px;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

.wp-calendar thead th {
    background: transparent !important;
    border: none !important;
    font-size: 12px !important;
    color: #f6a85e !important;
    font-weight: bold;
}

.wp-calendar td {
    background: #f6a85e !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    height: 22px !important;
    width: 34px !important;
    padding: 3px 0 2px 0 !important;
    color: #fff !important;
}


.wp-calendar .strip {
    color: #fff !important;
    background: #c84d4d !important;
}

.wp-calendar .strip:hover {
    background: #fff !important;
}

.wp-calendar .strip a {
    color: #fff !important;
    display: block !important;
    height: 22px !important;
    line-height: 22px !important;
}

.wp-calendar .strip:hover a {
    color: #c84d4d !important;
    text-decoration: none !important;
}

.ssc-square {
    border-radius: 5px;
    height: 280px !important;
    background-color: rgb(246, 168, 94, .17) !important;
}

.current-month-sidebar {
    color: #f6a85e;
    font-family: 'Reem Kufi Fun';
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
}

.current-month-sidebar a {
    color: #c84d4d;
    font-family: 'Reem Kufi Fun';
    font-weight: normal;
    font-size: 16px;
}

.current-month-sidebar .calendar-box {
    margin: 0 !important;
    padding: 0px !important;
}

.page-numbers {
    width: 35px;
    height: 35px;
    background-color: #235163;
    border: 1px solid #000000;
    line-height: 35px;
}

.page-numbers:hover {
    background-color: #c84d4d !important;

}

.page-numbers.current {
    background-color: #ffff93 !important;
}

#mc_embed_signup {
    margin: 15px 0;
    width: 100%;
    overflow: hidden;
    color: #c1c4c8;
}

.mc-field-group {
    margin-bottom: 15px;
}

#mc_embed_signup label {
    text-transform: uppercase;
}

#mc_embed_signup label {
    text-transform: uppercase;

}

#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="text"] {
    border: 1px solid #c1c4c8;
    color: #000;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
}

input[type="email"]:focus,
#mc_embed_signup input[type="text"]:focus {
    border: 1px solid #5398ad !important;

}

input[type="submit"] {
    background-color: #5398ad;
    border: 1px solid #5398ad;
    font-family: 'Reem Kufi Fun';
    font-weight: bold;
    text-transform: uppercase;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover {
    background-color: #235163;
    border: 1px solid #235163;
    opacity: 1;
}

.original-card {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 30px;
}

.paypal-card {
    background-color: #f5f5f5;
    max-width: 250px;
    margin: 0 auto;
}

article.post img {
    display: block !important;
    margin: 0 auto !important;
}
#patreon-locked-desktop-notification{
  padding: 60px;
  color: #235163;
}
#patreon-locked-mobile-notification {
    padding-top: 35px;
    padding-left: 35px;
    padding-right: 35px;
}

/*--------------------------------------------------------------
# Media queries
--------------------------------------------------------------*/


@media screen and (min-width:500px) {
    .content-container {
        max-width: 100%;
    }
  

}

@media screen and (min-width:992px) {
    .content-container {
        max-width: 60%;
    }

    #comic-vegetation .veg,
    #footer-items .veg {
        -ms-transform: scale(0.70);
        /* IE 9 */
        -webkit-transform: scale(0.70);
        /* Safari 3-8 */
        transform: scale(0.70);
    }

    #comic-vegetation .googie_bush {
        left: -255px;
    }

    #footer-items .character {
        -ms-transform: scale(0.85);
        /* IE 9 */
        -webkit-transform: scale(0.85);
        /* Safari 3-8 */
        transform: scale(0.85);
    }

    #footer-items .square_tree {
        left: -90px;
    }

    #footer-items .pug,
    #footer-items .stripe_triangle_tree {
        left: -195px;
    }

    #footer-items .stripe_triangle_tree {
        bottom: 0px;
    }

    #footer-items .dot_triangle_tree {
        bottom: 45px;
    }

    #sheldon-main-content-area {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding: 80px;
    }
}

@media screen and (min-width: 1260px) {
    .content-container {
        max-width: 680px;
    }

    #comic-vegetation .veg,
    #footer-items .veg {
        -ms-transform: scale(0.70);
        /* IE 9 */
        -webkit-transform: scale(0.70);
        /* Safari 3-8 */
        transform: scale(0.70);
    }

    #comic-vegetation .googie_bush {
        left: -255px;
    }

    #footer-items .character {
        -ms-transform: scale(0.85);
        /* IE 9 */
        -webkit-transform: scale(0.85);
        /* Safari 3-8 */
        transform: scale(0.85);
    }

    #blog-and-sidebars {
        margin: 40px;
    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding: 80px;
    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding-top: 70px;
    }

    #home-mobile-collections,
    #home-mobile-more-of-dave-wrapper {
        display: none;
    }
    .patreon-locked-cta{
        margin-bottom: 300px !important;
    }

}

@media screen and (min-width: 1680px) {
    .content-container {
        max-width: 1140px;
    }

    #comic img {
        max-width: 600px;
    }

    #comic-vegetation .veg,
    #footer-items .item {
        -ms-transform: scale(1);
        /* IE 9 */
        -webkit-transform: scale(1);
        /* Safari 3-8 */
        transform: scale(1);
    }

    #comic-vegetation .googie_bush {
        left: -115px;
    }

    #footer-items .dot_triangle_tree,
    #footer-items .stripe_triangle_tree {
        bottom: 115px;
    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding: 100px;
    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding-top: 70px;
    }

}

@media screen and (min-width: 1880px) {
    .content-container {
        max-width: 1340px;
    }

    #comic img {
        max-width: 700px;
    }
}


@media screen and (min-width: 1920px) {
    #main-menu {
        padding-top: 18s0px;
    }

    .sheldon-navbar .btn-patreon,
    .sheldon-navbar #patreon-menu-toggle {
        top: 40px;

    }

    .cast-item {
        margin-top: -5px;
    }

    .cast-item.right img {
        margin-left: 140px;
    }

    .cast-item.right .cast-item-text {
        margin-left: 320px;
    }

    .cast-item.left img {
        margin-left: -140px;

    }

    .cast-item.left .cast-item-text {
        margin-left: -95px;
    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding-top: 75px;
    }

}

@media screen and (min-width: 2560px) {
    #main-menu {
        padding-top: 190px;
    }

    #patreon-info-bar {
        padding-top: 160px;
    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding-top: 80px;
    }

    .bs-col-2 {
        flex: 0 0 76%;
        max-width: 76%;
    }

    .bs-col-1,
    .bs-col-3 {
        flex: 0 0 12%;
        max-width: 12%;
    }
}

@media screen and (min-width: 3440px) {
    #main-menu {
        padding-top: 260px;
    }

    #patreon-info-bar {
        padding-top: 240px;
    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding-top: 90px;
    }

    .bs-col-2 {
        flex: 0 0 82%;
        max-width: 82%;
    }

    .bs-col-1,
    .bs-col-3 {
        flex: 0 0 9%;
        max-width: 9%;
    }
}

@media screen and (min-width: 3840px) {
    #main-menu {
        padding-top: 300px;
    }
}

@media screen and (max-width: 3849px) {
    #page-title-wrapper {
        margin-top: 30px;

    }

    #page-title-wrapper h1 {
        bottom: 35px;

    }

}

@media screen and (max-width: 1919px) {
    #one-year-ago .text {
        max-width: 80%;
    }

    #one-year-ago .arrow {
        max-width: 15%;
        top: 25px;
    }

    .cast-item {
        max-width: 570px;
        width: 570px;
    }

    .cast-item h3 {
        font-size: 1.35rem;
    }

    .cast-item-text {
        width: 360px;
    }

    .cast-item.right .cast-item-text {
        margin-left: 180px;
        margin-top: 35px;
    }

    .cast-item.left .cast-item-text {
        margin-top: 25px;
    }

    #archive-calendar .col-months {
        width: 740px;
    }

    #archive-calendar .month {
        margin-bottom: 60px;
    }

    #archive-collections {
        width: 690px;
        overflow: hidden;
    }

    #comic-vegetation .googie_bush {
        left: -255px;
    }

    #comic-nav-desktop-wrapper.old-format {
        top: 250px;
    }
    #patreon-locked-desktop-notification{
        padding: 30px;
    }

}

@media screen and (max-width: 1679px) {
    .brand img {
        height: 95px;

    }

    .locked-top {
        padding-top: 80px;
    }

    .sheldon-navbar .btn-patreon,
    .sheldon-navbar #patreon-menu-toggle {
        top: 3vh;

    }

    #main-menu {
        padding-top: 90px;
    }

    #patreon-info-bar {
        padding-top: 70px
    }

    #sheldon-main-content-area {

        padding-top: 105px;

    }

    #social-sidebar {
        height: 30px;
        line-height: 30px;
        font-size: 30px;

    }

    #social-sidebar svg {
        height: 30px;

    }


    #page-title-wrapper {
        margin-top: -5px;

    }

    #page-title {
        width: 400px;
        height: 105px;

    }

    .cast-item {
        max-width: 490px;
        width: 490px;
    }

    .cast-item h3 {
        font-size: 1.05rem;
    }

    .cast-item-text {
        width: 300px;
        font-size: 14px;
    }

    .cast-item.right .cast-item-text {
        margin-left: 160px;
        margin-top: 25px;
    }

    .cast-item.left .cast-item-text {
        margin-top: 25px;
    }

    #archive-calendar .col-months {
        width: 280px;
    }

    #archive-calendar .month {
        margin-bottom: 20px;
    }

    #archive-collections {
        width: 500px;
        overflow: hidden;
    }

    #archive-collections {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        /* This is better for small screens, once min() is better supported */
        /* grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); */
        gap: 30px;
        margin: 0 auto;
    }

    #comic-share-below {
        display: none !important;
    }

    #comic-mobile-above-nav-box {
        display: block !important;
        margin-bottom: 5px;
    }

    #comic-desktop-publish-date {
        display: none !important;
    }

    #paypal-wrapper .col-xl-4 {
        width: 100%;
        max-width: 100%;
        flex: none;

    }

    #comic-nav-desktop-wrapper.old-format {
        top: 215px;
    }
    #patreon-locked-desktop-notification{
        padding: 15px;
    }
    .patreon-cta-pals-lock-desktop{
        max-width: 220px;
    }
    .btn-patreon-locked-page-desktop{
        max-width: 160px;
    }
    .btn_patreon_login_desktop_link{
        font-size: 16px;
    }
    #patreon-locked-desktop-notification h4{
        font-size: 1.3333rem;
    }
}

@media screen and (max-width: 1439px) {
    .hamburger {
        left: 20px;
        top: 20px;
    }

    .sheldon-navbar .btn-patreon,
    .sheldon-navbar #patreon-menu-toggle {
        top: 3vh;
        right: 20px;
    }

    .brand img {
        height: 90px;

    }

    #page-title-wrapper {
        margin-top: -7px;

    }

    #page-title {
        width: 280px;
        height: 74px;

    }

    #page-title-wrapper h1 {
        bottom: 10px;
        font-size: 33px;
    }

    .locked-top {
        padding-top: 40px;
    }

    #sheldon-main-content-area {

        padding-top: 60px;

    }

    #comic-nav-desktop-wrapper.old-format {
        top: 175px;
    }


}

@media screen and (max-width: 1279px) {
    .brand img {
        height: 15vh;

    }


    #sheldon-main-content-area {

        padding-top: 90px;

    }

    #page-title-wrapper {
        margin-top: 10px;

    }

    #page-title {
        width: 320px;
        height: 85px;

    }


}

@media screen and (max-width: 1259px) {

    #blog-and-sidebars .col-md-2,
    #sidebar-email-subscription {
        display: none;
    }

    .home #footer-items,
    .single-comic #footer-items {
        display: none !important;
    }

    .home footer .bricks,
    .home footer .grass-2,
    .single-comic footer .bricks,
    .single-comic footer .grass-2 {
        position: relative;
    }

    #blog-and-sidebars .rounded-box {
        border-radius: 0px;
    }

    #blog-and-sidebars .col-md-8 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        max-width: 100%;
        flex: none;
        display: block;
    }

    .content-container {
        margin-bottom: 0px !important;
    }

    #page-title-wrapper {
        margin-top: 15px;

    }

    #page-title-wrapper h1 {
        bottom: 5px;
        font-size: 33px;
    }



}

@media screen and (max-width: 1199px) {
    .brand img {
        height: 75px;

    }

    #page-title-wrapper {
        margin-top: -30px;

    }

    #page-title {
        width: 280px;
        height: 74px;

    }

    #page-title-wrapper h1 {
        bottom: 5px;
        font-size: 33px;
    }

    .sheldon-navbar .btn-patreon,
    .sheldon-navbar #patreon-menu-toggle {
        top: 2vh;

    }

    .hamburger {
        left: 5px;
    }

    #sheldon-main-content-area {

        padding-top: 30px;

    }

    .cast-item {
        max-width: 270px;
        width: 270px;
        margin-top: 60px;
        margin-bottom: 15px;
    }

    .cast-item-text {
        position: absolute;
        margin: initial;

        width: 100% !important;
        text-align: center;
        font-size: 1.75em;
        top: 50%;
        transform: translateY(-50%);
        width: 270px !important;
    }

    .cast-item h3 {
        text-align: center;
        font-size: 1.75rem !important;
        padding-left: 30px;

    }

    .cast-item.left .cast-item-text {
        margin: initial;
        margin-left: -45px;
    }
}

@media screen and (max-width: 1024px) {
    #page-title-wrapper {
        margin-top: -15px;

    }

    .brand img {
        height: 80px;

    }

    #page-title-wrapper h1 {
        bottom: 10px;
        font-size: 33px;
    }

    #archive-calendar .col-year {
        width: 160px;
        padding-right: 20px;
    }

    #archive-calendar .col-months {
        width: 280px;
    }

    #archive-years {
        padding: 15px 5px;
        font-size: 24px;

    }

    #archive-years .year {
        padding: 0px 10px;
    }

    #archive-years .unlocked,
    #archive-years .active {
        padding: 0px;
        padding-left: 35px;
    }

    #archive-months {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .month {
        width: 200px;
        height: 240px;
    }


    #archive-calendar .month {
        margin-bottom: 15px;
    }

    #archive-collections {
        width: 470px;
        overflow: hidden;
    }

    #archive-collections {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        /* This is better for small screens, once min() is better supported */
        /* grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); */
        gap: 30px;
        margin: 0 auto;
    }
}

/* Media Query for medium desktops */
@media (min-width: 1280px) and (max-width: 1389px) {
    .bs-col-2 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .bs-col-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1390px) and (max-width: 1919px) {
    .bs-col-2 {
        flex: 0 0 63.333333%;
        max-width: 63.333333%;
    }

    .bs-col-3 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 600px) and (max-width: 1366px) {

    #desktop-navbar,
    #mobile-navbar {
        background-image: url('dist/img/tablet_navbar.png');

    }
}

@media (min-width: 500px) and (max-width: 767px) {


    .sheldon-navbar .btn-patreon,
    .sheldon-navbar #patreon-menu-toggle {
        top: 2vh;
        right: 15px;

    }

}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1023px) {



    .sheldon-navbar .btn-patreon {
        top: 1vh;

    }

    .sheldon-navbar #patreon-menu-toggle {
        top: 0.5vh;

    }

    #sheldon-main-content-area {

        padding-top: 75px;

    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding-top: 90px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .sheldon-navbar .btn-patreon {
        top: 1vh;

    }

    .sheldon-navbar #patreon-menu-toggle {
        top: 0.5vh;

    }

    #sheldon-main-content-area {

        padding-top: 55px;

    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding-top: 70px;
    }
}


@media screen and (max-width: 991px) {
    .hamburger {
        left: 15px;
        top: 15px;
        padding: 0px !important;
    }

    .hamburger-inner::after {
        bottom: -7px !important;
    }

    .hamburger-inner::before {
        top: -7px !important;
    }

    .hamburger-inner::after,
    .hamburger-inner::before {

        width: 30px !important;
        height: 3px !important;

    }

    .hamburger-inner,
    .hamburger-inner::after,
    .hamburger-inner::before {
        width: 30px !important;
        height: 3px !important;
    }

    .hamburger--3dxy .hamburger-box {
        perspective: 60px !important;
    }

    .hamburger-box {
        width: 30px !important;
        height: 17px !important;
    }

    .hamburger--3dxy.is-active .hamburger-inner::after {
        transform: translate3d(0, -7px, 0) rotate(-45deg) !important;
    }

    .hamburger--3dxy.is-active .hamburger-inner::before {
        transform: translate3d(0, 7px, 0) rotate(45deg) !important;
    }



    #mobile-navbar .btn-patreon {
        top: 15px;
        right: 15px;
        padding: 1px 3px !important;
        font-size: 10px !important;
        line-height: 1.15em !important;
    }






    footer .bricks,
    footer .grass-2 {
        position: relative;
    }

    footer .grass-2 {
        margin-top: -60px;
    }

    #page-title-wrapper {
        margin-top: -25px;

    }

    #page-title-wrapper h1 {
        bottom: 10px;
        font-size: 33px;
    }

    .brand img {
        height: 90px;

    }


    #comic-archives-navigation {
        position: relative;
        margin: 0 auto;
    }

    #comic-archives-navigation-wrapper {
        width: 510px;
        height: 203px;
    }

    #comic-navigation-buttons {
        padding-top: 23px;
        margin-top: 10px;
    }

    #comic-share-above {
        margin: 0;
    }
}

/* Media Query for Mobile Devices */
@media screen and (max-width: 499px) {
    #mobile-navbar {
        padding-top: 13%;
    }

    .hamburger {
        left: 4px;
        top: 5px;
    }

    #mobile-navbar .btn-patreon {
        top: 7px;
        right: 4px;
    }

    #mobile-navbar #patreon-menu-toggle {
        top: -5px;
        right: -13px;
    }

    img.patreon-avatar {
        height: 25px !important;
    }



    #mobile-navbar .btn-patreon span {
        display: none;
    }

    .brand img {
        height: 60px;
    }

    #page-title-wrapper {
        margin-top: -25px;

    }

    #page-title {
        width: 220px;
        height: 58px;
    }

    #page-title-wrapper h1 {
        font-size: 24px;
        bottom: 5px;
    }

    .locked-top {
        padding-top: 10px;
    }


    #main-menu {
        padding-top: 50px;
    }

    #patreon-info-bar {
        padding-top: 70px
    }

    .nav-dropdown-menu {
        font-size: 18px;
        line-height: 1.5em;
    }

    .patreon-info {
        font-size: 14px;
    }

    #patreon-info-bar {
        font-size: 21px;

    }

    #patreon-info-bar ul {
        font-size: 18px;

    }

    #sheldon-main-content-area {
        padding-top: 50px;
    }

    #banner-ad-section .title {
        font-size: 27px;
        line-height: 27px;

    }

    #banner-ad-section .patreon-cta {
        height: 27px;
        margin-left: 3px;
        margin-top: -3px;
    }

    #banner-ad-section .sub-title {
        font-size: 14px;
        line-height: 14px;
    }

    #blog-posts .entry-title {
        font-size: 24px;
        line-height: 24px;
    }

    #blog-posts .entry-meta a {
        font-size: 16px;
        line-height: 16px;

    }

    #footer-links-copyright {
        font-size: 13px;
        line-height: 1.5em;
        margin-top: 15px;
        padding-bottom: 30px;
    }

    #sheldon-main-content-area {
        padding-left: 15px;
        padding-right: 15px;
    }

    .fancy-title {
        font-size: 35px;
    }

    #welcome-text {
        padding-left: 25px;
    }

    #archive-calendar .col-year {
        width: 120px;
        padding-right: 15px;
    }

    #archive-years {
        padding: 15px 5px;
        font-size: 18px;
        line-height: 1.5em;
        ;
    }

    #archive-years .year {
        padding: 0px 7px;
    }

    #archive-years .year i {
        padding-right: 10px;
    }

    #archive-years .unlocked,
    #archive-years .active {
        padding: 0px;
        padding-left: 20px;
    }

    #archive-months {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .month {
        width: 200px;
        height: 240px;
    }

    #archive-calendar .col-months {
        width: 200px;
    }

    #archive-calendar .month {
        margin-bottom: 15px;
    }


    #patreon-giveaway-list h2 {
        font-size: 2rem;
        line-height: 2rem;
    }

    #patreon-giveaway-list {
        font-size: 14px;
    }

    .btn-patreon-locked-page {
        max-width: 200px !important;
    }

    #archive-collections {
        width: 320px;
        overflow: hidden;
    }

    #archive-collections {
        display: block;
        margin: 0 auto;

    }

    #archive-collections img {
        margin-bottom: 30px;
    }

    .home-pre-footer h3 {
        font-size: 1.5rem;
    }

    /* Comic Navigation */
    #comic-archives-nav-meta {
        font-size: 12px;
    }

    #comic-mobile-publish-date {
        width: 80px;
    }

    #comic-archives-navigation-wrapper {
        width: 100%;
        height: 111px;
    }

    #topatoco-link {
        width: 55px;
        height: 55px;
        top: 70px;
    }

    #original-art-link {
        height: 25px;
        bottom: 15px;
    }


    #comic-archives-navigation {
        width: 320px;
    }

    #comic-archives-navigation.unsold {
        height: 111px;
    }

    .comic-share {
        width: 205px;
    }

    .comic-share a {
        padding-left: 7px;
    }

    .comic-share i {
        border-radius: 7px;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    #comic-navigation-buttons {

        height: 160px;
        margin-top: 5px;
    }

    .comic-nav-button {
        height: 55px;
        width: auto;
    }

    #comic-navigation-buttons {
        padding-top: 17px;
    }

    #comic {
        padding: 15px 0px;
    }

    .brand img.shrink {
        max-height: 25px;
        transition: max-height 0.25s ease-in;
    }

    .page-template-original #sheldon-main-content-area,
    .page-template-comic-collections #sheldon-main-content-area,
    .archive #sheldon-main-content-area,
    .page-template-about #sheldon-main-content-area,
    .error404 #sheldon-main-content-area {
        padding-top: 65px;
    }

    #comic-mobile-above-nav-box {
        width: 290px;
        max-width: 290px;
    }

    .grass-2 {
        background-image: url('dist/img/grass_mobile.svg');
        height: 30px;
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: -23px !important;
    }

    .bricks {
        background-image: url('dist/img/bricks_mobile.svg');
        height: 70px;
        background-size: cover;
    }
    
    .patreon-cta-pals-lock-mobile {
        max-width: 180px !important;
        height: auto !important;
        padding-top: 10px !important;
    }
    .btn_patreon_login_link{
        font-size: 24px;
    }
}