/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*
================================================================
HOME PAGE: header trasparente a TUTTI i viewport.

Radice del problema (layout.min.css):
  @media (768-989px): .responsive.html_mobile_menu_tablet #top #wrap_all #header { position:relative }
  @media (max-width:767px): .responsive #top #wrap_all #header { position:relative }
  => position:relative fa entrare #header nel flusso del documento
     => spinge lo slider verso il basso
     => header appare come nuova barra bianca

Trigger secondari:
  T1: background-color:#fff su .av_header_transparency (enfold_child.css)
  T2: .header_bg torna a opacity:1 (layout.min.css)
  T3: img.alternate (logo bianco) nascosto con display:none (layout.min.css)
  T4: logo blu torna visibile senza av_alternate_logo_active
================================================================
*/

@media only screen and (max-width: 989px) {

    /* === ROOT CAUSE: ripristina position:absolute ===
       Senza questo fix l'header entra nel flusso e spinge lo slider */
    body.home .responsive.html_mobile_menu_tablet #top #wrap_all #header,
    body.home .responsive #top #wrap_all #header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        float: none !important;
        z-index: 501 !important;
    }

    /* === T1: sfondo trasparente === */
    body.home #top #wrap_all .av_header_transparency {
        background-color: transparent !important;
        border-color: transparent !important;
    }

    /* === T2: .header_bg rimane invisibile === */
    body.home .responsive #top .av_header_transparency .header_bg {
        opacity: 0 !important;
        background-color: transparent !important;
    }

    /* === T3: logo bianco (alternate) rimane visibile === */
    body.home .responsive #top .av_header_transparency .logo img.alternate {
        display: block !important;
        opacity: 1 !important;
    }

    /* === T4: logo blu rimane nascosto === */
    body.home .responsive #top .av_header_transparency .logo a > img:not(.alternate) {
        opacity: 0 !important;
    }

    /* === Icone hamburger e ricerca rimangono bianche === */
    body.home .responsive #top .av_header_transparency .mobile_menu_toggle,
    body.home .responsive #top .av_header_transparency #av-burger-menu-main a,
    body.home .responsive #top .av_header_transparency .av-header-searchicon a {
        color: #ffffff !important;
    }
}