/* Global */
    :root {
        --primary:#2da3fb;
        --primary-dark: #00554f;
        --secondary: #a50829;
        --red:#ca0a33;
        --gold:#986f36;
        --blue:#3699e3;
        --secondary-darker: #3b0107;
        --tertiary:#e68636;		
        --black: #070505;
        --white: #ffffff;
        --gray: #eeeeee;
        --lightgray: #f5f5f6;
        --background:#0e131f;
        /*--primary-font: 'Acumin Pro SemiCondensed';
        --secondary-font: 'Acumin Pro ExtraCondensed';
        --tertiary-font: 'Acumin Pro Condensed';*/
        --primary-font: 'acumin-variable';
        --secondary-font: 'acumin-variable';
        --tertiary-font: 'acumin-variable';
        --xs: 848px;
        --transition: all 0.2s ease 0s;
        --slow-transition: all 0.4s ease 0s;
    }

    /*@font-face {
        font-family: 'Acumin Pro SemiCondensed';
        src: url("../fonts/font/Acumin/Acumin Pro SemiCondensed.otf") format("opentype");        
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Acumin Pro SemiCondensed';
        src: url("../fonts/font/Acumin/Acumin Pro SemiCondensed Smbd.otf") format("opentype");        
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Acumin Pro ExtraCondensed';
        src: url("../fonts/font/Acumin/Acumin Pro ExtraCondensed Med.otf") format("opentype");        
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Acumin Pro ExtraCondensed'; 
        src: url("../fonts/font/Acumin/Acumin Pro ExtraCondensed Black.otf") format("opentype");        
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Acumin Pro ExtraCondensed';
        src: url("../fonts/font/Acumin/Acumin Pro ExtraCondensed Black.otf") format("opentype");        
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Acumin Pro Condensed';
        src: url("../fonts/font/Acumin/Acumin Pro Condensed.otf") format("opentype");        
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }*/
    
    /* font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Regular */
    /* font-variation-settings: 'wght' 600, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Semibold */
    /* font-variation-settings: 'wght' 300, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Light */
    /* font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
    /* font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Black */
    

    body {
        --vw: calc( 100vw - ( 100vw - 100% ) );
        font-family: var(--primary-font);
        font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Regular */
        font-size:17px;    
        line-height: 29px;        
    } 

    body.page-template-page-home {
        background-color: var(--background);
    }

    body b,
    body strong {
        font-variation-settings: 'wght' 600, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Semibold */
    }

    body h1 b,
    body h2 b,
    body h3 b,
    body h4 b,
    body h5 b,
    body h6 b,
    body h1 strong,
    body h2 strong,
    body h3 strong,
    body h4 strong,
    body h5 strong,
    body h6 strong {
        font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Black */
    }    

    h1, h2, h3, h4, h5, h6 {        
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 600, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
    }

    p {
        font-family: var(--primary-font);
        font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Regular */
    }

    h1,
    .has-h-1-font-size {
        font-size: 67px;
        line-height: 62px;
    }

    h1 {
        margin:0 0 50px 0;
    }

    /* 120, 90, 80, 64, 36, 30, 20, 14, 12 */

    h2,
    .has-h-2-font-size {
        font-size: 47px;
        line-height: 47px;
    }

    h3,
    .has-h-3-font-size {
        font-size: 34px;
        line-height: 42px;
    }

    h4,
    .has-h-4-font-size {
        font-size:24px;
        line-height: 28px;
    }

    h5,
    .has-h-5-font-size {
        font-size:20px;    
        line-height: 30px;
    }

    h6,
    .has-h-6-font-size {
        font-size: 17px;
        line-height: 29px;
    }

    p {        
        font-weight: 400;
    }

    a {
        transition: var(--transition);
        color:var(--secondary);
        text-decoration: none;
    }

    a:hover,
    a:focus {
        color:var(--secondary-darker);
        text-decoration: none;
    }

    button,
    .btn,
    a#register-btn,
    a#landing-login-button,
    .retailer-action-wrapper a button {
        transition: var(--transition);
        border:4px solid var(--secondary);        
        background-color: transparent;
        color:var(--secondary);
        font-family: var(--tertiary-font);
        font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
        font-size: 26px;
        line-height: 30px;
        display: flex;
        align-items: center;
        gap:10px;
        text-transform: uppercase;
        padding:5px 20px 7px;
        text-decoration: none;
        justify-content: center;
        border-radius: 0;
    }

    button:hover,
    button:focus,
    a#register-btn:hover,
    a#register-btn:focus,
    button#landing-login-button:hover,
    button#landing-login-button:focus,
    .retailer-action-wrapper a:hover button,
    .retailer-action-wrapper a:focus button {
        border:4px solid var(--secondary);
        background-color: var(--secondary);       
        text-decoration: none; 
        color:var(--white);
    }

    a#register-btn,
    button#landing-login-button {
        border-color:var(--white);
        color:var(--white);
    }

    a#register-btn:hover,
    a#register-btn:focus,
    button#landing-login-button:hover,
    button#landing-login-button:focus {
        border-color:var(--primary);
        background-color:var(--primary);
    }

    button img {
        margin-left:-10px;
    }

    @media( max-width:767px ) {
        button {
            padding:4px 16px;
        }
    }

    .btn-outline-red {
        padding:4px 20px;
        color:var(--secondary);
    }

    input[type="text"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="email"],
    textarea {
        font-family: 'trade-gothic-next', sans-serif;
        padding:12px 16px;
    }

    .single li, .page-template-default .white-bg-wrapper .container li {
        font-family: var(--primary-font);
        font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Regular */
    }

/* Layout */
    .container {
        max-width: min(calc( (100vw - ( 100vw - 100% ) ) - 2 * 15px ), 1140px );
        padding:0;
    }

/* Top Bar */
    #logged-in-navbar-container {
        background-color: var(--primary);
        color:var(--white);        
        padding:6px 0 10px;
        top:0;
    }

    #logged-in-navbar-container .container {
        display: flex;
        align-items: center;
        gap:9px;
        justify-content: flex-end;
    }

    #logged-in-navbar-container a {
        font-size: 17px;
        line-height: 29px;       
        margin:0;
    }

    #logged-in-navbar-container p {
        font-size: 17px;
    }

    @media( max-width:848px ) {

        #logged-in-navbar-container {
            display: none;
        }
    }

/* Header */
    #header-nav-container {
        top:0px;
        padding:32px 0;
        transition:var(--slow-transition);
    }

    .logged-in #header-nav-container {
        top:38px;
    }

    @media( max-width:848px ) {

        .logged-in #header-nav-container {
            top:0;
        }
    }

    #header-nav-container .container,
    .registration-header-container .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-nav-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .header-nav-wrapper .logo {
        width: 170px;
    }

    #header-nav-container.filled,
    .registration-header-container {
        background-color: var(--secondary);
        padding:12px 0;
    }

    #header-nav-container .container {
        display: flex;
        justify-content: space-between;
    }

    #header-nav-container .header-left {
        width:138px;
    }

    #header-nav-container.filled .header-left .home-logo {
        width:140px;
        height:auto;
    }

    #header-nav-container .header-right {
        display: flex;
        align-items: center;
        gap:15px;
    }

    #header-nav-container .header-right #main-menu {
        position: relative;
        top: initial;
        right: initial;
        overflow: initial;
        width: auto;
        height: auto;
        background-color: transparent;
        display: flex;
        gap:26px;
    }

    #header-nav-container .header-right #main-menu ul {
        position: relative;
        right:initial;
        width:auto;
        padding:0;
        margin:0;
        display: flex;
        gap:26px;
        align-items: center;
    }

    #header-nav-container .header-right #main-menu ul:before,
    #header-nav-container .header-right #main-menu ul:after {
        display: none;
    }

    #header-nav-container .header-right #main-menu ul li {
        width:auto;
        float:none;
        clear:initial;
        margin:0;
    }

    #header-nav-container .header-right #main-menu ul li:first-child {
        margin:0;
    }

    #header-nav-container .header-right #main-menu ul li a {
        padding:0;
        font-size: 20px;
        line-height: 30px;
        font-weight: 300;
        text-transform: uppercase;
    }

    #header-nav-container .header-right #main-menu ul li a:hover {
        color:var(--tertiary);
    }

    .instagram-btn img {
        margin:0;
    }

    @media( max-width:767px ) {
        #header-nav-container .header-right #main-menu ul {
            column-gap: 15px;
            row-gap:10px;
        }

        #header-nav-container .header-right #main-menu {
            gap:15px;
        }        
    }

    .menu-trigger {
        display: none;
        width:30px;
        height:24px;
        top:0;
        margin:0;
    }

    .menu-trigger a span,
    .menu-trigger a span:before,
    .menu-trigger a span:after { 
        width:30px;
    }

    .menu-trigger a:hover span,
    .menu-trigger a:hover span:before,
    .menu-trigger a:hover span:after,
    .menu-trigger a:focus span,
    .menu-trigger a:focus span:before,
    .menu-trigger a:focus span:after { 
        background-color: var(--tertiary);
    }

    .menu-trigger.active a span {
        background-color: transparent;
    }

    .menu-trigger.active a span::after { 
        transform: translateY(-6px) translateX(1px) rotate(-45deg);
    }

    .menu-trigger.active a span::before {
        transform: translateY(6px) translateX(1px) rotate(45deg);
    }

    @media( max-width:848px ) {    
        .menu-trigger {
            display: block;
        }    

        #header-nav-container .header-right #main-menu {
            transition: width 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            overflow-x: hidden;
            position: fixed;
            background-color: var(--primary-dark);
            right: -55px;
            color: #FFF;
            width: 0%;
            height: 100%;
            z-index: 1052;
            top: 0;            
            padding:120px 17px 15px 15px
        }

        #header-nav-container .header-right #main-menu.active {    
            display: block;
            right: 0;
            width: 100%;
        }

        #header-nav-container .header-right #main-menu ul {
            display: flex;
            flex-direction: column;            
            align-items: flex-end;
            gap:15px;
        }

        #header-nav-container .header-right #main-menu ul li a {
            font-size:24px;
            line-height: 28px;
        }
    }

    #header-nav-container .mobile-topbar {
        display: none;
        flex-direction: column;
        align-items: flex-end;
        gap:15px;
        padding-top:15px;
    }

    @media( max-width:878px ) {

        #header-nav-container .mobile-topbar {
            display: flex;
        }
    }

    #header-nav-container .mobile-topbar a {
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 300, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Light */
        text-transform: uppercase;
        font-size: 24px;
        line-height: 28px;
        color:var(--white);
        text-decoration: none;
    }

    #header-nav-container .mobile-topbar a:hover,
    #header-nav-container .mobile-topbar a:focus {
        color:var(--tertiary);
    }

    #main-menu {
        position: relative;
        overflow: initial;
        width: auto;
        background-color: transparent;
        right:initial;
        height: auto;
    }

    #main-menu ul {
        position: relative;
        right:initial;
        width: auto;
        display: flex;
        gap:24px;
        margin:0;
        padding:0;
    }

    #main-menu ul:before,
    #main-menu ul:after {
        display: none;
    }

    #main-menu ul li {
        float:none;
        width: auto;
        margin:0;
        clear:none;
    }

    #main-menu ul li:first-child {
        margin-top:0;
    }

    #main-menu ul li a {
        font-family: var(--primary-font);
        font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Regular */
        font-size: 17px;
        line-height: 29px;
        padding:0;
        text-transform: uppercase;
    }

    #main-menu ul li a:hover {
        color:var(--primary);
    }
    
    @media( max-width:848px ) {

        .admin-bar #main-menu {
            padding-top:48px;
        }

        .header-nav-wrapper {
            width:100%;
        }

        .header-nav {
            display: flex;
            align-items: center;
        }
    
        #main-menu {
            opacity: 0;
            position: fixed;
            width:min(calc( 100% - 62px ), 320px ) !important;
            left:-320px !important;
            right:initial !important;
            transition:var(--transition);
            padding:32px 16px;
            background-color: var(--black);
            height: 100vh;
        }

        #main-menu.active {
            opacity:1;
            left:0 !important;
        }

        #main-menu ul {
            flex-direction: column;
        }

        #main-menu ul li a {
            font-size: 18px;
            line-height: 28px;
        }    
    }

    @media( max-width:782px ) {

        .admin-bar #main-menu {
            padding-top:62px;
        }
    }

/* Section 1 */
    .home-section1 {
        background-position: center;
        background-size: cover;
        min-height: 870px;
        margin-bottom: 50px;
    }
    
    .home-section1-top .container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .home-section1-top {
    }

    .home-section1-top .container h1 {
        margin:0;
        padding:299px 40px 279px 0;
        font-size: 120px;
        line-height: 0.8;
    }

    @media( max-width:767px ) {

        .home-section1 {
            background-position: calc(50% - 100px )  center;
        }
    
        .home-section1-top .container h1 {
            font-size: 90px;
            line-height: 80px;
            padding-right: 0;
        }
    }

    @media( max-width:575px ) {
    
        .home-section1-top .container h1 {
            font-size: 60px;
            line-height: 50px;
        }
    }

    .home-section1-top .container > br {
        display: none;
    }
    
    .home-section1-bottom {
        text-align: center;
        color:var(--white);
    }

    .slogan1 {
        display: flex;
        align-items: center;
        gap:8px;
        flex-wrap: nowrap;        
        margin-bottom: 14px;
        max-width: 808px;
        margin-left: auto;
        margin-right: auto;
    }

    .slogan1-bar {
        height:2px;
        flex:1;
        background-color: var(--primary);
    }

    .slogan1-text {
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Black */
        text-transform: uppercase;
        padding:3px 32px 3px;
        border:4px solid var(--primary);
        border-radius: 999px;
        display: inline-flex;
        font-size: 32px;
        line-height: 42px;
    }    

    .slogan2 {
    
    }

    

    .home-image-wrapper {
        background-position: center;
        background-size: cover;
        position: relative;
        padding:0px;
    }

    /*.home-image-wrapper .container {
        padding:124px 0 30px;
        display: flex;
        gap:30px;
    }

    .home-image-wrapper .container .home-image-left {
        width:480px;
        
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    .home-image-wrapper .container .home-image-right {
        flex:1;
    }

    .home-image-wrapper .container .home-image-right img {
        width:100%;
    }

    .home-image-wrapper .landing-text-col {
        padding:0;
    }

    .home-image-wrapper .landing-title-text {
        margin:0;
    }

    .home-image-wrapper .landing-title-text strong {
        font-weight: 700;
    }

    .home-image-top {
        margin-bottom: 27px;
    }

    .home-image-top:after {
        content:'';    
        width:115px;
        height:4px;
        background-color: var(--primary);
        margin-top:27px;        
        display: block;
    }

    .home-image-bottom {
        display: flex;
        align-items: center;
        gap:20px;
    }

    .home-image-wrapper button {
        margin:0;
    }

    .home-image-wrapper #landing-products-btn {        
        position: relative;
        transition: all 0.2s ease 0s;
        padding-left:46px;

        @media( max-width:767px ) {
            width:180px;
        }

        &:before {
            content:'';
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat; 
            -webkit-mask-position:center;
            mask-position: center;
            -webkit-mask-size:22px 17px;
            mask-size:22px 17px;            
            width:22px;
            height:17px;
            background-color: var(--primary);
            position:absolute;
            top:50%;
            transform: translateY(-50%);            
            left:10px;
            display: block;
            transition: all 0.2s ease 0s;
            -webkit-mask-image:url(../images/section2bg3.webp);
            mask-image:url(../images/section2bg3.webp);
        }

        &:hover,
        &:focus {
        
            &:before {
                background-color: var(--white);
            }
        }   
    }

    .home-image-wrapper #landing-extras-btn {        
        position: relative;
        transition: all 0.2s ease 0s;
        padding-left:46px;
        margin:0;

        @media( max-width:767px ) {
            width:180px;
        }

        &:before {
            content:'';
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat; 
            -webkit-mask-position:center;
            mask-position: center;
            -webkit-mask-size:17px 22px;
            mask-size:17px 22px;            
            width:17px;
            height:22px;
            background-color: var(--primary);
            position:absolute;
            top:50%;
            transform: translateY(-50%);            
            left:10px;
            display: block;
            transition: all 0.2s ease 0s;
            -webkit-mask-image:url(../images/plus.svg);
            mask-image:url(../images/plus.svg);
        }

        &:hover,
        &:focus {
        
            &:before {
                background-color: var(--white);
            }
        } 
    }

    .next {
        width:36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;        
        margin:0 auto;
        position: absolute;
        bottom:0;
        left:50%;
        transform: translateX(-50%);
        color:var(--white);
        cursor: pointer;
        transition: all 0.2s ease 0s;
    }

    .next:after {
        content:'\e804';
        font-family: "cheyenne-decade";
        font-size: 38px;
        transform: rotate(-90deg);
        margin-top:2px;
    }

    #next-boldstyles { 
        background-color: var(--secondary-darker); 
        bottom:100px; 
    }

    #next-boldstyles:hover,
    #next-boldstyles:focus {
        background-color: var(--secondary-dark); 
    }
    
    #next-findastore { 
        background-color: var(--primary); 
        bottom:36px; 
    }

    #next-findastore:hover,
    #next-findastore:focus {
        background-color: var(--primary-dark); 
    }    
    
    @media( max-width:1199px ) {
        .home-image-wrapper .container .home-image-left {
            width:400px;
        }
    }

    @media( max-width:991px ) {
        .home-image-wrapper {
            padding:40px 0 100px 0;
        }

        .home-image-wrapper .container .home-image-left {
            width:350px;
        }

        .home-image-wrapper .landing-title-text {
            font-size: 47px;
            line-height: 47px;
        }
    }

    @media( max-width:767px ) {        
        .home-image-wrapper .container {
            flex-direction: column-reverse;
            padding:50px 0 30px;
        }

        .home-image-wrapper .container .home-image-left {
            width:100%;
        }

        .home-image-wrapper .landing-title-text {
            max-width: 100%;
            text-align: center;
        }

        .home-image-top::after {
            left:50%;
            transform: translateX(-50%);
            position: relative;
        }

        .home-image-bottom {
            justify-content: center;
            margin-bottom: 30px;
            flex-direction: column;
        }

        .home-image-wrapper .container .home-image-right {
            display: flex;
            justify-content: center;
        }

        .home-image-wrapper .container .home-image-right img {
            max-width: 300px;
        }

        .home-image-wrapper button {
            min-width: 160px;            
        }
    }*/

/* Section 2 */
    .home-section2 {
        margin-bottom: 72px;
    }

    .home-section2 .container {
        display: flex;
        gap:15px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .product {
        position: relative;
        cursor: pointer;
        width:calc( ( 100% - 60px ) / 5 );
    }

    @media( max-width:848px ) {
    
        .home-section2 .container {
            width:min(calc( (100vw - ( 100vw - 100% ) ) - 2 * 15px ), 678px );
        }

        .product {
            width:calc( ( 100% - 30px ) / 3 );
        }
    }

    @media( max-width:575px ) {

        .product {
            width:calc( ( 100% - 15px ) / 2 );
        }
    }

    .product .front img,
    .product .back img {
        width:100%;
        object-fit: contain;
        object-position: center top;
        border:2px solid #d7d8da;
    }

    .product .front {
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height:100%;
        transition: var(--slow-transition);
    }

    .product .back {
    
    }

    .product:hover .front,
    .product:focus .front {
        opacity: 0;
    }

    .product .overlay {
        display: none;
    }


    .popup-product-overlay {
        position:fixed;        
        top:0;
        left:0;
        width:100%;
        height:100%;
        max-width: 100% !important;
        /*display: flex;*/
        display: none;
        align-items: center;
        justify-content: center;        
        background-color: rgba(13,27,42,0.7);
        z-index: 9999;
    }

    .popup-product-wrapper {
        padding:25px;
        background-color: var(--white);
        max-width: min(calc( var(--vw) - 2 * 40px ), 1140px );
        min-width: 300px;
        box-shadow:0 0 20px rgba(13,27,42,0.3);
        display: none;
        position: relative;          
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;        
        box-shadow:0 0 20px rgba(13,27,42,0.3);
    } 

    .popup-product-close {
        position: absolute;         
        color: var(--white);
        text-indent: 0;
        width: 40px;
        height: 40px;
        line-height: 26px;
        font-weight: bold;
        border-radius: 30px;
        font-size: 30px;
        top:2px;
        right:0px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 1;
        padding-bottom: 2px;
        transition: var(--transition);
    }        

    .popup-product-close:hover,
    .popup-product-close:focus {
        color:var(--primary);
    }
        
    .popup-product-content {
        min-height: 557px;
        max-height: 70vh;
        overflow-y:auto;
        overflow-x: hidden;  
        font-size: 20px;
        line-height: 28px;      
        padding:50px 0;
    }

    .popup-product-content h2 {
        font-size: 80px;
        line-height: 70px;
        text-transform: uppercase;
    }

    .popup-product-content .std-button {
        margin-top:24px;
        background-image: url(../images/find.webp);
        background-position: left 10px center;
        background-repeat: no-repeat;
        background-size: 34px 35px;
        padding-left:54px;
    }

    .std-button {
        border:2px solid var(--white);
        padding:12px 30px 8px;
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
        color:var(--white);
        text-transform: uppercase;
        font-size: 28px;
        line-height: 28px;   
        text-decoration: none;
        cursor: pointer;  
        transition: var(--transition);
        display: inline-block;
    }

    .std-button:hover,
    .std-butotn:focus {        
        background-color: var(--primary);
        border-color:var(--primary);
    }

    .popup-product-content .container {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .popup-product-content .container > * {
        width:50%;
    }

    @media( max-width:575px ) {
    
        .popup-product-content .container > * {
            width:100%;
        }
    }








    #products-container {
        position: relative;
        padding-bottom: 0;
    }
    /*
    #products-container:after {
        display: none;
    }

    #products-container .container {
        position: relative;
    }    

    #product-slider {
        width:100%;
        height:279px;
        overflow: hidden;
        display:flex;
    }

    #product-slider .slick-list {
        width:100%;
    }

    #product-slider .slick-list .slick-track {
        display: flex;
        min-width: 100%;
    }

    #product-slider .bold-style-item-wrapper {
        min-width: 190px;
    }

    .fiveboldstyles-title {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 64px;
    }

    #products-container .featured-product-arrow {
        height:70px;
        top:-58px;
    }

    #products-container .featured-product-arrow.float-left {
        left:-40px;
    }

    #products-container .featured-product-arrow.float-right {
        right:-40px;
    }

    #products-container .featured-product-arrow i {
        line-height: 70px;
        display: flex;
        align-items: center;
        justify-self: center;
    }

    #products-container .featured-product-arrow i:before {
        margin:0;
        width:40px;
        color:var(--white);
        font-size: 40px;
    }

    .product-slider-wrapper {
        position: relative;
    }

    .bold-style-item-wrapper {
 
    }

    .bold-style-item-wrapper img {
        height:222px;
    }

    .bold-style-item-wrapper .small-image-hover {
        display: none !important;
        margin-left: auto;
        margin-right: auto;
    }

    .bold-style-item-wrapper:hover .small-image {
        display: none !important;
    }

    .bold-style-item-wrapper:hover .small-image-hover {
        display: block !important;
    }

    .bold-style-item-wrapper img.pack-image {
        margin-bottom: 10px;
    }

    .bold-style-item-wrapper .title {
        color:var(--white);
        position: relative;        
        font-weight: 400;
        margin-bottom: 0;
    }

    .bold-style-item-wrapper .title:after {
        content:'';
        width:68px;
        height:5px;
        background-color: var(--primary);
        display: block;
        left:50%;
        transform: translateX(-50%);
        position: relative;
        margin-top:12px;
    }

    .bold-style-item-wrapper hr,
    .bold-style-item-wrapper .bold-style-links-wrapper {
        display: none;
    }    

    @media( max-width:991px ) {
        #products-container .featured-product-arrow.float-left {
            left:0px;
        }

        #products-container .featured-product-arrow.float-right {
            right:0px;
        }
    }*/

    /* Pop up */
    .product-modal .modal-dialog .modal-content {
        border:none;
        background-color: transparent;
        color:var(--white);
        background-image: url(../images/popup-masking2.webp);
        background-size: 100% 100%;
        height: 100%;
    }

    .product-modal .product-modal-header {
        display: flex;
        justify-content: flex-end;
        padding:72px 36px 0 0;
        position: absolute;
        width:100%;
    }

    .product-modal .product-modal-header .close {
        width:56px;
        height:56px;
        background-image: url(../images/popup-close.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        padding:0;        
        border:none;
        opacity: 1;
        transition: all 0.2s ease 0s;
        z-index: 1;
    }

    .product-modal .product-modal-header .close:hover,
    .product-modal .product-modal-header .close:focus {
        background-color: transparent;
        opacity: 1;
    }

    .product-modal .container {
        display: flex;
        gap:112px;
    }

    .product-modal .container .modal-left {
        width:390px;
    }

    .product-modal .container .modal-left img {
        width:100%;
    }

    .product-modal .container .modal-right {
        font-stretch: 50; /* Secondary / Extra Condensed */
        font-weight: 500; /* Secondary / Medium */
        max-width: 400px;
        padding-top:30px;
    }

    .product-modal .modal-dialog {
        height:100%;
    }

    .product-modal .modal-dialog .modal-content .modal-body {
        padding-top:70px;
    }

    .product-modal .modal-dialog .modal-content .modal-body .find-products-btn {
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
        border-color: rgba(255,255,255,0.55);
        font-size:24px;
        line-height: 28px;
        padding:4px 20px;
        justify-content: center;
        text-align: center;
    }

    .product-modal .modal-dialog .modal-content .modal-body .find-products-btn:hover,
    .product-modal .modal-dialog .modal-content .modal-body .find-products-btn:focus {
        border-color: var(--white);
        background-color: var(--white);     
        color: var(--primary);
    }   

    .product-modal .modal-dialog .modal-content .modal-body .modal-title {        
        text-transform: uppercase;
        margin:0;
    }

    .product-modal .modal-dialog .modal-content .modal-body .modal-copy {
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
        letter-spacing: 1px;
        font-size: 17px;
        line-height: 29px;
    }

    .modal-separator {
        width:316px;
        height:5px;
        background-color: rgba(255,255,255,0.55);
        margin:36px 0;
    }     

    @media( max-width:767px ) {       

        .product-modal .container {
            gap:16px;
            flex-direction: column;
        }

        .product-modal .container .modal-left {
            width:100%;
            text-align: center;
        }

        .product-modal .container .modal-left img {
            max-width: 100px;
        }

        .product-modal .container .modal-right {
            padding:0;
            max-width: 100%;
        }

        .product-modal .modal-dialog .modal-content .modal-body .modal-title {
            line-height: 1;
            margin-bottom: 10px;
            text-align: center;
        }

        .product-modal .modal-dialog .modal-content .modal-body .modal-copy {
            width:100%;
            margin:0;
            text-align: center;
        }

        .modal-separator {
            width:200px;
            margin:24px auto;
        }

        .product-modal .product-modal-header {
            padding:60px 20px 0 0;
        }

        .product-modal .product-modal-header .close {
            width:32px;
            height:32px;
        }

        .product-modal .modal-action {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .product-modal .modal-dialog .modal-content .modal-body .find-products-btn {
            padding:5px 32px;
            width:auto;
            margin:0;
        }
    }

/* Section 3 */
    .findastore-title-wrapper {
        text-transform: uppercase;
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
        background-image: url(../images/map2.svg);        
        background-position: right 16px;
        background-repeat: no-repeat;
        background-size: 65px;
        padding-right: 90px;
        display: inline-flex;
        flex-direction: column;
        margin-bottom: 22px;
    }

    .findastore-text-1 {
        color:var(--primary);        
        letter-spacing: 0.5px;
        font-size: 36px;
        line-height: 46px;
    }

    .findastore-text-1 b {
        font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Black */
    }

    .findastore-text-2 {
        color:var(--white);
        font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Black */
        font-size: 90px;
        line-height: 80px;
    }

    .map-wrapper {
        background-color: transparent;
        padding:0;
        margin-bottom: 100px;
    }

    .map-search-wrapper {
        background-color: var(--primary);
        color:var(--white);
    }

    .map-search-result-wrapper {
        background-color: var(--primary);
        color:var(--white);
    }

    .map-search-result-header h4 {
        color:var(--white);
        text-transform: uppercase;
        font-size: 32px;
        line-height: 42px;
        font-weight: 400;
    }

    h5.notfound {
        color:var(--white);
        text-transform: uppercase;
        font-size: 32px;
        line-height: 42px;
        font-weight: 400;
    }

    .map-search-notification {
        color:var(--white);
    }

    .map-search-result-header select {
        color:var(--white);
        font-family: 'acumin-variable', Tahoma, Arial, sans-serif;
    }

    .map-search-result-header select option {
        color:var(--black);
    }

    .map-search-wrapper input {
        border-radius: 0;
    }




    /*.page-template-page-home #find-a-store-container {            
        margin:-54px 0 180px;
        padding:0;
    }

    #find-a-store-container {                    
        padding-bottom:80px;
        margin-bottom: 0px;
        background-size: cover;
    }

    #find-a-store-container .container {
        max-width: min( calc( 100vw - 30px ), 1440px );
    }

    #find-a-store-container .home-section-title {        
        text-transform: uppercase;
        margin-top:80px;
    }

    #find-a-store-container .home-online-retailers {
        font-weight: 300;
        margin-bottom: 25px;
    }

    .page-template-page-home .map-container {
        margin-bottom: -120px;
    }

    .map-container {
        width:100%;
        max-width: min( calc( 100vw - 30px ), 1440px );
        border:8px solid var(--primary-dark);
        margin:0 auto 0;
    }

    .map-search-result-header h4,
    .map-search-result-header h5,
    h5.notfound,
    .map-search-box-left h5 {
        color:var(--primary);
    }

    .map-search-result-wrapper a {
        text-decoration: underline;
    }

    @media( max-width:991px ) {
        .map-container {
            max-width: calc( 100vw - 30px );
        }
    }*/

/* Section 4 */
    .extras-header {
        margin-bottom: 50px;
    }

    .extras-header .container {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .extras-header h2 {
        margin-bottom: 0;
        font-size: 90px;
        line-height: 80px;
    }

    .extras-header-right {
        display: flex;
        gap:36px;
        justify-content: flex-end;
    }

    .extras-header-right .all-blogs-cta,
    .extras-header-right .winners-circle-cta {      
        background-repeat: no-repeat;
        background-position: right center;
        display: flex;
        gap:12px;
        text-transform: uppercase;
        color:var(--white);
        text-decoration: none;
        font-family: var(--tertiary-font);
        font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
        font-size: 26px;
        padding:0 0 0 12px;
    }    
    
    .extras-header-right span {
        padding-top:4px;
        display: block;
    }


    .extras-header-right .winners-circle-cta {
        border:4px solid var(--red);        
    }

    .extras-header-right .all-blogs-cta {
        border:4px solid var(--gold);        
    }

    .extras-header-right .winners-circle-cta:hover,
    .extras-header-right .winners-circle-cta:focus {
        background-color: var(--red);
    }

    .extras-header-right .all-blogs-cta:hover,
    .extras-header-right .all-blogs-cta:focus {
        background-color: var(--gold);
    }
    
    .extras-header-right .winners-circle-cta:after {
        content:'';
        width:48px;
        border-left:2px solid var(--red);
        height:37px;
        background-color: var(--red);
        background-image: url(../images/pastprizes.webp);         
        background-size: 30px;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    .extras-header-right .all-blogs-cta:after {
        content:'';
        width:50px;
        border-left:2px solid var(--gold);
        height:37px;
        background-color: var(--gold);
        background-image: url(../images/allblogs.webp); 
        background-size: 30px;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    
    .extras-list {
        background-image: url(../images/extrasbg2.webp);        
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding-bottom: 400px;
    }

    .extras-list .container {
        display: flex;
        gap:24px;
    }

    @media( max-width:991px ) {

        .extras-list {
            background-size: 100% auto;
        }
    }

    @media( max-width:767px ) {

        .extras-header .container {
            flex-direction: column;
            align-items: center;
            gap:24px;
        }
    
        .extras-list .container {
            flex-direction: column;
            gap:50px;
        }        
    }

    .extras-large {
        padding:0;
        overflow: initial;
        position: relative;
        width: calc( ( 100% - 48px ) / 3);
    }

    .extras-large .promo-img {
        position: static;
        transform: none;
        aspect-ratio: 1/1;
        min-width: none;
        min-height: auto;
        width: 100%;
        margin:0;
    }

    .extras-small {        
        padding:0;
        position: relative;
        overflow: initial;
        width: calc( ( 100% - 48px ) / 3);
    }

    .extras-large .blog-item-wrapper,
    .extras-small .blog-item-wrapper {
        position: relative;
        aspect-ratio: 1/1;
        margin-bottom: 75px;
        padding:0;
        height:auto;
        transition: var(--slow-transition);
    }

    .extras-list .blog-item-wrapper:after {
        content:'';
        width: 100%;
        height: 50px;
        background: #000;
        -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        position: absolute;
        top:100%;
        left:0;
    }

    .extras-list .container > div:nth-child(1) .blog-item-wrapper:after {
        background: var(--red); 
    }

    .extras-list .container > div:nth-child(2) .blog-item-wrapper:after {
        background: var(--blue); 
    }

    .extras-list .container > div:nth-child(3) .blog-item-wrapper:after {
        background: var(--gold); 
    }

    .extras-list .blog-item-wrapper:hover,
    .extras-list .blog-item-wrapper:focus {
        opacity: 0.6;
    }

    .blog-text {
        font-family: var(--primary-font);
        font-variation-settings: 'wght' 600, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Semibold */
        letter-spacing: 2px;
        text-align: center;
        text-transform: uppercase;
    }

    .extras-list .container > div:nth-child(1) .blog-text { color:var(--red); }
    .extras-list .container > div:nth-child(2) .blog-text { color:var(--blue); }
    .extras-list .container > div:nth-child(3) .blog-text { color:var(--gold); }

    .blog-title a {
        font-size: 64px;
        line-height: 54px;
        color:var(--white);
        text-align: center;
        text-transform: uppercase;
        display: block;
        font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Black */
    }

    .blog-title a:hover,
    .blog-title a:focus {
        color:var(--secondary);
    }

    @media( max-width:767px ) {
    
        .extras-large,
        .extras-small {
            width: 100%;
        }

        .extras-large .blog-item-wrapper,
        .extras-small .blog-item-wrapper {
            max-width: 400px;
            margin-left: auto;
            margin-right: auto;
        }
    }



    #extras-container {
        padding-bottom:0;
        margin-bottom: 80px;
    }

    #extras-container .container {
        width:100%;        
        max-width: min( 100vw, 1440px );
        margin:0 auto;
    }

    .extras-title {        
        max-width: min( 100vw, 1440px );     
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .extras-action {
        display: flex;
        gap:15px;

        a {
            text-decoration: none;
        }

        button {
            color:var(--primary);
            border-color:var(--primary);
            text-align: center;
            justify-content: center;
        }

        button:hover,
        button:focus {
            color:var(--white);
            background-color:var(--primary);;
            border-color:var(--primary);
        }
    }

    .extras-title h2 {
        text-transform: uppercase;
        color:var(--primary);
    }

    .extras-posts {
        display: flex;
        gap:24px;        
        max-width: min( 100vw, 1440px );
        margin-bottom: 50px;
    }

    .extras-post {
        max-width:calc( 100% / 3 );
        width:100%;
    }

    .single-related .extras-post {
        max-width: calc( 100% / 2 );
    }

    .extras-post .blog-item-wrapper {
        /*height: 250px;   */
        height: auto;
        aspect-ratio: 1/1;
        padding:0;
        position: relative;
        margin-bottom: 75px;
    }

    .extras-large .blog-item-wrapper, 
    .extras-small .blog-item-wrapper {
        position: relative;
        background-position: center;
    }

    .extras-post .blog-item-description {
         /*height:126px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding:15px;
        font-size:24px;
        line-height: 28px;*/
        color:var(--primary);
        text-align: center;

        font-size: 64px;
        line-height: 54px;
        text-transform: uppercase;
        display: block;
        font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Black */
        text-decoration: none;
    }    

    .extras-post .blog-item-link:hover .blog-item-description {
        color:var(--secondary);
        text-decoration: none;
    } 

    /*.extras-post:nth-child(1) { background-color: var(--primary); }
    .extras-post:nth-child(2) { background-color: var(--secondary-darker); }
    .extras-post:nth-child(3) { background-color: var(--secondary); }*/

    .extras-post .blog-item-wrapper:before,
    .extras-post .blog-item-wrapper:after {
        /*content:'';
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;*/
    }

    .extras-post .blog-item-wrapper:after {
        content: '';
        width: 100%;
        height: 50px;
        background: #000;
        -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        position: absolute;
        top: 100%;
        left: 0;
    }

    .extras-posts .extras-post:nth-child(1) .blog-item-wrapper:after {
        background: var(--red); 
    }

    .extras-posts .extras-post:nth-child(2) .blog-item-wrapper:after {
        background: var(--blue); 
    }

    .extras-posts .extras-post:nth-child(3) .blog-item-wrapper:after {
        background: var(--gold); 
    }

    /*.extras-post:nth-child(1) .blog-item-wrapper:before {
        background: rgba(0, 164, 152, 1);
        mix-blend-mode: color;
    }

    .extras-post:nth-child(1) .blog-item-wrapper:after {        
        background: rgba(0, 164, 152, 0.58);
        mix-blend-mode: multiply;
    }

    .extras-post:nth-child(2) .blog-item-wrapper:before {
        background: rgba(59, 1, 7, 1);
        mix-blend-mode: color;
    }

    .extras-post:nth-child(2) .blog-item-wrapper:after {        
        background: rgba(59, 1, 7, 0.58);
        mix-blend-mode: multiply;
    }

    .extras-post:nth-child(3) .blog-item-wrapper:before {
        background: rgba(192, 29, 57, 1);
        mix-blend-mode: color;
    }

    .extras-post:nth-child(3) .blog-item-wrapper:after {        
        background: rgba(192, 29, 57, 0.58);
        mix-blend-mode: multiply;
    }

    .extras-post .blog-item-description:after {
        content:'>';
        font-size: 34px;
        line-height: 42px;
        display: block;
        font-weight: 400;
        transform: rotate(90deg);
        margin-top:-10px;
    }*/

    
    .extras-large, 
    .extras-small {
        padding-bottom: 0;
        margin:0;
    }

    .extras-post .blog-item-description .blog-item-description-inner {
        transition:all 0.2s ease 0s;
        text-decoration: none !important;
    }

    .winnerscircle-wrapper {
        background-color: var(--tertiary);
        padding:19px 15px;
    }

    @media( max-width:1440px ) {
        #extras-container .extras-title {
            max-width: min(calc( 100% - ( 2 * 15px ) ), 1440px );
        }
    }

    @media( max-width:991px ) {
        .extras-posts {
            flex-direction: column;
        }

        .extras-post,
        .single-related .extras-post {
            max-width: 100%;
        }
    }

    @media( max-width:767px ) {
        #extras-container .extras-title {
            flex-direction: column;
        }
    }

/* Section 5 */
    body:not(.logged-in) #contact-us-wrapper h2 {
        margin-bottom: 45px;
    }

    body:not(.logged-in) .contact-check {
        margin-top:0;
    }

    #contact-us-wrapper {        
        background-color: var(--primary);
        padding-top:36px;
        padding-bottom: 0;
    }

    #contact-us-wrapper h2 {
        margin-bottom: 0;
        font-size: 90px;
        line-height: 80px;
    }

    .contact-check {
        display: flex;
        justify-content: flex-end;
        gap:32px;
        align-items: center;
        margin-bottom: 46px;
        margin-top:-45px;
    }    

    @media( max-width:991px ) {
    
        .contact-check {
            margin-top:0;
        }
    }

    @media( max-width:767px ) {

        #contact-us-wrapper h2 {
            text-align: center;
            margin-bottom: 24px;
        }

        .contact-check {
            display: flex;
            flex-direction: column;
            gap:20px;
        }
    }

    .contactus-title {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 32px;
    }

    .form-check {
        margin:0;
        text-align: center;
    }

    body.page-template-page-landing .form-check {
        text-align: left;
    }

    .product-issue-label {
        margin:0;     
        color:var(--background);
        font-size: 28px;
        line-height: 38px;
        text-transform: uppercase;
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
    }

    .form-group {
        margin-bottom: 24px;
    }

    .product-issue-answer-wrapper {
        float:none;
        line-height: initial;
        height:auto;
        margin:0;
        text-transform: uppercase;
        font-size: 28px;
        line-height: 38px;
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
    }

    .product-issue-answer-wrapper .custom-control {
        margin-bottom: 0;
        display: flex;
    }

    .product-issue-answer-wrapper .form-check {
        display: flex;
    }

    .custom-control-indicator {
        top:0;
        width:40px;
        height:40px;
        right:0;
        left:initial;

        position: static;
    }

    .custom-checkbox .custom-control-indicator {
        border-radius: 0;
    }

    .custom-control {
        min-height: 40px;
        padding-left:0;
        padding-right: 0;
        margin-right: 30px;
        font-family: var(--tertiary-font);
        font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
        font-size: 22px;
        line-height: 40px;
        display: flex;
        gap:12px;
        cursor: pointer;
    }

    .custom-control:last-child {
        margin-right: 0;
    }

    .custom-control-description {        
        margin:0;
        font-size: 22px !important;
        line-height: 37px !important;
        padding-top:0px !important;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
        background-position: 10px 10px;
    }

    .form-control {
        font-size: 17px;
        line-height: 29px;
    }

    .form-control.error {
        border-color: var(--secondary);
        background-color: var(--white);
        color:var(--black);
    }

    #contact-form-container  {
        margin-bottom:18px;
    }

    #contact-form-container, 
    #contact-form-container h5 {
        
    }

    #contact-form {
        display: flex;
        flex-direction: column;
        justify-content: center;        
    }

    #contact-form .custom-control-indicator {
        margin:0;
    }

    .product-issue-answer-wrapper {
        display: flex;
        justify-content: center;        
    }

    /*#contact-form-btn {
        margin:0;
        align-self: center;
        padding-left:46px;
        position: relative;
        transition: all 0.2s ease 0s;

        &:before {
            content:'';
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat; 
            -webkit-mask-position:center;
            mask-position: center;
            -webkit-mask-size:26px 23px;
            mask-size:26px 23px;            
            width:26px;
            height:23px;
            background-color: var(--primary);
            position:absolute;
            top:50%;
            transform: translateY(-50%);            
            left:10px;
            display: block;
            transition: all 0.2s ease 0s;
            -webkit-mask-image:url(../images/send.webp);
            mask-image:url(../images/send.webp);
        }

        &:hover,
        &:focus {
        
            &:before {
                background-color: var(--white);
            }
        }        
    }*/

    #contact-form #contact-form-btn {
        align-self: flex-end;
    }

    #contact-form-btn {
        background-repeat: no-repeat;
        background-position: right center;
        display: inline-flex;
        gap:12px;
        text-transform: uppercase;
        color:var(--white);
        text-decoration: none;
        font-family: var(--tertiary-font);
        font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
        font-size: 26px;
        line-height: 24px;
        padding:0 0 0 12px;
        border:4px solid var(--white);
        transition: var(--transition);
        border-radius: 0;        
    }

    #contact-form-btn:hover,
    #contact-form-btn:focus {
        background-color: var(--white);
        color:var(--background);
    }

    #contact-form-btn:after {
        content:'';
        width:48px;
        border-left:2px solid var(--white);
        height:37px;
        background-color: var(--white);
        background-image: url(../images/send.webp);         
        background-size: 30px;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
    }

    #contact-form-btn span {
        display: block;
    }

    #contact-form textarea {
        margin:0;
        min-height: 210px;
        padding:20px 20px;
    }

    .contact-comment-bubble-container {
        margin:0;
        background-color: var(--red);
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
        color:var(--white);
    }

    .contact-comment-bubble-wrapper {
        background-color: transparent;
        border-radius: 0;
        padding:60px 0;        
    }

    .contact-comment-bubble-wrapper:after {
        display: none;
    }

    .contact-comment-bubble-wrapper .address-lines {        
        margin:0;
        font-size: 30px;
        line-height: 40px;
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
    }

    .contact-comment-bubble-wrapper a {
        color:var(--primary);
        border-color:var(--primary);
        font-weight: bold;
        letter-spacing: 0.4px;
    }

    .contact-comment-bubble-wrapper a:hover,
    .contact-comment-bubble-wrapper a:focus {
        color:var(--white);
        border-color:var(--white);
    }

    #product-issue-wrapper p {
        font-size: 17px;
        line-height: 29px;
    }

    #contact-form-confirmation-container {
        display: flex;
        flex-direction: column;  
        align-items: center;
    }

/* Footer */
    .footer-wrapper {
        background-color: var(--background);
        padding-bottom: 100px;
        font-size: 16px;
        line-height: 26px;
        color:var(--primary);
        font-family: var(--primary-font);
        font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Regular */
    }

    .footer-link {
        color:var(--primary);
        font-weight: 400;
    }

    .footer-link:hover, .footer-link:active, .footer-link:focus {
        color:var(--secondary);
    }

    .home-footer-logo-wrapper {
        margin:58px auto 24px;
    }

    .copyright-text {
        margin-top:24px;
        margin-bottom: 48px;
        color:var(--primary);
    }

    .copyright-text p {
        color:var(--primary);
    }

    @media( min-width:575px ) {
        .copyright-text {         
            margin-bottom: 24px;
        }
    }

    body:not(.logged-in) #contact-footer-link {
        padding:0;
        border:0;
        margin:0;
    }

    body:not(.logged-in) #contact-footer-link ~ a {
        display: none;
    }

    .footer-info a {
        color:var(--primary);
    }

    .footer-info a:hover,
    .footer-info a:focus {
        color:var(--secondary);
    }

/* Modal */
    #blog-modal .modal-dialog .modal-content .modal-body .banner-image-wrapper .container {
        min-height:150px;
        display: flex;
        justify-content: flex-end;
    }

    #blog-modal .modal-dialog .modal-content .modal-body .blog-title-wrapper {
        background-color: var(--primary);
        padding:15px 0 20px;
    }

    #blog-modal .modal-dialog .modal-content .modal-body .blog-title-wrapper .blog-title {
        font-style: normal;
        background-color: transparent;
        color:var(--white);        
        padding:0;
        margin:0 auto;
        font-size: 47px;
        line-height: 47px;
        display: block;
        max-width: min(calc( (100vw - ( 100vw - 100% ) ) - 2 * 15px ), 1050px );        
    }


    #blog-modal .modal-dialog .modal-content .modal-body .container {
        max-width: min(calc( (100vw - ( 100vw - 100% ) ) - 2 * 15px ), 1050px );    
    }

    #blog-modal .body-text h1, 
    #blog-modal .body-text h2,
    #blog-modal .body-text h3, 
    #blog-modal .body-text h4, 
    #blog-modal .body-text h5, 
    #blog-modal .body-text h6 {
        color:var(--primary);
        font-weight: 400;
        margin-top:32px;        
    }

    #blog-modal .body-text > *:first-child {
        margin-top: 0;
    }

    #blog-modal .modal-dialog .modal-content .modal-body button.close {
        float:none;
        border:none !important;
        background-color: transparent !important;
    }

    .basic-yop-poll-container {
        background-color: var(--secondary) !important;
    }

    .blog-item-wrapper .blog-text {
    
    }

    #blog-modal .modal-dialog .modal-content .modal-body .body-text-wrapper .body-text {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-item-wrapper .title {
        font-style: normal;        
        background-color: var(--primary);
        padding:5px;
        box-shadow:none;
        left:0;
    }
    
    a.button.basic-vote-button {
        transition: all 0.2s ease 0s;
        border:2px solid var(--tertiary) !important;
        background-color: transparent !important;
        border-radius: 0 !important;        
        color:var(--white) !important;
        font-size: 17px !important;
        line-height: 29px !important;        
        gap:10px;
        text-transform: uppercase !important;
        padding:4px 20px !important;
        letter-spacing: 1px !important;
    }

    a.button.basic-vote-button:hover,
    a.button.basic-vote-button:focus {        
        background-color: var(--tertiary) !important;        
        border:2px solid var(--tertiary) !important;
        color:var(--white) !important;
    }

    #blog-modal .bootstrap-yop {
        margin:48px 0 32px 0;
    }

    .blog-item-link:hover .blog-item-description-inner,
    .blog-item-link:focus .blog-item-description-inner {
        text-decoration: underline;
        text-decoration-color:var(--white);
    }

/* PAGE Generic */
    .page-container {
        padding-top:38px;
        padding-bottom: 24px;
        max-width: min(calc( (100vw - ( 100vw - 100% ) ) - 2 * 15px ), 640px );
    }

    .section-title {
        margin-top:50px;
    }

    .page-container .section-title,
    .page-container h1,
    .page-container h2,
    .page-container h3,
    .page-container h4,
    .page-container h5,
    .page-container h6 {
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Black */
        color:var(--secondary);
    }

    .page-container p {
        color:var(--background);
    }

/* PAGE Login */
    a#register-btn {
        display: inline-block;
        text-decoration: none;
    }

    .landing-checkbox {
        margin:0 0 20px 0;
    }

    .landing-copy-text a,
    .landing-text-link-wrapper a,
    a.forgot-password {
        color:var(--white);
    }

    .landing-copy-text a:hover,
    .landing-copy-text a:focus,
    .landing-text-link-wrapper a:hover,
    .landing-text-link-wrapper a:focus,
    a.forgot-password:hover,
    a.forgot-password:focus {
        color:var(--primary);
    }

    @media( max-width:576px ) {

        #landing-login-form {
            max-width: 300px;    
            margin:0 auto;
            padding-top:0;
        }

        .landing-copy-text {
            max-width: 300px;
            margin:0 auto;
        }

        .forgot-password {
            text-align: left;
            margin-bottom: 0;
            font-size: 14px;
            line-height: 20px;
        }

        .custom-control-description {
            font-size: 14px;
            line-height: 20px;
            padding-top:2px;
        }

        .landing-join {
            max-width: 300px;    
            margin:0 auto;            
        }

        .landing-register-text {
            text-align: left;
            line-height: 20px;
        }

        .landing-join br {
            display: none;
        }

        a#register-btn {
            margin-top:10px;
        }

        .landing-copy-text p,
        .landing-text-link-wrapper {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 10px;
        }

        .landing-row h1.section-title {
            margin-top:20px;       
            margin-bottom: 20px; 
            font-size: 47px;
            line-height: 47px;
        }

        .landing-row .landing-join h1.section-title {
            margin-top:40px;
        }        
    }

/* PAGE Registration */
    .registration-header-container {
        background-color: var(--secondary);
        padding:12px 0;
    }

    #header-nav-container.registration-header-container {
        position: relative;
        z-index: 1000;
    }

    body.logged-in .registration-header-container {
        padding-top:57px;
        z-index:999;
        position: relative;
    }

    @media( max-width:848px ) {
        body.logged-in .registration-header-container {
            padding-top:12px;
        }
    }

    .registration-header-container .home-logo {
        width:170px;
    }



    @media( max-width:767px ) {
    
        #header-nav-container {
            background-color: rgba(0,0,0,0.5);
        }
    }

    body.page-template-page-store-locator-and-contact .registration-logo {
        top:0;
    }

    select.form-control:not([size]):not([multiple]) {
        height:auto;
    }

    .form-control {
        padding:12px 16px;
    }

    select.form-control {
        line-height: 29px;
        padding:15px 16px;
        font-family: var(--primary-font);
        font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Regular */
    }

    #registration-container .registration-title {
        color:var(--primary);
    }

    button.register-submit {
        color:var(--primary);
    }

    button.register-submit:hover,
    button.register-submit:focus {
        color:var(--white);
    }

    #map-canvas button img {
        margin-left: 0;
    }

/* PAGE Tobacco & Your Health */
    .back-btn {
        text-decoration: none !important;
        display: block;
    }

    .back-btn button {
        color:var(--secondary);
    }

    .back-btn button:hover,
    .back-btn button:focus {
        color:var(--white);
    }

/* PAGE Privacy Policy */
    .page-template-page-terms-of-use #logged-in-navbar-container, .page-template-page-privacy-policy #logged-in-navbar-container {
        position: fixed;
    }    

/* PAGE Retailer */
    .retailers-wrapper {
        font-family: var(--primary-font);
        font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Regular */
    }

    .retailer-action-wrapper a {
        background-color: transparent;
        border:none !important;
        padding:0;
        text-transform: none;
    }

    .retailer-action-wrapper a button {
        color:var(--primary);
    }

    .retailer-action-wrapper a:hover button,
    .retailer-action-wrapper a:focus button {
        color:var(--white);
    }

/* PAGE Edit Profile */
    #edit-profile-container,
    #registration-container {
        padding:50px 0;
    }

    .logged-in #edit-profile-container {
        position: relative;
    }

    #edit-profile-container .title {
        color:var(--primary);
        font-size: 90px;
        line-height: 80px;
        font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Black */
    }

    #edit-profile-container .form-section-title {
        color:var(--secondary);
        margin-top:0;
        margin-bottom: 15px;
    }

    #edit-profile-address1 {
        background-position: 10px center;
        padding-left:30px;
    }



    #edit-profile-container p {
        font-family: var(--primary-font);
        font-variation-settings: 'wght' 600, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Semi Bold */
        margin-bottom: 15px;
        color: var(--background);
    }

/* PAGE Winner's Circle */
    .winners-wrapper {
        font-family: var(--primary-font);   
        font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Regular */
    }

    .winners-wrapper .winner-name h2 {
        color:var(--primary);
    }

    .prize-caption {
        background-color:var(--red);
        padding:4px 10.5px 5px 12px;
        border-right-width:4px;
        border-radius: 0;
    }

    .winners-wrapper .winner-period {
        font-size: 14px;
        line-height: 29px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

/* PAGE Blog */
    .page-featured-image-wrapper {
        background-color: var(--secondary);
        margin-bottom: 40px;
    }

    .page-featured-image-wrapper img {
        display: none;
    }

    .promotions-template-default .page-featured-image-wrapper {
        height: auto;
        padding-top: 35px;
    }

    .promotions-template-default .page-featured-image-wrapper .page-featured-image-inner {
        max-width: 100%;
        padding: 0px;
    }

    .promotions-template-default .page-featured-image-wrapper img {
        display: block;
        width: 100%;
    }

    .bloglist-wrapper {
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
        font-family: var(--primary-font);
        font-variation-settings: 'wght' 400, 'wdth' 90, 'slnt' 0; /* Primary / Semi Condensed Regular */
        margin-bottom: 40px;
    }

    .bloglist {
        width: calc( ( 100% - 80px ) / 3 );
        display: flex;
        flex-direction: column;
    }

    .bloglist-thumb {
        width: 100%;
        aspect-ratio: 4/3;
        background-color: var(--gray);
        position: relative;
    }

    .bloglist-thumb .nothumb {
        background-image: url(../images/cigars-logo-footer.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        opacity: 0.2;
    }

    .bloglist-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .bloglist-title {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        background-color: var(--secondary);
        text-align: center;
        font-family: var(--secondary-font);        
        font-size: 24px;
        font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
        flex:1;
    }

    .bloglist-title a {
        color:var(--white);
        font-family: var(--secondary-font);       
        font-variation-settings: 'wght' 500, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Medium */
    }

    .bloglist-title a:hover,
    .bloglist-title a:focus {
        color:var(--primary);
    }

    #loadmore {
        padding:4px 20px;
        letter-spacing: 1px;
        border:4px solid var(--blue);
        color:var(--blue);        
        justify-content: center;
        font-weight: 400 !important;
        margin-bottom:50px;
    }

    #loadmore:hover,
    #loadmore:focus {
        border: 4px solid var(--secondary);
        background-color: var(--secondary);
    }

    #loadmore-container.loading {
        background-image: url(../images/loader.gif);
        background-position: center;
        background-size: 50px;
    }

    @media( max-width:767px ) {
        .bloglist {
            width:100%;
        }
    }

/* SINGLE */
    .single {
        background-color: var(--white);
    }

    .single-container {
        padding-top:0;
        max-width: min(calc( (100vw - ( 100vw - 100% ) ) - 2 * 15px ), 1140px );
    }

    .single-container .back-btn {
        margin:0 0 40px 0;
    }

    .single-content-wrapper {
        margin:0 0 40px 0;
    }

    .single-content-wrapper > .wp-block-list {
        padding-left:40px;
    }

    .single-content-wrapper img.aligncenter {
        display: block;
        margin:0 auto;
    }

    .single-content-wrapper img.alignright {
        display: block;
        margin-left:auto;
    }

    .page-container a {
        color:var(--primary);
    }

    .page-container a:hover,
    .page-container a:focus {
        color:var(--secondary);
    }

/* SINGLE - PROMOTIONS */
    .single-promotions #header-nav-container {
        background-color: var(--secondary);        
    }

    .single-promotions .page-content-wrapper  {
        margin-top:114px;
        transition: all 0.2s ease 0s;
    }

    .single-promotions .page-featured-image-wrapper {
        background-image: none !important;
        padding-top:0;
    }

    .single-promotions-action {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap:12px;
        padding:24px 0;            
        margin-bottom: 40px;
    }

    .single-promotions-action .promo-btn {
        font-size: 34px;
        line-height: 42px;   
        padding:6px 40px;        
    }

    .single-promotions-action .promo-btn:hover,
    .single-promotions-action .promo-btn:focus {
        color:var(--white);
    }

    .sweep-status {
        display: none;
    }

    .sweep-count {
        display: none;
    }

    .single-promotion-note {
        margin-top:40px;
        padding:16px;
        background-color:var(--gray);
        border-top:8px solid var(--secondary);
    }

    .single-promotion-note,
    .single-promotion-note p {
        font-size: 17px;
        line-height: 29px;
    }

    @media( max-width:1200px ) {

        .single-promotions .page-content-wrapper {
            margin-top:108px;
        }
    }    

    @media( max-width:848px ) {

        .single-promotions .page-content-wrapper {
            margin-top:70px;
        }
    }   

/* 404 */
    .notfound-title-wrapper {
        min-height: 50vh;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

/* Page Edit Profile */
    #my-profile-container {
        padding:38px 0;
    }

    #my-profile-container .title-wrapper .section-title {
        font-family: var(--secondary-font);
        font-variation-settings: 'wght' 800, 'wdth' 50, 'slnt' 0; /* Secondary / Extra Condensed Black */
        font-size: 67px;
        line-height: 62px;
    }

    #my-profile-container .btn {
        display: inline-block;
    }

    #my-profile-container .info-component .field-name {
        color:var(--secondary);
        font-size: 24px;
        line-height: 34px;
    }

    #my-profile-container .info-component .field-value {
        color:var(--background);
        font-size: 24px;
        line-height: 34px;
    }