/****

* OC CTA Buttons
* GovAccess - 2024
* Version 1.0

****/

/* Interpolation Patch for Accordions */

.accordion_widget.accordion_widget.mn-accordion {  interpolate-size: allow-keywords; }
.accordion_widget.accordion_widget.mn-accordion .accordion-item > .accordion-content { transition: .3s ease-in-out!important; }
.accordion_widget.accordion_widget.mn-accordion .accordion-item > .accordion-content[visibility="visible"] { height: auto!important; }

/****** FROM TEST ******/

/**** Alert Banner ****/
/***************
Callout Package
***************/
/** ============
Available Color:
- Green
- Blue
- Orange
Available Icons:
- alert
- audio
- calendar
- calculator
- checkmark
- email
- hours
- info
- link
- mobile
- news
- phone
- printer
- news
- info
- question
============ **/
/***** Pseudo Element Setup *****/
.ga-full::before { display: inline-block; font: normal normal normal 0.875rem/1.5em FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/***** Callout Styling *****/
/** Container **/
.ga-full { display: block; width: 100%; padding: 20px 20px 20px 100px; color: white; box-sizing: border-box; border-radius: 8px; font-weight: bold; text-align: left; line-height: 27px!important; position: relative; overflow: hidden; margin: 0 0 15px 0!important; background: #ababab; }
/** Icon **/
.ga-full::before { display: flex; content: "\f06a"; justify-content: center; align-items: center; width: 75px; height: 100%; position: absolute; left: 0; top: 0; font-size: 1.875rem; background: #333; }
/** Link Accomodation **/
.ga-full a { color: white; text-decoration: underline; }
.ga-full a:hover { opacity: 0.8; }
/** Multiples Accomodation**/
.ga-full:nth-child(1) { margin-bottom: 30px!important; }
.ga-full:nth-child(2) { margin-top: -15px!important; }
.ga-full:last-child { margin-bottom: 30px!important; }
/***** Color Swap *****/
.ga-full.green::before { background: #00492b!important; }
.ga-full.green { background: #009448!important; }
.ga-full.orange::before { background: #803300!important; }
.ga-full.orange { background: #bd550f!important; }
.ga-full.blue::before { background: #005089!important; }
.ga-full.blue { background: var(--oc-blue)!important; }
/***** Info Box Color Swap *****/
.info-box.green::before { background: #009448!important; }
.info-box.green { background: #00944826!important; }
.info-box.orange::before { background: #f58131!important; }
.info-box.orange { background: #f581311a!important; }
.info-box.blue::before { background: #005089!important; }
.info-box.blue { background: #ddeff7!important; }
/***** Icon Swap *****/
.ga-full.alert::before { content: "\f06a"!important; font-size: 1.875rem!important; }
.ga-full.audio::before { content: "\f028"!important; font-size: 1.875rem!important; }
.ga-full.audio a { text-decoration: none!important; }
.ga-full.audio a:hover { text-decoration: underline!important; }
.ga-full.calendar::before { content: "\f073"!important; font-size: 1.875rem!important; }
.ga-full.calculator::before { content: "\f1ec"!important; font-size: 1.875rem!important; }
.ga-full.check::before { content: "\f00c"!important; font-size: 1.875rem!important; }
.ga-full.check a { text-decoration: underline!important; }
.ga-full.email::before { content: "\f003"!important; font-size: 1.875rem!important; }
.ga-full.hours::before { content: "\f017"!important; font-size: 1.875rem!important; }
.ga-full.info::before { content: "\f05a"!important; font-size: 1.875rem!important; }
.ga-full.info a { text-decoration: underline!important; }
.ga-full.link::before { content: "\f0c1"!important; font-size: 1.875rem!important; }
.ga-full.link a { text-decoration: none!important; }
.ga-full.link a:hover { text-decoration: underline!important; }
.ga-full.mobile::before { content: "\f10b"!important; font-size: 2.5rem!important; }
.ga-full.news::before { content: "\f1ea"!important; font-size: 1.875rem!important; }
.ga-full.news a { text-decoration: none!important; }
.ga-full.news a:hover { text-decoration: underline!important; }
.ga-full.phone::before { content: "\f095"!important; font-size: 1.875rem!important; }
.ga-full.phone a { text-decoration: underline; }
.ga-full.printer { display: block; }
.ga-full.printer::before { content: "\f02f"!important; font-size: 1.875rem!important; }
.ga-full.printer a { text-decoration: none!important; margin: 0!important; }
.ga-full.printer a:hover { text-decoration: underline!important; }
.ga-full.question::before { content: "\f059"!important; font-size: 1.875rem!important; }
.ga-full.question a { text-decoration: underline!important; }

/***** Begin OC CTA BUTTONS ******/

/* Basic Green Button */

span.ga-full-green-link a {
    background: var(--oc-green);
    border: 1px solid var(--oc-dark-green);
    border-radius: 50px;
    color: white!important;
    display: inline-block;
    padding: .5em 1.5em;
    text-align: center;
    text-decoration: none!important;
    transition: 0.2s ease-in-out;
    width: auto;
}

span.ga-full-green-link a:hover,
span.ga-full-green-link a:focus {
    background-color: var(--oc-dark-green);
}

/** Email Stuff **/

a:has(span.ga-full-green-email) { text-decoration: none!important; }

.ga-full-green-email { line-height: 100%; }

/********* Info Box ********/
/***** Pseudo Element Setup *****/
.info-box::before { display: inline-block; font: normal normal normal 0.875rem/1.5em FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/***** Icon Insert *****/
.info-box::before { content: "\f05a"; }
/***** Callout Styling *****/
/** Container **/
.info-box { display: block; padding: 20px 20px 20px 100px; background: #ddeff7; color: #333; box-sizing: border-box; border-radius: 8px; text-align: left; position: relative; overflow: hidden; line-height: 20px!important; }
.info-box.long { padding: 100px 40px 30px 40px; }
.info-box strong { font-weight: 600; }
.info-box span { display: block; clear: both; margin-bottom: 10px; }
.info-box span:nth-child(1) { margin-bottom: 15px; font-weight: 700; line-height: 25px!important; }
.info-box.long span:nth-child(1) { font-size: 1.5625rem; line-height: 30px!important; }
.info-box span:last-child { margin-bottom: 0; }
.info-box p:last-child { margin-bottom: 0; }
.info-box hr { border-color: #00528a; }
.info-box.long ul { padding-left: 19px; }
.info-box li::before { border-color: #029ada; }
.info-box ul ul li::before { background: #029ada; }
/** Icon **/
.info-box::before { display: flex; justify-content: center; align-items: center; width: 75px; height: 100%;  background: var(--oc-blue); position: absolute; left: 0; top: 0; font-size: 1.875rem; color: white; }
.info-box.long::before { width: 100%; height: 75px; }
/** Link Accomodation **/
.info-box a { color: #00528a; text-decoration: underline; }
.info-box a:hover { opacity: 0.6; }

.info-box a.oc-btn,
.info-box p.oc-btn > a {
    background-color: var(--oc-blue);
    border-color: var(--oc-dark-blue);
    border-radius: 8px;
    font-weight: 600;
    padding: 10px 20px;
}

.info-box a.oc-btn:hover,
.info-box p.oc-btn > a:hover {
    background-color: var(--oc-dark-blue);
    border-color: var(--oc-dark-blue);
}
.info-box + hr {
    margin-top: 30px;
}
/** Multiples Accomodation**/
.info-box:nth-child(1) { margin-top: 10px; }
.info-box:nth-child(2) { margin-top: 20px!important; }

.info {
    grid-template-columns: calc((100% - 20px) / 3);
    --minmax-three-col: calc((100% - 20px) / 3);
    grid-template-columns: repeat(auto-fill, minmax(var(--minmax-three-col), 1fr));
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.info-box > *:nth-child(1) { margin-top: 5px; }
/* .info-box:last-child { margin-bottom: 30px!important; } */
.info-box.bottom { margin-top: 30px; margin-bottom: 0!important; }
/***** Info Button *****/
.content_area a.oc-cta,
p.oc-cta a,
p.oc-alert a {
    background-color: var(--oc-blue);
    border-radius: 8px;
    color: white;
    display: block;
    font-weight: 600;
    margin-top: 28px;
    overflow: hidden;
    padding: 20px 65px 20px 100px;
    position: relative;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    width: 100%;
}
p.oc-alert {
    cursor: text;
}
p.oc-alert a {
    pointer-events: none;
}
p.oc-alert a::before,
p.oc-cta a::before,
.content_area a.oc-cta::before {
    content: '';
    background-color: #005089;
}
p.oc-cta a:hover,
.content_area a.oc-cta:hover {
    background-color: #006fb9;
    text-decoration: none;
}

p.oc-alert a::before,
p.oc-cta a::before,
p.oc-cta a::after,
.content_area a.oc-cta::before,
.content_area a.oc-cta::after	{
    content:'';
    align-items: center;
    display: flex;
    font: normal normal normal 0.875rem/1.5em FontAwesome;
    font-size: inherit;
    height: 100%;
    justify-content: center;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    text-rendering: auto;
    top: 0;
    transition: all 0.2s ease-in-out;
    -webkit-font-smoothing: antialiased;
}
p.oc-alert a::before,
p.oc-cta a::before,
.content_area a.oc-cta::before {
    content: "\f05a";
    font-size: 1.875rem;
    left: 0;
    width: 75px;
}
p.oc-cta a::after,
.content_area a.oc-cta::after {
    content: "\f054";
    font-size: 1.375rem;
    right: 25px;
}
p.oc-cta:hover a::after,
.content_area a.oc-cta:hover::after {
    right: 20px;
    transition: all 0.2s ease-in-out;
}
/*** OC Alert Button ***/
a.oc-alert-button {
    background-color: var(--oc-blue);
    border-radius: 8px;
    color: white!important;
    display: block;
    margin-top: 35px;
    overflow: hidden;
    padding: 20px 20px 20px 95px;
    position: relative;
    text-decoration: none!important;
}
a.oc-alert-button::before,
a.oc-alert-button::after {
    font: normal normal normal 1.25rem/1.5em FontAwesome;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
a.oc-alert-button::before {
    align-items: center;
    background-color: var(--oc-dark-blue);
    content: '\f05a';
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 65px;
}
a.oc-alert-button::after {
    align-items: center;
    content: '\f054';
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 40px;
    top: 0;
    transition: 0.2s ease-in-out;
}
a.oc-alert-button:hover::after {
    transform: translate(10px,0);
}

/* Color Swap */

p.oc-cta.green a { background-color: var(--oc-green); }
p.oc-cta.green a::before { background-color: var(--oc-dark-green); }
p.oc-cta.green a:hover::before { background-color: var(--oc-darkest-green); }

p.oc-cta.orange a { background-color: var(--oc-ada-orange); }
p.oc-cta.orange a::before { background-color: var(--oc-dark-orange); }
p.oc-cta.orange a:hover::before { background-color: var(--oc-darkest-orange); }

p.oc-alert.green a { background-color: var(--oc-green); }
p.oc-alert.green a::before { background-color: var(--oc-dark-green); }

p.oc-alert.orange a { background-color: var(--oc-ada-orange); }
p.oc-alert.orange a::before { background-color: var(--oc-dark-orange); }

/***** Icon List *****/

p.oc-cta a#alert::before { content: "\f06a"!important; }
p.oc-cta a#audio::before { content: "\f028"!important; }
p.oc-cta a#calculator::before { content: "\f1ec"!important; }
p.oc-cta a#calendar::before { content: "\f073"!important; }
p.oc-cta a#check::before { content: "\f00c"!important; }
p.oc-cta a#dashboard::before { content: "\f0e4"!important; }
p.oc-cta a#document::before { content: "\f15c"!important; }
p.oc-cta a#email::before { content: "\f003"!important; }
p.oc-cta a#excel::before { content: "\f1c3"!important; }
p.oc-cta a#gallery::before { content: "\f03e"!important; }
p.oc-cta a#hours::before { content: "\f017"!important; }
p.oc-cta a#info::before { content: "\f05a"!important; }
p.oc-cta a#laptop::before { content: "\f109"!important; }
p.oc-cta a#list::before { content: "\f03a"!important; }
p.oc-cta a#link::before { content: "\f0c1"!important; }
p.oc-cta a#medkit::before { content: "\f0fa"!important; }
p.oc-cta a#mobile::before { content: "\f10b"!important; }
p.oc-cta a#money::before { content: "\f155"!important; }
p.oc-cta a#news::before { content: "\f1ea"!important; }
p.oc-cta a#new.user::before { content: "\f234"!important; }
p.oc-cta a#pdf::before { content: "\f1c1"!important; }
p.oc-cta a#pen::before { content: "\f040"!important; }
p.oc-cta a#pencil::before { content: "\f040"!important; }
p.oc-cta a#phone::before { content: "\f095"!important; }
p.oc-cta a#printer::before { content: "\f02f"!important; }
p.oc-cta a#question::before { content: "\f059"!important; }
p.oc-cta a#search::before { content: "\f002"!important; }
p.oc-cta a#user::before { content: "\f007"!important; }
p.oc-cta a#users::before { content: "\f0c0"!important; }

p.oc-alert a#alert::before { content: "\f06a"!important; }
p.oc-alert a#audio::before { content: "\f028"!important; }
p.oc-alert a#calculator::before { content: "\f1ec"!important; }
p.oc-alert a#calendar::before { content: "\f073"!important; }
p.oc-alert a#check::before { content: "\f00c"!important; }
p.oc-alert a#dashboard::before { content: "\f0e4"!important; }
p.oc-alert a#document::before { content: "\f15c"!important; }
p.oc-alert a#email::before { content: "\f003"!important; }
p.oc-alert a#excel::before { content: "\f1c3"!important; }
p.oc-alert a#gallery::before { content: "\f03e"!important; }
p.oc-alert a#hours::before { content: "\f017"!important; }
p.oc-alert a#info::before { content: "\f05a"!important; }
p.oc-alert a#laptop::before { content: "\f109"!important; }
p.oc-alert a#list::before { content: "\f03a"!important; }
p.oc-alert a#link::before { content: "\f0c1"!important; }
p.oc-alert a#medkit::before { content: "\f0fa"!important; }
p.oc-alert a#mobile::before { content: "\f10b"!important; }
p.oc-alert a#money::before { content: "\f155"!important; }
p.oc-alert a#news::before { content: "\f1ea"!important; }
p.oc-alert a#new.user::before { content: "\f234"!important; }
p.oc-alert a#pdf::before { content: "\f1c1"!important; }
p.oc-alert a#pen::before { content: "\f040"!important; }
p.oc-alert a#pencil::before { content: "\f040"!important; }
p.oc-alert a#phone::before { content: "\f095"!important; }
p.oc-alert a#printer::before { content: "\f02f"!important; }
p.oc-alert a#question::before { content: "\f059"!important; }
p.oc-alert a#search::before { content: "\f002"!important; }
p.oc-alert a#user::before { content: "\f007"!important; }
p.oc-alert a#users::before { content: "\f0c0"!important; }

/***** Media Queries *****/
@media screen and (max-width: 425px) {
    .info-box::before { width: 100%; height: 75px; margin-bottom: 20px; }
    .info-box { padding: 100px 20px 20px 20px; }
    .info-box span:nth-child(1) { line-height: 20px!important; }
}

@media screen and (max-width: 1199px) {
    .content_area a.oc-cta, p.oc-cta a, p.oc-alert a { padding-left: 60px; }
    p.oc-alert a::before, p.oc-cta a::before, .content_area a.oc-cta::before { font-size: 1.25rem; width: 40px; }
}

/* Info Box */

.item.fa-circle-info > :first-child {
    margin-bottom: .5em;
}

.item.fa-circle-info > :last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 600px) {
    .ga-block-list .item {
        padding: 65px 25px 15px 25px;
    }

    .ga-block-list .item:before {
        height: 50px;
        width: 100%;
    }
}

/****
* OC Landing Page Stylesheet
* GovAccess - 2024
* Version 1.0
****/

/***** govA Buttons Widget Container (FROM TEST.CSS) *****/
.govA-buttons-widget .button-container { flex-wrap: wrap; gap: 10px; 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 { overflow: hidden; text-overflow: ellipsis; }
.small_box .box_content ul a { display: block; overflow: hidden; text-overflow: ellipsis; 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 1.125rem/1.5em 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 1.125rem/1.5em FontAwesome; height: calc(100% + 30px); justify-content: center; 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 > div.custom-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: 1rem; 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 { flex: 1; height: 100%; }
.oc-landing-page .threecolumnswithbottomlayout .vi-img-overlay-buttons { padding: 0; }
.oc-landing-page .threecolumnswithbottomlayout li.vi-img-overlay-item { border-radius: 8px; max-width: 100%!important; overflow: hidden; width: 100%!important; }
.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 { height: 100%!important; padding-top: 0; }
.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 { background-color: rgba(0,0,0,0.75); bottom: 0; padding: 20px; top: unset; }
.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(2.8125rem, 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(2.8125rem, 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 { bottom: 20px; left: 20px; right: auto; top: 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: 1rem; line-height: 150%; }
.int_collage .slides img { position: absolute; top: 0; max-height: unset!important; min-height: 100%!important; width: 100%!important; }
.int_collage .slides li a { height: auto; padding-top: calc(1 / 3 * 100%); position: relative; }
.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 { left: 0; margin-left: 0!important; margin-right: 0!important; position: absolute!important; top: 0; }
.int_collage .flex-control-nav { position: relative!important; }
.oc-landing-page .threecolumnswithbottomlayout .int_collage .slide_title { font-size: min(1.25rem, 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: 1rem; 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-gap: 5px; grid-template-columns: 50% 50%; }

/* 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: 1.25rem; 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.4rem; 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: 1.125rem; 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; }

/****

* OC Links Stylesheet
* GovAccess - 2024
* Version 0.15

****/


/* Main Menu */

nav.mainnav > ul > li > a:hover {
    text-decoration: none;
}

/* OC Oval Button */

p.oc-reg-button a {
    background-color: var(--oc-green);
    border: 1px solid var(--oc-dark-green);
    border-radius: 50px;
    color: white;
    display: inline-block;
    font-weight: 600;
    padding: .75em 2.5em;
    transition: 0.2s ease-in-out;
}

p.oc-reg-button a:hover,
p.oc-reg-button a:focus {
    background-color: var(--oc-dark-green);
    text-decoration: none;
}

.front_end_body .alert-buttons a:hover {
    text-decoration: none;
}

/* Contact Info */

.contact-info a { text-decoration: none; }

/* Body Content */

/* .column a { text-decoration: none; } */

nav.sidenav ul li > a {
    color: #333;
}

nav.sidenav ul li > a:hover {
    text-decoration: none;
}

a:hover,
a:visited:hover,
table.tableData a:hover {
    text-decoration: underline;
}

nav.sidenav ul li > a {
    color: #333;
}

nav.sidenav ul li > a:hover {
    text-decoration: none;
}

img.thumb_img {
    display: none;
}

.document_widget li a[href*="showpublisheddocument"] {
    padding-left: 0;
}

/* Exceptions */

a:has(span):hover {
    text-decoration: none!important;
}

.ga-full-blue-document a::before,
.ga-full-blue-search a::before {
    align-items: center;
    background-color: var(--oc-dark-blue)!important;
    background-image: none!important;
    color: white!important;
    content: '';
    display: flex!important;
    font: normal normal normal 100%/1 FontAwesome;
    font-size: 25px!important;
    height: 100%;
    justify-content: center;
    left: 0!important;
    position: absolute;
    text-rendering: auto;
    transition: 0.2s ease-in-out;
    width: 75px!important;
}

.ga-full-blue-document a[href*="mailto:"]::before {
    content: '\f003';
}

.ga-full-blue-search a::before {
    content: '\f002';
}

.ga-full-blue-document a,
.ga-full-blue-search a {
    align-items: center;
    background-color: var(--oc-blue)!important;
    border-radius: 8px;
    color: #fff !important;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%!important;
    margin: 0 0 30px 0!important;
    overflow: hidden;
    padding: 25px 66px 25px 100px!important;
    position: relative;
    text-align: left!important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
    width: 100%;
}

.ga-full-blue-document a::after,
.ga-full-blue-search a::after {
    align-items: center;
    content: '\f054';
    color: white!important;
    display: flex!important;
    font: normal normal normal 100%/1 FontAwesome;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 35px;
    top: 0;
    transition: all 0.2s ease-in-out;
}

.ga-full-blue-document::before,
.ga-full-green-link::before,
.ga-full-blue-search::before {
    align-items: unset!important;
    content: unset!important;
    background: unset!important;
    background-size: unset!important;
    color: unset!important;
    display: unset!important;
    height: unset!important;
    justify-content: unset!important;
    left: unset!important;
    -moz-osx-font-smoothing: unset!important;
    position: unset!important;
    text-rendering: unset!important;
    top: unset!important;
    transition: unset!important;
    -webkit-font-smoothing: unset!important;
    width: unset!important;
}

.ga-full-blue-document,
.ga-full-green-link,
.ga-full-blue-search {
    background: unset!important;
    border: unset!important;
    border-radius: unset!important;
    color: unset!important;
    display: unset!important;
    font-size: unset!important;
    font-weight: unset!important;
    margin: unset!important;
    overflow: unset!important;
    padding: unset!important;
    position: unset!important;
    text-align: unset!important;
    text-decoration: unset!important;
    transition: unset!important;
    width: unset!important;
}

.ga-full-blue-document:after,
.ga-full-green-link::after,
.ga-full-blue-search::after {
    align-items: unset!important;
    background: unset!important;
    content: unset!important;
    display: unset!important;
    font-size: unset!important;
    height: unset!important;
    justify-content: unset!important;
    -moz-osx-font-smoothing: unset!important;
    position: unset!important;
    right: unset!important;
    text-rendering: unset!important;
    top: unset!important;
    transition: unset!important;
    -webkit-font-smoothing: unset!important;
    width: unset!important;
}

.ga-full-blue-document a:hover,
.ga-full-blue-document a:focus,
.ga-full-blue-search a:hover,
.ga-full-blue-search a:focus {
    color: #fff;
    background: var(--oc-dark-blue);
    text-decoration: none!important;
}

.ga-full-blue-document a:hover::before,
.ga-full-blue-search a:hover::before {
    background-color: #00334d;
}

.ga-full-blue-document a:hover::after,
.ga-full-blue-search a:hover::after {
    transform: translate(10px,0);
}

.po-social-btns a {
    color: white!important;
}

.po-social-btns a:hover,
.po-social-btns a:focus {
    text-decoration: none!important;
}

/***** Mobile Menu *****/

@media screen and (max-width: 767px) {

    li.megamenu_level2 {
        text-indent: 5%;
    }

    p.nav_tip {
        display: none;
    }

    #top_nav {
        border-bottom: 1px solid #07472c;
        padding: 20px 5%!important;
        text-align: left;
    }

    #jPanelMenu-menu .dropdownmenu li li a {
        padding-left: 5%;
    }

    #top_nav a {
        font-weight: 600;
    }

    #top_nav a:nth-child(-n+2)::after {
        content: '|'!important;
        font-weight: 500;
        margin-left: 15px;
    }

    nav.mainnav .dropdownmenu > li > a,
    #jPanelMenu-menu .dropdownmenu > li > a {
        font-size: 1.125rem!important;
        padding: 18px 0px 17px 5%!important;
    }

    nav.mainnav .dropdownmenu > li > .expand_link {
        height: 58.3px!important;
    }

    nav.mainnav > ul > li > div > div ul > li > a {
        font-weight: 500!important;
        padding-left: 5%!important;
    }

    nav.mainnav ul li ul.menu_open {
        float: none;
    }

    nav.mainnav .inner_container {
        padding: 0!important;
    }

    nav#jPanelMenu-menu {
        background-color: var(--oc-dark-green);
    }

    #jPanelMenu-menu .dropdownmenu li {
        border-color: rgba(255,255,255,.15);
    }

    #jPanelMenu-menu .inner_container {
        background-color: transparent;
    }

    #jPanelMenu-menu .dropdownmenu li li {
        background-color: transparent;
    }

    #jPanelMenu-menu .dropdownmenu li li li {
        background-color: transparent;
    }

    #jPanelMenu-menu .inner_container {
        background-color: rgba(255,255,255,0.05);
    }

    #jPanelMenu-menu .dropdownmenu ul.menu_open {
        background-color: rgba(255,255,255,0.1);
        padding: 10px 0;
    }

    #jPanelMenu-menu .dropdownmenu ul.menu_open {
        border-bottom: 0;
    }

    .mainnav .dropdownmenu .megamenu_container {
        background-color: transparent!important;
    }

    #siteheader a.menu_trigger {
        left: 10px;
        top: 16px;
    }

    /**** Page Re-Formatting ****/

    .mobile_reorder_widget.clearfix:last-child:has(.contact-info) {
        background-color: #f0f0f0;
        border-top: 1px solid #ccc;
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .title_right {
        display: none!important;
    }

    .title_widget, .content_area {
        padding: 0!important;
    }

    h1.titlewidget-title {
        font-size: 1.875rem!important;
        margin: 0;
    }

    header.title_widget {
        display: block;
        margin-top: 2em!important;
        margin-bottom: 1em!important;
    }

    .mobile_reorder_widget.clearfix {
        padding: 0;
    }

    /***** Service Finder *****/

    .service-finder__col {
        margin: 10px;
        padding: 10px!important;
    }

    .service-finder__title {
        margin: 0 0 20px;
    }

    .service-finder {
        padding-top: 100px;

    }

    /*** Interior Mobile Menu ***/

    /** mobile menu **/

    .vi-sidenav-mobile.sidenav ul li li a {
        padding-left: 5%!important;
    }

    .vi-sidenav-mobile.sidenav a {
        color: white!important;
    }

    .vi-sidenav-mobile.sidenav ul li li li a {
        background-color: rgba(255,255,255,0.05);
        padding-left: calc(5% + 10px)!important;
    }

    .vi-sidenav-mobile.sidenav ul li li li li a {
        background-color: rgba(255,255,255,0.15);
        padding-left: calc(5% + 20px)!important;
    }

    .vi-sidenav-mobile.open ul li.sidenav_expanded>a,
    .mobile_list ul li {
        border: 0;
    }

    nav.sidenav {
        background-color: var(--oc-dark-green);
    }

    .mobile_list ul li {
        background: none;
    }

    nav.sidenav h2.mobile_only.mobile_header {
        background-color: var(--oc-darkest-green);
        height: auto;
        padding: 15px;
        text-align: center;
    }

    nav.sidenav > ul > li > a {
        display: none!important;
    }

    nav.sidenav.open > ul {
        padding: 20px 0;
    }

    .vi-sidenav-mobile .vi-sidenav-toggle.vi-sidenav-toggle.vi-sidenav-toggle {
        padding: 10px 5%!important;
        right: 0;
        width: auto;
    }

    .sidenav h2:after {
        left: 5%;
    }

}
/***** Search *****/

.vision-search2-item {
    display: flex;
    gap: 20px;
}

.vision-search2-item-frame-image.ng-binding.ng-scope {
    min-height: 100px;
}

#sitebody.onecolumnlayout .title_widget {
    padding: 0!important;
}

#sitebody.onecolumnlayout p.breadcrumb {
    background-color: #f0f0f0;
    font-size: 0.875rem!important;
    margin: 0 calc(-1 * (50vw - 50%));
    margin-bottom: 35px;
    padding: 15px calc(50vw - 50%)!important;
}

.vision-search2-query-wrap {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

#vision-search2-text input, #addresslookup input {
    font-size: 1.4375rem!important;
    padding: 18px 20px;
}

.vision-search2-button-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

#vision-search2-button, #addresslookup-button,
#vision-search2-button:hover, #addresslookup-button:hover {
    background-size: unset;
    height: 50%;
}

.vision-search2-imagetoggle-on {
    align-items: center;
    background-color: var(--oc-green);
    border-color: var(--oc-green);
    display: inline-flex;
    justify-content: center;
}

.vision-search2-imagetoggle-onside {
    align-items: center;
    border: 0;
    color: #333;
    display: inline-flex;
    justify-content: center;
}

.vision-search2-imagetoggle-button.ng-scope {
    border: 1px solid #ababab;
    border-radius: 4px;
    display: inline-flex;
    overflow: hidden;
}

.vision-search2-imagetoggle-off {
    align-items: center;
    border: 0;
    display: inline-flex;
    justify-content: center;
}

.vision-search2-imagetoggle-offside {
    align-items: center;
    border: 0;
    display: inline-flex;
    justify-content: center;
}

.vision-search2-query, .addresslookup-query {
    border-color: #ddd;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.15s ease-in-out;
}

.vision-search2-query:focus-within, .addresslookup-query:focus-within {
    border-color: #ababab;
}

.vision-search2-advanced {
    background-color: #f9f9f9;
}

.vision-search2-advanced .box.first.title {
    align-items: center;
    border-color: #ccc;
    display: flex;
    justify-content: space-between
}

.vision-search2-advanced .box-items ul li label {
    margin: 0;
    padding: 0;
}

.vision-search2-advanced .box-items ul li input {
    float: none;
    margin: 0;
}

.vision-search2-advanced .box-items ul li {
    align-items: center;
    display: flex;
    gap: 10px;
}

.vision-search2-advanced .view-more {
    align-items: center;
    background-color: #ebebeb;
    display: flex!important;
    gap: 10px;
    justify-content: center;
    padding: 20px;
}

.vision-search2-advanced .arrow-down-icon,
i.icon.arrow-up-icon {
    margin: 0;
    position: relative;
    top: 0;
}

.column input[type=button] {
    background-color: var(--oc-green)!important;
    border: 0!important;
    border-radius: 8px;
    padding: .65em 1em;
    text-transform: none;
    transition: 0.2s ease-in-out;
}

.column input[type=button]:hover {
    background-color: var(--oc-dark-green)!important;
    border: 0!important;
    color: white!important;
}

.column input[type="text"] {
    border-radius: 6px;
    padding: 8px;
}

.vision-search2-advanced .title a {
    border: 1px solid #333;
    border-radius: 4px;
    color: #333;
    font-weight: 600;
    padding: 5px 7px;
    text-decoration: none;
}

span.vision-search2-item-title-text.ng-binding {
    color: #333;
    font-size: 1.4375rem;
}

.column a.vision-search2-item-title-link {
    border-bottom: 1px dashed #ccc;
    display: block;
    padding-bottom: 10px;
}

span.vision-search2-item-title-sub.ng-binding.ng-scope {
    display: none;
}

.vision-search2-item-wrap.ng-scope.ng-isolate-scope {
    border-radius: 4px;
    margin: 0;
    padding: 20px;
}

.vision-search2-item-wrap.ng-scope.ng-isolate-scope:nth-child(even) {
    background-color: #f7f7f7;
}

.vision-search2-item-content {
    line-height: 150%;
    margin-top: 16px!important;
}

span.vision-search2-item-typename.ng-binding {
    margin: 0;
    vertical-align: unset;
}

.vision-search2-item-postline {
    align-items: center;
    background-color: #e4e6e7;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 600;
    gap: 15px;
    margin: 16px 0 0 0;
    overflow: hidden;
    padding-right: 15px;
}

.vision-search2-item-Document .vision-search2-item-frame-image2 img {
    padding: 0;
}

.vision-search2-item-frame-image2 {
}

.vision-search2-item-left {
    align-self: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    flex-shrink: 0;
    margin: 0;
    min-width: 0;
    padding: 10px;
    width: 100px;
}

.vision-search2-item.vision-search2-item-Document {
    display: flex;
    gap: 20px;
}

.vision-search2-item-typeicon {
    background-color: #fff;
}

.vision-search2-result-number.ng-binding {
    padding: 10px 20px;
}

.vision-search2-item-right {
    flex: 1;
}
@media screen and (max-width: 48em) {

    .vision-search2-query-wrap {
        margin: 20px 0;
        padding: 0 5%;
        box-sizing: border-box;
    }

    #sitebody.onecolumnlayout .title_widget {
        border: 0;
        padding: 0 5%!important;
    }

    .vision-search2-advanced-for-mobile.mobile_only {
        padding: 0 5%;
    }

    .vision-search2-advanced-opener {
        align-items: center;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        padding: 10px;
    }

    .vision-search2-advanced-opener-icon {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-left: 10px;
        margin-top: -4px;
    }

    .vision-search2-filters {

        text-align: unset;
    }

    .vision-search2-imagetoggle {
        display: none;
    }

    .vision-search2-result-number.ng-binding {
        margin-bottom: 0;
    }

    .vision-search2-result-number.ng-binding {
        font-size: 0.75rem;
    }

    #vision-search2-sortby-dropdown {
        border-radius: 5px;
    }

    .vision-search2-item-content.ng-binding {
        white-space: nowrap;
        max-width: calc(100vw - 40px);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .vision-search2-item-left {
        display: none;
    }

    .vision-search2-pager {
        margin: 20px 0;
        text-align: center;
    }

}

/****

* OC UI Alterations Stylesheet
* GovAccess - 2023
* Version 1.0

****/

/* Full-Width Page Banner - Correcting Spacing / Jumpiness in Edit Mode */

/* div#ColumnUserControl1 > :nth-child(3) .widget_wrapper_title.edit,
div#ColumnUserControl1 > :nth-child(3):hover .widget_wrapper_title.edit {
    display: none;
} */


.edit .widget_wrapper:hover {
    border-color: transparent;
}
div#ColumnUserControl1 > :nth-child(3) .edit nav.sidenav,
div#ColumnUserControl1 > :nth-child(3):hover .edit nav.sidenav {
    margin-top: 0;
}
.edit .widget_wrapper:hover:before {
    border-color: transparent;
}
.edit .widget_wrapper:hover {
    border-color: transparent;
}
/* .edit .widget_wrapper:has(.main_menu_widget):before,
.page.edit .sortable_col:not(.site_template_column) .widget_wrapper:has(.main_menu_widget) .widget_wrapper_title,
.edit .widget_wrapper:has(.main_menu_widget):before, .edit .widget_wrapper.widget-selected:before {
    display: none;
} */
.edit .widget_wrapper:has(.vi-fullwidth-banner):hover {
    z-index: 1
}

.edit .widget_wrapper_body.edit.clearfix:has(.vi-img-overlay-buttons) { height: 100%; }
.edit .widget_wrapper:has(.vi-img-overlay-buttons) { height: 100%; }

/* Hide Old Granicus Full-Width Buttons */
body > div.Metro.reDropDownBody.reApplyClass > table > tbody > tr:nth-child(n+8) { display: none; }

.edit .widget_wrapper:before {
    border: 2px solid transparent;
    left: 0;
    right: 0;
    transition: 0.2s ease-in-out;
}

.edit .widget_wrapper .widget_wrapper_title.edit,
.edit .widget_wrapper.widget-selected .widget_wrapper_title.edit {
    transition: 0.2s ease-in-out;
}

/* Add Transition to Loading Mask */
.loading.mask {
    transition: opacity 0.2s ease-in-out;
}

/* Progress Bar */

.pace .pace-progress {
    background-color: var(--oc-green);
    height: 5px;
}

/* Correct Sizes for Spotlight and Quicklinks within 3-Column Layout */

.edit-design .vi-img-overlay-buttons,
.edit-design .widget_wrapper:has(.govA-buttons-widget),
.edit-design .widget_wrapper_body.edit:has(.govA-buttons-widget) {
    height: 100%;
}

/* Removes Un-Checked Document Selector */

.display-doc-links:has(.ng-empty) {
    display: none;
}

li.display_links_to_document_viewers:has(input#Setting_DisplayLinkToDocumentViewer:not(:checked)) { display: none; }

/* Prevent Menu Selection in Edit Mode */

.page.edit .widget_wrapper:has( .main_menu_widget) {
    border: 0!important;
    height: 0;
    margin: 0!important;
    padding: 0!important;
    pointer-events: none;
    position: relative!important;
    z-index: 3!important;
}

.page.edit .widget_wrapper:has( .main_menu_widget) .widget_wrapper_title.widget_wrapper_handle.edit.ui-sortable-handle,
.page.edit .widget_wrapper:has( .main_menu_widget) .widget_wrapper_body.edit.clearfix {
    border: 0!important;
    margin: 0!important;
    min-height: 0;
    padding: 0!important;
}

/* Fix UI Buttons */

a.action_block_add {
    background-color: #008480;
    border: 1px solid #026764;
    border-radius: 4px;
    font-size: 14px;
    height: auto;
    line-height: 100%;
    padding: 12px 20px;
    text-transform: none;
    transition: 0.12s ease-in-out;
    width: auto;
}

.primary:hover, input[type=button].primary:hover, input[type=submit].primary:hover, input[type=submit].command.primary:hover, input[type=button].command.primary:hover, a.primary:hover, a.action_block_add:hover {
    background-color: #026764;
    border-radius: 5px;
    text-decoration: none;
    transform: scale(0.99);
}

.command, input[type=button], input[type=submit], a.command {
    border-radius: 4px;
    font-size: 14px;
    line-height: 100%;
    text-transform: none;
    transition: 0.12s ease-in-out;
}

.command:hover, input[type=button]:hover, input[type=submit]:hover, a.command:hover {
    text-decoration: none;
    transform: scale(0.99);
}

.bulk_delete_button_disabled:hover {
    border-radius: 4px;
    cursor: not-allowed!important;
    transform: scale(1)!important;
}

#wrapper.edit-design .logon-bar .command, #wrapper.edit-design .logon-bar input[type=button], #wrapper.edit-design .logon-bar input[type=submit] {
    min-width: unset;
    text-transform: none;
    width: auto;
}

/*** Filters ***/

.app-visionlive .search_area {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    display: inline-flex;
    margin: 0 10px 20px 0;
    width: 220px;
}

.app-visionlive .search_area::before {
    color: #888;
    content: '\f002';
    font-family: 'FontAwesome';
    padding-left: 7px;
}

.app-visionlive input.searchinput {
    float: none;
    height: 100%;
    padding: 7px;
    width: 100%;
}

.app-visionlive .search_area input.searchicon, .search_area input.searchicon:hover { display: none; }

.app-visionlive .listpage .search_area+.filter {
    align-items: stretch;
    display: inline-flex;
    float: none;
    gap: 10px;
    height: auto;
    justify-content: space-between;
    margin: 0;
    margin-bottom: 20px;
}

.app-visionlive .listpage .filter select {
    border: 0;
    border-radius: 4px;
    border-right: 7px solid transparent;
    cursor: pointer;
    flex: 1;
    height: 100%;
    margin: 0;
    outline: 1px solid #ccc;
    outline-offset: -1px;
    padding: 7px 14px 7px 7px;
    vertical-align: unset;
    width: auto;
}

/**** Dashboard Transition ****/

.sub_tabs li:hover a, .sub_tabs li.active_tab a,
.t-tabstrip .t-tabstrip-items li:hover a,
.t-tabstrip .t-tabstrip-items li.t-state-active a,
.t-tabstrip .t-tabstrip-items li.ui-state-active a,
.vi-tabstrip li:hover a,
.vi-tabstrip li.vi-state-active a {
    color: #333!important;
    font-weight: 500;
    text-decoration: none;
}

.vi-tabstrip a.vi-link {
    transition: 0.12s ease-in-out;
}

.sub_tabs li, .t-tabstrip .t-tabstrip-items li, .vi-tabstrip li {
    transition: 0.12s ease-in-out;
}

/****

* OC GovAccess Widget Re-Skins
* GovAccess - 2024
* Version 1.2

****/

/* Accordion */

.inner-content { cursor: auto; }

.accordion_widget.accordion_widget.mn-accordion .accordion-item .accordion-heading {
    background-color: var(--neutral-1);
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #333;
    font-size: 1.0625rem;
    font-weight: 400;
    padding: .75rem 5rem .75rem 1rem;
    transition-delay: 199ms;
    user-select: none;
}
.accordion-item {
    border: 1px solid var(--neutral-2);
    border-radius: 4px;
    overflow: hidden;
}
.accordion_widget.accordion_widget.mn-accordion .accordion-item.state-open .accordion-heading {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    color: #333;
    transition-delay: 0ms;
}
.accordion_widget.accordion_widget.mn-accordion .accordion-item .accordion-heading .icon::before,
.accordion_widget.accordion_widget.mn-accordion .accordion-item .accordion-heading .icon::after {
    background-color: #333;
}
.accordion-item .inner-content :last-child {
    margin-bottom: 0;
}

/* Block List */

.ga-block-list .item > :last-child {
    margin-bottom: 0;
}

/* Detail Content */

.detail-content + a.detail-more {
    background-color: var(--oc-green);
    border-radius: 50px;
    color: white;
    display: inline-block!important;
    float: none;
    font-style: normal;
    font-weight: 600;
    justify-self: start;
    margin: 0;
    max-width: unset;
    min-width: 0;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    width: auto;
}
.detail-content + a.detail-more > ::after {
    display: none;
}
.detail-content + a.detail-more:hover {
    background-color: var(--oc-dark-green);
}

/* Document Widget */

.document_widget { margin-top: 20px; }

.document_widget ul li {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    gap: 1ch;
    margin: 0;
    padding: 0;
}

.document_widget ul li:nth-child(n+2) {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 15px;
}

.document_widget ul li::before {
    content: '\f0f6';
    font: normal normal normal 1.125rem/1 FontAwesome;
}

.document_widget ul li a { display: inline-block; }

/* Image Buttons */

.vi-img-buttons .vi-img-buttons-title, .vi-img-buttons .vi-img-buttons-desc { max-height: unset; }
.vi-img-buttons .vi-img-buttons-desc { padding: 0; }

/* Small Box */

a.box_bottomlink:after { display: none; }
.mobile_list .box_bottomlink, .mobile_box a.box_bottomlink { text-decoration: none; }

.small_box a.box_bottomlink:hover,
.small_box a.box_bottomlink:focus {
    background-color: var(--oc-dark-green);
    border-color: var(--oc-dark-green);
}

a.box_bottomlink { border-radius: 8px; }

.standardlayout .small_box { border: 0!important; }

.standardlayout .small_box .box_content { padding: 0!important; }

.standardlayout .small_box .box_bottomlink {
    display: inline-block;
    float: none;
    margin: 0;
}

/* Sidebar Events Module */

.standardlayout .left_col .small_box.events_box a.box_bottomlink {
    background-color: var(--oc-green);
    border: 1px solid var(--oc-dark-green);
    color: white;
    height: auto;
    margin: 1em 0 0 0;
    padding: .25em 2em;
}

.standardlayout .left_col .small_box.events_box .box_bottomlink:hover {
    background-color: var(--oc-dark-green);
    border: 1px solid var(--oc-darker-green);
}

.standardlayout .left_col .small_box.events_box .box_content ul li {
    display: block;
    padding: 0;
}

.standardlayout .left_col .small_box.events_box .box_content ul { padding: 0; }

.standardlayout .left_col .small_box.events_box .box_content ul li:nth-child(n+2) {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 10px;
}

.standardlayout .left_col .small_box.events_box .box_content ul a:hover { display: block; }

/* Interior Buttons */

.int_buttons.int_buttons ul li {
    margin: 0;
    padding: 0;
}

.int_buttons.int_buttons ul { gap: 10px; }

.int_buttons.int_buttons img {
    bottom: unset;
    margin: 0;
    max-height: 40px;
    position: relative;
    top: unset;
}

.int_buttons.int_buttons .button-link {
    align-items: center;
    background-color: var(--oc-green);
    border: 1px solid var(--oc-green);
    border-radius: 8px;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    transition: 0.2s ease-in-out;
}

.int_buttons.int_buttons .button-text {
    flex: unset;
    padding: 0;
}

.int_buttons.int_buttons .button-link:hover, .int_buttons.int_buttons .button-link:focus {
    background-color: var(--oc-dark-green);
    border-color: var(--oc-dark-green);
}

/***** Carousel *****/

/* Carousel (From Test.css) */
.carousel a.slide {
    align-items: end;
    background-color: black;
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 40px;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
}
.carousel {
    background-color: black;
    border-radius: 8px;
    margin-top: 40px;
    min-height: 200px;
    overflow: hidden;
    padding-top: calc(1 / 3 * 100%);
    position: relative;
    width: 100%;
}
.carousel p.slide-description {
    background-color: black;
    color: white;
}
.carousel p.slide-title {
    background-color: black;
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
}
.carousel-controls {
    background-color: black;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    position: absolute;
    padding: 20px 45px;
    width: 100%;
    z-index: 1;
}
.slide-details {
    background-color: black;
    border-radius: 4px;
    box-sizing: border-box;
    max-width: 50ch;
    padding: 15px 20px;
    position: relative;
}
a.slide.active {
    opacity: 1;
    transform: translate(0, 0px);
    z-index: 1;
}
.slide-circle {
    background-color: transparent;
    border: 2px solid white;
    border-radius: 100%;
    height: 15px;
    transition: 0.2s ease-in-out;
    width: 15px;
}
.slide-circle.active {
    background-color: white;
    border: 4px solid white;
}
.progress-indicators {
    align-items: center;
    display: flex;
    gap: 10px;
}
p.slide-title > br {
    display: none;
}
.carousel button {
    background-color: rgba(255,255,255,1);
    border: 0;
    border-radius: 4px;
    color: black;
    font-size: 1.25rem;
    height: 40px;
    transition: 0.2s ease-in-out;
    width: 40px;
}
.directional-arrows {
    display: flex;
    gap: 15px;
}
.carousel button:active {
    background-color: rgba(255,255,255,.5);
    transform: scale(.95);
}
.carousel button::before {
    font: normal normal normal 0.875rem/1 FontAwesome;
    font-size: 1rem;
}
.carousel button:first-child::before {
    content: '\f053';
}
.carousel button:last-child::before {
    content: '\f054';
}

.carousel + figure.int_collage.clearfix.flexslider.int-collage-with-captions-6 {
  display: none;
}

/* Carousel (Widget Re-Skin) */

.directional-arrows button { touch-action: manipulation; }

.carousel a.slide:hover { text-decoration: none; }

.standardlayout .carousel {
    margin-bottom: 100px;
    padding-top: calc(1 / 2 * 100%);
}

a.slide {
    background-position: top;
    background-size: cover;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-radius: 8px 8px 0 0!important;
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.carousel-controls {
    border: 1px solid #ccc;
    border-radius: 0 0 8px 8px;
    border-top: 0;
    transform: translate(0, 100%);
}

.carousel {
    border-radius: 8px 8px 0 0;
    margin-bottom: 80px;
    overflow: visible;
}

/* Gallery */

.photo_album_widget .detail-content ul {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr);
}

.photo_album_widget .detail-content ul li {
    aspect-ratio: 1 / 1;
    display: flex;
    height: auto;
    margin: 0;
    padding: 0;
    vertical-align: initial;
    width: 100%;
}

.photo_album_widget .detail-content ul li a.photo_thumb {
    background-color: #ebebeb;
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.album_detail_list ul li,
.graphic_list ul li {
    min-width: 0;
}

.photo_album_widget a.photo_thumb img {
    border: 0;
    box-shadow: none;
    height: 100%;
    margin: 0;
    object-fit: cover;
    width: 100%;
}

.photo_album_widget .photo_name {
    background-color: rgba(0,0,0,0.75);
    bottom: 0;
    color: white;
    max-height: 50%;
    overflow: scroll;
    padding: 15px;
    position: absolute;
    transform: translate(0px, 100%);
    transition: 0.45s ease-in-out;
    width: 100%;
}

.photo_album_widget a.photo_thumb:hover .photo_name {
    transform: translate(0px, 0);
}

.photo_album_widget .detail-content ul li a.photo_thumb::before {
    background-color: rgba(0,0,0,0.75);
    border-radius: 4px;
    color: white;
    content: '\f065';
    font: normal normal normal 0.875rem/1 FontAwesome;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: 0.45s ease-in-out;
    transform: scale(0);
}

.photo_album_widget .detail-content ul li a.photo_thumb:hover::before {
    opacity: 1;
    transform: scale(1);
}

.photo_album_widget h2.detail-title,
.photo_album_widget p.detail-subtitle,
.photo_album_widget div.slideshow_link,
.photo_album_widget p.detail-intro {
    display: none!important;
}

.photo_album_widget .photo_single img {
    border: 0;
    box-shadow: none;
    display: block;
    float: none;
    margin: 0;
    width: 100%;
}

.photo_album_widget .detail-more {
    display: inline-block;
    float: none;
    margin: 0;
}

.photo_album_widget .detail-more a {
    background-color: #f2f2f2;
    border-radius: 8px;
    color: #333;
    display: inline-block;
    font-style: normal;
    margin: 0;
    outline: 1px solid #ebebeb;
    outline-offset: -1px;
    padding: 10px 20px;
    transition: 0.12s ease-in-out;
}

.photo_album_widget .detail-more a:hover {
    background-color: #ebebeb;
    outline-color: #ababab;
    text-decoration: none;
}

.column:has(.photo_single) .in-page-filter {
    display: none;
}

.photo_album_widget:has(.photo_single) p.detail-subtitle {
    align-self: center;
    display: inline-block!important;
    float: left;
    font-size: 1.5625rem;
    font-weight: 600;
    grid-column: 1/2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photo_album_widget:has(.photo_single) {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr auto;
    margin-top: 30px;
    padding: 0;
}

.photo_album_widget .photo_single {
    grid-column: 1/3;
    margin: 0;
}

.photo_album_widget:has(.photo_single)::before,
.photo_album_widget:has(.photo_single)::after {
    display: none;
}

.photo_album_widget:has(.photo_single) .detail-more {
    grid-column: 2/3;
    grid-row: 1/2;
}

/* Google Map Embed */

#contactMapEmbed:has(:empty) {
    background-color: #cccccc;
    height: 600px;
    width:  100%;
}

#contactMapEmbed { transition: 0.12s ease-in-out; }

/***** News Widget From Test.css *****/

/** "News Rollup" **/

.news_widget.content_area.clearfix > ul > li:not(.detail-content > ul > li) {
    background-color: white;
    display: grid;
    grid-template-rows: auto auto auto;
    margin: 0;
    padding: 20px!important;
}
.news_widget.content_area.clearfix > ul:not(.detail-content > ul) {
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: grid;
    grid-gap: 1px;
    margin: 0!important;
    overflow: hidden;
    padding: 0!important;
}
.news_widget.content_area.clearfix > ul::before,
.news_widget.content_area.clearfix > ul::after {
    display: none;
}
.news_widget > ul::before,
.news_widget > ul::after {
    display: none;
}
.news_widget.content_area.clearfix > ul:not(.detail-content > ul),
.news_widget.content_area > ol:not(.detail-content > ol) {
    margin: 0!important;
    padding: 0!important;
}
.news_widget p.item-date::before {
    border-right: 1px solid #ccc;
    color: var(--oc-green);
    content: 'Press Release';
    font-weight: 600;
    margin-right: 5px;
    padding-right: 5px;
}
.news_widget p.item-date {
    font-size: 0.875rem;!important;
    font-style: normal!important;
    grid-row: 1/2;
    overflow: hidden;
    white-space: nowrap;
    width: 179px;
}
.news_widget ul.list-main li > h2 {
    margin: .25em 0 0 0;
}
.news_widget p.item-intro {
    font-size: 1rem;
    margin-top: .5em;
}
.news_widget .list-main a.item-title {
    color: #333;
}
.list-filter br {
    display: none;
}

.news_widget {
    display: grid;
    grid-template-rows: auto auto;
}

/* From News Rollup.css */

.news_widget .item-img {
    border-radius: 4px;
    float: none;
    grid-column: 1/2;
    grid-row: 1/6;
    overflow: hidden;
}

.news_widget .list-main .sticky .item-title {
    background: none;
    padding-left: 0;
}

.news_widget.content_area.clearfix ul li:not(.detail-content > ul > li):has(.item-img) {
    grid-gap: 0 1em;
    grid-template-columns: 125px 1fr;
    grid-template-rows: 1fr auto auto auto 1fr;
}

.news_widget .item-img img.item-img {
    float: none;
    height: 100%;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}

.news_widget .item-img ~ p.item-date { grid-row: 2/3; }
.news_widget .item-img ~ h2 { grid-row: 3/4; }
.news_widget .item-img ~ p.item-intro { grid-row: 4/5; }

.news_widget p.item-intro:empty { display: none; }


/***** Homepage News Widget *****/
.news_box h2.box_title.mobile_header {
    align-items: center;
    background: transparent;
    color: black!important;
    display: flex;
    font-size: 1.4rem!important;
    gap: 1em;
    margin: 20px 0 10px 0;
    padding: 0;
    text-transform: none;
}
.news_box h2.box_title.mobile_header::after {
    background-color: #333;
    content: '';
    flex: 1;
    height: 1px;
}
.small_box.news_box {
    border: 0!important;
}
.small_box.news_box .box_content {
    padding: 0;
}
.small_box.news_box .box_content li {
    background-color: white;
    padding: 20px;
}
.small_box.news_box .box_content ul {
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: grid;
    grid-gap: 1px;
    overflow: hidden;
    padding: 0;
}

/* Begin Widget Re-Skin News */

.news_widget a.filter-archive {
    background-color: #f2f2f2;
    border-radius: 8px;
    color: #333;
    display: inline-block;
    margin: 0;
    outline: 1px solid #ebebeb;
    outline-offset: -1px;
    padding: 10px 20px;
    transition: 0.12s ease-in-out;
}

.news_widget a.filter-archive:hover {
    background-color: #ebebeb;
    outline-color: #ababab;
    text-decoration: none;
}

.news_widget .list-filter select {
    border: 0!important;
    border-radius: 8px;
    border-right: 15px solid transparent!important;
    cursor: pointer;
    display: inline-block;
    height: auto;
    margin: 0!important;
    max-width: 300px;
    min-width: unset;
    outline: 1px solid #ccc;
    outline-offset: -2px;
    padding: 10px 20px;
    transition: 0.2s ease-in-out;
    width: auto;
}

.news_widget .list-filter select:hover { outline: 1px solid #ababab; }

.news_widget .list-filter {
    display: inline-flex;
    gap: 15px;
    margin-bottom: 20px;
}

.news_widget a.filter-archive::before {
    content: 'View';
    margin-right: .5ch;
}

.news_box a.box_bottomlink {
    background-color: var(--oc-green);
    border-color: var(--oc-green);
    color: white;
    display: block;
    float: none;
    font-size: 1.125rem;
    height: auto;
    line-height: 100%;
    margin: 10px 0 0 0;
    max-height: unset;
    padding: 1em 2em;
    text-align: center;
}

.small_box.news_box .box_content li {
    display: grid;
    grid-gap: 5px;
}

.news_box .item_smalltext:last-child {
    display: inline-block;
    grid-row: 1/2;
    height: 21px;
    justify-self: start;
}

.news_box .item_smalltext:last-child::before {
    border-right: 1px solid #333;
    color: var(--oc-green);
    content: 'Press Release';
    font-weight: 600;
    margin-right: 5px;
    padding-right: 5px;
}

.small_box.news_box.news_box li::after { display: none; }

/* Calendar */

.events_widget .listtable td:last-of-type { border-right: 0; }
.events_widget .listtable tr td { border-color: #ccc!important; }
.events_widget .listtable tr:last-of-type td { border-bottom: 0!important; }

.events_widget .list-filter {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    margin: 0 0 20px 0;
    padding: 0 1px;
}

.events_widget .list-filter select {
    border: 0!important;
    border-radius: 8px;
    border-right: 15px solid transparent!important;
    cursor: pointer;
    margin: 0!important;
    max-width: unset;
    min-width: unset;
    outline: 1px solid #ccc;
    outline-offset: -2px;
    padding: 15px;
    transition: 0.2s ease-in-out;
    width: auto;
}

.events_widget .list-filter select:hover { outline: 2px solid var(--oc-green); }
.events_widget.content_area > ::before { display: none; }

.events_widget.content_area > ul > li {
    display: inline-block;
    flex: 1;
    float: none;
    margin: 0;
    text-align: center;
}

.events_widget.content_area ul.toggle_filter {
    background-color: #f0f0f0;
    border: 1px solid #ececec;
    border-radius: 8px;
    display: flex;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.events_widget.content_area > ul > li > a,
.events_widget.content_area > ul > li > a.current:hover {
    border: 0;
    color: black;
    font-size: 1rem;
    font-weight: 600;
    line-height: 100%;
    padding: 15px 0;
    position: relative;
    text-decoration: none;
    transition: 0.15s ease-in-out;
}

.events_widget.content_area > ul > li > a.current {
    cursor: default;
    pointer-events: none;
    user-select: none;
}

.events_widget.content_area > ul > li > a::after {
    background-color: transparent;
    bottom: 0;
    content: '';
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    transition: 0.2s ease-in-out;
    width: 100%;
}

.events_widget.content_area > ul > li > a:hover::after,
.events_widget.content_area > ul > li > a.current::after {
    background-color: var(--oc-green);
}

.events_widget .listtable { margin-top: 0!important; }
.events_widget.content_area > ul > li::before { display: none; }

.events_widget.content_area > ul > li > a {
    display: block;
    position: relative;
}

.events_widget .listtable {
    border: 1px solid #ccc!important;
    border-radius: 8px;
    overflow: hidden;
}

.events_widget .listtable td:last-child,
.front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td,
.front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td:first-child {
    padding: 10px 20px!important;
}

.front_end_body table.responsive-table-data-mb:not(.non-responsive-table) td:first-child { border-left: 0!important; }
.front_end_body table.responsive-table-data-mb:not(.non-responsive-table) tr:last-child td { border-bottom: 0!important; }

.events_widget .title_column a,
.events_widget .listtable th a,
.events_widget .listtable th a:hover {
    border: 0!important;
    text-decoration: none!important;
}

.events_widget .listtable th {
    border: 0!important;
    padding: 0;
}

.events_widget .listtable th:hover { padding: 0; }

.events_widget > div:nth-child(2) > table > tbody > tr > td.event_datetime { border-right: 0!important; }

.events_widget > div:nth-child(2) > table > tbody > tr:nth-child(39) > td.title_column.event_title,
.events_widget > div:nth-child(2) > table > tbody > tr:nth-child(39) > td.event_datetime {
    border-bottom: 0!important;
}

.events_widget .listtable th a,
.events_widget .title_column th a,
.events_widget .listtable th a:hover {
    display: block;
    padding: 10px 20px;
}

.events_widget > div:nth-child(2) > table > tbody > tr > td.title_column.event_title > a > span {
    color: #333;
    font-size: 0.9375rem;
    font-weight: 600;
}

.events_widget > div:nth-child(2) > table > tbody > tr > td.title_column.event_title > a:hover > span { text-decoration: underline; }
.events_widget .listtable th { background-color: var(--oc-green)!important; }

/* Calendar Pagination */

.photo_album_widget[data-currentpage] .detail-content ul li {
    display: none;
}

.photo_album_widget .list-pager,
.news_widget .list-pager,
.events_widget .list-pager {
    color: transparent;
    font-size: 0;
    margin-top: 40px;
    text-align: center;
}

.photo_album_widget .list-pager > a,
.photo_album_widget .list-pager a.pg-normal,
.photo_album_widget .list-pager a.pg-selected,
.photo_album_widget .list-pager a.pg-button.pg-normal,
.photo_album_widget .list-pager a.pg-normal.pg-button.pg-next-button,
.events_widget .list-pager > a,
.events_widget .list-pager a.pg-normal,
.events_widget .list-pager a.pg-selected,
.events_widget .list-pager a.pg-button.pg-normal,
.events_widget .list-pager a.pg-normal.pg-button.pg-next-button,
.news_widget .list-pager > a,
.news_widget .list-pager a.pg-normal,
.news_widget .list-pager a.pg-selected,
.news_widget .list-pager a.pg-button.pg-normal,
.news_widget .list-pager a.pg-normal.pg-button.pg-next-button {
    background-color: #eee;
    border: 0;
    border-radius: 50px;
    color: #333!important;
    display: inline-block;
    float: none;
    font-size: 1rem;
    outline: 1px solid transparent;
    outline-offset: -1px;
    padding: .5em 1em;
    transition: 0.12s ease-in-out;
}

.photo_album_widget .list-pager a.pg-selected,
.photo_album_widget .list-pager a.pg-selected:hover,
.news_widget .list-pager a.pg-selected,
.events_widget .list-pager a.pg-selected,
.events_widget .list-pager a.pg-selected:hover,
.news_widget .list-pager a.pg-selected:hover {
    background-color: var(--oc-green);
    color: white!important;
    cursor: default;
}

.photo_album_widget .list-pager > a:nth-child(n+2),
.news_widget .list-pager > a:nth-child(n+2),
.events_widget .list-pager > a:nth-child(n+2) {
    margin-left: 10px;
}

.photo_album_widget .list-pager > a:hover,
.photo_album_widget .list-pager a.pg-normal:hover,
.photo_album_widget .list-pager a.pg-normal.pg-button.pg-next-button:hover,
.photo_album_widget .list-pager a.pg-normal.pg-button.pg-last-button:hover,
.events_widget .list-pager > a:hover,
.events_widget .list-pager a.pg-normal:hover,
.events_widget .list-pager a.pg-normal.pg-button.pg-next-button:hover,
.news_widget .list-pager > a:hover,
.news_widget .list-pager a.pg-normal:hover,
.news_widget .list-pager a.pg-normal.pg-button.pg-next-button:hover {
    background-color: #eee;
    border: 0;
    box-shadow: none;
    color: #333!important;
    text-decoration: none;
}

.photo_album_widget .list-pager a.pg-normal:hover,
.photo_album_widget .list-pager a.pg-normal.pg-button.pg-next-button:hover,
.events_widget .list-pager a.pg-normal:hover,
.events_widget .list-pager a.pg-normal.pg-button.pg-next-button:hover,
.news_widget .list-pager a.pg-normal:hover,
.news_widget .list-pager a.pg-normal.pg-button.pg-next-button:hover {
    outline: 1px solid #595959;
}

.photo_album_widget .list-pager .pager-info,
.events_widget .list-pager .pager-info,
.news_widget .list-pager .pager-info {
    color: #333;
    display: block;
    float: none;
    font-size: 1rem;
    margin-top: 20px;
}

/* Calendar Event Detail View */

h2.detail-title {
    margin-top: 30px;
}

/* .need_hide_detail_widget.events_widget.content_area {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 20px;
    padding: 30px 20px 0 20px;
}

.need_hide_detail_widget.events_widget.content_area h2.detail-title span { display: contents; }

.need_hide_detail_widget.events_widget.content_area h3.detail-subtitle {
    font-size: 1.125rem;
    font-weight: 500;
}

.need_hide_detail_widget.events_widget.content_area ul.detail-list {
    border: 1px solid #ccc;
    border-radius: 8px;
    display: block;
    float: right;
    margin-left: 20px!important;
    margin-top: 30px!important;
    padding: 20px;
    width: 350px;
}

.need_hide_detail_widget.events_widget.content_area ul.detail-list li { display: block; }
.need_hide_detail_widget.events_widget.content_area span.detail-list-value { margin-top: 5px; }
.need_hide_detail_widget.events_widget.content_area span.detail-list-value.summary br { display: none; }

.need_hide_detail_widget.events_widget.content_area .detail-list-value.summary {
    margin-top: 5px;
    width: 100%;
}

.need_hide_detail_widget.events_widget.content_area ul.detail-list li:nth-child(n+2) { margin-top: 15px; }

.need_hide_detail_widget.events_widget.content_area .addtocalendar { display: none; }

.need_hide_detail_widget.events_widget.content_area .detail-content {
    margin-top: 30px;
    padding: 0;
}

.need_hide_detail_widget.events_widget.content_area>div>.detail-more {
    background-color: var(--oc-green);
    color: white;
    display: block;
    float: none;
    font-style: normal;
    font-weight: 600;
    margin: 10px -20px 0 -20px;
    min-height: auto;
    padding: 15px 20px;
    transition: 0.12s ease-in-out;
}

.need_hide_detail_widget.events_widget.content_area>div>.detail-more:hover {
    background-color: var(--oc-dark-green);
    text-decoration: none;
} */

/**** Twitter Feed ****/

.twitter_feed::before { display: none; }

.twitter_feed a.twitter-timeline {
    align-items: center;
    color: #333333;
    display: flex!important;
    font-size: 1.4375rem;
    font-weight: 600;
    gap: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    text-decoration: none;
}

.twitter_feed a.twitter-timeline::after {
    background-color: #333333;
    content: '';
    flex: 1;
    height: 1px;
}

.twitter_feed .twitter_feed.mobile_list.content_area {
    border: 0!important;
    display: grid;
    grid-gap: 10px;
    grid-template-rows: 1fr auto;
    height: 380px;
    margin-bottom: 0;
}

.twitter_feed .box_bottomlink,
.facebook_feed .box_bottomlink {
    margin: 0;
    padding: 0;
}
.twitter_feed ul {
    border: 1px solid #cccccc;
    border-radius: 8px;
    display: grid;
    flex: 1;
    height: 100%;
    padding: 20px;
}

.twitter_feed a.box_bottomlink {
    align-items: center;
    border: 0!important;
    background-color: #00a160!important;
    border-radius: 50px!important;
    color: white!important;
    display: flex!important;
    font-size: 1rem!important;
    justify-content: center;
    padding: 25px 0!important;
    text-align: center;
}

.twitter_feed a.box_bottomlink { margin-top: 15px!important; }
.twitter_feed a.box_bottomlink:hover { background-color: #006e42!important; }

.twitter_feed ul li img { border-radius: 100%; }

.twitter_feed .content_area h2 {
    background-color: transparent;
    color: #333333!important;
    font-size: 1.4375rem!important;
    margin-top: 20px;
    padding: 0;
    text-transform: capitalize;
}

#sitebody .twitter_feed {
    border: 0!important;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    margin: 0;
}

.mobile_list ul li:before {
    display: none;
}

.mobile_list, .mobile_box {
    background-color: transparent;
}

/***** Media Queries *****/

@media screen and (max-width: 700px) {

    .progress-indicators:has(.slide-circle:nth-child(9)) { display: none; }
    .slide-details :last-child { margin-bottom: 0; }
    .carousel p.slide-title { font-size: 1rem; }
    .carousel p.slide-description { display: none; }
    .carousel a.slide { padding: min(40px, 5%); }
    .carousel { margin-top: 20px; }
    .slide-details {
        max-height: 50%;
        overflow: scroll;
    }

}

@media screen and (max-width: 400px) {

    p.slide-title { font-size: 1rem; }
    .progress-indicators { display: none; }

    .carousel-controls {
        align-items: center;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        padding: 15px;
    }

    .carousel button {
        height: 35px;
        padding: 0;
        width: 35px;
    }

    .slide-details {
        background-color: rgba(0,0,0,.75);
        max-width: 100%;
    }

}


/**** Homepage Blog Widget ****/

#nav-blogsvideos .home_blogs .cards-grid {
    opacity: 0;
}

#nav-blogsvideos .home_blogs .cards-grid.loaded {
    animation: fadeIn .3s ease-in both;
}

/****

* 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: 1.25rem;
        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: 1.125rem;
        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;
    }
}

/****

* OC Boilerplate Stylesheet
* GovAccess - 2024
* Version 1.30

****/


/**** Site Alert ****/

.alert_container + .alert_container { display: none; }

/**** Colors ****/
:root {

--green-1: #99F4CD;
--green-2: #6AE4AC;
--green-3: #43C08B;
--green-4: #009A67;
--green-5: #007C51;
--green-6: #00623B;
--green-7: #004A29;
--green-8: #003215;
--green-9: #001A00;

--neutral-1: #F2F2F2;
--neutral-2: #D6D6D6;
--neutral-3: #B9B9B9;
--neutral-4: #9C9C9C;
--neutral-5: #808080;
--neutral-6: #636363;
--neutral-7: #464646;
--neutral-8: #292929;
--neutral-9: #0D0D0D;
    
    --oc-green: var(--green-5);
    --oc-dark-green: var(--green-6);
    --oc-darker-green: var(--green-7);
    --oc-darkest-green: var(--green-8);
    --oc-faded-green: #93c4aa;

    --oc-faded-green: hsl(150deg 40% 95%);
    
    --oc-blue: #007AB8;
    --oc-dark-blue: #005580;
    
    --oc-orange: #DF5F1E;
    --oc-ada-orange: #c4541a;
    --oc-ada-orange-hover: #b04a17;
    --oc-dark-orange: #73310f;
    --oc-darkest-orange: #632a0d;
    
    --oc-black: #333;
    --oc-alert-red: #AD160B;
    --oc-alert-red-hover: #901209;
    
    --oc-po-blue: #375599;
    --oc-po-dark-blue: #1d2f56;
    --oc-po-darkest-blue: #131f39;
    
    --oc-to-green: #007A49;
    --oc-to-dark-green: #004B2D;
    --oc-to-darker-green: #004429;
    --oc-to-darkest-green: #003E25;
    
    --oc-to-blue: #2169ff;
    --oc-to-dark-blue: #0047E0;
    --oc-to-darker-blue: #003BB9;
    --oc-to-darkest-blue: #002D8B;

    --neutral-100: #EAEAEA;
    
}

/*****

Color Adjustments (Mostly Homepage)

*****/

/* header#siteheader, */
.home_spotlight .spotlight-container .vi-spotlight-info-more,
.home_spotlight .spotlight-container .slick-prev,
.home_spotlight .spotlight-container .slick-next,
.video-bg-image-slider.image-slider.photo-credit-container .slide-content {
    background-color: var(--oc-green);
}

.home_item8,
.home_twitter .box_bottomlink,
.home_facebook .box_bottomlink,
.home_instagram .box_bottomlink,
.home_news.home_news .news-more-link,
.home_events.home_events .event-datebox,
.home_spotlight .spotlight-container .slick-arrow:hover {
    background-color: var(--oc-dark-green);
}

.home_data .home-data-box,
.home_twitter .box_bottomlink:hover,
.home_facebook .box_bottomlink:hover,
.home_instagram .box_bottomlink:hover {
    background-color: var(--oc-darker-green);
}

.home_spotlight .spotlight-container .vi-spotlight-info-more:focus,
.home_spotlight .spotlight-container .vi-spotlight-info-more:hover {
    background-color: var(--oc-darker-green);
    color: white;
}

.home_item10 .home_subscribe .home-subscribe-bottomlink {
    background-color: var(--oc-dark-green);
    border-color: var(--oc-dark-green);
}

.mainnav .dropdownmenu .megamenu_container {
    background-color: var(--oc-dark-green)!important;
}

/*****

Structure

*****/

#sitebody {
    min-height: 0;
}

/*** ADA Line Height Fix ***/

body.front_end_body, .sitewrapper, .sitewrapper select, .sitewrapper input, .sitewrapper textarea, .sitewrapper table, #broken_links_reporter_form, body.dialog_body, body[radeditorbody], body[radeditorbody] table { line-height: 1.5!important; }

/*** Homepage ***/

/* Prevent Side Menu Overlap with Body Content */
@media screen and (min-width: 1024px) {
    .oc-page-home  { --new-width: calc(100% - 400px); }
    .oc-page-home .home_spotlight .spotlight-container .slick-list { margin: 0; }
    .oc-page-home .home_spotlight.container, .oc-page-home .events-container.container, .oc-page-home .home_news.home_news .news-container, .oc-page-home .homepagelayout .home_blog_video, .oc-page-home .column.home_data.container.in-view, .oc-page-home .homepagelayout .container{ width: min(var(--new-width), 1302px)!important; }
    .oc-page-home .home_spotlight .spotlight-container .vi-spotlight-img-frame { width: 100%; }
    .oc-page-home .spotlight-container .vi-spotlight-item.item { gap: min(20px, 2em); }
    .oc-page-home .home_staff_directory.container .staff-img-wrap { width: auto; height: auto; }
    .oc-page-home .home_staff_directory.container { width: min(var(--new-width), 1320px); }
    .oc-page-home .home_staff_directory .staff-item .staff-title { white-space: normal!important; }
    .oc-page-home .home_staff_directory .staff-item { justify-content: space-between; }
}

@media screen and (min-width: 85.375em) {
    .oc-page-home .column.home_buttons { --new-width: calc(100% - 350px); width: min(var(--new-width), 1302px)!important; }
    .oc-page-home .home_buttons.container .buttons-list-item, .oc-page-home .home_buttons.container .button-link { max-width: 100%; aspect-ratio: 1; }
    .oc-page-home .home_buttons.container .buttons-list { gap: 30px; }
    .oc-page-home .home_buttons.container .button-text { font-size: 0.938rem; height: auto; padding: 0; }
    .oc-page-home a.button-link { padding: 1.25rem; }
}

/*** Site Navigation ***/

@media screen and (min-width: 768px) {
    
    li.vi-banner-item {
        position: relative;
    }
    
    /**** Landing Page ****/
    
    .top_col nav.sidenav.sidenav > ul > li > a:first-child,
    .top_col nav.sidenav.sidenav > ul > li.sidenav_expanded > a:first-child {
        background-color: transparent!important;
        border-bottom: 0;
        display: inline-flex!important;
        flex-shrink: 0;
        font-size: 1.125rem!important;
        font-weight: 600!important;
        padding: 12px 15px 12px 0;
    }
    
    .top_col nav.sidenav.sidenav > ul > li.sidenav_haschildren.sidenav_expanded>ul {
        display: block;
        height: 46px;
        overflow: hidden;
        position: unset!important;
    }
    
    .top_col nav.sidenav.sidenav ul li,
    .top_col nav.sidenav.sidenav ul li.sidenav_expanded > a {
        color: white;
        text-transform: none;
        width: auto;
    }
    
    .top_col nav.sidenav.sidenav {
        background-color: black;
        float: none;
        margin: 0 calc(-1 * (50vw - 50%));
        margin-top: -1px;
        padding: 0 calc(50vw - 50%);
        width: 100vw;
    }
    
    .top_col nav.sidenav.sidenav > ul > li > ul > li > ul {
        position: absolute;
        width: 30ch;
        z-index: 99999999;
    }
    
    .top_col nav.sidenav.sidenav ul li li li a {
        padding: 15px!important;
        transition: 0.12s ease-in-out;
    }
    
    .top_col nav.sidenav.sidenav > ul > li > ul > li:hover > ul,
    .top_col nav.sidenav.sidenav > ul > li > ul > li:focus-within > ul {
        background-color: white;
        display: block!important;
    }
    
    .top_col nav.sidenav.sidenav ul li > ul > li > ul {
        border: 1px solid #ccc;
        border-top: 0;
        border-radius: 0 0 8px 8px;
        display: none!important;
        overflow: hidden;
    }
    .sidenav ul li.sidenav_current > a,
    .sidenav ul li.sidenav_current.sidenav_expanded > a {
        background: transparent;
    }
    .top_col nav.sidenav.sidenav ul li > a { color: white; }
    .top_col nav.sidenav.sidenav a.vi-sidenav-toggle { display: none!important; }
    .top_col nav.sidenav.sidenav > ul > li { position: relative; }
    .top_col nav.sidenav.sidenav ul li li a { padding: 14px 15px!important; }
    .top_col nav.sidenav.sidenav ul li > ul > li > ul li a { color: black; }
    .top_col nav.sidenav.sidenav ul li.sidenav_expanded > a:before { display: none; }
    .top_col .sidenav.mobile_list > ul > li.sidenav_expanded { display: flex; }
    .top_col nav.sidenav.sidenav ul li > ul > li > ul > li:nth-child(n+2) { border-top: 1px solid #ccc; }
    .top_col nav.sidenav.sidenav > ul > li > ul > li { display: inline-block; position: unset!important; }
    .top_col nav.sidenav.sidenav ul li > ul > li > ul > li > ul { display: none!important; }
    .top_col nav.sidenav.sidenav ul li li.sidenav_current > a:before, .top_col nav.sidenav.sidenav ul li li.sidenav_haschildren > a:before { display: none; }
    .top_col nav.sidenav.sidenav ul li a:hover, .top_col nav.sidenav.sidenav ul li a:focus, .top_col nav.sidenav.sidenav ul li li > a:hover, .top_col nav.sidenav.sidenav ul li li > a:focus { background-color: var(--oc-green)!important; }
    .top_col nav.sidenav.sidenav .vi-sidenav-toggle.vi-sidenav-toggle, .top_col nav.sidenav.sidenav .vi-sidenav-toggle.vi-sidenav-toggle:hover, .top_col nav.sidenav.sidenav .vi-sidenav-toggle.vi-sidenav-toggle:focus {display: none!important;}
    
    .top_col nav.sidenav.sidenav > ul > li.sidenav_expanded > a::after {
        background-color: white;
        content: '';
        height: 100%;
        margin-left: 15px;
        width: 1px;
    }
    
    /**** Interior Site Nav ****/
    .standardlayout .sidenav ul li.sidenav_current > a,
    .standardlayout .sidenav ul li.sidenav_current.sidenav_expanded > a {
        background-color: transparent;
        font-weight: 800;
        color: var(--oc-green);
    }
    .standardlayout .column.left_col {
        padding-top: 30px!important;
    }
    .standardlayout .sidenav ul li a {
        border-left: 1px solid transparent!important;
        cursor: pointer;
        transition: 0.12s ease-in-out;
    }
    .standardlayout .sidenav ul li a:hover,
    .standardlayout .sidenav ul li a:focus,
    .standardlayout .sidenav ul li li > a:hover,
    .standardlayout .sidenav ul li li > a:focus.sidenav ul li a:hover,
    .standardlayout .sidenav ul li a:focus,
    .standardlayout .sidenav ul li li > a:hover,
    .standardlayout .sidenav ul li li > a:focus {
        background-color: transparent!important;
        border-left: 3px solid var(--oc-green)!important;
        color: var(--oc-green)!important;
    }
    .standardlayout .sidenav ul li a,
    .standardlayout .sidenav ul li li > a {
        border-left: 3px solid transparent!important;
    }
    .standardlayout nav.sidenav > ul > li > a:nth-child(1)::before {
        display: none;
    }
    .standardlayout nav.sidenav > ul > li > a.vi-sidenav-toggle {
        display: none!important;
    }
    .standardlayout .sidenav > ul > li > a,
    .standardlayout .sidenav.mobile_list > ul > li > a {
        font-size: 1.125rem;
        padding-left: 0;
        text-transform: none;
    }
    .standardlayout .sidenav > ul > li > a:hover,
    .standardlayout .sidenav > ul > li > a:focus,
    .standardlayout .sidenav.mobile_list > ul > li > a:hover,
    .standardlayout .sidenav.mobile_list > ul > li > a:focus {
        border-left: 1px solid transparent!important;
    }
    .standardlayout .sidenav ul li li > a {
        padding-left: 30px!important;
    }
    .standardlayout .sidenav ul li li li a {
        padding-left: 50px!important;
    }
    .standardlayout .sidenav ul li li li > a::before {
        left: 30px;
    }
    .standardlayout .sidenav ul li li > a::before {
        left: 10px;
    }
    .mainSpan_wrapper_home .service-finder-trigger,
    .service-finder-trigger {
        background-color: rgba(255,255,255,0.95);
        color: var(--oc-dark-green)!important;
        height: 45px;
        line-height: normal!important;
        /* margin: 0; */
        padding: 0 20px;
        /* right: 80px; */
        text-align: center;
        /* top: 4.1875rem; */
        transition: 0.12s ease-in-out;
        width: auto;
    }
}

/*****

Everything Else

*****/

/**** Global Alert ****/

.alert_container .important_alert_wrapper,
#alert_controls.hide,
#alert_controls.show {
    /* background-color:  var(--oc-alert-red)!important; */
}
.alert_container .important_alert_wrapper,
#alert_controls.hide,
#alert_controls.show {
    /* background-color:  var(--oc-alert-red)!important; */
}

.alert_container { box-shadow: none; }

.alert_container .important_alert_wrapper {
    padding-bottom: 10px;
    padding-top: 10px;
}

#alert_controls:before {
    align-items: center;
    content: '\f077';
    display: flex;
    font: normal normal normal 0.875rem/1.5em FontAwesome!important;
    height: 100%;
    justify-content: center;
    letter-spacing: unset!important;
    margin: 0!important;
    transform: rotate(0);
    transition: 0.5s ease-in-out;
    width: unset!important;
}

#alert_controls.show:before { transform: rotate(180deg); }

#alert_controls.hide,
#alert_controls.hide:hover {
    bottom: unset;
    height: 35px;
    width: 35px;
}

.alert_container {
    align-items: center;
    display: flex;
    justify-content: center;
}

.alert_container:before { right: 35px; }

a#alert_controls.show,
#alert_controls.show:hover {
    height: 35px;
    width: 35px;
}



/**** Global Header ****/
.mainSpan_wrapper::after,
#siteheader:after,
.sticky_header .sitewrapper::before,
#page_footer,
#page_footer:after {
    background-color: var(--oc-green);
}
}
.dropdownmenu li a::before,
.dropdownmenu li .notranslate a::before {
    background-color: white!important;
    border-radius: 3px;
}
/**** Global Menu ****/

.mainnav .dropdownmenu .megamenu_container {
    background-color: #206045!important;
    border-radius: 0 0 5px 5px;
    padding: 10px 0;
}
.mainnav .dropdownmenu .megamenu_container .inner_container .megamenu_column a.megamenu_level2 {
    font-size: 1rem;
    padding: 0;
    margin: 0;
}
a.megamenu_level1 {
    margin: 0!important;
}
ul.megamenu_level1 {
    display: grid;
    grid-gap: 0;
}
li.megamenu_level1 {
    display: grid;
    grid-gap: .5em;
}
ul.megamenu_column {
    display: grid;
    grid-gap: .75em;
}
a.megamenu_level1 {
    font-size: 1.063rem!important;
}
.mainnav .dropdownmenu .megamenu_container .inner_container .megamenu_column a.megamenu_level2 {
    border-left: 2px solid rgba(255,255,255,.25);
}

li.megamenu_level2:nth-child(n+2) a {
    padding-top: 7px!important;
}
/**** Global Footer ****/
#page_footer .footer_address p {
    line-height: 1.5;
}
#page_footer .subscribe-block .gov-subscribe-widget .input_group div {
    overflow: hidden;
}
#page_footer .subscribe-block .gov-subscribe-widget .input_group div input[type="submit"] {
    background-color: var(--oc-dark-green)!important;
    color: white!important;
    transition: 0.2s ease-in-out;
}
#page_footer .subscribe-block .gov-subscribe-widget .input_group div input[type="submit"]:hover {
    background-color: var(--oc-darkest-green)!important;
}

/**** Homepage Instagram Widget Fix ****/

.home_instagram .insta_content,
.home_instagram .instagram_container {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 8px 8px 0 0;
    overflow: auto;
    padding: 12px;
}

/*** Page Title on Full-Width Interior Page ***/

.twocolumnswithbottomlayout .top_col header.title_widget {
    padding: 0!important;
}

/**** Button *****/

a.oc-btn,
p.oc-btn > a,
summary.oc-btn,
a span.oc-btn {
    align-items: center;
    background-color: var(--oc-green);
    border: 1px solid var(--oc-dark-green);
    border-radius: 50px;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: .75em 2em;
    text-align: center;
    text-decoration: none;
    transition: .2s ease-in-out;
    user-select: none;
}

a.oc-btn:hover,
p.oc-btn > a:hover,
summary.oc-btn:hover,
a:hover span.oc-btn {
    background-color: var(--oc-dark-green);
    border-color: var(--oc-dark-green);
    opacity: 1;
    text-decoration: none;
}

/**** Breadcrumbs ****/

.top_col p.breadcrumb {
    align-items: center;
    background-color: var(--neutral-100);
    color: #333!important;
    cursor: default;
    display: flex;
    font-size: 0.938rem!important;
    font-weight: 600;
    line-height: 100%!important;
    margin: 0 calc(-1*(50vw - 50%));
    padding: 14px calc(50vw - 50%)!important;
}

.top_col p.breadcrumb::before {
    content: '\f015';
    font: normal normal normal 0.8125rem/1.5em FontAwesome;
    margin-right: 15px;
    margin-top: -1px;
}

.top_col p.breadcrumb a {
    align-items: center;
    color: #333!important;
    display: flex;
    font-size: 0.938rem!important;
    font-weight: 500;
    justify-content: center;
    line-height: 100%!important;
    margin-right: 30px;
    position: relative;
    text-decoration: none!important;
}

.top_col p.breadcrumb a::after {
    content: '\f054';
    font: normal normal normal 0.75rem/1.5em FontAwesome;
    right: -20px;
    margin: 0;
    position: absolute;
}

.top_col header {
    padding: 0!important;
}

.top_col p.breadcrumb a:hover {
    text-decoration: underline!important;
}

.right_col p.breadcrumb {
    display: none;
}

h1.titlewidget-title {
    padding: 20px 0 0 45px;
}

h2.titlewidget-subtitle {
    padding: 25px 0 0 45px;
    margin-bottom: -20px;
    font-size: 1.563rem!important;
}
h1 + .title_right {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.title_row {
    margin-left: 45px!important;
}

.title_row > div, .title_row > a {
    padding: 10px 0;
}

.font_size {
    margin-left: 0!important;
}

.full-width-reg .threecolumnswithbottomlayout script + header {
    margin: 0;
    padding: 0!important;
}

.full-width-reg .threecolumnswithbottomlayout h1.titlewidget-title {
    margin: 1em 0;
    padding: 10px;
}
.full-width-reg .threecolumnswithbottomlayout .title_widget .title_right .title_row {
    margin-left: 0!important;
    padding-left: 10px!important;
}
.full-width-reg .threecolumnswithbottomlayout .title_widget.clearfix {
    margin-bottom: 30px;
}

/**** Utility Bar ****/

.right_col .title_widget {
    padding-left: 0!important;
    padding-right: 0!important;
}

.title_widget .title_right .title_row a {
    text-decoration: none!important;
}

.sharelink::before,
.thickbox::before,
.printer_friendly::before,
.font_size a.font_larger::before,
.font_size a.font_smaller::before {
    align-items: center;
    background-color: var(--oc-darker-green);
    border-radius: 50%;
    color: white;
    content: '';
    display: inline-flex;
    font: normal normal normal 0.8125rem/1.5em FontAwesome;
    height: 27px;
    justify-content: center;
    margin: 0;
    transition: 0.2s ease-in-out;
    width: 27px;
}

.font_size a.font_larger:hover::before,
.font_size a.font_smaller:hover::before {
    background-color: var(--oc-green);
}

.sharelink::before { background-color: var(--oc-blue); }
.sharelink:hover::before { background-color: var(--oc-dark-blue); }

.thickbox::before,
.printer_friendly::before
{ background-color: #777; }

.thickbox:hover::before,
.printer_friendly:hover::before
{ background-color: #000; }

.sharelink::before { content: '\f1e0'; }
.thickbox:before { content: '\f040'; }
.printer_friendly::before { content: '\f02f'; }
.font_size a.font_larger::before { content: '\f067'; }
.font_size a.font_smaller::before { content: '\f068'; }

.font_size a.font_larger,
.font_size a.font_smaller {
    font-size: 0!important;
    height: auto;
    width: auto;
}

.title_widget .title_right #share .sharelink,
.thickbox,
a.printer_friendly {
    align-items: center;
    display: flex;
    float: none;
    font-size: 0!important;
    height: auto;
    margin: 0;
}

div#share {
    float: none;
    margin: 0;
}

.title_widget .title_right .title_row {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
}

.title_widget .title_right .title_row>a,
.title_widget .title_right .title_row>div {
    align-items: center;
    display: flex;
    float: none;
    height: auto;
    margin: 0;
}

.title_row {
    align-items: center;
    display: flex!important;
    grid-gap: 20px;
    justify-content: flex-end;
}

.title_widget .title_right .title_row>a:last-of-type:not(:nth-child(2)),
.title_widget .title_right .title_row>a:not(:nth-child(2)):nth-last-of-type(2) {
    margin: 0;
}

a.text_size {
    font-size: 0.875rem!important;
    font-weight: 600;
    pointer-events: none;
}

a.font_larger {
    margin: 0;
}

a.font_smaller {
    margin: 0;
}

.font_size {
    display: flex;
    gap: 5px;
}

.title_widget .title_right:has(h1) {
    padding: 10px 0;
}

.title_widget .title_right .title_row #share>ul {
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: none;
    left: -45px;
    padding: 10px;
    top: 25px;
}

.title_widget .title_right .title_row .font_size {
    display: none;
}

.standardlayout header,
.full-width-reg header {
    padding-top: 0!important;
}

h1.titlewidget-title {
    margin-bottom: .75em;
    margin-top: 0;
}
#share li a {
    padding: 0;
}

#share ul li {
    align-items: center;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 15px auto;
    margin: 0;
    width: auto;
}

#share ul li a {
    display: inline-block;
    margin: 0;
}

.title_widget .title_right .title_row #share>ul {
    width: auto;
}

.title_widget .title_right .title_row #share>ul li:nth-child(5) { display: none; }

.title_widget .title_right .title_row #share>ul li:nth-child(n+2) { margin-top: 10px; }

.title_widget .title_right .title_row #share>ul li::before {
    display: inline-block;
    font: normal normal normal 0.875rem/1.5em FontAwesome;
}

.title_widget .title_right .title_row #share>ul li:nth-child(1)::before { content: '\f003'; }
.title_widget .title_right .title_row #share>ul li:nth-child(2)::before { content: '\f082'; }
.title_widget .title_right .title_row #share>ul li:nth-child(3)::before { content: '\f08c'; }
.title_widget .title_right .title_row #share>ul li:nth-child(4)::before { content: '\f081'; }

/**** Sidebar Headers ****/

.standardlayout .left_col .content_area.normal_content_area {
    border: 0!important;
}

.standardlayout .left_col .content_area.normal_content_area h2,
.standardlayout .left_col .content_area h2:first-child:not(.mobile_header),
.standardlayout .left_col .small_box .box_title,
.standardlayout .left_col .small_box h2.mobile_header {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    color: #333!important;
    font-size: 1.25rem!important;
    margin-top: 1em;
    padding: 8px 15px 8px 0!important;
    text-transform: none;
}

#sitebody.standardlayout .left_col.column,
#sitebody.standardthreecolumnlayout .left_col.column {
    padding-left: 0;
}

.standardlayout .left_col .content_area.normal_content_area h2::after,
.standardlayout .left_col .content_area h2:first-child:not(.mobile_header)::after {
    content: none;
}

/**** Sidebar Navigation ****/

.standardlayout .left_col ul ul .sidenav_current > a {
    border-left: 3px solid var(--oc-green)!important;
}

#sitebody.standardlayout:before,
#sitebody.standardthreecolumnlayout:before {
    display: none;
}

#sitebody.standardlayout .left_col.column,
#sitebody.standardthreecolumnlayout .left_col.column {
    background-color: transparent;
    border-right: 1px solid #ccc;
}

.standardlayout .sidenav ul li.sidenav_current > a,
.standardlayout .sidenav ul li.sidenav_current.sidenav_expanded > a {
    background-color: transparent;
    border-left: 3px solid var(--oc-green);
    font-weight: 600;
}

.left_col nav.sidenav > ul > li > ul > li.sidenav_haschildren > a,
.left_col nav.sidenav > ul > li > ul > li > ul > li.sidenav_haschildren > a {
    font-weight: 600;
}

.left_col nav.sidenav > ul > li > ul > li > ul > li.sidenav_haschildren > a + ul {
    padding-left: 20px;
}

.left_col nav.sidenav > ul > li > ul > li > ul > li > ul > li > ul,
.left_col nav.sidenav > ul > li > ul > li > ul > li > ul > li > a::before {
    display: none!important;
}

/**** Typography ****/

/* Widget Titles */

h2.widget-title,
h2.webpart-title {
    align-items: center;
    display: flex;
    font-size: 1.313rem;
    gap: 1em;
}

h2.widget-title::after,
h2.webpart-title::after {
    background-color: black;
    content: '';
    flex: 1;
    height: 1px;
}

.standardlayout h2.widget-title {
    display: block;
}

body:not(.oc-page-home) .column > :first-child,
body:not(.oc-page-home) .column > :first-child h2 {
    margin-top: 0!important;
}

/*Centered Section Heading */
.oc-landing-page .threecolumnswithbottomlayout h2.centered-section-title::before {
    content: '';
    flex: 1;
    height: 1px;
}
.oc-landing-page .threecolumnswithbottomlayout h2.centered-section-title::before,
.oc-landing-page .threecolumnswithbottomlayout h2.centered-section-title::after {
    background-color: #ababab!important;
}
.oc-landing-page .threecolumnswithbottomlayout .content_area h2.centered-section-title {
    color: #777!important;
    font-size: 2.188rem!important;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 30px 0 10px 0;
}

.content_area.normal_content_area.clearfix h2 {
    align-items: center;
    display: flex;
    gap: 1em;
}
.content_area.normal_content_area.clearfix h2::after {
    background-color: #333;
    content: '';
    flex: 1;
    height: 1px;
}
.content_area.normal_content_area.clearfix h3 {
    font-size: 125%;
}

h2.mobile_header:not(nav h2),
.mobile_only .content_area h2 {
    align-items: center;
    background-color: transparent!important;
    color: #333!important;
    display: flex;
    font-size: 1.4em!important;
    gap: 1em;
    margin: 20px 0 10px 0!important;
    padding: 0!important;
    text-transform: none!important;
}

h2.mobile_header:not(nav h2)::after,
.mobile_only .content_area h2::after {
    background-color: #333;
    content: '';
    flex: 1;
    height: 1px;
}

.standardlayout p,
.onecolumnlayout p,
.standardlayout li,
.onecolumnlayout li,
.standardlayout a,
.onecolumnlayout a {
    font-size: 1.125rem;
    line-height: 1.5;
}

/**** 40 Under 40 ****/
.staff_directory_widget img:first-of-type {
    border-radius: 4px;
    display: block;
    float: right;
    
    margin: 0;
    margin-bottom: 15px;
    margin-left: 15px;
    max-width: 300px;
}
.staff_directory_widget ul.detail-list,
.staff_directory_widget ul.formlist.custom_fields {
    display: none;
}
.staff_directory_widget h3 {
    font-size: 1.0625rem;
    line-height: 1.5;
}
/**** Structure ****/
.oc-two-col {
    display: flex;
    gap: 20px;
}

.oc-two-col > * {
    flex: 1;
}

a.cta-btn {
    background-color: #009cde;
    border: 1px solid #008ac5;
    border-radius: 50px;
    color: white;
    display: block;
    font-weight: 600;
    padding: 15px 16px;
    text-align: center;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    width: 100%;
}
a.cta-btn:hover {
    background-color: #0078ab;
    border-color: #005f87;
}
.oc-responsive-iframe {
    border: 1px solid #ddd;
    display: block;
    height: 0;
    margin: 20px 0;
    padding-top: calc(9 / 16 * 100%);
    position: relative;
    width: 100%;
}
.oc-responsive-iframe iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/**** Detail Expanse ****/
details summary {
    margin: 30px 0;
}
details summary::before {
    content: 'Show';
    padding-right: 6px;
}
details[open] summary::before {
    content: 'Hide';
    padding-right: 6px;
}
details[open],
details[open] * {
    user-select: none;
}
/***** Lists *****/
.content_area.normal_content_area ul,
.content_area.normal_content_area ol {
    margin-top: 0;
}

.content_area.normal_content_area ul li,
.content_area.normal_content_area ol li,
.vi-content-columns ul li {
    font-size: 1.125rem;
    line-height: 1.5;
}
.content_area.normal_content_area ul li:nth-child(n+2),
.vi-content-columns ul li:nth-child(n+2) {
    margin-top: .45em;
}

/***** Images *****/
.image-container {
    background-color: var(--neutral-100); /* Handles Load */
}
img.float-right {
    border-radius: 4px;
    display: block;
    float: right;
    margin-left: 1em;
    margin-bottom: 20px;
    max-width: 300px;
    width: 100%;
}
/***** Table *****/
table#responsive-table td {
    padding: 1.25rem;
    line-height: 1.5;
}
table#responsive-table td:first-child {
    padding-left: 0;
    padding-right: 10px;
}
table#responsive-table td:last-child {
    padding-right: 0;
    padding-left: 10px;
}
/***** Sidebar Contact Info *****/

/* Interior Page Contact Info (from Test.css) */
.standardlayout .contact-info a {
    text-decoration: none;
}
.standardlayout .contact-info > a,
.standardlayout .contact-info > div,
.standardlayout .contact-info > p {
    align-items: center;
    display: flex;
    font-size: 110%;
    line-height: 1.5;
    margin-bottom: 0;
    margin-left: 35px;
    padding-top: 1em;
    position: relative;
    text-decoration: none;
}

/* Sidebar Contact Info Socials */

.contact-info.social-networks > p {
    margin-left: 0;
    padding: 0;
}

.contact-info.social-networks > p::before,
.standardlayout .contact-info.social-networks > p::before {
    display: none;
}

.contact-info.social-networks > p > a {
    align-items: center;
    background-color: gray;
    border-radius: 100%;
    display: flex;
    font-size: 0;
    height: 32px;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 32px;
}

.contact-info.social-networks > p > a::before {
    color: white;
    font-size: 1rem!important;
    left: unset;
    position: absolute!important;
}

.contact-info.social-networks h2 {
    width: 100%;
}
.contact-info.social-networks {
    display: flex!important;
    flex-wrap: wrap;
    gap: 0 10px;
    grid-template-columns: repeat(5, 1fr);
}
.contact-info.social-networks > p::before { display: none; }

.contact-info.social-networks > p.contact-facebook a::before {content: '\f09a';}
.contact-info.social-networks > p.contact-twitter a::before {content: '\f099';}
.contact-info.social-networks > p.contact-instagram a::before {content: '\f16d';}
.contact-info.social-networks > p.contact-youtube a::before {content: '\f16a';}
.contact-info.social-networks > p.contact-linkedin a::before {content: '\f0e1';}

.contact-info.social-networks > p.contact-facebook a { background-color: #1877f2; }
.contact-info.social-networks > p.contact-twitter a { background-color: #1d9bf0; }
.contact-info.social-networks > p.contact-instagram a { background-color: #C13584; }
.contact-info.social-networks > p.contact-youtube a { background-color: #fe0000; }
.contact-info.social-networks > p.contact-linkedin a { background-color: #0a66c2; }

/* Begin og boilerplate int contact info */

.standardlayout .left_col h2.widget-title {
    
    border-bottom: 1px solid #ddd;
    font-size: 125%;
    padding: 0 0 .5em 0;
}

.standardlayout .contact-info h3 {
    font-size: 110%;
    margin-bottom: .25em;
}

.standardlayout .contact-info a::before,
.standardlayout .contact-info div::before,
.standardlayout .contact-info p::before {
    color: var(--oc-black);
    display: inline-block;
    font: normal normal normal 0.875rem/1.5em FontAwesome!important;
    font-size: inherit!important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: -35px;
    pointer-events: none;
    position: absolute;
    width: 20px;
    align-self: center;
    text-align: center;
}

.standardlayout .contact-info .phone::before { content: '\f10b'; }
.standardlayout .contact-info .fax::before { content: '\f1ac'; }
.standardlayout .contact-info .email::before { content: '\f0e0'; }
.standardlayout .contact-info .address::before { content: '\f14e'; }
.standardlayout .contact-info .custom-address::before { content: '\f14e'; }
.standardlayout .contact-info .contact-link::before { content: '\f0c1'; }
.standardlayout .contact-info .hours::before { content: '\f017'; }
.standardlayout .contact-info a:hover {
    text-decoration: underline;
}

.standardlayout .contact-info p.email a {
    max-width: 27ch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.standardlayout .contact-info h4 {
    font-size: 1rem;
    margin-top: 1.5em;
}

.standardlayout .contact-info > h4 + a, .standardlayout .contact-info > h4 + div, .standardlayout .contact-info > h4 + p {
    padding-top: 0;
}

.standardlayout .contact-info hr {
    margin: 15px 0 0 0;
}

/***** Service Finder *****/
header .summary-col__text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: pre-wrap;
}
header .summary-col__link {
    right: auto;
    position: relative;
    width: 100%;
    display: block;
    margin-top: 2rem;
    margin-bottom: 0;
}

/**** Sort This Out ****/

.title_widget h1 + .title_right {
    display: block;
}
.standardlayout .title_right {
    display: none;
}
.standardlayout .top_col .title_widget {
    margin: 0 calc(-1 * (50vw - 50%))!important;
    padding: 0 calc(50vw - 50%)!important;
    width: 100vw;
}

.title_widget a.thickbox.feedback_link {
    display: none!important;
}

/***** News Rollup *****/
.oc-news-container .oc-news-article {
    background-color: white;
    padding: 1.25rem;
}
.oc-news-container {
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: grid;
    grid-gap: 1px;
    overflow: hidden;
}
.oc-news-container p.description {
    margin-bottom: 0;
}
p.headline a {
    color: #333;
    font-size: 1.25rem;
    font-weight: 600;
    text-decoration: none;
}
p.oc-news-meta {
    font-size: 90%;
}
p.oc-news-meta strong {
    color: var(--oc-to-green);
}
p.headline a:hover {
    text-decoration: underline;
}
/** Additional Quick Links (Used in Courts) **/
.oc-four-col {
    display: grid;
    grid-gap: 20px;
}
.column .content_area .oc-four-col a:not([class]) {
    align-items: center;
    background-color: var(--oc-green);
    border-radius: 8px;
    color: white;
    display: flex;
    font-weight: 600;
    justify-content: center;
    padding: 1.25rem;
    text-align: center;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}
.column .content_area .oc-four-col a:not([class]):hover {
    background-color: var(--oc-dark-green);
}
#page_footer .subscribe-block input[type="text"],
#page_footer .subscribe-block input[type="text"]::placeholder {
    font-size: 0.938rem!important;
}
#page_footer .subscribe-block input[type="text"]::placeholder {
    opacity: .65;
}

/**** Images (workforce dev)****/
[style="width: 25%; height: 25%; float: right; margin-left: 10px;"] {
    border-radius: 100%;
}
.vi-img-buttons-list.vi-layout-center .vi-img-buttons-item {
    min-height: 415px;
}

p.oc-site-alert { display: contents; }

p.oc-site-alert a { background-color: var(--oc-blue); }
p.oc-site-alert a#low { background-color: var(--oc-blue); }
p.oc-site-alert a#medium { background-color: var(--oc-ada-orange); }
p.oc-site-alert a#high {background-color: var(--oc-alert-red); }

p.oc-site-alert a:hover,
p.oc-site-alert a:focus {
    background-color: var(--oc-dark-blue);
}

p.oc-site-alert a#low:hover,
p.oc-site-alert a#low:focus {
    background-color: var(--oc-dark-blue);
}

p.oc-site-alert a#medium:hover,
p.oc-site-alert a#medium:focus {
    background-color: var(--oc-ada-orange-hover);
}

p.oc-site-alert a#high:hover,
p.oc-site-alert a#high:focus {
    background-color: var(--oc-alert-red-hover);
}

p.oc-site-alert a::before { content: '\f05a'; }
p.oc-site-alert a#low::before { content: '\f05a'; }
p.oc-site-alert a#medium::before { content: '\f06a'; }
p.oc-site-alert a#high::before { content: '\f071'; }

p.oc-site-alert a {
    align-items: center;
    color: white;
    display: grid;
    font-weight: 600;
    grid-gap: 20px;
    grid-template-columns: auto 1fr auto;
    margin: 0 calc(-1 * (50vw - 50%));
    padding: 20px calc(50vw - 50%);
    transition: 0.2s ease-in-out;
}

p.oc-site-alert a:hover,
p.oc-site-alert a:focus {
    cursor: pointer;
    text-decoration: none;
}

p.oc-site-alert a:hover::after,
p.oc-site-alert a:focus::after {
    transform: translate(10px, 0);
}

p.oc-site-alert a::before,
p.oc-site-alert a::after {
    font-family: 'FontAwesome';
    justify-self: end;
    transition: 0.2s ease-in-out;
}

p.oc-site-alert a::before { font-size: 1.563rem; }
p.oc-site-alert a::after { content: '\f054'; }


/* Media Queries */

@media screen and (max-width: 48.5em) {
    .top_col p.breadcrumb { display: none; }
    h1.titlewidget-title { margin-top: 50px; }
}

@media screen and (min-width: 48em) {
    .standardlayout .left_col .content_area h2:first-child:not(.mobile_header),
    .standardthreecolumnlayout .left_col .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),
    .standardlayout .left_col .content_area h1:first-child:not(.mobile_header),
    .standardthreecolumnlayout .left_col .content_area h1:first-child:not(.mobile_header) {
        margin-left: 0;
        margin-right: 0;
    }
    
    .standardlayout .left_col .content_area,
    .standardthreecolumnlayout .left_col .content_area {
        padding: 0;
    }
}

@media screen and (min-width: 40.5em) {
    .dropdownmenu>li>a { overflow: visible!important; }
}

/****
OG Custom Content
****/

#sitebody.homepagelayout .home_item10 .home_subscribe p { max-height: unset!important; }
.home_item10 .home_subscribe p { line-height: 1.5; }

.list-pager a.pg-button { opacity: 0; }
.column a.all-news {
    color: white;
    font-weight: 600;
}

/**** Focus Patch ****/

.detail-content + a.detail-more:focus { background-color: var(--oc-dark-green); }

.news_widget .list-filter select:focus { outline: 1px solid var(--oc-green); }
.news_widget a.filter-archive, .photo_album_widget .list-pager > a, .photo_album_widget .list-pager a.pg-normal, .photo_album_widget .list-pager a.pg-selected, .photo_album_widget .list-pager a.pg-button.pg-normal, .photo_album_widget .list-pager a.pg-normal.pg-button.pg-next-button, .events_widget .list-pager > a, .events_widget .list-pager a.pg-normal, .events_widget .list-pager a.pg-selected, .events_widget .list-pager a.pg-button.pg-normal, .events_widget .list-pager a.pg-normal.pg-button.pg-next-button, .news_widget .list-pager > a, .news_widget .list-pager a.pg-normal, .news_widget .list-pager a.pg-selected, .news_widget .list-pager a.pg-button.pg-normal, .news_widget .list-pager a.pg-normal.pg-button.pg-next-button { text-decoration: none; }

#page_footer .subscribe-block .gov-subscribe-widget .input_group div input[type="submit"]:focus {
    background-color: var(--oc-darker-green)!important;
}

.news_widget a.filter-archive:hover,
.news_widget a.filter-archive:focus {
    background-color: var(--neutral-100);
    outline-color: #ababab;
    text-decoration: none;
}

.photo_album_widget .list-pager a.pg-normal:hover,
.photo_album_widget .list-pager a.pg-normal.pg-button.pg-next-button:hover,
.events_widget .list-pager a.pg-normal:hover,
.events_widget .list-pager a.pg-normal.pg-button.pg-next-button:hover,
.news_widget .list-pager a.pg-normal:hover,
.news_widget .list-pager a.pg-normal.pg-button.pg-next-button:hover,
.photo_album_widget .list-pager a.pg-normal:focus,
.photo_album_widget .list-pager a.pg-normal.pg-button.pg-next-button:focus,
.events_widget .list-pager a.pg-normal:focus,
.events_widget .list-pager a.pg-normal.pg-button.pg-next-button:focus,
.news_widget .list-pager a.pg-normal:focus,
.news_widget .list-pager a.pg-normal.pg-button.pg-next-button:focus {
    outline: 1px solid #595959;
}

/**** Landing Page Patch ****/

.oc-landing-page .threecolumnswithbottomlayout .title_widget, .oc-landing-page .threecolumnswithbottomlayout .content_area { border-bottom: 0; }

/**** Clipped Text Patch ****/

.mainSpan_wrapper_home .service-finder-trigger, .service-finder-trigger { overflow: visible; }

/**** Minimum Size Requirement Patch ****/
ul.alpha-filter.clearfix li a {
    align-items: center;
    background-color: #f1f1f1;
    border: 0;
    border-radius: 4px;
    color: #333;
    display: flex;
    justify-content: center;
    margin: 0;
    min-height: 44px;
    min-width: 44px;
    padding: 0;
    text-decoration: none;
    transition: 0.12s ease-in-out;
}

ul.alpha-filter.clearfix li a:hover,
ul.alpha-filter.clearfix li a:focus {
    background-color: var(--neutral-100);
    box-shadow: none;
    color: #333!important;
}

ul.alpha-filter.clearfix::before,
.alpha-filter li:before {
    display: none;
}

ul.alpha-filter.clearfix {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

/**** Landing Page Size Patch ****/

.oc-landing-page h2.vi-banner-title a {
    font-size: 1em;
}

/**** Nav Height Patch ****/

@media screen and (min-width: 768px) { .top_col nav.sidenav.sidenav > ul > li.sidenav_haschildren.sidenav_expanded>ul { height: 51px; } }

/**** ACC Focus Patch ****/

.accordion-content[visibility="hidden"] a {
    pointer-events: none;
}

/**** Footer Subscribe Input Patch ****/

#page_footer .subscribe-block input[type="text"] {
    flex: 1;
    padding-right: 0.9375rem !important;
    width: auto!important;
}
#page_footer .subscribe-block .gov-subscribe-widget .input_group > div { margin: 0!important; position: relative!important; }
.email_fields.input_group { display: flex; }

/**** Color Patches ****/

:root { --oc-blue: #007ab8; }

.content_area a.oc-cta, p.oc-cta a, p.oc-alert a, .info-box a.oc-btn, .info-box p.oc-btn > a, a.oc-alert-button, .info-box::before { background-color: var(--oc-blue); }
.ga-full.blue { background-color: var(--oc-blue)!important; }

.column a { color: var(--oc-dark-blue); }
.vi-content-columns-column.vi-content-column-background[style="background-color:rgb(206, 225, 244);color:#000"] { background-color: #ecf4f9 !important; }
span.ga-full-green-email { background-color: var(--oc-green); }

a.oc-btn,
p.oc-btn > a,
summary.oc-btn,
a span.oc-btn,
.column a.oc-btn,
.column p.oc-btn > a,
.column summary.oc-btn,
.column a span.oc-btn {
    color: white;
}

/**** Buttons ****/

.govA-buttons-widget .button-container .item {
    max-width: unset;
    min-width: 225px;
    width: auto;
}

/**** Line Height Patch ****/

.alert_container .important_alert p, .top_col p.breadcrumb { line-height: 1.5!important; }
.sidenav ul li a, .sidenav ul li a:hover, .sidenav ul li a:focus { line-height: 1.5; }
.vi-img-buttons .vi-img-buttons-desc { line-height: 1.5; }
.front_end_body p,
.front_end_body em,
.front_end_body b,
.front_end_body strong,
.front_end_body a,
.front_end_body em,
.front_end_body span {
    line-height: 1.5;
}

/**** Interactive Element Height Patch ****/

.sidenav ul li a, .sidenav ul li a:hover, .sidenav ul li a:focus { padding-bottom: 11px; padding-top: 11px; }

/**** Department Alert Styles ****/

.oc-dept-alert {
    
    --oc-dept-alert-color: var(--oc-blue);
    
    background-color: var(--oc-dept-alert-color);
    color: white;
    margin: 0 calc(-1*(50vw - 50%));
    padding: 30px calc((50vw - 50%)) 35px;
}

.oc-dept-alert.red { --oc-dept-alert-color: var(--oc-alert-red); }

p.oc-dept-alert-title {
    font-size: 1.625rem;
    font-weight: 800;
    margin-bottom: .75em;
}

.oc-dept-alert-message p {
    font-size: 1.25rem;
}

.oc-dept-alert-message > :last-child {
    margin-bottom: 0;
}

.oc-dept-alert-message p a {
    color: white;
    text-decoration: none;
}

.oc-dept-alert-message p a:hover,
.oc-dept-alert-message p a:focus {
    text-decoration: underline;
}

.oc-dept-alert-buttons {
    margin-top: 1.25rem;
}

.oc-dept-alert-buttons a {
    background-color: white;
    border: 2px solid white;
    border-radius: 50px;
    color: var(--oc-dept-alert-color);
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    padding: .5em 1em;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}

.oc-dept-alert-buttons a:hover {
    background-color: transparent;
    color: white;
}

/*****
Patches
*****/

/**** Link Patch (ADA) ****/

.profile-rollup a,
li.profile.card a,
.vi-fullwidth-banner .vi-banner-title:hover a[href],
.vi-fullwidth-banner .vi-banner-description:hover a[href],
p.oc-reg-button a {
    text-decoration: none;
}

.vi-fullwidth-banner [href="javascript:void(0);"] { pointer-events: none; }


/**** Nav Bar Color Patch (ADA) ****/

.oc-page-home #top_nav { background-color: transparent; }
#top_nav { background-color: var(--oc-green); }

/**** Homepage Photo Credit Patch ****/
.video-bg-image-slider.image-slider.photo-credit-container .slide-content { display: none; }
.photo-credit.is-active .slide-content { display: block!important; }

/**** Homepage Stats Description Patch ****/

.oc-page-home .home_data .data-short-desc { max-height: unset; overflow: visible; }

@media screen and (max-width: 375px) {
    .oc-page-home .home_data .data-desc { font-size: 1.2rem; padding: 0; }
    .oc-page-home .home_data .data-short-desc { font-size: 1rem;  }
    
}

/**** Homepage Video Play Button Adjustment ****/

.home-featured-video .image_frame:after {
    opacity: .65;
}

@media screen and (min-width: 1300px) {
    contact-info > a, .contact-info > div, .contact-info > p { line-height: 1.5!important; }
    .standardlayout#sitebody p { line-height: 1.5; }
}
.contact-info > a, .contact-info > div, .contact-info > p { line-height: 1.5!important; }
p.phone, p.fax, p.text, p.email, p.contact-link { line-height: 150%; }

/***** Carousel Patch *****/
.slide img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.oc-landing-page { .small_box { [role="group"] { display: grid; } } }

/* Contact Info Patch */
#sitebody {
    .contact-info {
        font-size: 1.125rem;
        > p, > div, a { font-size: inherit; }
        &.social-networks a { font-size: 0; }
    }
}