/* ==== Enfold 8 compatibility: keep the Enfold 4.0.7 look (added Oct 2026) ==== */
/* 8.x dropped Helvetica Neue from the fallback fonts, so text set slightly wider until Oswald/Lato load (or if they're blocked) */
:root {
  --enfold-font-family-heading: 'oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --enfold-font-family-body: 'lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title, .html_elegant-blog #top .minor-meta { font-family: 'oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
body.lato { font-family: 'lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
/* 8.x sets form fields to inherit the page font; 4.0.7 kept them on Helvetica Neue */
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select,
#top .alternate_color .input-text, #top .alternate_color input[type='text'], #top .alternate_color input[type='input'], #top .alternate_color input[type='password'], #top .alternate_color input[type='email'], #top .alternate_color input[type='number'], #top .alternate_color input[type='url'], #top .alternate_color input[type='tel'], #top .alternate_color input[type='search'], #top .alternate_color textarea, #top .alternate_color select,
#top .header_color .input-text, #top .header_color input[type='text'], #top .header_color input[type='input'], #top .header_color input[type='password'], #top .header_color input[type='email'], #top .header_color input[type='number'], #top .header_color input[type='url'], #top .header_color input[type='tel'], #top .header_color input[type='search'], #top .header_color textarea, #top .header_color select,
#top .footer_color .input-text, #top .footer_color input[type='text'], #top .footer_color input[type='input'], #top .footer_color input[type='password'], #top .footer_color input[type='email'], #top .footer_color input[type='number'], #top .footer_color input[type='url'], #top .footer_color input[type='tel'], #top .footer_color input[type='search'], #top .footer_color textarea, #top .footer_color select,
#top .socket_color .input-text, #top .socket_color input[type='text'], #top .socket_color input[type='input'], #top .socket_color input[type='password'], #top .socket_color input[type='email'], #top .socket_color input[type='number'], #top .socket_color input[type='url'], #top .socket_color input[type='tel'], #top .socket_color input[type='search'], #top .socket_color textarea, #top .socket_color select { font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; }
/* Phones: 4.0.7 narrowed layout-grid cell side padding to 8%; 8.x keeps the desktop padding (up to 100px) */
@media only screen and (max-width: 767px) {
  html.responsive body#top #wrap_all .av-layout-grid-container.av-flex-cells .flex_cell { padding-left: 8% !important; padding-right: 8% !important; }
  /* 8.x also dropped the 20px gap under full-width columns in those cells */
  .responsive #top #wrap_all .av-layout-grid-container .av_one_full { margin-bottom: 20px; }
}
/* Phones: 4.0.7 kept 30px (not 20px) around the line after each post */
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .post_delimiter { padding-top: 30px; margin-bottom: 30px; }
}
/* Phones and tablets: Enfold's menu button instead of the Mega Menu one, as on 4.0.7 (see enfold8-compat.js) */
@media only screen and (max-width: 989px) {
  .responsive #top #header .main_menu #mega-menu-wrap-avia { display: none; }
}
/* Menu panel lists items from the top, as 4.0.7 did (Enfold's own rule for this loses to a stronger one) */
.html_av-overlay-side-classic #top #av-burger-menu-ul { vertical-align: top; }
/* Phone menu button and panel styled like 4.0.7: boxed list icon, full-width list with arrows */
@media only screen and (max-width: 989px) {
  .responsive #top #wrap_all #header .enfold8-burger-wrap .av-burger-menu-main > a {
    position: relative; z-index: 10100; display: block; box-sizing: border-box; width: 46px; height: 46px !important; margin: 17px 0 0; padding: 0;
    border: 1px solid #e1e1e1 !important; border-radius: 2px; background: #fff; color: #000; line-height: 44px !important; text-align: center;
  }
  .responsive #top .enfold8-burger-wrap .av-burger-menu-main > a .av-hamburger { display: none; }
  .responsive #top .enfold8-burger-wrap .av-burger-menu-main > a::before { content: "\e8a5"; font-family: 'entypo-fontello'; font-size: 30px; }
  .responsive.av-burger-overlay-active #top #wrap_all #header .enfold8-burger-wrap .av-burger-menu-main > a { margin: 21px -6px 0 0; }
  .responsive.av-burger-overlay-active #top .enfold8-burger-wrap .av-burger-menu-main > a::before { content: "\e814"; }
  .html_av-overlay-side .av-burger-overlay-bg { display: none; }
  .html_av-overlay-side .av-burger-overlay-scroll { width: 100%; transform: none; transition: none; border-left: 1px solid #e1e1e1; }
  .html_av-overlay-side-classic #top #av-burger-menu-ul { padding: 89px 0 !important; }
  .html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul li {
    font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26.4px; left: 0;
  }
  .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li a {
    padding: 13px 28px 13px 37px; line-height: 26.4px; color: #696969; border-style: solid; border-color: #e1e1e1; border-width: 1px 0 0;
  }
  .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul > li:last-child > a { border-bottom-width: 1px; }
  .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li li a { padding-left: 59px; }
  .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li a::before {
    content: "\25BA"; position: absolute; left: 28px; top: 13px; font: 7px/26.4px Arial, sans-serif; color: #038bcf;
  }
  .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li li a::before { left: 50px; }
  .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:hover,
  #top #wrap_all #header #av-burger-menu-ul .av-menu-button > a { background-color: transparent; }
  #top #wrap_all #header #av-burger-menu-ul .av-menu-button > a .avia-menu-text { padding: 0; border: 0; margin: 0; }
  .html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul .av-submenu-indicator,
  .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet { display: none; }
}
/* ==== end Enfold 8 compatibility ==== */