/*
Theme Responsive styles
*/

@media (max-width: 368px) {

}

@media (min-width: 375px) {
    ul#elenco_fascicoli_list li{
        margin-right: 8px;
    }
    /*.post_img_thumb > div {*/
    /*    height: 350px;*/
    /*}*/
}

/* small (.col-sm)*/
@media (min-width: 576px) {

}

@media (max-width: 1199px) {

}



/* medium (.col-md)*/
@media (min-width: 768px) {
    :root {
        --header_height: 100px;
        --container: 720px;
    }



}

/* large (.col-lg)*/
@media (min-width: 992px) {
    :root {
        --container: 960px;
    }
    #hp-slider .dida_slide {
        left: calc(50% - 180px);
        width: 360px;
    }


}

/* extralarge (.col-xl)*/
@media (min-width: 1200px) {
    :root {
        --header_height: 110px;
        --container: 1320px;
    }
    html, body {
        font-size: 18px;
        line-height: 1.3;
    }
    header.header_sticky{
        height: calc(var(--header_height) - 30px) !important;
    }
    header.header_sticky .header_logo{
        max-width: 200px;
    }
    #hp-slider .slide_area_content {
        height: calc(60vh - var(--header_height));
    }

}

/* extraextralarge (.col-xxl)*/
@media (min-width: 1400px) {
    :root {
        /*--header_height: 130px;*/
    }

}


/*
    VIDEO EMBEDS Responsive
*/
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
    VIDEO WP Responsive
*/
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
    width: 100% !important;
    height: 100% !important;
}

.mejs-container {
    padding-top: 56.25%;
}

.wp-video, video.wp-video-shortcode {
    max-width: 100% !important;
}

video.wp-video-shortcode {
    position: relative;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mejs-controls {
    display: none;
}

.mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
}

p iframe {
    max-width: 100%;
    max-height: 100%;
}