/****

* OC Landing Page Stylesheet
* GovAccess - 2023
* Version 0.25

****/


/***** govA Buttons Widget Container (FROM TEST.CSS) *****/

.govA-buttons-widget .button-container { gap: 10px; flex-wrap: wrap; margin: 0; padding: 0; }
.govA-buttons-widget .button-container .item { border-radius: 8px; flex-basis: 25%; margin: 0; min-width: unset; padding: 0; }
.govA-buttons-widget .button-link { background-color: var(--oc-green); border-radius: 8px; max-width: unset; transition: 0.12s ease-in-out; width: auto; }
.govA-buttons-widget .button-link:hover,
.govA-buttons-widget .button-link:focus { background-color: var(--oc-dark-green); }


/***** BEGIN NORMAL CONTENT *****/

/* Page Title */

.twocolumnswithbottomlayout .top_col .breadcrumb + h1.titlewidget-title:has(span),
.threecolumnswithbottomlayout .top_col .breadcrumb + h1.titlewidget-title:has(span) {
    margin-top: 50px;
}

/* Responsiveness Accomodations */

p.email a { text-overflow: ellipsis; overflow: hidden; }

.small_box .box_content ul a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#sitebody .right_col { min-height: auto; }

.middle_col > :last-child { margin-bottom: 0; }

/* Pseudo Element Setup */
.contact-container p::before {display: inline-block;font: normal normal normal 18px/1 FontAwesome!important;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* Dynamic Contact Info */

.threecolumnswithbottomlayout .contact-info,
.twocolumnswithbottomlayout .contact-info { border: 1px solid #ccc; border-radius: 8px; }

.threecolumnswithbottomlayout .contact-info h3,
.threecolumnswithbottomlayout .contact-info hr,
.twocolumnswithbottomlayout .contact-info > h3,
.twocolumnswithbottomlayout .contact-info > hr { display: none!important; }

.threecolumnswithbottomlayout .contact-info + .contact-info h3,
.twocolumnswithbottomlayout .contact-info + .contact-info h3 { display: block!important; }

.threecolumnswithbottomlayout .contact-info > *:not(h3,h4)::before,
.twocolumnswithbottomlayout .contact-info > *:not(h3,h4)::before { align-items: center; border-right: 1px solid #ccc; content: ''; display: flex; font: normal normal normal 18px/1 FontAwesome; justify-content: center; height: calc(100% + 30px); width: 50px; }

.contact-info > p.phone::before { content: '\f095'; }
.contact-info > p.fax::before { content: '\f1ac'; }
.contact-info > p.email::before { content: '\f003'; }
.contact-info > p.text::before { content: '\f086'; }
.contact-info > div.address::before { content: '\f14e'; }
.contact-info > p.hours::before {content: '\f017';}
.contact-info > p.contact-link::before {content: '\f0c1';}
.contact-info > p.note::before { content: '\f05a'; }
.contact-info > p.contact-facebook::before {content: '\f09a';}
.contact-info > p.contact-twitter::before {content: '\f099';}
.contact-info > p.contact-instagram::before {content: '\f16d';}
.contact-info > p.contact-youtube::before {content: '\f16a';}
.contact-info > p.contact-linkedin::before {content: '\f0e1';}

.threecolumnswithbottomlayout .contact-info > *:not(h3,h4),
.twocolumnswithbottomlayout .contact-info > *:not(h3,h4) { align-items: center; display: grid; gap: 15px; grid-template-columns: 50px 1fr; margin: 0; min-height: 50px; padding: 15px 0!important; position: relative; width: 100%; }

.threecolumnswithbottomlayout .contact-info > *:nth-child(n+2),
.twocolumnswithbottomlayout .contact-info > *:nth-child(n+2) { border-top: 1px solid #ccc; }

.threecolumnswithbottomlayout .contact-info + .contact-info h3,
.twocolumnswithbottomlayout .contact-info + .contact-info h3,
.twocolumnswithbottomlayout .contact-info > h4,
.threecolumnswithbottomlayout .contact-info > h4 { font-size: 16px; margin: 0; padding: 15px; }

.twocolumnswithbottomlayout .contact-info + .contact-info,
.threecolumnswithbottomlayout .contact-info + .contact-info { margin-top: 15px; }

.twocolumnswithbottomlayout .contact-info:first-of-type h3 + *,
.threecolumnswithbottomlayout .contact-info:first-of-type h3 + * { border-top: 0; }

.twocolumnswithbottomlayout .contact-info .hours > strong:nth-child(n+2),
.threecolumnswithbottomlayout .contact-info .hours > strong:nth-child(n+2) { display: block; padding-top: 10px; }

/* Contact Info */
.contact-container { border: 1px solid #cccccc; border-radius: 8px; }
.contact-container p { display: grid; grid-template-columns: 50px 1fr; margin: 0; }
.contact-container p:nth-child(n+2) { border-top: 1px solid #cccccc; }
.contact-container a,
.contact-container span { border-left: 1px solid #cccccc; padding: 15px; text-decoration: none; }
.contact-container a:hover { text-decoration: underline; }
.contact-info p.phone:has(a:nth-of-type(2)) a:first-child { display: none; }
.contact-info p.fax a { color: #333; pointer-events: none; }
.contact-container p::before { align-self: center; justify-self: center; padding: 15px; }
#contactPhone::before { content: '\f095'; }
#contactFax::before { content: '\f1ac'; }
#contactText::before { content: '\f086'; }
#contactEmail::before {content: '\f003'; }
#contactAddress::before { content: '\f14e'; }
#contactHours::before { content: '\f017'; }
#contactLink::before { content: '\f0c1'; }
#contactFacebook::before { content: '\f09a'; }
#contactTwitter::before { content: '\f099'; }
#contactInstagram::before { content: '\f16d'; }

/* Header */
.twitter_feed h2.mobile_header { color: #333!important; font-size: 1.4rem!important; }

/* Block List */
.threecolumnswithbottomlayout .ga-block-list { margin-top: 40px; }

/* Spotlight */
.vi-img-overlay-buttons { display: flex; flex: 1; }

.left_col .vi-img-overlay-buttons.vi-img-overlay-buttons.vi-img-overlay-buttons { height: 100%; margin: 0; }

.oc-landing-page .threecolumnswithbottomlayout li.vi-img-overlay-item { margin: 0; }

li.vi-img-overlay-item,
ul.vi-img-overlay-list.vi-layout-spacebetween { height: 100%; flex: 1; }

.oc-landing-page .threecolumnswithbottomlayout .vi-img-overlay-buttons { padding: 0; }

.oc-landing-page .threecolumnswithbottomlayout li.vi-img-overlay-item { width: 100%!important; max-width: 100%!important; overflow: hidden; border-radius: 8px; }

.oc-landing-page .threecolumnswithbottomlayout p.vi-img-overlay-desc:not(:empty) { display: block!important; margin-top: 0; }

.threecolumnswithbottomlayout p.vi-img-overlay-desc:not(:empty)::before { display: none; }
.oc-landing-page .threecolumnswithbottomlayout .vi-img-overlay-buttons .vi-img-overlay-link { padding-top: 0; height: 100%!important; }
.oc-landing-page .threecolumnswithbottomlayout li.vi-img-overlay-item { padding-bottom: 0!important; }
.oc-landing-page .threecolumnswithbottomlayout .vi-img-overlay-buttons .vi-img-overlay-text { bottom: 0; top: unset; padding: 20px; background: rgba(0,0,0,0.75); }
.oc-landing-page .threecolumnswithbottomlayout .vi-img-overlay-buttons .vi-img-overlay-overlay { display: none; }
.oc-landing-page .threecolumnswithbottomlayout p.vi-img-overlay-desc { display: none!important; }

/* Banner */

.vi-fullwidth-banner .vi-banner-title,
.vi-fullwidth-banner .vi-banner-description {
    overflow: initial;
}

.vi-fullwidth-banner .vi-banner-title { flex: unset; }

.vi-fullwidth-banner .vi-banner-content { align-items: center; flex-direction: column; flex-wrap: nowrap; justify-content: center; }

.oc-landing-page .threecolumnswithbottomlayout .top_col figure.vi-fullwidth-banner:first-of-type,
.oc-landing-page.full-width-reg .top_col figure.vi-fullwidth-banner:first-of-type { margin-top: unset; }
.oc-landing-page .threecolumnswithbottomlayout h2.vi-banner-title,
.oc-landing-page.full-width-reg h2.vi-banner-title { font-size: min(45px, 7vw)!important; margin: 0; text-shadow: 0 0.1rem 0.4rem rgb(0 0 0 / 57%), 0 0.2rem 2rem rgb(0 0 0 / 39%); }
.oc-landing-page .threecolumnswithbottomlayout .vi-fullwidth-banner p.vi-banner-description,
.oc-landing-page.full-width-reg .vi-fullwidth-banner p.vi-banner-description { font-size: min(45px, 7vw)!important; font-style: italic; font-weight: 300; padding: 0; text-shadow: 0 0.1rem 0.4rem rgb(0 0 0 / 57%), 0 0.2rem 2rem rgb(0 0 0 / 39%); }
.oc-landing-page .threecolumnswithbottomlayout .vi-banner-content { background-color: rgba(0,0,0,0.35)!important; }
.oc-landing-page .threecolumnswithbottomlayout .vi-fullwidth-banner .vi-banner-description:before,
.oc-landing-page.full-width-reg .vi-fullwidth-banner .vi-banner-description:before { display: none; }
.oc-landing-page .threecolumnswithbottomlayout .vi-fullwidth-banner .vi-banner-slides .vi-banner-item,
.oc-landing-page.full-width-reg .vi-fullwidth-banner .vi-banner-slides .vi-banner-item { padding-top: calc(1 / 4 * 100%); }
.vi-fullwidth-banner .vi-banner-content { padding: 20px; }
.oc-landing-page.full-width-reg .threecolumnswithbottomlayout .vi-fullwidth-banner .vi-banner-slides .vi-banner-item,
.oc-landing-page.full-width-reg .vi-fullwidth-banner .vi-banner-slides .vi-banner-item { padding-top: calc(1 / 7 * 100%); }

/* Carousel */

figure.int_collage.flexslider:not(:has(figure.int_collage.flexslider li)) { display: none; }

.oc-landing-page .threecolumnswithbottomlayout .int_collage .slide_content { background-color: rgba(0,0,0,.85); border-radius: 8px; padding: 0; position: absolute!important; }
.int_collage .slide_content { top: auto; left: 20px; bottom: 20px; right: auto; width: auto; }

.oc-landing-page .threecolumnswithbottomlayout figure.int_collage.clearfix.flexslider.int-collage-with-captions-6 { background-color: black; border-radius: 8px; margin-top: 40px; max-height: unset!important; overflow: hidden; padding: 0; position: relative; }

.oc-landing-page .threecolumnswithbottomlayout .int_collage .flex-control-nav { align-items: center; bottom: unset; display: flex; gap: 10px; justify-content: start; left: unset; padding: 20px 20px 20px 30px; top: unset; }

.oc-landing-page .threecolumnswithbottomlayout .int_collage .flex-control-nav li a { cursor: pointer; display: block; font-size: 0; height: 15px; margin: 0; width: 15px; }

.oc-landing-page .threecolumnswithbottomlayout .int_collage .slide_description { font-size: 16px; line-height: 150%; }
.int_collage .slides img { position: absolute; top: 0; min-height: 100%!important; max-height: unset!important; width: 100%!important; }
.int_collage .slides li a { position: relative; padding-top: calc(1 / 3 * 100%); height: auto; }
.oc-landing-page .threecolumnswithbottomlayout .int_collage .slides { height: auto; margin: 0; max-height: unset!important; padding: calc(1 / 3 * 100%) 0 0 0; position: relative; }
.int_collage .slides li { margin-left: 0!important; margin-right: 0!important; position: absolute!important; left: 0; top: 0; }

.int_collage .flex-control-nav { position: relative!important; }

.oc-landing-page .threecolumnswithbottomlayout .int_collage .slide_title { font-size: min(20px, 2.5vw); margin: 0!important; max-height: unset!important; padding: max(10px, 1vw); }

.slide_title a { padding-top: 0!important; }
.oc-landing-page .threecolumnswithbottomlayout p.slide_description:last-child { padding: 0 20px 20px 20px; }
.oc-landing-page .threecolumnswithbottomlayout li.flex-active-slide a img { transition: 0.5s ease-in-out; }
.oc-landing-page .threecolumnswithbottomlayout li.flex-active-slide:hover a img { transform: scale(1.05); }

/* Quick Links */
.bottom_col figure.int_collage.flexslider + .govA-buttons-widget,
.bottom_col figure.int_collage.flexslider + section.small_box.news_box.mobile_list {
    display: block;
    margin-top: 130px!important;
}
.oc-landing-page .threecolumnswithbottomlayout a.button-link { display: none; }
.oc-landing-page .threecolumnswithbottomlayout a.button-link { cursor: pointer; height: auto; }

.oc-landing-page .threecolumnswithbottomlayout a.button-link[href] { background-color: #f3f3f3; border-radius: 8px; display: flex; padding: 20px; transition: 0.12s ease-in-out; }
.oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-text { color: #333333; font-size: 16px; font-weight: 400; line-height: 150%; padding: 0; }
.oc-landing-page .threecolumnswithbottomlayout a.button-link:hover,
.oc-landing-page .threecolumnswithbottomlayout a.button-link:focus { background-color: #e6e6e6; }
.oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget a.button-link:hover .button-text,
.oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget a.button-link:focus .button-text { color: #333333; }

/* Quick Links Patch */
.oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-container .item { display: contents; }

.oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-container:has(.item) { display: grid; grid-template-columns: 50% 50%; grid-gap: 5px; }

/* Quick Links Responsive Height (Middle) */
.middle_col .button-widget,
.middle_col .button-wrapper,
.middle_col .govA-buttons-widget,
.oc-landing-page .threecolumnswithbottomlayout .middle_col .govA-buttons-widget .button-container:has(.item) { flex: 1; height: 100%; }

.middle_col,
.middle_col .button-widget { display: flex; flex-direction: column; }

/* Quick Links Responsive Height (Right) */

.threecolumnswithbottomlayout .right_col .button-widget,
.threecolumnswithbottomlayout .right_col .button-wrapper,
.threecolumnswithbottomlayout .right_col .govA-buttons-widget,
.oc-landing-page .threecolumnswithbottomlayout .right_col .govA-buttons-widget .button-container:has(.item) { flex: 1; height: 100%; }

.threecolumnswithbottomlayout .right_col,
.threecolumnswithbottomlayout .right_col .button-widget { display: flex; flex-direction: column; }

/**** Spacing Fix ****/

@media screen and (max-width: 767px) {
    .oc-landing-page [vi-orderdata="4"] {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
body:not(.oc-page-home) .column:first-child { padding-top: 0; }
body:not(.oc-page-home) .column:last-child { padding-top: 0; }
body:not(.oc-page-home) .column {
    padding-top: 20px;
    padding-bottom: 20px;
}
}

.vi-fullwidth-banner .vi-banner-description {
    flex: unset;
}

@media screen and (max-width: 647px) {
body:not(.oc-page-home) .column:first-child { padding-top: 0; }
body:not(.oc-page-home) .column:last-child { padding-top: 0; }
.oc-landing-page .bottom_col { margin-top: 0!important; }
body:not(.oc-page-home) .column {
    padding-top: 0px;
    padding-bottom: 0px;
}
}

/*** Quick Links: Bottom Full-Width Column ***/

.oc-landing-page .bottom_col .govA-buttons-widget .button-container:has(.item) { display: flex; gap: 15px; justify-content: space-between; }

.oc-landing-page .bottom_col .govA-buttons-widget .button-container:has(.item) > .item > a.button-link { background-color: var(--oc-green); flex: 1; padding: 1.5em 1em; }

.oc-landing-page .bottom_col .govA-buttons-widget .button-container:has(.item) > .item > a.button-link:hover,
.oc-landing-page .bottom_col .govA-buttons-widget .button-container:has(.item) > .item > a.button-link:focus { background-color: var(--oc-dark-green); }

.oc-landing-page .bottom_col .govA-buttons-widget .button-container:has(.item) > .item > a.button-link .button-text { color: white; font-size: 17px; font-weight: 600; max-height: unset; }

.oc-landing-page .bottom_col { margin-top: 50px; }

.button-widget h2.widget-title { margin-top: 0; }

@media screen and (min-width: 1300px) { /* Body Content */
    #sitebody.threecolumnswithbottomlayout .left_col.column:has(*),
    #sitebody.threecolumnswithbottomlayout .middle_col.column:has(*),
    #sitebody.threecolumnswithbottomlayout .right_col.column:has(*) {     padding-top: 0px; }
    .threecolumnswithbottomlayout .top_col,
    .twocolumnswithbottomlayout .top_col {
        padding-bottom: 50px;
    }
    .threecolumnswithbottomlayout .left_col, .twocolumnswithbottomlayout .left_col,  { padding-top: 0; padding-bottom: 0; }
    .threecolumnswithbottomlayout .middle_col, .twocolumnswithbottomlayout .middle_col { padding-top: 0; padding-bottom: 0; }
    .threecolumnswithbottomlayout .right_col, .twocolumnswithbottomlayout .right_col { padding-top: 0; padding-bottom: 0; }
    .threecolumnswithbottomlayout .bottom_col, .twocolumnswithbottomlayout .bottom_col { padding-top: 50px; padding-bottom: 50px; }

    .page_edit_empty_col { display: none!important; }
    #sitebody.threecolumnswithbottomlayout .bottom_col.column { padding: 0; }

    .oc-landing-page #sitebody .left_col,
    .oc-landing-page #sitebody .middle_col,
    .oc-landing-page #sitebody .right_col {     min-height: 0; }
    .oc-landing-page .threecolumnswithbottomlayout p {     line-height: 150%; }
    .oc-landing-page .threecolumnswithbottomlayout p:last-child {     margin-bottom: 0;     padding-bottom: 0; }
    /* Widget Title */
    .oc-landing-page .threecolumnswithbottomlayout .content_area h2,
    .oc-landing-page .threecolumnswithbottomlayout .reDropDownBody h2,
    .oc-landing-page .threecolumnswithbottomlayout h2.widget-title {     align-items: center;     display: flex;     font-size: 1.4em;     gap: 1em; }
    .oc-landing-page .threecolumnswithbottomlayout .content_area h2::after,
    .oc-landing-page .threecolumnswithbottomlayout .reDropDownBody h2::after,
    .oc-landing-page .threecolumnswithbottomlayout h2.widget-title::after {     content: '';     height:  1px;     flex: 1;     background-color: #333333; }

}
@media screen and (max-width: 400px) { .oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-container {     display: grid;     grid-gap: 10px;     height: auto!important;     margin: 0; }
    .oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-container .item {     display: block;     height: auto;     margin: 0;     max-width: none;     padding: 0;     width: auto; }
    .oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-container .item a {     background-color: #ebebeb;     border-radius: 8px;     height: auto;     padding: 10px; }
    .oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-container .item .button-text {     color: #333;     font-weight: 500; }
    .button-widget {     padding: 0; }
    .oc-landing-page .threecolumnswithbottomlayout .title_widget,
    .oc-landing-page .threecolumnswithbottomlayout .content_area {     border-bottom: 1px solid #ddd; }
    .mobile_reorder_widget.clearfix {     padding: 0 5%; }
    /* carousel */
    .oc-landing-page .threecolumnswithbottomlayout .int_collage .flex-control-nav li a {     width: 8px;     height: 8px;     border-width: 1px; }
    .oc-landing-page .threecolumnswithbottomlayout .int_collage .flex-control-nav {     gap: 5px; }
    .oc-landing-page .threecolumnswithbottomlayout .int_collage .flex-control-nav {     padding: 10px 10px 10px 15px; }
    .oc-landing-page .threecolumnswithbottomlayout .int_collage .slide_content {     left: 10px;     bottom: 10px; }
    .oc-landing-page .threecolumnswithbottomlayout figure.int_collage.clearfix.flexslider.int-collage-with-captions-6 {     margin-top: 20px; }
}

/* News Widget */

.right_col section.small_box.news_box.mobile_list { margin-bottom: 0; }
.news-container { border: 1px solid #ccc; border-radius: 8px; padding: 20px; }
.news-container .article:nth-child(-n+1) { border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: 1em; }
.news-container .article .meta { display: block; font-size: 90%; margin-bottom: .5em; }
.news-container .article .meta strong { color: var(--oc-green); }
.news-container .article a.headline { color: #333; display: block; font-weight: 600; line-height: 150%; text-decoration: none; }
.news-container .article a.headline:hover { text-decoration: underline; }
a.all-news,
p.all-news a { background-color: var(--oc-green); border-radius: 8px; color: white; display: block; margin-top: 1em; padding: 1em; text-align: center; text-decoration: none; transition: 0.2s ease-in-out; }
a.all-news:hover,
p.all-news a:hover { background-color: var(--oc-dark-green); text-decoration: none; }

/* News Widget Responsive Height */
.threecolumnswithbottomlayout .right_col { display: flex; flex-direction: column; }

.threecolumnswithbottomlayout .right_col section.small_box.news_box.mobile_list { display: flex; flex: 1; flex-direction: column; }

.threecolumnswithbottomlayout .right_col .box_content.clearfix { display: flex; flex: 1; flex-direction: column; justify-content: space-between; }

.threecolumnswithbottomlayout .right_col .box_content.clearfix::before,
.threecolumnswithbottomlayout .right_col .box_content.clearfix::after { display: none; }

.threecolumnswithbottomlayout .right_col .small_box.news_box .box_content ul { flex: 1; }

/* Covid Landing Page */
.cov-numbers a { display: block; font-size: 18px; line-height: 150%; text-decoration: none; }
.cov-numbers { border: 1px solid #ccc; border-radius: 8px; padding: 20px; }
.cov-numbers a:hover { text-decoration: underline; }
.cov-numbers a:nth-child(n+2) { margin-top: 6px; }