@font-face {
    font-family: 'eight_oneregular';
    src: url('eight_one_1_05241417142023-webfont.woff2') format('woff2'),
         url('eight_one_1_05241417142023-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.text-eight-one { font-family: 'eight_oneregular'; }
html { scroll-behavior: smooth; }
body { font-family: 'Montserrat', sans-serif; background-color: #000; color:#fff; font-size:18px; overflow-x:hidden; }
header { padding:30px 20px; position:fixed; top:20px; left:50%; transform:translateX(-50%); z-index: 1000; width:100%;  -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.inner-page-type header { top:0; }
.scrolled header { background-color: rgba(0,0,0,.9); top:0px;  }
nav { max-width:800px; margin:auto; } 
.inner-page-type nav { max-width:100%; }
.inner-page-type nav > ul { width: 800px; }
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: #fff; font-size: 16px; text-decoration: none; } 
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; } 
/* .inner-page-type nav ul ul { top:60px }
.inner-page-type nav ul li:hover > ul { top: 50px; }   */
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; }
.hero-slider { position: relative; overflow: hidden; height: 100vh; overflow: hidden; } 
.hero-slide { position: absolute; top: 0; left:0%; width: 100%; height: 100%; opacity: 0; transition: opacity 1s, transform 1s; transform: scale(1.2);  }
.hero-slide img { object-fit: contain; height:100%;}
.hero-slide.active { opacity: 1; transform: scale(1); }

.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:var(--white); 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:40px; right:30px; 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; }
.bg-pattern-01 { background:#000 url(../img/bg-pattern-01.jpg) no-repeat center center; background-size:cover; }
.bg-pattern-02 { background:#000 url(../img/bg-pattern-02.jpg) no-repeat center center; background-size:cover; }
.bg-pattern-03 { background:#000 url(../img/bg-pattern-03.jpg) no-repeat center center; background-size:cover; }
.bg-pattern-04 { background:#000 url(../img/bg-pattern-04.jpg) no-repeat center center; background-size:cover; }
.bg-pattern-team { background:#000 url(../img/about/bg-team.jpg) no-repeat center center; background-size:cover; }
.video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } 
.video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; }
.mw-1090 { max-width: 1090px; }
.mw-990 { max-width:990px; }
.down-arrow { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); z-index:100; }
.btn-faded-black { border-radius:0; color:#fff; border-color:#fff; background-color:rgba(0,0,0,.41); padding:.5rem 1.5rem; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.btn-faded-black:hover { border-color:#fff; background-color:rgba(0,0,0, 1); }
footer { background-color: #0d0d0d;}
footer .border-secondary { border-color: #2b2b2b !important; }

.text-fs-12 { font-size:12px; }
.text-fs-14 { font-size:14px; }
.text-fs-16 { font-size:16px; }
.text-fs-20 { font-size:20px; }
.text-fs-21 { font-size:21px; }
.text-fs-23 { font-size:23px; }
.text-fs-26 { font-size:26px; }
.text-fs-32 { font-size:32px; }
.text-fs-35 { font-size:35px; }
.text-fs-40 { font-weight: 40px; }
.text-fs-50 { font-size:50px; }
.text-fs-55 { font-size:55px; }
.sitemap a { text-decoration: none; color:#fff; }
.text-gray { color:#b0b0b0; }
.mw-1140 { max-width: 1140px; }
.legal, .legal a { color:#4c4c4c; text-decoration: none; }
.mobile-logo { position:fixed; top:30px; left:20px; z-index:10; }
.hero-text { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:100; width:100%; text-align:center; }
.bg-parent { position:relative; overflow:hidden; }
.bg-child { width:100%; height:100%; top:0; left:0; bottom:0; right:0; position:absolute; z-index:-1; }
video { position:absolute; top:0; left:0; z-index:1; height:100vh; width: 100%; object-fit: cover; }
.card-image-wrapper { position:relative; }
.card-title-wrapper { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 16%, rgba(0,0,0,0) 100%);  }
.object-fit-cover { object-fit:cover;height:100%; width:100%; }
.add-overlay { position:relative; }
.add-overlay:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(0,0,0,.5); height:100%; width:100%;}
.hero-slider-img { height:80vh }

.home-hero::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background-color:rgba(0,0,0,.5)}

/** About Team Page */
.image-wrapper .image-2 { display:none; } 
.image-wrapper:hover .image-1 { display:none; }
.image-wrapper:hover .image-2 { display:block; }

/** Unique Ensembles Page */

.unique-ensembles-page .video-info { height:100px; padding-top:1rem; padding-bottom:1rem; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.unique-ensembles-page .band-description { display:none; }
.unique-ensembles-page .band-wrapper:hover .video-info { height:100%; }
.unique-ensembles-page .band-wrapper:hover .band-description { display:block; }

/** Full Shows */

.full-shows-page .video-info { height:60px; padding-top:1rem; padding-bottom:1rem; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.full-shows-page .band-description { display:none; }
.full-shows-page .band-wrapper:hover .video-info { height:100%; }
.full-shows-page .band-wrapper:hover .band-description { display:block; }


/** TEMP **/

.inner-hero::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background-color:rgba(0,0,0,.5); }
.inner-hero.vh100 { height:100vh; position:relative; }
.video-link { position:relative; height:440px; overflow:hidden;text-align:center }
.video-link img.band-image { height:100%;  object-fit:cover; width:100%;  position:relative; left:50%; transform:translateX(-50%); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.video-link, .video-link:hover { text-decoration:none; color:#fff; }
.video-info { height:130px; background:rgba(0,0,0,.7); position:absolute; bottom:0; left:0; width:100%; z-index:10; }
.video-link:hover img.band-image { transform:translateX(-50%) scale(1.2)}

/** temp **/


.star-box { background-color:#191919; border-radius:25px; padding:2.5rem; max-width:370px; width:100%; margin:auto; text-align:center; }
.btn-round-large { display:block; border-radius:100px; padding:.7rem 3rem; background:#333; font-size:14px; text-transform:uppercase; text-decoration:none; font-weight:600; text-align:center }
.bg-pink { background-color:#f50451; border:2px solid #f50451;  }
.bg-trans { background:transparent; border:2px solid #fff; }
.bx-wrapper { background:transparent !important; border:none !important; box-shadow:none!important; height:415px;  }
section { overflow-x:hidden; }
.dj-band-hybrid-page .bx-slider { height:415px;  }
.dj-band-hybrid-page .bxslider > div { border-radius:25px; overflow:hidden; height:415px; }
.dj-band-hybrid-page .bxslider > div > img { height:100%; width:100%; object-fit:cover;}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background:#f50451; }

h2 { font-family: 'eight_oneregular';  }

@media (max-width:990px){
    .scrolled header { background-color:transparent; }
    .mobile-trigger { display:block; }
}

@media (max-width:768px){
    .hero-home .text-fs-50  { font-size:25px; }
}