/* -------------------------
+ Author : Marcus Briggs
+ © Marcus Briggs
------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

* { font-family: 'Montserrat', Helvetica, sans-serif; }
body { background:white; }
body.modal-open { position: fixed; height: 100vh; overflow-y: hidden; }
h1, h2 { font-family: 'Montserrat', Helvetica, sans-serif; font-weight: 600; }
h3, h4, h5 { font-family: 'Montserrat', Helvetica, sans-serif; font-weight: 700; }

/* HEADER */

header { width:100%; display: flex; position: relative; z-index: 20; }
header .header-main { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;  }
header .header-wrap { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;  }

header.darken { background-color:#30424b; }

/* HEADER :: DESKTOP */

header .header-item-desktop { width:100%; padding: 0; background:black; display: flex; flex-direction: column; justify-content: center; align-items: center;  }

header .header-item-desktop .row-a { width:100%; background:#3fc0f0; display: flex; flex-direction: row; justify-content: center; align-items: center; }
header .header-item-desktop .row-a .subscribe-banner { width:100%; align-items: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-desktop .row-a .subscribe-banner a { width:100%; padding: 6px 10px; color:white; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; text-align: center; display: inline-block; }

header .header-item-desktop .row-b { width:100%; max-width: 1280px; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

header .header-item-desktop .row-b .logo { margin: 0; padding: 30px 20px; }
header .header-item-desktop .row-b .logo a { display: inline-block; width: 100%; max-width:350px;  }
header .header-item-desktop .row-b .logo a img { width: 100%; }

header .header-item-desktop .row-b .tagline { padding: 30px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-desktop .row-b .tagline a img { width: 100%; }

/*
header .header-item-desktop .row-b .socials { position: absolute; top:18px; left:18px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-desktop .row-b .socials ul { display: flex; flex-direction: row; justify-content: center; align-items: center; }
header .header-item-desktop .row-b .socials ul li { margin: 0 8px 0 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-desktop .row-b .socials ul li a { width:20px; height: 20px; display: inline-block; transition: all 0.5s;  }
header .header-item-desktop .row-b .socials ul li a img { width: 100%; }
header .header-item-desktop .row-b .socials ul li a:hover { transform: scale(1.3);  }
header .header-item-desktop .row-b .socials ul li a:hover img { filter: brightness(10); }
*/

header .header-item-desktop .row-c { width:100%; border-top: 1px solid #3fc0f0; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; }

header .header-item-desktop .row-c .nav-item { width:100%; max-width: 1280px; padding: 24px 0; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

header .header-item-desktop .row-c .nav-item .nav-socials { position: absolute; top:0; left:18px; height: 64px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
header .header-item-desktop .row-c .nav-item .nav-socials li { margin: 0 8px 0 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-desktop .row-c .nav-item .nav-socials li a { width:20px; height: 20px; display: inline-block; transition: all 0.5s;  }
header .header-item-desktop .row-c .nav-item .nav-socials li a img { width: 100%; }
header .header-item-desktop .row-c .nav-item .nav-socials li a:hover { transform: scale(1.3);  }
header .header-item-desktop .row-c .nav-item .nav-socials li a:hover img { filter: brightness(10); }

header .header-item-desktop .row-c .nav-item .nav-middle { flex:1; display: flex; justify-content: center; align-items: center; justify-content: center; }
header .header-item-desktop .row-c .nav-item .nav-middle ul { display: flex; justify-content: center; align-items: center;  }
header .header-item-desktop .row-c .nav-item .nav-middle ul li { padding: 0 30px; display: flex; justify-content: center; align-items: center; position: relative; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li a { color: black; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li a.nav-link { color: white; font-size: 0.9rem; font-weight: 700; letter-spacing: 2px; line-height: 16px; position: relative; text-transform: uppercase; transition: all 0.5s; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li a.nav-link:hover { letter-spacing: 3px; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li a.nav-link:after { position: absolute; width:100%; height: 2px; background:#3fc0f0; bottom:-20px; left: 0; opacity: 0; content:""; border-radius: 50px; transition: all 0.5s; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li a.nav-link:hover:after { bottom:-8px; opacity: 1; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li a.nav-link.cta-link { background:#231e57; padding: 14px 30px; font-size: 0.8rem; color: white; border-radius: 30px; border: 2px solid white; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li a.nav-link.basket { display: flex;  justify-content: center;  align-items: center; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li a.nav-link.basket span { color: black; text-transform: uppercase; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li a.nav-link.basket span i {  margin: 0 4px 0 0; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li a.nav-link.basket span.my-basket-count { color: black; padding: 6px 10px; font-weight: 700; background: #3e3e3e; margin: 0 0 0 7px; font-size: 0.7rem; border-radius: 10px; letter-spacing: normal; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li:last-child { border:none; }
header .header-item-desktop .row-c .nav-item .nav-middle .sub-nav { display:none; position: absolute; top: 38px; left:0; width:180px; padding: 12px 28px; border: 2px solid white; background: #1c1c1c; z-index: 99; justify-content: center; align-items: center; flex-direction: column; }
header .header-item-desktop .row-c .nav-item .nav-middle .sub-nav a.subnav-link { width:100%; padding: 8px 0; color:white; font-size: 1rem; letter-spacing: 3px; text-transform: uppercase; position: relative; }
header .header-item-desktop .row-c .nav-item .nav-middle .sub-nav a.subnav-link:hover { letter-spacing: 4px; }
header .header-item-desktop .row-c .nav-item .nav-middle ul li.open-sub .sub-nav { display:flex; }

header .header-item-desktop .row-c .nav-item .nav-search-btn { position: absolute; width: 30px; height: 64px; top:0; right:18px; padding: 5px; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-desktop .row-c .nav-item .nav-search-btn img { width: 100%; }

header .header-item-desktop .row-c .nav-search-box { position: absolute; width:100%; height: 80px; bottom: -80px; background-color: rgba(107, 190, 235, 0.94); display: none; flex-direction: column; justify-content: center; align-items: center;  }
header .header-item-desktop .row-c .nav-search-box .search-box-wrap { width:100%; max-width: 800px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-desktop .row-c .nav-search-box .search-box-content { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-desktop .row-c .nav-search-box form.search-box-form { width:100%; padding:3px; background:white; border-radius: 5px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
header .header-item-desktop .row-c .nav-search-box form.search-box-form input[type=text] { flex:1; height: 40px;padding: 8px 14px; border: none; background: white; border-radius: 5px; font-size: 0.9rem; font-weight: 500; }
header .header-item-desktop .row-c .nav-search-box form.search-box-form input[type=text]:focus { border:none; box-shadow: none; outline:none; }
header .header-item-desktop .row-c .nav-search-box form.search-box-form button { width: 40px; height: 40px; padding: 10px; background: black; border:none; border-radius: 5px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-desktop .row-c .nav-search-box form.search-box-form button img { width: 100%; }
header .header-item-desktop .row-c .nav-search-box.show { display: flex; }

header .header-item-desktop.sticky { margin: 0 0 60px 0; }
header .header-item-desktop.sticky .row-c { position: fixed; top: 0; background: rgba(0, 0, 0, 0.90); }
header .header-item-desktop.sticky .row-c .nav-item .nav-middle ul li a.nav-link  { font-size: 0.8rem; }

/* HEADER :: MOBILE */

header .header-item-mobile { display:none; width:100%; padding: 0; background:black; flex-direction: column; justify-content: center; align-items: center; }

header .header-item-mobile .row-a { width:100%; background:#3fc0f0; display: flex; flex-direction: row; justify-content: center; align-items: center; }
header .header-item-mobile .row-a .subscribe-banner { width:100%; height: 30px; background:#3fc0f0; display: flex; flex-direction: column; justify-content: center; align-items: center;  }
header .header-item-mobile .row-a .subscribe-banner a { width:100%; padding: 0; color:white; font-size: 0.6rem; font-weight: 700; text-transform: uppercase; text-align: center; display: inline-block; }

header .header-item-mobile .row-b { width:100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-mobile .row-b .row-b1 { width:100%; padding: 16px 16px; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center;  }
header .header-item-mobile .row-b .row-b1 .row-b1-left { width: 190px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
header .header-item-mobile .row-b .row-b1 .row-b1-left a { display: flex; width:100%; }
header .header-item-mobile .row-b .row-b1 .row-b1-left a img { width:100%; }
header .header-item-mobile .row-b .row-b1 .row-b1-right { display: flex; flex-direction: row; justify-content: center; align-items: center; }
header .header-item-mobile .row-b .row-b1 .row-b1-right a.btn-open-search { display: flex; margin: 0 20px 0 0 ; }
header .header-item-mobile .row-b .row-b1 .row-b1-right a.btn-open-search img { width: 35px; display: inline-block; }
header .header-item-mobile .row-b .row-b1 .row-b1-right a.btn-open-menu { display: flex; }
header .header-item-mobile .row-b .row-b1 .row-b1-right a.btn-open-menu img { width: 35px; display: inline-block; }
header .header-item-mobile .row-b .row-b1 .row-b1-right .mobile-nav { position:fixed; top:0; left:-100%; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.9); transition: all .5s ease-in-out; z-index: 99; text-align: left; overflow: auto; }
header .header-item-mobile .row-b .row-b1 .row-b1-right .mobile-nav a.menu-close { position:absolute; display:inline-block; padding: 5px; font-size: 3rem; font-weight: 600; line-height: 0.7em; color:white; right: 20px; top: 12px; z-index:101; }
header .header-item-mobile .row-b .row-b1 .row-b1-right .mobile-nav ul { display:inline-block; width:100%; padding-right: 76px; padding-top: 50px; }
header .header-item-mobile .row-b .row-b1 .row-b1-right .mobile-nav ul li { float: left; width:100%; }
header .header-item-mobile .row-b .row-b1 .row-b1-right .mobile-nav ul li a { display:inline-block; padding:12px 0px 12px 42px; color:white; font-size: 0.8rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
header .header-item-mobile .row-b .row-b1 .row-b1-right .mobile-nav.open { left:0; }

header .header-item-mobile .row-b .row-b2 { position: absolute; width:100%; height: 80px; bottom: -80px; padding: 0 20px; background-color: rgba(107, 190, 235, 0.94); display: none; flex-direction: column; justify-content: center; align-items: center;  }
header .header-item-mobile .row-b .row-b2 .search-box-wrap { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-mobile .row-b .row-b2 .search-box-content { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-mobile .row-b .row-b2 form.search-box-form { width:100%; padding:3px; background:white; border-radius: 5px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
header .header-item-mobile .row-b .row-b2 form.search-box-form input[type=text] { flex:1; height: 40px;padding: 8px 14px; border: none; background: white; border-radius: 5px; font-size: 0.9rem; font-weight: 500; }
header .header-item-mobile .row-b .row-b2 form.search-box-form input[type=text]:focus { border:none; box-shadow: none; outline:none; }
header .header-item-mobile .row-b .row-b2 form.search-box-form button { width: 40px; height: 40px; padding: 10px; background: black; border:none; border-radius: 5px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
header .header-item-mobile .row-b .row-b2 form.search-box-form button img { width: 100%; }
header .header-item-mobile .row-b .row-b2.show { display: flex; }

header .header-item-mobile.sticky { margin: 0 0 90px 0; background: rgba(0, 0, 0, 0.90); }
header .header-item-mobile.sticky .row-b { position: fixed; top: 0; background: rgba(0, 0, 0, 0.90); }
header .header-item-mobile.sticky .row-b .row-b1 .row-b1-left { width: 140px; }
header .header-item-mobile.sticky .row-b .row-b1 .row-b1-right a.btn-open-search img { width: 28px; }
header .header-item-mobile.sticky .row-b .row-b1 .row-b1-right a.btn-open-menu img { width: 28px; }

@media (max-width: 980px) {
    header .header-item-desktop { display:none; }
    header .header-item-mobile { display: flex; }
}

/* CORE */

main { width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section { width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sec-wrap { width:100%; max-width: 1280px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sec-content { width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }

@media (max-width: 1280px) {
    .sec-wrap { max-width: 1024px !important; }
}

@media (max-width: 1024px) {
    .sec-wrap { max-width: 768px !important; }
}

@media (max-width: 768px) {
    .sec-wrap { max-width: 640px !important; }
}

@media (max-width: 640px) {
    .sec-wrap { max-width: 480px !important; }
}

@media (max-width: 480px) {
    .sec-wrap { max-width: 100% !important; }
}

/* FOOTER */

footer { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;  }
footer .footer-wrap { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;  }
footer .footer-content { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

footer .footer-content .footer-row-a { width: 100%; padding: 50px 20px; background: #3fc0f0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .footer-row-a .wrap { width: 100%; max-width: 1280px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .footer-row-a .content { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .footer-row-a .content h2 { padding: 0 0 15px 0; color: white; font-size: 4rem; font-weight: 700; line-height: 64px; position: relative; text-align: center; text-transform: uppercase; }
footer .footer-content .footer-row-a .content h2::after { position: absolute; content:""; width:100px; height: 2px; margin: 0 0 0 -50px; left:50%; bottom: 0; background:white; } 
footer .footer-content .footer-row-a .content p { margin: 25px 0 0 0; color: black; font-size: 1.1rem; font-weight: 700; text-transform: uppercase; text-align: center; }
footer .footer-content .footer-row-a .content a.btn-cta { margin: 20px 0 0 0; }

footer .footer-content .footer-row-b { width:100%; padding: 50px 20px; background: black; display: flex; flex-direction: row; justify-content: center; align-items: center; }
footer .footer-content .footer-row-b .wrap { width:100%; max-width: 1280px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .footer-row-b .content { width:100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
footer .footer-content .footer-row-b .content .left { flex:1; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .footer-row-b .content .middle { flex:1.5; padding: 0 20px; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }
footer .footer-content .footer-row-b .content .right { flex:1; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

footer .footer-content .footer-row-b .content .logo { width:100%; }
footer .footer-content .footer-row-b .content .logo a { display: inline-block; width: 100%; max-width:250px; }
footer .footer-content .footer-row-b .content .logo a img { width:100%; }
footer .footer-content .footer-row-b .content .address { width:100%; margin: 5px 0 0 0; }
footer .footer-content .footer-row-b .content .address a { color: white; font-size: 0.8rem; font-weight: 500; }
footer .footer-content .footer-row-b .content .phone { width:100%; margin: 5px 0 0 0; }
footer .footer-content .footer-row-b .content .phone a { color: white; font-size: 0.8rem; font-weight: 500; }
footer .footer-content .footer-row-b .content .phone a i { color: #3fc0f0; margin: 0 5px 0 0;  }
footer .footer-content .footer-row-b .content .email { width:100%; margin: 5px 0 0 0; }
footer .footer-content .footer-row-b .content .email a { color: white; font-size: 0.8rem; font-weight: 500; }
footer .footer-content .footer-row-b .content .email a i { color: #3fc0f0; margin: 0 5px 0 0; }

footer .footer-content .footer-row-b .content .links { flex:1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;  }
footer .footer-content .footer-row-b .content .links h3 { color: #3fc0f0; font-size: 1.2rem; text-transform: uppercase; }
footer .footer-content .footer-row-b .content .links ul { width:100%; margin: 15px 0 0 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .footer-row-b .content .links ul li { width:100%; }
footer .footer-content .footer-row-b .content .links ul li a { padding: 5px 0; color: white; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; transition: all 0.7s; }
footer .footer-content .footer-row-b .content .links ul li a:hover { font-size: 0.9rem; letter-spacing: 2px; }

footer .footer-content .footer-row-b .content .socials { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
footer .footer-content .footer-row-b .content .socials h3 { color: #3fc0f0; font-size: 1.2rem; text-transform: uppercase; }
footer .footer-content .footer-row-b .content .socials ul { width:100%; margin: 15px 0 0 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
footer .footer-content .footer-row-b .content .socials ul li { margin: 0 10px 0 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .footer-row-b .content .socials ul li a { color: white; font-size: 0.8rem; width:45px; height: 45px; border-radius: 50%; background: #3fc0f0; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.7s; }
footer .footer-content .footer-row-b .content .socials ul li a img { width:20px; }
footer .footer-content .footer-row-b .content .socials ul li a:hover { transform: scale(1.3); border:2px solid white; }

footer .footer-content .footer-row-c { width:100%; padding: 30px 20px; background: #3fc0f0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .footer-row-c .wrap { width:100%; max-width: 1280px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .footer-row-c .content { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .footer-row-c .content p { color:black; font-size: 0.8rem; text-align: center; font-weight: 500; }

@media (max-width: 1280px) {
    footer .footer-content .footer-row-a .wrap { max-width: 1024px !important; }
    footer .footer-content .footer-row-b .wrap { max-width: 1024px !important; }
    footer .footer-content .footer-row-c .wrap { max-width: 1024px !important; }
}

@media (max-width: 1024px) {
    footer .footer-content .footer-row-a .wrap { max-width: 768px !important; }
    footer .footer-content .footer-row-b .wrap { max-width: 768px !important; }
    footer .footer-content .footer-row-c .wrap { max-width: 768px !important; }

    footer .footer-content .footer-row-a .content h2 { font-size: 3rem; line-height: 50px; }
    footer .footer-content .footer-row-a .content p { font-size: 0.9rem; }

    footer .footer-content .footer-row-b .content { flex-direction: column; align-items: center; }
    footer .footer-content .footer-row-b .content .middle { width: 100%; margin: 40px 0 0 0; }
    footer .footer-content .footer-row-b .content .right { margin: 40px 0 0 0; }

    footer .footer-content .footer-row-b .content .socials { align-items: center; }
    footer .footer-content .footer-row-b .content .links { align-items: center; }
    footer .footer-content .footer-row-b .content .links ul li { text-align: center; }

    footer .footer-content .footer-row-b .content .left { text-align: center; }

}

@media (max-width: 768px) {
    footer .footer-content .footer-row-a .wrap { max-width: 640px !important; }
    footer .footer-content .footer-row-b .wrap { max-width: 640px !important; }
    footer .footer-content .footer-row-c .wrap { max-width: 640px !important; }
}

@media (max-width: 640px) {
    footer .footer-content .footer-row-a .wrap { max-width: 480px !important; }
    footer .footer-content .footer-row-b .wrap { max-width: 480px !important; }
    footer .footer-content .footer-row-c .wrap { max-width: 480px !important; }

    footer .footer-content .footer-row-a { padding: 30px 20px; }



    footer .footer-content .footer-row-a .content h2 { font-size: 1.6rem; line-height: 32px; }
    footer .footer-content .footer-row-a .content p { font-size: 0.7rem; }

    footer .footer-content .footer-row-b .content .logo a { max-width: 200px; }

    footer .footer-content .footer-row-b .content .middle { flex-direction: column; align-items: center; }

    footer .footer-content .footer-row-b .content .address { margin: 20px 0 0 0; }

    footer .footer-content .footer-row-b .content .links-a { margin: 0 0 30px 0; }



    footer .footer-content .footer-row-c { padding: 20px 20px; }
}

@media (max-width: 480px) {
    footer .footer-content .footer-row-a .wrap { max-width: 100% !important; }
    footer .footer-content .footer-row-b .wrap { max-width: 100% !important; }
    footer .footer-content .footer-row-c .wrap { max-width: 100% !important; }


}

/* FOOTER - NEW LAYOUT */
footer .footer-wrap .footer-row-a.new-layout{ 
	width:100%; display: flex; 
	flex-direction: row; 
	padding: 0 ;
	max-height: 426px;
}
footer .footer-content .footer-row-a.new-layout .wrap {
	width: 50%;
}
footer .footer-content .footer-row-a.new-layout .content {
	justify-content: flex-start;
    align-items: flex-start;
	padding: 50px 76px;
}
footer .footer-wrap .footer-row-a.new-layout img {
	width: 50%;
   max-height: 426px;
    object-fit: cover;
    object-position: center;
}
.footer-row-a.new-layout .signup-mailchimp-form label { 
	display:none; 
} 
.footer-row-a.new-layout h2#signup-heading {
  color: #fff;
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
	text-align: left;
	padding: 0 0 20px;
}
.footer-row-a.new-layout h2#signup-heading:after {
	display:none;
}
.footer-row-a.new-layout #signup-text {
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
	text-align: left;
	margin-top:0;
	padding-bottom:20px;
}
.footer-row-a.new-layout .signup-mailchimp-form input:not(.button) {
  border: 0;
  background: #40c0f0;
  border-bottom: solid 1px #fff;
  width: 100%;
  color: #fff;
}
.footer-row-a.new-layout .signup-mailchimp-form {
	width: 322px;
    max-width: 90%;
}
.footer-row-a.new-layout .signup-mailchimp-form input:focus-visible {
  outline: none;
}
.footer-row-a.new-layout .signup-mailchimp-form input::placeholder {
  color: #fff;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
}
.footer-row-a.new-layout .signup-mailchimp-form input.button {
  border: 0;
  padding: 10px 20px;
  background: #fff;
  color: #000;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 20px;
}

@media only screen and (max-width: 1024px) {
	footer .footer-wrap .footer-row-a.new-layout img {
		width: 40%;
		max-height: unset;
	}
	footer .footer-content .footer-row-a.new-layout .wrap {
		width: 60%;
	}
	footer .footer-content .footer-row-a.new-layout {
		justify-content: left;
		align-items: stretch;
	}
	footer .footer-content .footer-row-a.new-layout .content {
		justify-content: flex-start;
		align-items: flex-start;
		padding: 32px;
	}
}
@media only screen and (max-width: 768px) {
		footer .footer-wrap .footer-row-a.new-layout img {
		width: 25%;
	}
	footer .footer-content .footer-row-a.new-layout .wrap {
		width: 75%;
	}
	.footer-row-a.new-layout h2#signup-heading {
		font-size: 1.2rem;
	}
}

/* MEDIA BANNER - NEW LAYOUT */
.media-banner {
	  background-image:	url('/wp-content/uploads/2026/02/transporter-media-banner.jpg');
	background-size:cover;
	background-position: center;
	padding: 28px;
	min-height: 250px;
	display: flex;
	align-items: flex-end;
	color: #FFF;
	font-family: Montserrat;
	line-height: normal;
	position: relative;
}
.media-banner::before {
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: linear-gradient(
		  180deg, 
		  rgba(0, 0, 0, 0.00) 0%, 
		  #000 100%
	  );
}	
.media-banner .content {
	z-index: 1;
}
.media-banner h2 {
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 12px;
}
.media-banner p {
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 12px;
}
 a.outrank-btn {
	background-color: #3fc0f0;
    padding: 10px 20px;
    display: block;
    width: max-content;
	color: #FFF;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	 text-align: center;
}
a.outrank-btn:hover {
	background-color: #fff;
	color: #3fc0f0;
}
@media only screen and (max-width: 1024px) {
	.media-banner h2 {
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 767px) {
	.media-banner {
	  position: relative;
	  background-image: url('/wp-content/uploads/2026/02/transporter-media-banner.jpg');
		align-items: center;
	}

	.media-banner::before {
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: rgba(0, 0, 0, 0.6);
	}
	.media-banner h2 {
		font-size: 1.2rem;
	}
	a.outrank-btn {
		font-size: 0.7rem;
	}
}

/* MEDIA BANNER - NEWS PAGE - NEW LAYOUT */
.media-banner.news-page,
.media-banner.magazines-page {
	width: 100%;
	max-width: 1280px;
	background-image: url('/wp-content/uploads/2026/02/transporter-media-banner-news.jpg');
}
.media-banner.magazines-page {
	margin-top: 40px;	
}
.media-banner.awards {
	background-image: url('/wp-content/uploads/2026/02/awards-media-banner.jpg');
}

.media-banner.blue::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(64, 192, 240, 0.75);
}
.media-banner.blue a.outrank-btn {
	background-color: #000;
	color: #fff;
}
.media-banner.blue a.outrank-btn:hover {
	background-color: #fff;
	color: #3fc0f0;
}

/* MEDIA BANNER - MEDIA PAGE - NEW LAYOUT */
.media-banner.hero {
	width: 100%;
	max-width: 100%;
	justify-content: center;
	background-image: url('/wp-content/uploads/2026/02/transporter-hero-scaled-e1771426139578.jpg');
	min-height: 290px;
}
.media-banner.hero::before {
	background: rgba(0, 0, 0, 0.7);
}
.media-banner.hero .content {
	width: 100%;
	max-width: 1280px;
}
.media-banner.hero h3 {
	color: #40C0F0;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}
.media-banner.hero h1 {
	color: #FFF;
	font-family: Montserrat;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}
.media-banner.hero p {
	max-width: 560px;
}
.sec-media-download {
	background: #000;
	display:flex;
	justify-content: center;
}
.sec-media-download .content {
	background: #000;
	color: #fff;
	max-width: 1280px;
	display: flex;
	padding: 100px 16px;
	gap: 20px;
}
.sec-media-download .content .header {
    width: 33.33%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.sec-media-download .content .header h2 {
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding-bottom: 1rem;
}	
.sec-media-download .content .header h2 span {
	color: #40C0F0;
}
.sec-media-download .content .body {
	flex: 1;
}
.sec-media-download .content .body p {
	padding-bottom: 1rem;
}
section.container {
		display:flex;
	justify-content: center;
	padding: 100px 0;
}
.sec-media-payg {
	background: #40C0F0;

}
.sec-media-payg .content,
.sec-media-packages .content,
.sec-media-3-across .content {
	width: 100%;
	max-width: 1280px;
}
.sec-media-payg h2 {
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 50px;
}
.payg-options,
.sec-media-3-across .options {
	display: flex;
	justify-content: center;
	gap:20px;
	flex-wrap: wrap;
}
.payg-options a {
	width: 300px;
	  position: relative;
  top: 0;
  transition: top ease 0.3s;
}
.sec-media-3-across .options .option {
	flex: 1;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding:2rem;
}
.sec-media-3-across .option:nth-child(even) {
	background: #E8F9FF;
}
.payg-options a:hover {
	box-shadow: rgba(100, 100, 190, 0.25) 0px 50px 100px -20px, rgba(255, 255, 255, 0.3) 0px 30px 60px -30px;
	top: -5px;
}
.payg-option {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	min-height: 200px;
}
.payg-cta {
	width: 100%;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 10px;
}

.payg-option > div{
	flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 1rem;
}
.payg-option .heading {
	min-height: 73px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.payg-option h3 {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	line-height: normal;
}
.payg-option .price {
	font-size: 32px;
	font-weight: 600;
	color: #000;
}
.payg-option .price span {
	font-size: 16px;
}

.sec-media-packages h2,
.sec-media-3-across h2 {
	color: #000;
	text-align: center;
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 50px;
}
.sec-media-packages .package-options {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 1rem;
}
.sec-media-packages .package-options .package-option {
	flex: 1 1 calc(50% - 20px);  /* 2 per row on desktop */
	padding: 2rem;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 12px;
	max-width: calc(50% - 20px);
}

.sec-media-packages .package-options .package-option.blue {
	background: #E8F9FF;
}
.sec-media-3-across h3,
.sec-media-packages .package-options .package-option h3 {
	color: #000;
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	padding-bottom:5px;
}
.sec-media-3-across h3 {
	padding-bottom:12px;
}
.sec-media-3-across p {
	color: #000;
	font-size: 1rem;
	font-weight: 500;
	padding-bottom:12px;
}
.sec-media-packages .package-options .package-option .price,
.sec-media-3-across .options .option .price {
	color: #000;
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.sec-media-3-across .options .option .price {
	margin-bottom:12px;	
}
.sec-media-3-across .options .option .starting-from {
	display: block;
	font-size:18px;
	text-transform: uppercase;
}
.sec-media-packages .package-options .package-option .price span,
.sec-media-packages .package-options .package-option .price-breakdown {
	color: #000;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.sec-media-packages .package-options .package-option .price-breakdown {
	display: block;
}
.sec-media-3-across a.outrank-btn,
.sec-media-packages a.outrank-btn {
	width: 100%;
}
.sec-media-3-across a.outrank-btn {
	margin-bottom: 12px;
}
.sec-media-3-across a.outrank-btn:hover {
	border-color: #3fc0f0;
}
.includes-list {
	color: #000;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	list-style: none;
}
.includes-list span {
	font-size: 20px;	
}
.includes-list li {
	padding-top: 5px;
}
.includes-list li {
	position: relative;
    margin-bottom: 0.4rem;
}

.includes-list li::before {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    background-image: url(/wp-content/themes/teesbusiness/img/icons/chevron.svg);
	background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 15px;
}
.sec-media-packages.blue {
	background: #E7F9FF;
}
.sec-media-packages .package-options .package-option.white {
	background: #fff;
}
.media-banner.media-page {
	width: 100%;	
	display: flex;
	justify-content: center;
}
.media-banner.media-page.awards {
	background-image: url('/wp-content/uploads/2026/02/awards.png')
}
.media-banner.media-page .content,
.sec-media-testimonials .content {
	width: 100%;
	max-width: 1280px;
}
.sec-media-testimonials {
	background: #000;
	color: #fff;
}
.sec-media-testimonials h2 {
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	padding-bottom: 50px;
}
.sec-media-testimonials .testimonials {
	display: flex;
	gap: 50px;
		padding: 0 1rem;
}
.sec-media-testimonials .testimonial p {
	margin-bottom: 1rem;
}
.sec-media-testimonials .testimonials span {
	margin-top: 1rem;
	color: #FFF;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.page-media-pack .container h2 {
	padding-left:1rem;
	padding-right:1rem;
}
@media only screen and (max-width:1024px) {
	.sec-media-3-across .content {
		padding: 0rem 2rem;
	}
	.sec-media-3-across .content .options {
		flex-direction: column;
	}
}
@media only screen and (max-width:768px) {
	.media-banner.hero h1 {
		font-size:2rem;	
	}
	.page-media-pack h2 {
		font-size: 1.5rem;
		width: 100%;
	}
	.sec-media-packages .package-options .package-option h3 {
		font-size: 1.5rem;
	}
	
	.sec-media-testimonials .testimonials {
		flex-direction: column;	
		text-align: center;
	}
	.sec-media-packages .package-options .package-option {
		flex: 100%;
		width: 100%;
		max-width: 100%;
	}
	.includes-list {
		font-size: 1rem;
	}
	.sec-media-download .content {
		flex-direction: column;
	}
	.sec-media-download .content .header {
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}
	a.outrank-btn {
		width: 100%;
	}
	.sec-media-testimonials.container {
		padding-top: 50px
	}
}
/* WORDPRESS OVERIDES */

.img-responsive { width: 100%; height: auto; }

.hustle-group-content p { color: white !important; font-size: 0.9rem !important; font-weight: 500 !important; line-height: 24px !important; font-family: 'Montserrat', Helvetica, sans-serif !important; }
.hustle-button { text-transform: uppercase !important; font-family: 'Montserrat', Helvetica, sans-serif !important; }

.grecaptcha-badge { visibility: hidden; }