/** HEADER **/
/*@media (max-width: 900px) and (min-width: 767px) {*/

body { 
    min-width: 250px; 
    --min-size-logo-width: 160px;
    --max-size-logo-width: 200px;
    --max-option_menu: 120px;
}


header#site-header .ep-header .header-left-block {
    max-width: var(--max-size-logo-width);
    min-width: var(--min-size-logo-width);
    flex-grow: 1;
    width:auto;
}

header#site-header .ep-header .header-right-block {
    max-width: calc(100% - var(--max-size-logo-width));
    min-width: calc(100% - 12% - var(--min-size-logo-width));
    width: auto;
    flex-grow: 2;
}

header#site-header #option_menu {
    flex-grow: 1;
    max-width: var(--max-option_menu);
    min-width: 50px;
    width: fit-content;
}

/*header#site-header #option_menu #custom-header-options > div + div {
        margin-left: 15px;
        margin-right: 9px;
}*/

/** STICKY **/
header#site-header .elementor-sticky--active.elementor-sticky--effects {
    padding-bottom: 15px;
}

header#site-header .elementor-sticky--active.elementor-sticky--effects.sticky-blurry {
    background-color: rgba(255, 255, 255, 80%);
    backdrop-filter: blur(50px);
    z-index: 98;
    height: 85px;
}
header#site-header .elementor-sticky--active .header-left-block{
    max-width: var(--max-size-logo-width);
    /*transition: max-width 1s ease-out;*/
    overflow: hidden;
}
header#site-header .ep-header .header-left-block .logo img {
    width: 100%;
}

header#site-header .elementor-sticky--active.elementor-sticky--effects .header-left-block {
    max-width: var(--min-size-logo-width);
    /*transition: max-width 1s ease-in;*/

}
header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block {
    width: calc(100vw - var(--min-size-logo-width));
    max-width: calc(100% - var(--min-size-logo-width));
}
header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block > div {
    flex-direction: row-reverse;
    min-width: 100%;
    transition: min-width 1s ease-out;
}
header#site-header .elementor-sticky--active .header-right-block > div > aside{
    max-width: 100%;
    /*transition: max-width 1s ease-in;
     margin-left: auto; */
    /*background-color: aqua;*/
}
/*header#site-header .elementor-sticky--active .header-right-block > div > aside:hover,*/
header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block > div > aside{
    flex-grow: 1;
    max-width: 250px;
    /* transition: max-width 1s ease-out;*/
    width:auto;
}

header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block > div > div {
    flex-grow: 2;
    min-width: auto;
    transition: min-width 1s ease-out;
    width:auto;
}

@media (max-width: 1023px) {
    header#site-header section.ep-header > div {
        flex-direction: row;
        margin-bottom: 2%;
        align-items: flex-start;
        max-width: fit-content;
    }
    header#site-header section.ep-header div.header-left-block{
        flex-grow: 1;
        width:100%;
        max-width: 100%;
        transition: max-width .5s ease;
    }
    header#site-header section.ep-header div.header-left-block > div {
        margin: 0
    }

    header#site-header section.ep-header div.header-right-block {
        max-width: 100%;
        /*flex-grow: 2;
        width: auto;*/
    }
    header#site-header section.ep-header div.header-right-block > div {
        flex-direction: row-reverse;
        align-items: flex-start;
    }
    header#site-header section.ep-header div.header-right-block > div > div {
        width:auto;
        flex-grow: 1;
    }
    header#site-header section.ep-header div.header-right-block > div > div .elementor-nav-menu a {
        padding: 10px;
    }
    header#site-header section.ep-header div.header-right-block > div > aside{
        width: auto;
        flex-grow: 2;
        margin-right: 2%;
        margin-top: 15px;
    }

    header#site-header .elementor-sticky--active.elementor-sticky--effects .header-left-block {
        max-width: 50px;
        min-width: auto;
        margin-right: 5%;
    }

    header#site-header .elementor-sticky--active.elementor-sticky--effects > div {
        max-width: 100%;
        margin: 0;
        /*margin-bottom: 2%;*/
    }
    
    
    header#site-header .elementor-sticky--active.elementor-sticky--effects .header-left-block .logo img {
        width: auto;
    }

    header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block {
        width: calc(100% - 50px - 5%);
        margin-top: 5px;
        max-width: calc(100% - 50px - 3%);
    }

    header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block > div > aside {
        margin-right: 0;
        max-width: 90px;
        /*max-height: 0;
        transition: max-height .5s ease;*/
        /*overflow: hidden;*/
        margin: 0;
    }


    header#site-header section.ep-header div.header-right-block > div > aside > div{
        flex-wrap: nowrap;
    }
}

@media (max-width: 768px) {
    header#site-header .ep-header .header-right-block {
        max-width: 100%;
    }

    header#site-header .ep-header .header-right-block > div > aside #custom-header-options {
        margin-right: 10px;
    }

    header#site-header .ep-header .header-right-block > div > aside #custom-header-options .option-carrito,
    header#site-header .ep-header .header-right-block > div > aside #custom-header-options .top-header-user {
        margin-left: 10px;
    }

    

    /*header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block aside #option_menu {
        flex-grow: 1;
        min-width: 90px;
        max-width: var(--max-option_menu);
    }*/

    header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block > div > div {
        min-width: auto;
        width: auto;
    }
}
@media (max-width: 767px) {
    header#site-header section.ep-header > div {
        flex-direction: row;
        margin-bottom: 2%;
        align-items: flex-start;
        max-width: 100%;
    }

    header#site-header section.ep-header div.header-left-block {
        max-width: var(--min-size-logo-width);
        min-width: var(--min-size-logo-width);
    }

    header#site-header section.ep-header div.header-right-block {
        max-width: calc(100% - var(--min-size-logo-width));
    }

    header#site-header section.ep-header div.header-right-block > div {
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    header#site-header section.ep-header div.header-right-block > div > aside {
        margin-right: 0;
    }
    header#site-header section.ep-header div.header-right-block > div > div {
        flex-grow: inherit;
        width: inherit;
    }

    header#site-header section.ep-header div.header-right-block .elementor-menu-toggle {
        font-size: 32px;
        margin-left: auto;
        margin-right: 0%;
        /* margin-top: -15px; */
    }

    header#site-header section.ep-header div.header-right-block .elementor-menu-toggle + nav {
        background-color: rgba(0,0,0,.05);
        margin-left: calc(var(--min-size-logo-width) * -1);
        width: calc(100vw - 4%);
        margin-top: 0;
    }
        

}

@media (max-width: 1200px) and  (min-width: 1024px) {
    header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block > div > div > div > nav a {
        padding: 15px;
    }
    header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block #custom-header-options .option-carrito,
    header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block #custom-header-options .top-header-user {
        margin-left: 10px;
    }
}

/** TABLET HEADER ASIDE **/
@media (max-width: 1023px) and  (min-width: 768px) {
    header#site-header .elementor-sticky--active.elementor-sticky--effects div.header-left-block {
        margin-right: 3%;
    }

    header#site-header .elementor-sticky--active.elementor-sticky--effects.sticky-blurry {
        height: 90px;
    }

    /*header#site-header .elementor-sticky--active.elementor-sticky--effects div.header-right-block {
        margin
    }*/


    header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block > div > aside > div {
        flex-wrap: wrap;
    }

    header#site-header .elementor-sticky--active.elementor-sticky--effects .header-right-block > div > aside #option_menu {
        margin-top: 10px;
    }
}

/** FOOTER **/
@media (max-width: 767px) and (min-width: 500px) {
    section.ep-footer .ep-footer-itanova .ep-itanova-logo {
        text-align: left;
    }
    section.ep-footer .ep-footer-itanova .ep-itanova-logo img {
        max-width: 60%;
    }
}