/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.9.1.1614955146
Updated: 2021-03-05 14:39:06
*/

/* ===== IZARON MENU FIX ===== */
html body #main-header.et-fixed-header #top-menu a,
html body #main-header.et-fixed-header #et_search_icon::before,
html body #main-header.et-fixed-header .et_search_form_container input,
html body #main-header.et-fixed-header #et-top-navigation .et-cart-info {
  color: #ffffff !important;
}

html body #main-header.et-fixed-header #top-menu li.current-menu-ancestor > a,
html body #main-header.et-fixed-header #top-menu li.current-menu-item > a,
html body #main-header.et-fixed-header #top-menu li.current_page_item > a {
  color: #ffffff !important;
}

/* ===== HEADER COMPACTO + TRANSPARENTE ===== */
#main-header,
#main-header.et-fixed-header {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

@media only screen and (min-width: 981px) {
  html body.et_header_style_left #main-header #et-top-navigation {
    padding-top: 18px !important;
  }
  html body.et_header_style_left #main-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 18px !important;
  }
  html body.et_header_style_left #main-header.et-fixed-header #et-top-navigation {
    padding-top: 16px !important;
  }
  html body.et_header_style_left #main-header.et-fixed-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 16px !important;
  }
}

#top-menu > li {
  padding-right: 14px !important;
}

/* ===== NAV STICKY EN HOME ===== */
/* El nav personalizado del hero se queda fijo al hacer scroll */
.izaron-hero-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(20, 13, 4, 0.92) !important;
  z-index: 9999 !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
body.admin-bar .izaron-hero-nav {
  top: 32px !important;
}