/****

* OC Media Queries
* GovAccess - 2023
* Version 0.11

****/

@media screen and (max-width: 48em) {

    .oc-landing-page .threecolumnswithbottomlayout .content_area {
        border: 0!important;
        display: block;
    }

    .oc-landing-page .threecolumnswithbottomlayout .content_area h2 {
        font-size: 20px;
        line-height: 125%;
    }

    .oc-landing-page .threecolumnswithbottomlayout .content_area p {
        line-height: 150%;
    }

    .vi-img-overlay-buttons {
        padding: 0;
    }

    .oc-landing-page .threecolumnswithbottomlayout .content_area {
        padding: 0!important;
    }

    .oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-container {
        grid-template-columns: 1fr 1fr;
    }

    .oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-container .item a {
        height: 100%;
    }

    nav.sidenav {
        margin: 0 -5vw;
    }

    /* Spotlight */

    .vi-img-overlay-buttons .vi-img-overlay-list {
        margin: 0;
        min-width: auto;
        width: 100%;
    }

    li.vi-img-overlay-item {
        margin: 0!important;
        padding: 0!important;
    }

}

@media screen and (max-width: 40.5em) {
    .oc-responsive-iframe .videoWrapper {
        display: contents;
    }
}

@media screen and (max-width: 991px) {
    .photo_album_widget .detail-content ul { grid-template-columns: repeat(2, 1fr); }
    .photo_album_widget:has(.photo_single) { grid-template-columns: 1fr; }
    .photo_album_widget:has(.photo_single) .photo_single {
        grid-column: unset;
        grid-row: 1/2;
    }
    .photo_album_widget:has(.photo_single) p.detail-subtitle {
        font-size: 18px;
        grid-column: unset;
        grid-row: 2/3;
        justify-self: center;
        overflow: auto;
        text-overflow: unset;
        white-space: unset;
    }
    .photo_album_widget:has(.photo_single) .detail-more {
        grid-column: unset;
        grid-row: 3/4;
        justify-self: center;
    }
}

@media screen and (max-width: 767px) {
    @media screen and (max-width: 767px) {
        body:not(.oc-page-home) .column {
            padding: 0 5%!important;
        }

        .standardlayout .left_col .content_area h1:first-child:not(.mobile_header),
        .standardthreecolumnlayout .left_col .content_area h1:first-child:not(.mobile_header),
        .small_col .content_area h1:first-child:not(.mobile_header),
        .standardlayout [vi-column=ColumnUserControl2] .content_area h1:first-child:not(.mobile_header),
        .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area h1:first-child:not(.mobile_header),
        [vi-column=ColumnUserControl5] .content_area h1:first-child:not(.mobile_header),
        .standardlayout .left_col .content_area h2:first-child:not(.mobile_header),
        .standardthreecolumnlayout .left_col .content_area h2:first-child:not(.mobile_header),
        .small_col .content_area h2:first-child:not(.mobile_header),
        .standardlayout [vi-column=ColumnUserControl2] .content_area h2:first-child:not(.mobile_header),
        .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area h2:first-child:not(.mobile_header),
        [vi-column=ColumnUserControl5] .content_area h2:first-child:not(.mobile_header),
        .standardlayout .left_col .content_area h3:first-child:not(.box_title),
        .standardthreecolumnlayout .left_col .content_area h3:first-child:not(.box_title),
        .small_col .content_area h3:first-child:not(.box_title),
        .standardlayout [vi-column=ColumnUserControl2] .content_area h3:first-child:not(.box_title),
        .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area h3:first-child:not(.box_title),
        [vi-column=ColumnUserControl5] .content_area h3:first-child:not(.box_title) {
            margin-left: 0;
            margin-right: 0;
        }

        .mobile_reorder_widget.clearfix:last-child:has(.contact-info) h2:first-child {
            margin-top: 10px;
        }

        .mobile_reorder_widget.clearfix:last-child:has(.contact-info) {
            margin: 0 -5% 0px -5%;
            padding: 20px;
            width: 110%;
        }

        .standardlayout .left_col .content_area,
        .standardthreecolumnlayout .left_col .content_area,
        .small_col .content_area, .standardlayout [vi-column=ColumnUserControl2] .content_area,
        .standardthreecolumnlayout [vi-column=ColumnUserControl2] .content_area, [vi-column=ColumnUserControl5] .content_area {
            border: 0!important;
            background-color: transparent;
        }

        #sitebody.standardlayout .left_col.column, #sitebody.standardthreecolumnlayout .left_col.column {
            border-right: 0;
        }
    }
    li.vi-img-overlay-item {
        display: flex;
        flex-direction: column;
    }

    a.vi-img-overlay-link {
        flex: 1;
        min-height: 250px;
    }
}

@media screen and (min-width: 600px) {
    .oc-four-col {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (min-width: 40.5em) and (max-width: 47.9375em) {
    nav.sidenav {
        margin: 0 -5vw;
        width: auto;
    }
    .top_col, .left_col, .middle_col, .right_col, .bottom_col {
        padding: 0 5%;
    }
    header.title_widget:has(p.breadcrumb) {
        margin: 0!important;
    }
    section.small_box.events_box.mobile_list {
        width: 100%;
    }

}

@media screen and (max-width: 40.5em) {
    nav.sidenav {
        margin: 0 -5vw;
    }
}