/* ==========================================================
   ANIMATED HOVER-ONLY SUB-MENU DROPDOWN
   ========================================================== */
#navigation {
  z-index: 99999 !important;
}

#navigation ul.menu,
#navigation ul.sf-menu {
  position: relative !important;
}

#navigation ul > li.menu-item-has-children {
  position: relative !important;
}

/* Hidden by default with smooth slide-down animation setup */
#navigation ul.sub-menu {
  display: block !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 190px !important;
  background-color: #1a1a1a !important;
  background: rgba(20, 20, 20, 0.96) !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  list-style: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
  border-top: 2px solid #c83b3b !important;
  border-radius: 0 0 4px 4px !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-10px) !important;
  pointer-events: none !important;
  transition: opacity 280ms ease, transform 280ms cubic-bezier(0.16, 1, 0.3, 1), visibility 280ms !important;
  z-index: 999999 !important;
}

/* Open ONLY on direct hover of the parent li */
#navigation ul > li.menu-item-has-children:hover > ul.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

#navigation ul.sub-menu li {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#navigation ul.sub-menu li a {
  display: block !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #eeeeee !important;
  background: none !important;
  border: 0 none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: all 0.2s ease-in-out !important;
}

#navigation ul.sub-menu li:last-child a {
  border-bottom: 0 none !important;
}

#navigation ul.sub-menu li a:hover {
  background-color: #c83b3b !important;
  color: #ffffff !important;
  padding-left: 22px !important;
}

/* ==========================================================
   INSTANT RENDERING - ZERO LOADING DELAY
   ========================================================== */
#max-preloader,
.max-loader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.max-is-loading,
body.preload {
  opacity: 1 !important;
  visibility: visible !important;
}

#portfolioList {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

#portfolioList li {
  opacity: 1 !important;
  visibility: visible !important;
}

#portfolioList li figure img {
  opacity: 1 !important;
  display: block !important;
}


/* ==========================================================
   VIDEO PLAYER STACKING CONTEXT & VISIBILITY FIX
   ========================================================== */
#superbgplayer {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 100 !important;
  background-color: #000 !important;
}

#superbgimageplayer {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 100 !important;
}

#superbgimageplayer iframe,
#superbgplayer iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}

#superbgplayer.video-hide,
#superbgimageplayer.video-hide,
#youtubeplayer.video-hide,
#vimeoplayer.video-hide,
#selfhostedplayer.video-hide {
  display: none !important;
  z-index: -1 !important;
}

#fsg_playbutton {
  z-index: 450 !important;
  cursor: pointer !important;
}

#fsg_playbutton.fsg-playbutton-hide {
  display: none !important;
}