/*
Theme Responsive styles
*/

@media (max-width: 368px){

}

/* small (.col-sm)*/
@media (min-width: 576px){
    :root{
        --container: 540px;
    }
    /*.single .featured_post_img {*/
    /*    max-height: calc(var(--container) * .41463);*/
    /*    overflow: hidden;*/
    /*}*/
}

/* medium (.col-md)*/
@media (min-width: 768px){
    :root{
        --header_height: 80px;
        --container: 720px;
    }
    #hp-slider .carousel-indicators {
        bottom: -2.5rem;
        margin-left: calc(var(--bs-gutter-x) * .5);
        left: 58.33333333%;
    }
    ul#footer_menu li, ul#footer_menu2 li {
        display: inline-block;
    }
    ul#footer_menu li:after, ul#footer_menu2 li:after{
        content: '|';
        margin: 0 10px;
    }
    ul#footer_menu li:last-child:after, ul#footer_menu2 li:last-child:after{
        content: '';
    }

    .site_search input {
        padding: 5px 10px 5px calc(30% + 20px);
    }
    .site_search .search_select {
        width: 30%;
        top: 10px;
        left: 10px;
        border-radius: 30px;
        background-color: var(--theme_pink);
        color: white;
        font-size: .9rem;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFFFFF' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0.7rem top 50%;
        background-size: 0.65rem auto;
        height: 40px;
    }


    .box_overlay{
        position: absolute;
        top: 15%;
        right: 0;
        left: 40%;
        background-color: white;
        height: 70%;
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        padding: 0 2rem;
    }
    .box_overlay > div {
        font-size: 1.4rem;
    }
    .box_overlay .page_link{
        font-size: 1.2rem;
        margin-top: 2rem;
    }
    section {
    }
    /*.featured_post_img {*/
    /*    margin-bottom: 4rem;*/
    /*}*/
}

/* large (.col-lg)*/
@media (min-width: 992px){
    :root {
        --header_height: 100px;
        --container: 960px;
    }
    html, body {
        /*font-size: 20px;*/
        line-height: 1.3rem;
    }
    h1.title_page {
        text-align: left;
    }
    h1.title_archivio {
        font-size: 3rem;
    }
    #pagina_archivio .cover {
        height: 580px;
    }
    .box_overlay > div {
        font-size: 1.8rem;
    }
    /*.featured_post_img {*/
    /*    margin-bottom: 5rem;*/
    /*}*/
    section .abstract {
        font-size: 1.2rem;
        line-height: 1.75rem;
    }
    .modal.lightbox .modal-dialog:not(.modal-fullscreen){
        max-width: 60vw;
    }

}

/* extralarge (.col-xl)*/
@media (min-width: 1200px){
    :root{
        --container: 1140px;
    }
    html, body {
        /*font-size: 20px;*/
    }

    h1.title_page {
        font-size: 1.5rem;
        /*margin: 90px 0 40px;*/
    }
    h2.title_page {
        font-size: 2rem;
    }
    h1.title_archivio {
        font-size: 3.5rem;
    }

    #hpSezione_1 {
        margin-top: 100px;
    }

    .desk_menu {
        font-size: 3rem;
    }

    .site_search input {
        padding: 5px 10px 5px calc(20% + 20px);
    }
    .site_search .search_select {
        width: 20%;
        top: 10px;
        left: 10px;
    }

    #hp-slider .carousel-indicators {
        bottom: 0;
        left: 66.66666667%;
    }

    ul.sel_lang {
        padding-left: 0;
    }
    section {
    }
    /*.featured_post_img {*/
    /*    margin-bottom: 7rem;*/
    /*}*/
}

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

    section {
    }
}


/*
    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;
}