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

/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap');

* { font-family: Helvetica, sans-serif; }
body { background:#111418; /*overflow: hidden;*/ }
body.modal-open { position: fixed; height: 100vh; overflow-y: hidden; }
h1, h2 { font-family: 'Poppins', Helvetica, sans-serif; font-weight: 600; }
h3, h4, h5 { font-family: 'Poppins', Helvetica, sans-serif; font-weight: 700; }
.btn-cta span { font-family: 'Poppins', Helvetica, sans-serif; font-weight: 700; }

/* HEADER */

header { width:100%; height: 110px; position: absolute; top:0; left: 0; z-index: 6; display: none; }
header .header-main { width:100%; background: none; display: flex; justify-content: center; align-items: center; flex-direction: column; }
header .header-wrap { width:100%; max-width: 1280px; padding: 0; display: flex; justify-content: space-between; align-items: center; flex-direction: row; }

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

/* HEADER :: DESKTOP */

header .header-item-desktop { width:100%; height: 100px; padding: 0; display: flex; justify-content: space-between; align-items: center; flex-direction: row; }

header .header-item-desktop .logo { width:200px; margin: 0; padding: 0 20px; }
header .header-item-desktop .logo a { display: inline-block; width: 100%; max-width:70px; font-family: 'Poppins', Helvetica, sans-serif; font-weight: 800; letter-spacing: -2px; font-size: 1.8rem; color:white; }
header .header-item-desktop .logo a img { width: 100%; }

header .header-item-desktop nav.nav-middle { flex:1; display: flex; justify-content: center; align-items: center; justify-content: center; }
header .header-item-desktop nav.nav-right { width:200px;  display: flex; justify-content: center; align-items: center; justify-content: flex-end; }

header .header-item-desktop ul { display: flex; justify-content: center; align-items: center;  }
header .header-item-desktop ul li { padding: 0 20px; display: flex; justify-content: center; align-items: center; position: relative; }
header .header-item-desktop ul li a.nav-link { color: white; font-size: 1rem; font-weight: 600; letter-spacing: 1px; line-height: 16px; position: relative; font-family: 'Poppins', Helvetica, sans-serif; }
header .header-item-desktop ul li a.nav-link:hover:after { position: absolute; width:100%; height: 1px; background:white; bottom:-15px; left: 0; content:""; }
header .header-item-desktop ul li a.nav-link.cta-link { background:none; padding: 14px 30px; font-size: 0.8rem; color: #ffc107; border-radius: 5px; border: 2px solid #ffc107; font-family: 'Poppins', Helvetica, sans-serif; }
header .header-item-desktop ul li a.nav-link.cta-link:hover:after { display: none; }
header .header-item-desktop ul li:last-child { border:none; }

header .header-item-desktop .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 .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 .sub-nav a.subnav-link:hover { letter-spacing: 4px; }
header .header-item-desktop ul li.open-sub .sub-nav { display:flex; }

/* HEADER :: MOBILE */

header .header-item-mobile { display:none; width:100%; padding: 0 20px; justify-content: space-between; align-items: center; }
header .header-item-mobile .header-left { display: flex; }
header .header-item-mobile .header-left .header-logo { display: flex; width: 120px; }
header .header-item-mobile .header-left .header-logo a { display: inline-block; width:100%; font-family: 'Poppins', Helvetica, sans-serif; font-weight: 800; letter-spacing: -2px; font-size: 1.8rem; color:white; }
header .header-item-mobile .header-left .header-logo a img { width:100%; }
header .header-item-mobile .header-right { display: flex; }
header .header-item-mobile .header-right a.btn-open-menu { display: inline-block; }
header .header-item-mobile .header-right .btn-open-menu img { width: 35px; display: inline-block; }

header .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 .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 .mobile-nav ul { display:inline-block; width:100%; padding-right: 76px; padding-top: 50px; }
header .mobile-nav ul li { float: left; width:100%; }
header .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 .mobile-nav.open { left:0; }

@media (max-width: 980px) {
    header { position:relative; height: 70px;  }
    header .header-item-desktop { display:none; }
    header .header-item-mobile { display: flex; }
    header .header-item-mobile .header-right .btn-open-menu img { width: 24px; }
    header .header-item-mobile .header-left .header-logo { width: 60px; }
}

/* 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: 1440px; 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; }
.parallax-wrap { position: relative; width: 100%; top: 100vh; background: #ffffff; height: 100vh; z-index: 998; } 

/* FOOTER */

footer { width:100%; padding: 50px 20px 40px 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
footer .footer-wrap { width:100%; max-width: 1280px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
footer .footer-content { width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

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

footer .footer-content .left { flex:1; width:100%; display: none; flex-direction: column; justify-content: center; align-items: flex-start; }
footer .footer-content .right { flex:1; width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

footer .footer-content .social-list { padding: 0 0 10px 0; display: flex; flex-direction: row; justify-content: center; align-items: center; }
footer .footer-content .social-list a { width:40px; height: 40px; margin: 0 16px 0 0; border-radius: 50%; border:2px solid white; font-size: 1rem; color:white; display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer .footer-content .social-list a img { width: 100%; }

footer .footer-content .right p { color: white; font-size: 0.7rem; line-height: 20px; letter-spacing: 1px; font-weight: 500; display: flex; flex-direction: row; justify-content: center; align-items: center; }
footer .footer-content .right p a { color: white; font-weight: 600; padding: 0 12px; border-right: 1px dashed #525252; }
footer .footer-content .right p span { color: white; font-weight: 500; padding: 0 12px;  }

@media (max-width: 1080px) {

}

@media (max-width: 748px) {
    footer { position: relative;  padding: 60px 20px; }
    footer .footer-content .footer-row { flex-direction: column; }
    footer .footer-content .footer-row .left { align-items: center; padding: 0 0 20px 0; }
    footer .footer-content .footer-row .right { align-items: center; padding: 20px 0 0 0; }

    footer .footer-content .social-list { padding: 0 0 0 0; }
    footer .footer-content .social-list a { width: 40px; height: 40px; font-size: 1rem; margin: 0 10px 0 0; }

    footer .footer-content .right p { flex-direction: column; }
    footer .footer-content .right p a { padding: 8px 12px; border-right: none; }
    footer .footer-content .right p span { padding: 8px 12px;  }

}