/**
 * #.# Header
 * #.#  Client Custom Styles
 *
 * Header section styles including navigation and off canvas
*/

header{position:fixed;width:100%;top:0;padding:0px;height:110px;z-index:50;}
.hidden-height {
  height: 110px;
  position: relative;
  top: 0px;
  display: block;
  width: 100%;
}
.header-logo img{width:100%;height:auto}
.header-logo {position:relative;top:13px;max-width:151px;display: inline-block;margin-bottom: 9px;}
.navigation-bg {position:absolute;top: -40px;z-index:0;width: 100%;height: 100%;}
header .container {position:relative ;z-index:2;}
.menu-main-menu-container {  padding: 37px 0px 0px; width: 100%;}
header nav {display: flex;}
.menu-main-menu-container ul {list-style: none;padding:12px 5px;background-color:#505050;border-radius:30px;display: inline-block;}
.menu-main-menu-container ul li {display: inline-block;}
.menu-main-menu-container ul li a {
  padding: 5px 19px;
  color: #FCF9F2;
  transition: ease-in-out .2s all;
  font-size: 15px;
  line-height: 100%;
  position: relative;
  font-weight: var(--medium);
}

.menu-main-menu-container ul li a:hover {color:var(--green)}

/*.menu-main-menu-container ul li a:before {content:"";width:10px;height:10px;border:1px solid var(--white);position:absolute;border-radius:50%;left:0px;top:7px}*/
.menu-main-menu-container ul li.current-menu-item a,
.menu-main-menu-container ul li.current_page_item a{ color:var(--green)!important}
.menu-main-menu-container ul li.current-menu-item a:before,
.menu-main-menu-container ul li.current_page_item a:before{background-color:var(--white)}
.menu-nav{display:none}
header .contact-btn a{border-radius:25px;font-size:18px;line-height:100%;padding:15px 50px 14px 25px!important;text-transform:uppercase;background-color:var(--green);transition:var(--transition);color:var(--black)!important;position:relative;top:-3px;position:relative}
header .contact-btn a::after{content:"";position:absolute;background-image:url(../../../img/cta-arrow.svg);background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;transform:rotate(0);width:14px;height:14px;right:25px;top: 18px;transition:var(--transition)}
header .contact-btn a:hover::after{transform:rotate(45deg);transition:var(--transition)}
header .contact-btn a:before{display:none}
header .contact-btn a:hover,header .cta-btn a:focus-visible{filter:brightness(.95)}
header{transition:transform .5s ease}

/*.header-offscreen header{transform:translateY(-110px);transition:transform .5s ease}*/

/** Colour Schemes **/

header.green-header {background-color:var(--green)}
header.green-header .menu-main-menu-container ul li a,
header.green-header .menu-main-menu-container ul li {color:var(--black)}
header.green-header .menu-main-menu-container ul li a:before {border:1px solid var(--black);}
header.green-header .menu-main-menu-container ul li.current-menu-item a:before,
header.green-header .menu-main-menu-container ul li.current_page_item a:before{background-color:var(--black)}
header.green-header .contact-btn a {background-color: var(--black);color: var(--white) !important;}
header.green-header .contact-btn a::after{background-image:url(../../../img/green-arrow.svg);}
header.black-header {background-color:var(--black)}
header.black-header .menu-main-menu-container ul li a {color:var(--white)}
header.green-header .menu-main-menu-container ul {background-color: var(--white);}





header.white-header {background-color:var(--white)}
header.white-header .menu-main-menu-container ul li a,
header.white-header .menu-main-menu-container ul li  {color:var(--black)}
header.white-header .menu-main-menu-container ul li a:before {border:1px solid var(--black);}
header.white-header .menu-main-menu-container ul li.current-menu-item a:before,
header.white-header .menu-main-menu-container ul li.current_page_item a:before{background-color:var(--black)}
header.white-header .hamburger-lines div {background-color: var(--black);}
header.white-header  .menu-main-menu-container ul {background-color: var(--white);}

.error404 header {background-color: var(--white);}
.error404 header .menu-main-menu-container ul li a, 
.error404 header .menu-main-menu-container ul li {color: var(--black);}
.error404 header .menu-main-menu-container ul li a:before {border: 1px solid var(--black);}
.error404 header .menu-main-menu-container ul li.current-menu-item a:before,
.error404 header .menu-main-menu-container ul li.current_page_item a:before {background-color: var(--black);}
.error404 header .hamburger-lines div {background-color: var(--black);}
.error404 header .break-border {background-color: var(--black);}

.single-post header.white-header .menu-main-menu-container ul li.menu-item-431  a:before{background-color:var(--black)}
/*header.transparent-header {background-color:rgba(29, 29, 29, .65);transition:var(--transition)}*/
header.transparent-header .menu-main-menu-container ul li a,
header.transparent-header .menu-main-menu-container ul li a {color:var(--white)}
.transparent-header .home_banner_module,
.transparent-header .banner_module {margin-top: -110px;}
.transparent-header header.active {background: var(--black);transition:var(--transition)}

.about-nav, .experience-nav, .partnership-nav {cursor:pointer}


.menu-main-menu-container ul li a:hover {color:var(--green)!important}

/*.menu-main-menu-container ul li a:before {content:"";width:10px;height:10px;border:1px solid var(--white);position:absolute;border-radius:50%;left:0px;top:7px}*/
.menu-main-menu-container ul li.current-menu-item a,
.menu-main-menu-container ul li.current_page_item a{ color:var(--green)!important}


/**
 * #.# Off Canvas Navigation
 *
 * Styles for the off-canvas menu and its transitions.
 */

.off-canvas{position:fixed;transition:all .9s ease-in-out;right:-110%;height:100svh;width:100vw;z-index:100;background-color:var(--black);top: 115px;padding-bottom:50px}
.off-canvas nav ul{list-style:none;padding:0;margin:0;display:block;padding-left:0px}
.off-canvas nav ul li{}
.off-canvas nav ul li a{font-size:32px;font-weight:var(--semi);color:var(--white);line-height:54px}
.off-canvas nav ul li a:hover{color:var(--green)}
.off-canvas nav{margin-top:0;display:block;width:100%;position:relative;top:20px}
.off-canvas.active{transition:all .9s ease-in-out;right:0}
.menu-nav{top:12px;position:absolute;right:20px;color:var(--black);font-size:22px;cursor:pointer;transition:all .2s ease;mix-blend-mode:unset;background-color:transparent}
.menu-nav:hover{color:var(--pink)}
.open-menu{top:12px;position:absolute;right:20px;color:var(--white);font-size:22px;cursor:pointer;transition:all .2s ease;mix-blend-mode:unset;background-color:transparent}
.cnavas-logo{top:6px;position:relative;display:inline-block}
.open-menu:hover{color:var(--skyblue);cursor:pointer}
.off-canvas .contact-details {border-top: 1px solid var(--white);margin-top: 50px}
.off-canvas .contact-details h3 {color:var(--white);padding: 20px 0 10px;}
.off-canvas .contact-details p {color:var(--white)}
.off-canvas .contact-details p a {font-weight: var(--semi);color: var(--white);}
.off-canvas .contact-block.content-block a {color: var(--offwhite);border-bottom: 1px solid rgba(225,225,225,0.1);}
.off-canvas .contact-block.content-block a:hover {color: var(--white);border-bottom: 1px solid rgba(225,225,225,1);}
.off-canvas .footer-socials.contact-socials h3 {color: var(--white);padding-top:20px; padding-bottom: 0px;}
.off-canvas .footer-socials.contact-socials .social-links li a {color: var(--pink); background-color: var(--white);}
.off-canvas .footer-socials.contact-socials .social-links li a:hover {background-color: var(--skyblue);}

.off-canvas {opacity: 0;}
.off-canvas.active {opacity: 1;}


.off-canvas nav ul li .sub-menu {display:none}

.mobile-main-header-menu,
  .mobile-main-header-menu li {
    position: static;
  }

  .mobile-main-header-menu .sub-menu {
    display: none;              /* JS will change this with slideDown/slideUp */
    position: static;           /* important: no absolute here */
    margin: 0;
    padding-left: 1.5rem;       /* indent child items a bit */
    list-style: none;
  }

  .mobile-main-header-menu .sub-menu li {
    display: block;
    padding-bottom:10px
  }

.mobile-main-header-menu .sub-menu {padding-bottom:25px}
.mobile-main-header-menu .sub-menu li a {
  font-size: 22px;
  line-height: 34px;
}  
.mobile-main-header-menu .sub-menu li a::before {
  top: 14px!important;
}
/**
 * #.# Hamburger
 *
 */

.hamburger{display:none;position:absolute;top:45px;right:40px;width:45px;height:35px;z-index:500}
.hamburger-lines div{position:relative;width:45px;height:5px;border-radius:0;background-color:var(--white);margin-top:8px;transition:all .3s ease-in-out}
.hamburger.active .top-bun{margin-top:25px}
.hamburger.active .meat{margin-top:-7px}
.hamburger.active .top-bun{transform:rotate(45deg);margin-top:18px}
.hamburger.active .meat{opacity:0;transform:rotate(45deg)}
.hamburger.active .bottom-bun{transform:rotate(-45deg);margin-top:-3px}

/**
 * #.# Tickets
 *
 */

.tickets-dropdown{position:relative;display:inline-block;cursor:pointer;margin-top:23px}
.tickets-dropdown .ticket-link{position:relative;background:var(--white);color:var(--black);border-radius:25px;font-weight:500;width:145px;user-select:none;padding:15px 50px 14px 25px!important;text-transform:uppercase;z-index:60;border:1px solid var(--black)}
.tickets-list{display:none;position:absolute;left:0;top:0;margin-top:0;padding:65px 14px 25px!important;list-style:none;background:var(--white);border:1px solid var(--black);box-shadow:0 4px 8px rgba(0,0,0,0.1);width:145px;z-index:55;border-radius:25px;text-align:left;text-transform:none}
.tickets-list li{padding:5px 0}
.tickets-list li a{display:block;color:var(--black);font-size:16px;line-height:28px;border-bottom:1px solid rgba(0,0,0,.15);transition:.2s ease-in-out all}
.tickets-list li a:hover{border-bottom:1px solid rgba(0,0,0,1)}
.tickets-dropdown::after{content:"";position:absolute;background-image:url(../../../img/green-arrow.svg);background-position:center;background-repeat:no-repeat;background-size:cover;width:14px;height:14px;right:25px;top:41%;transform:translateY(-50%) rotate(135deg);transition:var(--transition);z-index:65}
.menu-main-menu-container ul li:first-of-type{padding-left:0}
.tickets-dropdown.active::after{transform:translateY(-50%) rotate(-45deg)}



/** Update Sub nav **/

.main-header-menu{position:relative}
.main-header-menu li{position:relative}
.main-header-menu .sub-menu{position:absolute;left:0;top:100%;display:none;padding:0;margin:0;list-style:none;min-width:200px;text-align:left;z-index:999;padding-top:25px;padding-bottom:50px}
.main-header-menu .sub-menu li{display:block}
.main-header-menu .sub-menu li a{display:block;padding:10px 15px;white-space:nowrap;font-size:16px;margin-bottom:5px}
/* existing */
.main-header-menu li:hover > .sub-menu {
    display: block;
}
/*.main-header-menu li:focus-within > .sub-menu {
    display: block;
}*/

/* NEW: when JS adds .submenu-locked, force submenus closed */
.main-header-menu.submenu-locked li:hover > .sub-menu,
.main-header-menu.submenu-locked li:focus-within > .sub-menu {
    display: none;
}

.menu-main-menu-container .sub-menu li,.menu-main-menu-container ul li .sub-menu li:first-of-type{padding-left:36px}
.menu-main-menu-container ul li:first-of-type .sub-menu li{padding-left:0}
.menu-main-menu-container .sub-menu li a::before{width:7px;height:7px;left:0;top:17px}

header {
    overflow: visible;
    transition:var(--transition)
}

/** Sub nav */

.nav-sub-header{position:fixed;top:110px;width:100%;padding:16px 0 0;z-index:40;display:none}
.nav-sub-headere ul{list-style:none;margin-bottom:18px}
.nav-sub-header li{display:inline-block;padding:0 15px}
.nav-sub-header li a{display:block;border-radius:0;font-size:17px;line-height:18px}
.nav-sub-header a.active{color:var(--black);border-bottom:2px solid rgba(29,29,29,1)!important}
.nav-sub-header{transition:transform .5s ease}
.header-offscreen .nav-sub-header{transform:translateY(-110px);transition:transform .5s ease}









.green-header .nav-sub-header{background-color:var(--green)}
.green-header .nav-sub-header li a{border-bottom:2px solid rgba(29,29,29,0);transition:.2s ease-in-out all}
.green-header .nav-sub-header li a:hover{border-bottom:2px solid rgba(29,29,29,1);transition:.2s ease-in-out all}
.black-header .nav-sub-header{background-color:var(--black)}
.black-header .nav-sub-header li a{color:var(--white);border-bottom:2px solid rgba(225,225,225,0);transition:.2s ease-in-out all}
.black-header .nav-sub-header li a:hover{border-bottom:2px solid rgba(225,225,225,1);transition:.2s ease-in-out all}
.black-header .nav-sub-header a.active{border-bottom:2px solid rgba(225,225,225,1)!important}
.white-header .nav-sub-header{background-color:var(--white)}
.white-header .nav-sub-header li a{border-bottom:2px solid rgba(29,29,29,.0);transition:.2s ease-in-out all}
.white-header .nav-sub-headerli a:hover{border-bottom:2px solid rgba(29,29,29,9);transition:.2s ease-in-out all}
.transparent-header .nav-sub-header{background-color:rgba(29,29,29,.0);transition:var(--transition)}
.transparent-header .nav-sub-header.active{background-color:rgba(29,29,29,1);transition:var(--transition)}
.transparent-header .nav-sub-header li a{color:var(--white);border-bottom:2px solid rgba(225,225,225,0);transition:.2s ease-in-out all}
.transparent-header .nav-sub-header li a:hover{border-bottom:2px solid rgba(225,225,225,1);transition:.2s ease-in-out all}
.transparent-header .nav-sub-header a.active{border-bottom:2px solid rgba(225,225,225,1)!important}

.transparent-header .home_banner_module, .transparent-header .banner_module {margin-top: -170px;}

/** 
 * #.# Fancy action
 *
 */

main.active section {transition: all 1.9s ease-in-out; left: -50%; opacity: .2;}
main section {position: relative; z-index: 0;left: 0; opacity: 1; transition: all 1.2s ease-in-out}

.nav-sub-header, .nav-sub-header-panel {
  opacity: 0;
  visibility: hidden;
  transition: ease-in-out all 0.5s;
  pointer-events: none;
}
.nav-sub-header.is-visible,
.nav-sub-header.is-visible .nav-sub-header-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: ease-in-out all 0.5s;
}

.header-logo img {opacity:1!important}

/*
@media (max-width: 1355px) {
  .menu-main-menu-container ul li {padding-left: 26px;}
  .menu-main-menu-container ul li a {font-size: 16px;}
}
*/
@media (max-width: 1200px) {
  .hamburger {display:block;}
  header nav {display:none}
  .menu-main-menu-container ul li {display: block;  padding-left: 0px;}
  /*.menu-main-menu-container ul li a::before {left: -10px;top: 15px;}*/
  .tickets-dropdown {display: block;}
  .tickets-dropdown .ticket-link {width: 100%;font-size: 22px;}
  .tickets-dropdown::after {top: 27px;}
  .tickets-list {width: 100%;}
  .tickets-list li a {font-size: 18px!important;}
  .off-canvas {top: 110px;}
  .mobile-main-header-menu,
  .mobile-main-header-menu li {
    position: static;
  }

  .mobile-main-header-menu .sub-menu {
    display: none;              /* JS will change this with slideDown/slideUp */
    position: static;           /* important: no absolute here */
    margin: 0;
    padding-left: 1.5rem;       /* indent child items a bit */
    list-style: none;
  }

  .mobile-main-header-menu .sub-menu li {
    display: block;
    padding-bottom:10px
  }

.mobile-main-header-menu .sub-menu {padding-bottom:25px}
.mobile-main-header-menu .sub-menu li a {
  font-size: 22px;
  line-height: 34px;
}  
.mobile-main-header-menu .sub-menu li a::before {
  top: 13px!important;
}

.tickets-list {

  position: relative;
  top: -64px;

}
.tickets-dropdown { margin-bottom: 50px;}
.menu-main-menu-container ul {background-color:transparent}
}

@media (max-width: 992px) {
  .header-logo {top: 20px;}
  .menu-main-menu-container {padding: 20px 0px;width:100%}
  .hidden-height {height: 110px;}
  .off-canvas.active {overflow-x: scroll;}
  .menu-main-menu-container ul {background-color:transparent}
  
}

@media (max-width: 600px) {
  .header-logo {max-width: 94px;}
  header {height: 75px;}
  .header-logo {top: 10px;}
  .hamburger {top: 13px;}
  .off-canvas {top: 75px;}
  .hidden-height {height: 75px;}
  .transparent-header .home_banner_module, .transparent-header .banner_module {margin-top: -75px;}
}