:root {
    --white: #ffffff;
    --black: #000000;
    --yellow: #fcd029;
    --red: #660a05;
    --red-dark: #410a00;
    --gray: #1d1d1d;
    --gray-light: #4f4f4f;
    --gray-light-2: #a1a1a1;
    --gray-dark-2: #121111;
}
.text-nexa { font-family: "nexa", sans-serif; font-weight: 400; font-style: normal; }
.text-pf-fuel-grime { font-family: pf-fuel-grime, sans-serif; }
.text-pf-fuel-decay { font-family: pf-fuel-decay, sans-serif; }
.text-roboto { font-family: "Roboto", sans-serif; }

.bg-white { background-color: var(--white);}
.bg-black { background-color: var(--black);}
.bg-yellow { background-color: var(--yellow);}
.bg-red { background-color: var(--red);}
.bg-red-dark { background-color: var(--red-dark);}
.bg-gray { background-color: var(--gray);}
.bg-gray-light { background-color: var(--gray-light);}
.bg-gray-dark-2 { background-color: var(--gray-dark-2);}

.text-white { color: var(--white);}
.text-black { color: var(--black);}
.text-yellow { color: var(--yellow);}
.text-red { color: var(--red); }
.text-red-dark { color: var(--red-dark); }
.text-gray { color: var(--gray); }
.text-gray-light { color: var(--gray-light); }
.text-gray-light-2 { color: var(--gray-light-2); }

.text-fs-14 { font-size:14px; }
.text-fs-22 { font-size:22px; }
.text-fs-24 { font-size:24px; }
.text-fs-25 { font-size:25px; }
.text-fs-30 { font-size:30px; }
.text-fs-32 { font-size:32px; }
.text-fs-40 { font-size:40px; }
.text-fs-43 { font-size:43px; }
.text-fs-44 { font-size:44px; }
.text-fs-50 { font-size: clamp(25px, 6vw, 50px); }
.text-fs-60 { font-size: clamp(30px, 6vw, 60px); }
.text-fs-70 { font-size: clamp(35px, 6vw, 70px); }
.text-fs-80 { font-size: clamp(40px, 6vw, 80px); }
.text-fs-100 { font-size: clamp(50px, 8vw, 100px); }

body { background-color: var(--black); color: var(--white); font-size: 17px;  font-family: "nexa", sans-serif; overflow-x:hidden; }
header a { text-decoration: none;}
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-family: pf-fuel-grime, sans-serif; font-size: 30px; text-decoration: none; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);  } 
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: 40px; 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:22px; }
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:1rem; }
.mobile-overlay-wrapper a  { color:#fff; text-decoration: none; font-size:27px; }
.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:30px; right:15px; z-index:1005;  display:none; }
.mobile-trigger span { width:100%; display: block; background-color: #fff; 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; }

.edge-black { width:100%; height: 30px; background: transparent url(../img/edge-black.png) 0 0 repeat-x; position:absolute; bottom:-30px; left:0;  z-index: 1; }

.edge-black-top { width:100%; height: 30px; background: transparent url(../img/edge-black-top.png) 0 0 repeat-x; position:absolute; top:-30px; left:0;  z-index: 1;  }

.edge-red-top { width:100%; height: 40px; background: transparent url(../img/edge-red-top.png) 0 0 repeat-x; position:absolute; top:-40px; left:0;  z-index: 1;  }

.edge-black-top-trans { width:100%; height:30px; background: transparent url(../img/edge-black-top.png) 0 0 repeat-x; position:absolute; top:-30px; left:0; opacity: .6;  z-index: 1;  }

.bg-trans-black { background-color: rgba(0,0,0, .6);}

.top-edge-padding { padding-top:calc(3rem + 30px); }

header { position:fixed; top:0; left:0; right:0; z-index:100; width:100%; height:120px; }
.hero { position: relative; height: 700px; display:flex; align-items: center; }
/* .hero-text { position:absolute; top:50%; left:60px; z-index:5; } */
.bg-black-tape { padding:.5rem 1.5rem; color:var(--white); background-color: var(--black); font-family: pf-fuel-grime, sans-serif; font-weight: normal; display:inline-block; position: relative; }
.object-fit-cover { width:100%; height:100%; object-fit:cover; }
body.scrolled header { background-color: var(--black); }
.gradient-bottom-up { position:relative; }
.gradient-bottom-up::after { content:''; bottom:0; left:0; width:100%; height:250px; z-index:1; position:absolute;background: #000000; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.bring-to-front { position:relative; z-index:10; }
.mw-990 { max-width: 990px; margin:auto; }
.players-home .col-6 { position:relative; }
.players-home .col-6 h2 { position:absolute; bottom:100px; font-size:33px; text-align: center; font-family: pf-fuel-grime, sans-serif; width:100%; z-index: 5;}
.btn-yellow { display:inline-block; background-color: var(--yellow); color:var(--black); font-size:24px; font-family: pf-fuel-grime, sans-serif; text-transform: uppercase; padding:.3rem 1.5rem;  text-decoration: none; border:none; }
.btn-yellow-lg { display:inline-block; background-color: var(--yellow); color:var(--black); font-size:44px; font-family: pf-fuel-grime, sans-serif; text-transform: uppercase; padding:.5rem 1.5rem;  text-decoration: none; min-width:340px; text-align:center; border:none;  }
.bg-quotes { background: var(--white) url(../img/bg-quotes.jpg) 2rem 2rem no-repeat; min-height: 360px;}
footer a { color: var(--white); text-decoration:none; }
.form-control { border-radius:0; background-color: var(--gray); color: var(--white); border:none; padding:.75rem }
.form-row { display:flex; column-gap:1rem; margin-bottom:1rem;  align-items: center;}
.form-row label { width:150px; text-align: left; }

@media (max-width:1280px){
    .form-row label { width:auto; text-align: center; }
    .form-row { display:block;}
}

@media (max-width:1100px){
    nav a { font-size:26px; }
}

@media (max-width:990px){
    .mobile-trigger { display:block; }
    header { height:80px; }
    .hero { height:400px }
}