/* ! INIZIO HEADER */
.header{
    background-color:var(--bg-header);
    background-size: cover;
    width:100%;
    height:100px;
    margin:0 auto;
    z-index:30;
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    position: fixed;
}


.div-logo{width:40%;margin:20px;padding:10px;z-index:30}

.div_testo{}
.div-titolo-header{text-align:left;color:var(--titoli);}
.div-titolo-header h1{font-family: "Passions Conflict", cursive;}
.div-titolo-header h2{font-family: "Passions Conflict", cursive; font-size:3.3rem;font-weight:400;}
.div-logo a{text-decoration:none; color:#000;}

.header__menu{
    width:100%;
    display:flex; 
    align-items: center;
    justify-content:flex-end;
    margin:20px;
    position: relative;
    z-index:30;
    /*background-color:var(--bg-header);*/
}
    .header__menu-item{
        list-style-type: none;
        display: block;
        margin:10px 5px;
        padding:10px;
        position: relative;
        color:var(--titoli);
    }
    .header__menu-link{text-transform: uppercase;text-decoration: none; color:var(--titoli);padding:10px;font-weight:600;}
    .header__sottomenu-ul{
        list-style-type:none;
        background-color:var(--bg-header);
        position: absolute;
        top:100%;
        min-width:100%;
        width:max-content;       /* ma può allargarsi quanto serve */
        overflow: hidden;
        max-height:0;
        z-index:20;
        /*transition: max-height 1s cubic-bezier(0.215, 0.610, 0.355, 1);*/
    }
    .header__sottomenu-ul li{margin:20px 20px 20px 10px;}
    .header__sottomenu-ul li a{
        text-decoration: none;
        color:#20325f;
        text-transform: uppercase;
        font-size:0.9rem;
    }
    /*.header__sottomenu-ul.open-submenu{max-height: 500px;}*/
    .open-submenu{max-height: 500px;border-bottom:var(--bordi2) solid 2px;border-top:var(--bordi2) solid 2px;}
    .header__menu-link i {transition: transform 0.3s ease;}
    .header__menu-link.animateArrow i {transform: rotate(180deg);transition: transform 0.3s ease;}

    .header__hamburger{display:none;z-index:30}

    /*.no-scroll,
    .no-scroll html,
    .no-scroll body {
        overflow: hidden !important;
        height: 100%;
    } */
    .no-scroll{overflow: hidden;}

@media (max-width: 998px){
    /* ! INIZIO HEADER */
    .div-logo{width:60%;min-height:80px;margin:0px;text-align:center;text-align: center;}
    .div-titolo-header{text-align: center;}
    .div-titolo-header h1{font-family: "Passions Conflict", cursive;}
    .div-titolo-header h2{font-family: "Passions Conflict", cursive; font-size:3.7rem;}
    /*.div-logo img{height:120px;width:auto;}*/
    .header{flex-flow: column;align-items: center;justify-content: center;height:160px;padding:0}
    .header__menu{justify-content: center;margin:0;}
    .pad-t-as-header{padding-top:160px;}
}

@media (max-width: 768px) {
    body{padding-top:100px;}
    .header{
        position: fixed;top:0;left:0;width:100%;flex-flow: row;
        align-items: center;justify-content: space-between;
        height:110px;
    }
    .header__menu{
        position: absolute;
        background-color:var(--bg-header);
        top:100px;
        left:0;
        width:100%;
        margin:0;
        height:0;
        display:block;
        margin:0;
        overflow: hidden;transition:all 1s cubic-bezier(.215, .61, .255, 1);
    }

    .div-logo{
        width:80%;
        height:100%;
        margin:10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    /*.div-logo img{height:100%;width:auto;}*/
    /*.div-titolo-header{vertical-align: middle;}*/

    .header__menu-item{display: block;border:#000 solid 1px; margin:10px;}
    .header__hamburger{display:block;width:40px;height: 40px;margin:10px;cursor: pointer;}
    .header__hamburger span{width:32px; height:3px; background-color:var(--span); display:block;margin-top:10px;margin-left:4px ;transition:all 0.3s cubic-bezier(.215, .61, .255, 1);}

    .menu-open .header__menu{height:calc(100vh - 110px); overflow: hidden;}
    .menu-open .header__hamburger span:nth-child(1){transform: translateY(5px) rotate(45deg);}
    .menu-open .header__hamburger span:nth-child(2){transform: translateY(-7px) rotate(-45deg);}
    .menu-open .header__hamburger span:nth-child(3){display:none;}
    
    /** SOTTOMENU' */
    /*.header__sottomenu-ul{position:relative;}
    .header__sottomenu-ul li{}
    .header__sottomenu-ul li a{}
    .open-submenu{margin-top:10px;}*/
    /** ---------- */
}
/** FINE HEADER */