@font-face {
    font-family: 'nexaextra_light';
    src: url('../fonts/nexa-extralight-webfont.woff2') format('woff2'),
        url('../fonts/nexa-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexaheavy';
    src: url('../fonts/nexa-heavy-webfont.woff2') format('woff2'),
        url('../fonts/nexa-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root 
{
    --white: #fff;
    --black: #000;
    --green:#165828;
    --yellow:#fcd029;
    --red:#d12e17;
}

strong { font-family: 'nexaheavy'; }
.bg-green { background-color: var(--green);}
.bg-yellow { background-color: var(--yellow);}
.bg-black { background-color: var(--black);}
.bg-white { background-color: var(--white);}
.bg-red { background-color:var(--red);}

.text-green { color: var(--green);}
.text-yellow { color: var(--yellow);}
.text-black { color: var(--black);}
.text-white { color: var(--white);}
.text-red { color:var(--red); }

.border-red { border:10px solid var(--red); }
.border-yellow { border:10px solid var(--yellow); }

.text-decay {  font-family: "pf-fuel-decay", sans-serif; font-weight: 400; font-style: normal; }
.text-grime { font-family: "pf-fuel-grime", sans-serif; font-weight: 400; font-style: normal; }
body { background-color:var(--black); font-family: 'nexaextra_light'; color:var(--white);  font-size:17px; font-weight: bold;} 
nav ul { margin: 0; padding: 0; list-style: none; position: relative;  } 
nav ul li { display: inline-block;  } 
nav a { display: block; padding: 0 10px; color: var(--white); font-size: 30px; text-decoration: none; font-family: "pf-fuel-grime", sans-serif; font-weight: 400; font-style: normal; } 
nav ul ul { opacity:0; position: absolute; top: 40px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;     background: rgba(0,0,0, .8); padding: 1rem;  } 
nav ul li:hover > ul { display:inherit;  top: 30px; opacity:1; } 
nav ul ul li { width: 200px; float: none; display: list-item; position: relative; margin-bottom:5px; } 
nav ul ul ul li { position: relative; top:-60px; left:200px;  } 
nav ul ul a { font-size:13px; }
nav a:hover, nav ul ul ul a { color: #fff } nav ul ul li:hover > ul { display:inherit; }

.fade-in { opacity:0; }
.mobile-overlay-wrapper { opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,.9); z-index:-1; display:flex; align-items:center; justify-content: center; text-align: center; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.mobile-overlay-wrapper > li { margin-bottom:2rem; }
.mobile-overlay-wrapper a  { color:#fff; text-decoration: none; font-size:40px; font-family: "pf-fuel-grime", sans-serif; font-weight: 400; font-style: normal;   }
.mobile-overlay-wrapper a.order-online-link { font-size:20px; display:inline-block; margin-top:.5rem;  }
.mobile-dropdown { display:none; }
.mobile-dropdown a { font-size:20px; color: var(--orange); }
.mobile-trigger { cursor:pointer; width:40px; height:20px; position:fixed; top:40px; right:20px; z-index:1005;  display:none; }
.mobile-trigger span { width:100%; display: block; background-color: var(--yellow); height:2px; margin-bottom:5px; border-radius: .25rem; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
body.open .mobile-trigger span:nth-child(3) { display:none; }
body.open .mobile-trigger span:nth-child(1) { transform:rotate(45deg) }
body.open .mobile-trigger span:nth-child(2) { transform:rotate(-45deg); margin-top:-7px; }
body.open .mobile-overlay-wrapper { opacity: 1; z-index:1000; }

header { position:fixed; top:0; left:0; right:0; width:100%; z-index:100; }
.hero { position:relative; }
.hero .hero-text { position:absolute; top:50%; left:50%; z-index:1; transform:translate(-50%, -50%); font-size:100px; font-family: "pf-fuel-decay", sans-serif; font-weight: 400; font-style: normal;  }
.inner-page-type .hero-text { top:40%; }

.page-title {  color:var(--white); font-family: "pf-fuel-decay", sans-serif; font-weight: 400; font-style: normal; font-size:60px; }
.hero .page-title { position:absolute; bottom:-10px; left:50%; z-index:1; transform:translateX(-50%); width:100%; text-align: center; }

.index-page .page-title {  color:var(--yellow); font-family: "pf-fuel-decay", sans-serif; font-weight: 400; font-style: normal; font-size:70px; }
.index-page .hero .page-title { position:absolute; bottom:15px; left:50%; z-index:1; transform:translateX(-50%); }

.index-page .hero .hero-text { top:38%; }

.btn-yellow { display:inline-block; padding:.5rem 2rem; font-size:36px; color:var(--green); background-color: var(--yellow); font-family: "pf-fuel-grime", sans-serif; font-weight: 400; font-style: normal; text-decoration:none;  }

.text-fs-17 { font-size:17px; }
.text-fs-25 { font-size:25px; }
.text-fs-28 { font-size:28px; }
.text-fs-38 { font-size:38px; }
.text-fs-40 { font-size:40px; }
.text-fs-70 { font-size:70px; }
.text-fs-100 { font-size:100px; }

.strip-yellow { height:50px; position:absolute; bottom:-25px; left:0; z-index:15; width:100%; background: transparent url(../img/yellow-strip.png) 0 0 repeat-x;}
.strip-yellow-2 { height:50px; position:absolute; bottom:-25px; left:0; z-index:15; width:100%; background: transparent url(../img/yellow-strip-2.png) 0 0 repeat-x;}
.strip-green { height:50px; position:absolute; bottom:15px; left:0; z-index:15; width:100%; background: transparent url(../img/green-strip.png) 0 0 repeat-x;}

.mw-926 { max-width: 926px; }
.object-fit-cover { width:100%; height:100%; object-fit: cover;}
.bg-upcoming-shows { background: var(--red) url(../img/bg-upcoming-shows.jpg) 0 0 no-repeat; background-size: cover;}

.mailing-list-form .form-control { border-radius: 0px; background: rgba(255, 255, 255, .13); border: none; padding: .6rem .5rem; color: #fff; }
.mailing-list-form .form-group { display: flex; text-align: left; margin-bottom: 10px; align-items: center; }
.mailing-list-form label { display: block; width: 200px; }
.legal, .legal a { font-size: 14px; text-align: center; color: rgba(255, 255, 255, .5); text-decoration: none; }
header img, header nav { position: relative; z-index: 5; }
body.scrolled header::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 265px; background: #000000; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); z-index: 1; pointer-events: none; }
.social { max-width: 220px; margin:auto;}
.index-page footer { background-color: var(--green);}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive video, .video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media (max-width:990px){
    .mobile-trigger { display:block; }
    .hero { height:700px; }
    .logo-icon { width:150px; }
    .logo { width:250px; }

    .inner-page-type .hero { height:400px; }
    .inner-page-type .page-title { font-size:40px; }
    .inner-page-type .hero .page-title { bottom:0px; }
    .inner-page-type .hero-text { font-size:60px; }
}