@charset "UTF-8";
/* Carefree Theme + Menu Engine V31.0.33 - self-hosted fonts + top-edge and stacked-header styles. Moved verbatim out of the header.tpl inline
   <style> at the closing head tag (two adjacent styles, was V31.0.32 install.xml lines 472-500 and 503-607), linked synchronously in the same place.
   Bump ?v= in header.tpl with every change. */
/* ==========================================
   CFM V30.7.0 - SELF-HOSTED FONTS  (V31.0.18: now real files)
   ==========================================
   V31.0.18: the 10 woff2 fonts are real files in
   catalog/view/theme/default/fonts/ (shipped in upload/), no longer
   base64 inside every page. The browser keeps them between pages and
   only downloads the faces a page actually uses. Same faces, same
   font-display:swap, same families and weights as before.
   Eliminates 3x Google Fonts HTTP requests per page-load + FOUT.
   Fonts: Comfortaa (400,700), Open Sans (300,400,400i,700),
          Montserrat (400,400i,500,500i).
   Lobster intentionally excluded - Carefree's [style*=Lobster]
   override rule (see below) routes any Lobster usage to Comfortaa.
*/
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:400;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-comfortaa-400.woff2?v=31-0-18') format('woff2');}
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:700;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-comfortaa-700.woff2?v=31-0-18') format('woff2');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-open-sans-300.woff2?v=31-0-18') format('woff2');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-open-sans-400.woff2?v=31-0-18') format('woff2');}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-open-sans-400i.woff2?v=31-0-18') format('woff2');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-open-sans-700.woff2?v=31-0-18') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-montserrat-400.woff2?v=31-0-18') format('woff2');}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:400;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-montserrat-400i.woff2?v=31-0-18') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-montserrat-500.woff2?v=31-0-18') format('woff2');}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:500;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-montserrat-500i.woff2?v=31-0-18') format('woff2');}
/* CFM V31.0.27: Montserrat bold self-hosted (was the one face still loaded from Google, by Quick Add Popup). */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/catalog/view/theme/default/fonts/cfm-montserrat-700.woff2?v=31-0-27') format('woff2');}
/* CFM V31.0.27: Font Awesome 4.6.3 declares its icon font with no font-display. Same files, block (icons
   never flash as letters); this block prints after font-awesome.min.css, so this is the rule in force. */
@font-face{font-family:'FontAwesome';font-weight:normal;font-style:normal;font-display:block;src:url('/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype');}
    /* NEON TOP-EDGE FIX */
    #top, nav#top, .header-top {
        border-top: none !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    /* DROPDOWN MENU HOVER (Anti-Yellow) */
    #menu .dropdown-menu { background-color: #F2E8DF !important; border: 1px solid #e0d5cb !important; }
    #menu .dropdown-menu li > a:hover, 
    #menu .dropdown-menu li > a:focus,
    #menu .nav > li > a:hover, 
    #menu .nav > li:hover > a {
        background-color: #e0d5cb !important;
        background-image: none !important;
        color: #333333 !important;
    }

    /* TARGETED SYSTEM HEADING OVERRIDE */
    h1, h2, h3, .modal-title, .modal-header h4, .box-heading, legend, .panel-title, .list-group-item, a.list-group-item,
    #category, .visible-xs, [style*="Lobster"], [style*="lobster"] {
        font-family: 'Comfortaa', cursive !important;
        letter-spacing: normal !important;
    }

    /* THE CALL BUTTON */
    .headerTxt { float: right !important; width: auto !important; margin-top: 10px !important; }
    .headerTxt h2 {
        font-family: 'Comfortaa', cursive !important;
        background-color: #F2E8DF !important; 
        background-image: none !important;    
        color: #333333 !important;
        padding: 8px 20px !important;
        display: inline-block !important;     
        border-radius: 20px;
        border: 1px solid #e0d5cb !important;
        font-size: 17px !important;
        text-align: center !important;
    }
    
    /* UNBREAKABLE NUMBER LOGIC */
    .headerTxt h2 a, .headerTxt h2 a:hover {
        color: #333333 !important; 
        text-decoration: none !important; 
        background: transparent !important;
        white-space: nowrap !important;
    }

    /* BUTTON VISIBILITY & BORDER DEFINITION */
    #cart > button, .btn-primary, .navbar-toggle, .mobile-cart-icon, .btn-default[type="submit"], .btn-lg {
        background-color: #FADADD !important; 
        background-image: none !important;
        color: #333333 !important; 
        border: 1px solid #d8a4ab !important; 
        text-shadow: none !important;
        box-sizing: border-box !important;
    }
    #cart-total { color: #333333 !important; }

    /* MENU & FOOTER */
    #menu, .nav-container { background-color: #F2E8DF !important; border: none !important; }
    #menu a { font-family: 'Comfortaa' !important; color: #333333 !important; }
    footer, .footer-container { background-color: #FADADD !important; }
    footer h5 { font-family: 'Comfortaa' !important; color: #333333 !important; text-transform: uppercase; }
    footer a, footer p, footer li, footer span { color: #000000 !important; }

    /* MOBILE RESPONSIVENESS */
    @media (max-width: 767px) {
        .headerTxt { float: none !important; text-align: center !important; width: 100% !important; display: block !important; margin: 10px 0 !important; }
        .headerTxt h2 { float: none !important; margin: 0 auto !important; }
    }

    /* ICON INTEGRITY */
    .fa, .fas, .far, [class^="fa-"], .glyphicon { font-family: 'FontAwesome' !important; }

    /* V28.4 DESKTOP STACKED HEADER CSS — V31.0.0: wired to --crf-fs-h slot
       so FS sticky bar (when present) pushes nav#top down by the slot height.
       Empty slot (crf-fs-h=0) on cart/checkout routes or post-dismiss collapses
       nav#top back to top:0 with no skip. Fallback 0px protects against
       missing custom property at first paint. */
    @media (min-width: 992px) {
        nav#top, #top {
            position: fixed !important;
            /* V31.0.30: + --crf-top-x (0px unless a bar is pinned above) */
            top: calc(var(--crf-top-x, 0px) + var(--crf-fs-h, 0px)) !important;
            left: 0 !important;
            width: 100% !important;
            z-index: 1040 !important;
        }
        header.header, header {
            padding-top: 40px !important; 
        }
        .fixed-stacked-menu {
            position: fixed !important;
            /* V31.0.32: the account bar height slot and the promo slot replace the old fixed 40 (bar is 49 px) */
            top: calc(var(--crf-top-x, 0px) + var(--crf-fs-h, 0px) + var(--crf-promo-h, 0px) + var(--crf-ute-h, 49px) + var(--crf-nav-x, 0px)) !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            max-width: 1170px !important;
            margin: 0 auto !important;
            z-index: 1030 !important;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;
        }
    }