/* header {
    background-color: #f4e9d2;
} */
#menuDedicato{
    background: -webkit-linear-gradient(left, rgba(46, 59, 66, 0) 80%,  rgba(244, 233, 210) 90%) !important;
}

.articolo-info .date-time {
    display: none;
}

#mainMenuBtn{
    background-color: #aba393 !important;
}

#barraRaiBtn img{
    background-color: #000099;
}
/* .top-bar-right{
    background-color: #f4e9d2;
} */
.menuTitle{
    display: none !important; 
}

#logoEditoreBarra{
    top:0 !important;
}

.genericInfo p {
    font-size: 22px;
    font-weight: 600;
    color: #000 !important;
} 

.genericInfo p .logoEditore svg{
     display: none; 
}

.outline-button{
    color: #FFF;
    padding: 10px 20px;
    border: solid #FFF 1px;
    border-radius: 5px;
}

.outline-button:hover {
    color: #000;
    background-color: #fff;
}

.mainHeader div h1{
    background-repeat: no-repeat;
}

.genericInfo p{
    font-family: Open Sans;
    font-size: 22px;
    font-weight: 800;
}

@media only screen and (min-width: 640px) {
    .genericInfo {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .socialShare {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .socialLink{
        padding: 0 1%;
    }
    .logoSx{
        left: 12%;
    }
}

@media only screen and (max-width: 646px) {
    .dynamicHeader.long {
        background-position: left !important;
        margin-top: 2%;
    }

    .dynamicHeader.short {
        background-position: left !important;

    }
    .genericInfo p{
        float: left !important;
        line-height: 1.8 !important;
        padding-top: 5%;
    }

    .columns.small-12.medium-6.genericInfo, .socialShare{
        height: 1rem !important;        
    }

    .socialShare{
        text-align: left !important;
    }

    /* .focus.slick-row.row.slick-initialized.slick-slider{
        top: 300px;
    } */

    .logoSx{
        background-size: calc(65%) !important;
        background-position: center;
    }
   

}


@media screen and (max-width: 646px) {
    .mainHeader .dynamicHeader.short .logoSx {
        right: 50% !important;
        top: 50% !important;
        margin: 0 !important;
        transform: translate(50%, -40%) !important;
        background-position: center !important;
        left: auto !important;

    }

    .prixLogo {
        top: 0 !important;
    }
}


@media screen and (min-width: 646px) {
    .mainHeader .dynamicHeader.short .logoSx {
        right: 55% !important;
        transform: scale(.8) !important;
        left: 15% !important;
    }

    .prixLogo {
        top: -45px !important;
    }
}