/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* CLS Fix: Reserve height for flexslider containers before JS initializes.
   The fusion-flexslider-loading class is present on load and removed by
   flexslider JS in its start() callback. We hold space with aspect-ratio
   + min-height fallback, then unset once JS takes over. */
.fusion-flexslider.fusion-post-slideshow.fusion-flexslider-loading {
  min-height: 250px;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

@media only screen and (max-width: 640px) {
  .fusion-flexslider.fusion-post-slideshow.fusion-flexslider-loading {
    aspect-ratio: 4 / 3;
    min-height: 180px;
  }
}

/* CLS Fix: Stable mobile header height.
   Side header collapses to top mobile header — reserve space so content
   below doesn't shift when header layout CSS applies. */
@media only screen and (max-width: 1000px) {
  #side-header {
    min-height: 65px;
  }
}

/* Side header dropdown: close the gap between sidebar and submenu */
body.side-header-left #side-header .fusion-main-menu > ul > li > ul {
  left: calc(var(--side_header_width, 234px) - 1px) !important;
  margin-left: 0 !important;
}

/* Side header dropdown: match submenu font to main menu (Abril Fatface) */
#side-header .fusion-main-menu ul .sub-menu a {
  font-family: 'Abril Fatface', cursive;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
}

/* Submenu hover: gold text like main menu */
#side-header .fusion-main-menu ul .sub-menu a:hover {
  color: #c9a84c;
}

/* Remove extra margin from slide animation on side header */
.fusion-sub-menu-slide.side-header-left .fusion-main-menu > ul > li > .sub-menu {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
