/*
*	Root
*	1.0 SETTINGS
        *fonts
        *boxes
        *buttons
*   2.0 HEADER
*   3.0 HOME
*   4.0 LE STRUTTURE
*   5.0 LAVORA CON NOI
*   6.0 CONTATTI
*/


/*
*	2.0 HEADER
*/
.elementor-menu-toggle svg {
    fill: #fff !important;
}

svg.elementor-menu-toggle__icon--close.e-font-icon-svg.e-eicon-close {
    fill: #33373d !important;
    color: #33373d !important;
}

.elementor-menu-toggle {
    border-width: 0px 0px 0px 2px !important;
    border-color: white !important;
    border-radius: 0px !important;
    padding-left: 12px !important;
}

div#container-header.scrolled {
    height: 105px;
}

div#logo-header {
    width: 100%;
}

div#logo-header.scrolled img {
    width: 85px;
    height: auto;
}

#container-header.clicked nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    top: 0px !important;
    height: 100vh !important;
    padding: 40px 0px;

}

#menu-principale .sub-menu li a {
    padding: 10px 10px 10px 20px;
}

#menu-principale a {
    font-family: var(--font-family-menu) !important;
    font-size: var(--font-size-menu) !important;
    font-weight: var(--font-weight-menu) !important;
    line-height: 1.6 !important;
    color: var(--color-black) !important;
    text-decoration: none !important;
    text-transform: none;
    background: transparent !important;
}

#menu-principale a:hover {
    color: var(--color-gold) !important;
}

div#container-header.clicked {
    background: var(--color-white);
}


/*
*   ZOOM IN
*/
.img-zoom,
.image-container-bg {
    transition: none;
}

.img-zoom.zoom-in,
.img-zoom.zoom-out,
.image-container-bg.zoom-in,
.image-container-bg.zoom-out {
    transform: none;
    background-size: 100%; /* Dimensione originale */
}

div.image-container-bg,
div.image-container-bg.zoom-in,
div.image-container-bg.zoom-out  {
    background-size: cover !important;
}


/*
*   3.0 HOME
*/
.bottle {
    width: 50%;
}

.carosello img {
    height: 400px !important;
    object-fit: cover;
}


/*
*   4.0 LE STRUTTURE
*/
.logo-duchi {
    width: 75px;
}

.logo-duchi img {
    width: 100%;
}

.carosello-strutture img {
    height: 400px !important;
}