/****
*
* New Boilerplate
* Version 0.12
* October 12, 2025
*
****/

/** Import Fonts **/
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

/** Variables **/

/* Colors */
:root {
    --blue-1: #E4F4FF;
    --blue-2: #CBEAFF;
    --blue-3: #94D4FF;
    --blue-4: #57B3F1;
    --blue-5: #005c99;
    --blue-6: #004A7C;
    --blue-7: #00385D;
    --blue-8: #00263F;
    --blue-9: #00111D;
    --green-1: #D8FFF2;
    --green-2: #B5FFE6;
    --green-3: #7BECC6;
    --green-4: #29C28F;
    --green-5: #008558;
    --green-6: #006240;
    --green-7: #004A30;
    --green-8: #003221;
    --green-9: #00170F;
    --neutral-0: #FFFFFF;
    --neutral-1: #F2F2F2;
    --neutral-2: #E6E6E6;
    --neutral-3: #CCCCCC;
    --neutral-4: #A6A6A6;
    --neutral-5: #525252;
    --neutral-6: #414141;
    --neutral-7: #313131;
    --neutral-8: #212121;
    --neutral-9: #0F0F0F;
    --neutral-10: #000000;
    --orange-1: #FFEEE2;
    --orange-2: #FFDFC6;
    --orange-3: #FFBE8A;
    --orange-4: #F29E5A;
    --orange-5: #C25700;
    --orange-6: #AD5000;
    --orange-7: #8E3800;
    --orange-8: #721F00;
    --orange-9: #580000;
    --orange-10: #440000;
}

/* Units */
:root {
    --br-s: .25rem;
    --br-m: .50rem;
    --br-l: .75rem;
    --lh-s: 1.20;
    --lh-m: 1.35;
    --lh-l: 1.50;
}

/* Fonts */
:root {
    --serif: 'Merriweather', Georgia, serif;
    --sans-serif: 'Public Sans', Helvetica, sans-serif;
    --monospace: 'Roboto Mono', Courier, monospace;
    --icon: 'Material Symbols Rounded';
}
.front_end_body {
    * { font-family: var(--sans-serif)!important; }
}
/******
*
* BEGIN OLD BOILERPLATE =========================================
*
******/

/****

* OC CTA Buttons
* GovAccess - 2024
* Version 1.0

****/

/* Homepage Slider Text Patch */

.oc-page-home {
    .home_spotlight .vi-spotlight .spotlight-container {
        .vi-spotlight-info-header { margin-bottom: 1em; }
        span.home-heading-main { text-wrap: balance; }
        .vi-spotlight-info-desc {
            height: auto;
            line-height: 1.5;
            max-height: initial;
            text-wrap: balance;
        }
    }
}

/* Homepage Circle Buttons Patch */

.oc-page-home {
    .home_buttons.container {
        ul.buttons-list {
            display: grid;
            gap: 1.5rem;
            grid-template-columns: repeat(auto-fill, minmax(166px, 1fr));
            li.buttons-list-item {
                display: contents;
                a.button-link {
                    animation: fadeIn 2.5s ease-in both;
                    aspect-ratio: 1/1;
                    background-color: var(--neutral-0);
                    border-radius: 100vw;
                    display: flex;
                    height: auto;
                    margin: 0;
                    max-height: unset;
                    max-width: 100%;
                    min-height: unset;
                    min-width: unset;
                    outline: 5px solid var(--green-5);
                    outline-offset: -2.5px;
                    padding: 1rem;
                    position: relative;
                    transition: 0.2s ease-in-out;
                    width: auto;
                    &:hover,&:focus-visible {
                        outline-color: var(--green-5);
                        scale: 0.99;
                    }
                    &:active {
                        scale: 0.95;
                    }
                    &::before,&::after { display: none; }
                    div.button-img-wrap {
                        height: 50px;
                        width: 50px;
                        img.button-img {
                            height: 100%;
                            width: 100%;
                        }
                    }
                    span.button-text {
                        text-transform: none;
                        text-wrap-style: pretty;
                    }
                }
            }
        }
    }
}

@media screen and (width < 1475px) {
    .oc-page-home {
        .home_buttons.container {
            ul.buttons-list {
                grid-template-columns: repeat(3,1fr);
                li.buttons-list-item {
                    a.button-link {
                        justify-self: center;
                        max-width: 100%;
                        width: 250px;
                    }
                }
            }
        }
    }
}

@media screen and (width < 1230px) {
    .oc-page-home {
        .home_buttons.container {
            ul.buttons-list {
                gap: 1rem;
                grid-template-columns: repeat(2,1fr);
                li.buttons-list-item {
                    a.button-link {
                        justify-self: center;
                        max-width: 100%;
                        width: 150px;
                    }
                }
            }
        }
    }
}

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

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

/**** Alert Banner ****/
/***** 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: var(--neutral-0); box-sizing: border-box; border-radius: var(--br-m); font-weight: bold; text-align: left; line-height: 27px!important; position: relative; overflow: hidden; margin: 0 0 15px 0!important; background: var(--neutral-4); &:hover,&:focus { color: var(--neutral-0); } }
/** 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: var(--neutral-7); }
/** Link Accomodation **/
.ga-full a { color: var(--neutral-0); text-decoration: underline; &:hover,&:focus { color: var(--neutral-0); } }
.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(--blue-5)!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(--green-5);
    border: 1px solid var(--green-6);
    border-radius: 50px;
    color: var(--neutral-0)!important;
    display: inline-block;
    padding: .5em 1.5em;
    text-align: center;
    text-decoration: none!important;
    transition: 0.2s ease-in-out;
    width: auto;
    &:hover,&:focus { color: var(--neutral-0); }
}

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

/** Email Stuff **/

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

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



.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 Button *****/
.content_area a.oc-cta,
p.oc-cta a,
p.oc-alert a {
    background-color: var(--blue-5);
    border-radius: var(--br-m);
    color: var(--neutral-0);
    display: block;
    font-weight: 600;
    margin-top: 28px;
    min-height: 44px;
    min-width: 44px;
    overflow: hidden;
    padding: 20px 65px 20px 100px;
    position: relative;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    width: 100%;
    &:hover,&:focus { color: var(--neutral-0); }
}
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(--blue-5);
    border-radius: var(--br-m);
    color: var(--neutral-0)!important;
    display: block;
    margin-top: 35px;
    overflow: hidden;
    padding: 20px 20px 20px 95px;
    position: relative;
    text-decoration: none!important;
    &:hover,&:focus { color: var(--neutral-0); }
}
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(--blue-6);
    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(--green-5); }
p.oc-cta.green a::before { background-color: var(--green-6); }
p.oc-cta.green a:hover::before { background-color: var(--green-8); }

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(--green-5); }
p.oc-alert.green a::before { background-color: var(--green-6); }

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: 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;
        .item {
            border-radius: var(--br-m);
            flex-basis: 25%;
            margin: 0;
            min-width: unset;
            padding: 0;
        }
    }
    .button-link {
        background-color: var(--green-5);
        border-radius: var(--br-m);
        max-width: unset;
        transition: 0.2s ease-in-out;
        width: auto;
        &:hover,&:focus {
            background-color: var(--green-6);
        }
    }
}

/***** 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 {
    align-self: center;    
    display: -webkit-box;
    height: auto;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    &:hover,&:focus,&:focus-visible { display: -webkit-box; }
}
#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; }

.twocolumnswithbottomlayout .contact-info:first-of-type h3 + h4, .threecolumnswithbottomlayout .contact-info:first-of-type h3 + h4 { border-top: 1px solid var(--neutral-3); }

/* Dynamic Contact Info */
.threecolumnswithbottomlayout .contact-info, .twocolumnswithbottomlayout .contact-info { border: 1px solid var(--neutral-3); border-radius: var(--br-m); }
.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 var(--neutral-3); 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 var(--neutral-3); }
.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 var(--neutral-3); border-radius: var(--br-m); }
.contact-container p { display: grid; grid-template-columns: 50px 1fr; margin: 0; }
.contact-container p:nth-child(n+2) { border-top: 1px solid var(--neutral-3); }
.contact-container a, .contact-container span { border-left: 1px solid var(--neutral-3); 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: var(--neutral-7); 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: var(--neutral-7)!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: var(--br-m); 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: clamp(1.5rem, 0.857rem + 2.626vw, 2.8rem);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: clamp(1.25rem, 0.755rem + 2.02vw, 2.25rem);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: var(--br-m); 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: var(--neutral-10); border-radius: var(--br-m); 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: 1.5; }
.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: var(--neutral-1); border-radius: var(--br-m); display: flex; padding: 20px; transition: 0.12s ease-in-out; }
.oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-text { color: var(--neutral-7); font-size: 1rem; font-weight: 400; line-height: 1.5; padding: 0; }
.oc-landing-page .threecolumnswithbottomlayout a.button-link:hover, .oc-landing-page .threecolumnswithbottomlayout a.button-link:focus { background-color: var(--neutral-2); }
.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: var(--neutral-7); }

/* 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-block: 0; }
}
/*** 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(--green-5); 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(--green-6); }
.oc-landing-page .bottom_col .govA-buttons-widget .button-container:has(.item) > .item > a.button-link .button-text { color: var(--neutral-0); font-size: 1.25rem; font-weight: 600; max-height: unset; &:hover,&:focus { color: var(--neutral-0); } }
.oc-landing-page .bottom_col { margin-top: 50px; }

@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: 0; }
    .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: 1.5; }
    .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: var(--neutral-7); }
}

@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: var(--neutral-2); border-radius: var(--br-m); height: auto; padding: 10px; }
    .oc-landing-page .threecolumnswithbottomlayout .govA-buttons-widget .button-container .item .button-text { color: var(--neutral-7); font-weight: 500; }
    .button-widget { padding: 0; }
    .oc-landing-page .threecolumnswithbottomlayout .title_widget, .oc-landing-page .threecolumnswithbottomlayout .content_area { border-bottom: 1px solid var(--neutral-3); }
    .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 var(--neutral-3); border-radius: var(--br-m); padding: 20px; }
.news-container .article:nth-child(-n+1) { border-bottom: 1px solid var(--neutral-3); 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(--green-5); }
.news-container .article a.headline { color: var(--neutral-7); display: block; font-weight: 600; line-height: 1.5; text-decoration: none; }
.news-container .article a.headline:hover { text-decoration: underline; }
a.all-news, p.all-news a { background-color: var(--green-5); border-radius: var(--br-m); color: var(--neutral-0); display: block; margin-top: 1em; padding: 1em; text-align: center; text-decoration: none; transition: 0.2s ease-in-out; &:hover,&:focus { color: var(--neutral-0); } }
a.all-news:hover, p.all-news a:hover { background-color: var(--green-6); 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: 1.5; text-decoration: none; }
.cov-numbers { border: 1px solid var(--neutral-3); border-radius: var(--br-m); 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(--green-5);
    border: 1px solid var(--green-6);
    border-radius: 50px;
    color: var(--neutral-0);
    display: inline-block;
    font-weight: 600;
    padding: .75em 2.5em;
    transition: 0.2s ease-in-out;
    &:hover,&:focus { color: var(--neutral-0); }
}

p.oc-reg-button a:hover,
p.oc-reg-button a:focus {
    background-color: var(--green-6);
    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: var(--neutral-7);
}

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: var(--neutral-7);
}

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(--blue-6)!important;
    background-image: none!important;
    color: var(--neutral-0)!important;
    content: '';
    display: flex!important;
    font: normal normal normal 100%/1 FontAwesome;
    font-size: 2rem!important;
    height: 100%;
    justify-content: center;
    left: 0!important;
    position: absolute;
    text-rendering: auto;
    transition: 0.2s ease-in-out;
    width: 75px!important;
    &:hover,&:focus { color: var(--neutral-0)!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(--blue-5)!important;
    border-radius: var(--br-m);
    color: var(--neutral-0)!important;
    display: flex;
    font-size: 1rem;
    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%;
    &:hover,&:focus { color: var(--neutral-0)!important; }
}

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

.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: var(--neutral-0);
    background: var(--blue-6);
    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: var(--neutral-0)!important;
    &:hover,&:focus { color: var(--neutral-0)!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 0 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(--green-6);
    }
    
    #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: var(--neutral-1);
        border-top: 1px solid var(--neutral-3);
        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-block: 2em 1em!important;
    }
    
    .standardlayout {
        header.title_widget {
            margin-block: 0!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 **/
    
    .sidenav ul li li a {
        padding-left: 5%!important;
    }
    
    .sidenav {
        li.sidenav_expanded li { padding: 0; }
    }
    
    .sidenav a {
        color: var(--neutral-0)!important;
        &:hover,&:focus { color: var(--neutral-0); }
    }
    
    .sidenav ul li li li a {
        background-color: rgba(255,255,255,0.05);
        padding-left: calc(5% + 10px)!important;
    }
    
    .sidenav ul li li li li a {
        background-color: rgba(255,255,255,0.15);
        padding-left: calc(5% + 20px)!important;
    }
    
    .sidenav.open ul li.sidenav_expanded>a,
    .mobile_list ul li {
        border: 0;
    }
    
    nav.sidenav {
        background-color: var(--green-6);
    }
    
    .mobile_list ul li {
        background: none;
    }
    
    nav.sidenav h2.mobile_only.mobile_header {
        background-color: var(--green-8);
        height: auto;
        padding: 15px;
        text-align: center;
    }
    
    nav.sidenav > ul > li > a {
        display: none!important;
    }
    
    nav.sidenav.open > ul {
        padding: 20px 0;
    }
    
    .sidenav_haschildren a {
        visibility: visible!important;
    }
    
    .sidenav .vi-sidenav-toggle.vi-sidenav-toggle.vi-sidenav-toggle {
        background: transparent;
        border: 0;
        padding: 10px 5%!important;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: auto;
    }
    
    nav.sidenav h2.mobile_only.mobile_header[style="display: none;"] {
        display: block!important;
    }
    
    .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: var(--neutral-1);
    font-size: 0.875rem!important;
    margin: 0 calc(-1 * (50vw - 50%));
    margin-bottom: 35px;
    padding: 3px 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(--green-5);
    border-color: var(--green-5);
    display: inline-flex;
    justify-content: center;
}

.vision-search2-imagetoggle-onside {
    align-items: center;
    border: 0;
    color: var(--neutral-7);
    display: inline-flex;
    justify-content: center;
}

.vision-search2-imagetoggle-button.ng-scope {
    border: 1px solid var(--neutral-4);
    border-radius: var(--br-m);
    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: var(--neutral-3);
    border-radius: var(--br-m);
    overflow: hidden;
    transition: 0.15s ease-in-out;
}

.vision-search2-query:focus-within, .addresslookup-query:focus-within {
    border-color: var(--neutral-4);
}

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

.vision-search2-advanced .box.first.title {
    align-items: center;
    border-color: var(--neutral-3);
    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(--green-5)!important;
    border: 0!important;
    border-radius: var(--br-m);
    padding: .65em 1em;
    text-transform: none;
    transition: 0.2s ease-in-out;
}

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

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

.vision-search2-advanced .title a {
    border: 1px solid var(--neutral-7);
    border-radius: var(--br-m);
    color: var(--neutral-7);
    font-weight: 600;
    padding: 5px 7px;
    text-decoration: none;
}

span.vision-search2-item-title-text.ng-binding {
    color: var(--neutral-7);
    font-size: 1.4375rem;
}

.column a.vision-search2-item-title-link {
    border-bottom: 1px dashed var(--neutral-3);
    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: var(--br-m);
    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: 1.5;
    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 var(--neutral-3);
    border-radius: var(--br-m);
    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-left {
    align-self: center;
    border: 1px solid var(--neutral-3);
    border-radius: var(--br-m);
    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: var(--neutral-0);
}

.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: var(--br-m);
        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 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: var(--neutral-7);
    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: var(--br-m);
    overflow: hidden;
}
.accordion_widget.accordion_widget.mn-accordion .accordion-item.state-open .accordion-heading {
    background-color: #f5f5f5;
    border-bottom: 1px solid var(--neutral-3);
    color: var(--neutral-7);
    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: var(--neutral-7);
}
.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(--green-5);
    border-radius: 50px;
    color: var(--neutral-0);
    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;
    &:hover,&:focus { color: var(--neutral-0); }
}
.detail-content + a.detail-more > ::after {
    display: none;
}
.detail-content + a.detail-more:hover {
    background-color: var(--green-6);
}

/* 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 var(--neutral-3);
    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, .news_box a.box_bottomlink { text-decoration: none; }

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

a.box_bottomlink { border-radius: var(--br-m); }

.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(--green-5);
    border: 1px solid var(--green-6);
    color: var(--neutral-0);
    height: auto;
    margin: 1em 0 0 0;
    padding: .25em 2em;
    &:hover,&:focus { color: var(--neutral-0); }
}

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

.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(--green-5);
    border: 1px solid var(--green-5);
    border-radius: var(--br-m);
    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(--green-6);
    border-color: var(--green-6);
}

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

/* Carousel (From Test.css) */
.carousel a.slide {
    align-items: end;
    background-color: var(--neutral-10);
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 40px;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
}
.carousel {
    background-color: var(--neutral-10);
    border-radius: var(--br-m);
    margin-top: 40px;
    min-height: 200px;
    overflow: hidden;
    padding-top: calc(1 / 3 * 100%);
    position: relative;
    width: 100%;
}
.carousel p.slide-description {
    background-color: var(--neutral-10);
    color: var(--neutral-0);
}
.carousel p.slide-title {
    background-color: var(--neutral-10);
    color: var(--neutral-0);
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
}
.carousel-controls {
    background-color: var(--neutral-10);
    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: var(--neutral-10);
    border-radius: var(--br-m);
    box-sizing: border-box;
    max-width: 50ch;
    padding: 15px 20px;
    position: relative;
}
a.slide.active {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 1;
}
.slide-circle {
    background-color: transparent;
    border: 2px solid var(--neutral-0);
    border-radius: 100%;
    height: 15px;
    transition: 0.2s ease-in-out;
    width: 15px;
}
.slide-circle.active {
    background-color: var(--neutral-0);
    border: 4px solid var(--neutral-0);
}
.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: var(--br-m);
    color: var(--neutral-10);
    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 var(--neutral-3);
    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 var(--neutral-3);
    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: var(--br-m);
    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: var(--neutral-0);
    max-height: 50%;
    overflow: scroll;
    padding: 15px;
    position: absolute;
    transform: translate(0, 100%);
    transition: 0.45s ease-in-out;
    width: 100%;
}

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

.photo_album_widget .detail-content ul li a.photo_thumb::before {
    background-color: rgba(0,0,0,0.75);
    border-radius: var(--br-m);
    color: var(--neutral-0);
    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);
    &:hover,&:focus { color: var(--neutral-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: var(--br-m);
    color: var(--neutral-7);
    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: var(--neutral-4);
    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: var(--neutral-3);
    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: var(--neutral-0);
    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: var(--neutral-3);
    border: 1px solid var(--neutral-3);
    border-radius: var(--br-m);
    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 var(--neutral-3);
    color: var(--green-5);
    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: var(--neutral-7);
}
.list-filter br {
    display: none;
}

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

/* From News Rollup.css */

.news_widget .item-img {
    border-radius: var(--br-m);
    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: var(--neutral-7);
    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: var(--neutral-0);
    padding: 20px;
}
.small_box.news_box .box_content ul {
    background-color: var(--neutral-3);
    border: 1px solid var(--neutral-3);
    border-radius: var(--br-m);
    display: grid;
    grid-gap: 1px;
    overflow: hidden;
    padding: 0;
}

/* Begin Widget Re-Skin News */

.news_widget a.filter-archive {
    background-color: #f2f2f2;
    border-radius: var(--br-m);
    color: var(--neutral-7);
    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: var(--neutral-4);
    text-decoration: none;
}

.news_widget .list-filter select {
    border: 0!important;
    border-radius: var(--br-m);
    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 var(--neutral-3);
    outline-offset: -2px;
    padding: 10px 20px;
    transition: 0.2s ease-in-out;
    width: auto;
}

.news_widget .list-filter select:hover { outline: 1px solid var(--neutral-4); }

.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(--green-5);
    border-color: var(--green-5);
    color: var(--neutral-0);
    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;
    &:hover,&:focus { color: var(--neutral-0); }
}

.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 var(--neutral-7);
    color: var(--green-5);
    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: var(--br-m);
    border-right: 15px solid transparent!important;
    cursor: pointer;
    margin: 0!important;
    max-width: unset;
    min-width: unset;
    outline: 1px solid var(--neutral-3);
    outline-offset: -2px;
    padding: 15px;
    transition: 0.2s ease-in-out;
    width: auto;
}

.events_widget .list-filter select:hover { outline: 2px solid var(--green-5); }
.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: var(--neutral-1);
    border: 1px solid #ececec;
    border-radius: var(--br-m);
    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: var(--neutral-10);
    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(--green-5);
}

.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: var(--br-m);
    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: var(--neutral-7);
    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(--green-5)!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: var(--neutral-7)!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(--green-5);
    color: var(--neutral-0)!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: var(--neutral-7)!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: var(--neutral-7);
    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 var(--neutral-3);
border-radius: var(--br-m);
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 var(--neutral-3);
border-radius: var(--br-m);
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(--green-5);
color: var(--neutral-0);
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(--green-6);
text-decoration: none;
} */

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

.twitter_feed::before { display: none; }

.twitter_feed a.twitter-timeline {
    align-items: center;
    color: var(--neutral-7);
    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: var(--neutral-7);
    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 var(--neutral-3);
    border-radius: var(--br-m);
    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: var(--neutral-0)!important;
    display: flex!important;
    font-size: 1rem!important;
    justify-content: center;
    padding: 25px 0!important;
    text-align: center;
    &:hover,&:focus { color: var(--neutral-0); }
}

.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: var(--neutral-7)!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;
    }
    
}


/**** 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: 1.5;
    }
    
    .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-inline: -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 {
    
    --oc-green: var(--green-5);
    --oc-dark-green: var(--green-6);
    --oc-darker-green: var(--green-8);
    --oc-darkest-green: var(--green-8);
    /* --oc-faded-green: #93c4aa; */
    
    --oc-faded-green: hsl(150deg 40% 95%);
    
    --oc-blue: var(--blue-5);
    --oc-dark-blue: var(--blue-6);
    
    --oc-orange: #DF5F1E;
    --oc-ada-orange: #c4541a;
    --oc-ada-orange-hover: #b04a17;
    --oc-dark-orange: #73310f;
    --oc-darkest-orange: #632a0d;
    
    --oc-black: var(--neutral-10);
    --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(--green-5);
}

.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(--green-6);
}
main.homepagelayout {
    .home_item11 {
        background: transparent linear-gradient(180deg, #ffffff 0%, var(--green-1) 100%) 0% 0% no-repeat padding-box;
    }
}

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

.home_spotlight .spotlight-container .vi-spotlight-info-more:focus,
.home_spotlight .spotlight-container .vi-spotlight-info-more:hover {
    background-color: var(--green-7);
    color: var(--neutral-0);
}

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

.mainnav .dropdownmenu .megamenu_container {
    background-color: var(--green-6)!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: var(--neutral-0);
        text-transform: none;
        width: auto;
        &:hover,&:focus { color: var(--neutral-0); }
    }
    
    .top_col nav.sidenav.sidenav {
        background-color: var(--neutral-10);
        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: var(--neutral-0);
        display: block!important;
    }
    
    .top_col nav.sidenav.sidenav ul li > ul > li > ul {
        border: 1px solid var(--neutral-3);
        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: var(--neutral-0); &:hover,&:focus { color: var(--neutral-0); } }
    .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: var(--neutral-10); }
    .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 var(--neutral-3); }
    .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(--green-5)!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: var(--neutral-0);
        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(--green-5);
    }
    .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(--green-5)!important;
        color: var(--green-5)!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: var(--neutral-0);
        color: var(--green-6)!important;
        font-family: var(--sans-serif);
        height: 45px;
        line-height: normal!important;
        padding: 0 20px;
        text-align: center;
        transition: 0.15s ease-in-out;
        width: auto;
        &:hover,&:focus {
            background-color: var(--neutral-1);
            color: var(--green-7)!important;
            scale: .99;
        }
        &:active {
            background-color: var(--neutral-2);
            color: var(--green-8)!important;
            scale: .97;
        }
    }
}

/*****

Everything Else

*****/

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

.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: #006644; */
}
.dropdownmenu li a::before,
.dropdownmenu li .notranslate a::before {
    background-color: var(--neutral-0)!important;
    border-radius: 3px;
}
/**** Global Menu ****/

.mainnav .dropdownmenu .megamenu_container {
    background-color: var(--green-7)!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(--green-6)!important;
    color: var(--neutral-0)!important;
    transition: 0.2s ease-in-out;
}
#page_footer .subscribe-block .gov-subscribe-widget .input_group div input[type="submit"]:hover {
    background-color: var(--green-8)!important;
}

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

.home_instagram .insta_content,
.home_instagram .instagram_container {
    background-color: var(--neutral-0);
    border: 1px solid var(--neutral-3);
    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(--green-5);
    border: 1px solid var(--green-6);
    border-radius: 50px;
    box-sizing: border-box;
    color: var(--neutral-0);
    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;
    &:hover,&:focus { color: var(--neutral-0); }
}

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

/**** Breadcrumbs ****/

.top_col p.breadcrumb {
    align-items: center;
    background-color: var(--neutral-2);
    color: var(--neutral-7)!important;
    cursor: default;
    display: flex;
    font-size: 0.938rem!important;
    font-weight: 600;
    line-height: 100%!important;
    margin: 0 calc(-1*(50vw - 50%));
    padding: 3px 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: var(--neutral-7)!important;
    display: flex;
    font-size: 0.938rem!important;
    font-weight: 500;
    justify-content: center;
    line-height: 100%!important;
    margin-right: 30px;
    min-height: 44px;
    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 var(--neutral-3);
    border-bottom: 1px solid var(--neutral-3);
}
.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(--green-7);
    border-radius: 50%;
    color: var(--neutral-0);
    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;
    &:hover,&:focus { color: var(--neutral-0); }
}

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

.sharelink::before { background-color: var(--blue-5); }
.sharelink:hover::before { background-color: var(--blue-6); }

.thickbox::before,
.printer_friendly::before
{ background-color: var(--neutral-4); }

.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 var(--neutral-3);
    border-radius: var(--br-m);
    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 var(--neutral-3);
    color: var(--neutral-7)!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(--green-5)!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 var(--neutral-3);
}

.standardlayout .sidenav ul li.sidenav_current > a,
.standardlayout .sidenav ul li.sidenav_current.sidenav_expanded > a {
    background-color: transparent;
    border-left: 3px solid var(--green-5);
    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: var(--neutral-10);
    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: var(--neutral-4)!important;
}
.oc-landing-page .threecolumnswithbottomlayout .content_area h2.centered-section-title {
    color: var(--neutral-5)!important;
    font-family: var(--sans-serif);
    font-size: clamp(1.5rem, 1.129rem + 1.515vw, 2.25rem)!important;
    font-weight: 500;
    letter-spacing: 1px;
    margin-block: 2em .5em!important;
    text-align: center;
    text-wrap: balance;
}
@media screen and (width < 768px) {
    .oc-landing-page .threecolumnswithbottomlayout .content_area h2.centered-section-title {
        margin-block: 1em!important;
    }
}

.content_area.normal_content_area.clearfix h2 {
    align-items: center;
    display: flex;
    gap: 1em;
}
.content_area.normal_content_area.clearfix h2::after {
    background-color: var(--neutral-7);
    content: '';
    flex: 1;
    height: 1px;
}
.content_area.normal_content_area.clearfix h3 {
    font-size: 1.25rem;
}

.content_area.normal_content_area.clearfix h4 {
    font-size: 1.125rem;
}

h2.mobile_header:not(nav h2),
.mobile_only .content_area h2 {
    align-items: center;
    background-color: transparent!important;
    color: var(--neutral-7)!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: var(--neutral-7);
    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: var(--br-m);
    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: var(--neutral-0);
    display: block;
    font-weight: 600;
    padding: 15px 16px;
    text-align: center;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    width: 100%;
    &:hover,&:focus {
        color: var(--neutral-0);
        background-color: #0078ab;
        border-color: #005f87;
    }
}

.oc-responsive-iframe {
    border: 1px solid var(--neutral-3);
    display: block;
    height: 0;
    margin: 20px 0;
    padding-top: calc(9 / 16 * 100%);
    position: relative;
    width: 100%;
    iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
}

/**** Detail Expanse ****/

details {
    summary {
        margin: 30px 0;
        &::before {
            content: 'Show';
            padding-right: 6px;
        }
    }
    &[open] {
        &,* { user-select: none; }
        summary {
            &::before {
                content: 'Hide';
                padding-right: 6px;
            }
        }
    }
}

/***** Lists *****/
.content_area.normal_content_area {
    ul,ol { margin-top: 0; }
}

.vi-content-columns,
.content_area.normal_content_area {
    ul,ol {
        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-2); /* Handles Load */
}
img.float-right {
    border-radius: var(--br-m);
    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, & > div, & > p {
            align-items: center;
            display: flex;
            font-size: 1.1rem;
            line-height: 1.5;
            margin-bottom: 0;
            margin-left: 35px;
            padding-top: 1em;
            position: relative;
            text-decoration: none;
        }
        a { text-decoration: none; }
        &.social-networks { & > p { margin-left: 0; padding: 0; &::before { display: none; } } }
    }
}

/* Sidebar Contact Info Socials */

.contact-info {
    &.social-networks {
        display: flex!important;
        flex-wrap: wrap;
        gap: 0 10px;
        grid-template-columns: repeat(5, 1fr);
        & > p {
            margin-left: 0;
            padding: 0;
            &::before { display: none; }
            &.contact-facebook a { background-color: #1877f2; &::before {content: '\f09a';} }
            &.contact-twitter a { background-color: #1d9bf0; &::before {content: '\f099';} }
            &.contact-instagram a { background-color: #C13584; &::before {content: '\f16d';} }
            &.contact-youtube a { background-color: #fe0000; &::before {content: '\f16a';} }
            &.contact-linkedin a { background-color: #0a66c2; &::before {content: '\f0e1';} }
            & > a {
                align-items: center;
                background-color: var(--neutral-5);
                border-radius: 100%;
                display: flex;
                font-size: 0;
                height: 32px;
                justify-content: center;
                position: relative;
                text-align: center;
                width: 32px;
                &::before {
                    color: var(--neutral-0);
                    font-size: 1rem!important;
                    left: unset;
                    position: absolute!important;
                }
                &:hover,&:focus { &::before { color: var(--neutral-0); } }
            }
        }
    }
    h2 { width: 100%; }
}

.standardlayout { /* Begin og boilerplate int contact info */
    .left_col h2.widget-title {
        border-bottom: 1px solid var(--neutral-3);
        font-size: 1.25rem;
        padding: 0 0 .5em 0;
    }
    .contact-info {
        & > h4 {
            & + a,& + div,& + p { padding-top: 0; }
        }
        a { &:hover { text-decoration: underline; } }
        h3 {
            font-size: 1.125rem;
            line-height: 1.5;
            margin-block: 1.25em 0;
            text-wrap: balance;
        }
        h4 {
            font-size: 1rem;
            margin-top: 1.5em;
        }
        hr { margin: 1rem 0 0 0; }
        p.email a {
            max-width: 27ch;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        a,div,p {
            &::before {
                color: var(--neutral-10);
                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;
            }
        }
        .address::before { content: '\f14e'; }
        .contact-link::before { content: '\f0c1'; }
        .custom-address::before { content: '\f14e'; }
        .email::before { content: '\f0e0'; }
        .fax::before { content: '\f1ac'; }
        .hours::before { content: '\f017'; }
        .phone::before { content: '\f10b'; }
    }
}

/***** Service Finder *****/
.summary-col__link {
    height: auto;
    padding: .5em 2rem;
}
header .summary-col__text {
    display: -webkit-box;
    height: auto;
    line-clamp: 3;
    overflow: hidden;
    -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: var(--neutral-0);
    padding: 1.25rem;
}
.oc-news-container {
    background-color: var(--neutral-3);
    border: 1px solid var(--neutral-3);
    border-radius: var(--br-m);
    display: grid;
    grid-gap: 1px;
    overflow: hidden;
}
.oc-news-container p.description {
    margin-bottom: 0;
}
p.headline a {
    color: var(--neutral-7);
    font-size: 1.25rem;
    font-weight: 600;
    text-decoration: none;
}
p.oc-news-meta {
    font-size: .9rem;
}
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(--green-5);
    border-radius: var(--br-m);
    color: var(--neutral-0);
    display: flex;
    font-weight: 600;
    justify-content: center;
    padding: 1.25rem;
    text-align: center;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    &:hover,&:focus { color: var(--neutral-0); }
}
.column .content_area .oc-four-col a:not([class]):hover {
    background-color: var(--green-6);
}
#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(--blue-5); }
p.oc-site-alert a#low { background-color: var(--blue-5); }
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(--blue-6);
}

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

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: var(--neutral-0);
    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;
    &:hover,&:focus { color: var(--neutral-0); }
}

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; }
    .standardlayout { h1.titlewidget-title { margin-block: 2em 0.25em; } }
}

@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: var(--neutral-0);
    font-weight: 600;
    &:hover,&:focus { color: var(--neutral-0); }
}

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

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

.news_widget .list-filter select:focus { outline: 1px solid var(--green-5); }
.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(--green-7)!important;
}

.news_widget a.filter-archive:hover,
.news_widget a.filter-archive:focus {
    background-color: var(--neutral-2);
    outline-color: var(--neutral-4);
    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: var(--br-m);
    color: var(--neutral-7);
    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-2);
    box-shadow: none;
    color: var(--neutral-7)!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, a.oc-alert-button { background-color: var(--blue-5); }
.ga-full.blue { background-color: var(--blue-5)!important; }

.column a {
    color: var(--blue-5);
/*    text-decoration: underline 1px solid rgba(0, 92, 153, 1);*/
text-decoration: underline;
    transition: 0.12s ease-in-out;
    &:hover,&:focus {
        color: var(--blue-7);
        text-decoration: underline 1px solid rgba(0, 56, 93, 1);
    }
}

.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(--green-5); }

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: var(--neutral-0);
    &:hover,&:focus { color: var(--neutral-0); }
}

/**** 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(--blue-5);
    
    background-color: var(--oc-dept-alert-color);
    color: var(--neutral-0);
    font-family: var(--sans-serif);
    margin: 0 calc(-1*(50vw - 50%));
    padding: 30px calc((50vw - 50%)) 35px;
}

.oc-dept-alert .oc-dept-alert-message:first-child > p:first-child {
    margin-top: 0;
}

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

p.oc-dept-alert-title {
    font-size: clamp(1.125rem, 0.418rem + 2.885vw, 1.5rem);
    font-weight: 800;
    margin-block: 0;
}

.oc-dept-alert-message p {
    font-size: clamp(1rem, 0.764rem + 0.962vw, 1.125rem);
    margin-block: 1em 0;
}

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

.oc-dept-alert-message p a {
    color: var(--neutral-0);
    text-decoration: none;
    &:hover,&:focus { color: var(--neutral-0); }
}

.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: var(--neutral-0);
    border: 2px solid white;
    border-radius: 50px;
    color: var(--oc-dept-alert-color);
    display: inline-block;
    font-size: clamp(1rem, 0.764rem + 0.962vw, 1.125rem);
    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: var(--neutral-0);
}

/*****
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(--green-5); }

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

/***** 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: 1rem;
        > p, > div, a { font-size: inherit; }
        &.social-networks a { font-size: 0; }
    }
}

/* Search Icon Patch */
.header_column, .sticky_header {
    .search-trigger {
        &.active {
            align-items: center;
            background-color: var(--neutral-0);
            background-image: none;
            display: flex;
            justify-content: center;
            font-size: 0;
            outline: 2px solid var(--neutral-0);
            outline-offset: -1px;
            text-decoration: none;
            transition: scale 0.2s ease-in-out;
            &::before {
                color: var(--green-6);
                content: '\e5cd';
                font-family: var(--icon);
                font-size: 1.75rem;
                font-weight: 500;
                text-indent: 0;
            }
        }
        &:not(.active) {
            align-items: center;
            background-color: var(--neutral-0);
            background-image: none;
            display: flex;
            justify-content: center;
            font-size: 0;
            outline: 2px solid var(--neutral-0);
            outline-offset: -1px;
            text-decoration: none;
            transition: scale 0.2s ease-in-out;
            &::before {
                color: var(--green-6);
                content: '\e8b6';
                font-family: var(--icon);
                font-size: 1.75rem;
                font-weight: 500;
                text-indent: 0;
            }
            &:hover,&:focus-visible {
                background-color: var(--neutral-0);
                background-image: none;
                scale: .97;
                transition: scale 0.2s ease-in-out;
            }
        }
    }
}

/**** Component: Landing Page Event Rollup ****/

.oc-landing-page {
    .mainSpan {
        #sitebody {
            .column {
                .small_box {
                    &.events_box {
                        border: 0 solid transparent!important;
                        h2.box_title.mobile_header {
                            color: var(--neutral-10)!important;
                            display: flex;
                            font-family: var(--sans-serif);
                            font-size: 1.4rem!important;
                            gap: 1em;
                            &::after {
                                background-color: var(--neutral-7);
                                content: '';
                                flex: 1;
                                height: 1px;
                            }
                        }
                        .box_content.clearfix {
                            display: grid;
                            flex: unset;
                            gap: 1rem;
                            padding: 0;
                            &::before, &::after { display: none; }
                            ul {
                                border: 0;
                                border-radius: var(--br-m);
                                outline: 1px solid var(--neutral-3);
                                padding: 1.5rem .5rem 1.5rem 0;
                                li {
                                    padding: .5em 0;
                                    &:first-child { padding-top: 0; }
                                    &:last-child { padding-bottom: 0; }
                                    > div {
                                        align-items: center;
                                        display: grid;
                                        grid-gap: 0 1rem;
                                        grid-template-columns: auto 1fr;
                                        padding: 0;
                                    }
                                    a {
                                        align-self: end;
                                        display: -webkit-box;
                                        font-family: var(--sans-serif);
                                        font-size: 1rem;
                                        font-weight: 600;
                                        grid-column: 2/3;
                                        line-clamp: 2;
                                        overflow: hidden;
                                        text-wrap-style: pretty;
                                        -webkit-box-orient: vertical;
                                        -webkit-line-clamp: 2;
                                        white-space: wrap;
                                    }
                                    .date-package {
                                        align-items: center;
                                        align-self: center;
                                        aspect-ratio: 1/1;
                                        border-right: .25rem solid var(--green-5);
                                        box-sizing: content-box;
                                        color: var(--green-5);
                                        display: grid;
                                        font-family: var(--sans-serif);
                                        font-weight: 700;
                                        grid-row: 1/3;
                                        justify-content: center;
                                        margin-right: 0;
                                        padding-right: 0;
                                        text-align: center;
                                        width: 60px;
                                        span.month { align-self: end; }
                                        span.day { align-self: start; }
                                    }
                                    p.item_smalltext {
                                        align-self: start;
                                        font-family: var(--sans-serif);
                                        font-weight: 500;
                                        grid-column: 2/3;
                                    }
                                }
                            }
                            a.box_bottomlink {
                                background-color: var(--green-5);
                                border: 0;
                                border-radius: var(--br-m);
                                color: var(--neutral-0);
                                display: block;
                                float: unset;
                                font-family: var(--sans-serif);
                                font-size: 1rem;
                                font-weight: 600;
                                height: auto;
                                line-height: 1.5;
                                margin: 0;
                                padding: .75em 1em;
                                text-align: center;
                                &:hover,&:focus-visible {
                                    color: var(--neutral-0);
                                    background-color: var(--green-6);
                                    scale: .99;
                                }
                                &:active {
                                    background-color: var(--green-7);
                                    scale: .95;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**** Component: Spotlight ****/
.oc-landing-page {
    .vi-img-overlay-buttons .vi-img-overlay-list {
        margin: 0;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }
}

/**** Component: Quick Links ****/

.oc-landing-page {
    .bottom_col.clearfix, .content_area {
        padding: 0!important;
    }
    .middle_col, .right_col {
        .govA-buttons-widget {
            .button-widget {
                .button-widget-header {
                    h2.widget-title {
                        font-family: var(--sans-serif);
                        font-weight: 650;
                        line-height: 1.35;
                    }
                }
                .button-wrapper {
                    .button-container:has(.item) {
                        display: grid;
                        gap: .5rem;
                        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
                        .item {
                            a.button-link {
                                background-color: var(--neutral-1);
                                border-radius: var(--br-m);
                                color: var(--neutral-10);
                                font-family: var(--sans-serif);
                                padding: 1em;
                                transition: 0.2s ease-in-out;
                                &:hover,&:focus-visible {
                                    background-color: var(--neutral-2);
                                    scale: 0.99;
                                }
                                &:active {
                                    background-color: var(--neutral-3);
                                    scale: 0.95;
                                }
                                .button-content {
                                    .button-text,
                                    .button-desc {
                                        color: inherit;
                                        font-family: inherit;
                                    }
                                    .button-text {
                                        font-size: 1rem;
                                        font-weight: 600;
                                    }
                                    .button-desc { font-size: .9rem; }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .bottom_col, .mobile_reorder_widget {
        .govA-buttons-widget {
            .button-widget {
                .button-widget-header {
                    h2.widget-title {
                        font-family: var(--sans-serif);
                        font-weight: 650;
                        line-height: 1.35;
                    }
                }
                .button-wrapper {
                    .button-container:has(.item) {
                        display: grid;
                        gap: .5rem;
                        grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
                        &:has(> :nth-child(6n)) {
                            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
                        }
                        .item {
                            a.button-link {
                                background-color: var(--green-5);
                                border-radius: var(--br-m);
                                color: var(--neutral-0);
                                font-family: var(--sans-serif);
                                padding: 1em;
                                transition: 0.2s ease-in-out;
                                &:hover,&:focus-visible {
                                    background-color: var(--green-6);
                                    color: var(--neutral-0);
                                    scale: 0.99;
                                }
                                &:active {
                                    background-color: var(--green-7);
                                    scale: 0.95;
                                }
                                .button-content {
                                    .button-text,
                                    .button-desc {
                                        color: inherit;
                                        font-family: inherit;
                                    }
                                    .button-text {
                                        font-size: 1rem;
                                        font-weight: 600;
                                    }
                                    .button-desc { font-size: .9rem; }
                                }
                            }   
                        }
                    }
                }
            }
        }
    }
}

.news_widget .list-filter {flex-wrap: wrap; }

/**** Landing Page Mobile Margin Adjustment 11/5/25 ****/
.oc-landing-page {
    .mobile_reorder_widget.clearfix:has(.sidenav) { margin-block: 0 2rem; }
    .mobile_reorder_widget.clearfix.force_hide_column { display: none; }
    .mobile_reorder_widget.clearfix:has(.sidenav) + .mobile_reorder_widget.clearfix:has(.oc-dept-alert) { margin-block: -2rem 2rem; }
}

/**** CMS Patches (Quality of Life Upgrades) ****/

.css-editor textarea {
    box-sizing: border-box;
    min-height: 200px;
    width: 100%;
}

/********* Info Box ********/
.item.fa-circle-info {
    background-color: var(--blue-1)!important;
    color: var(--neutral-9)!important;
    &::before {
        background-color: var(--blue-5)!important;
        color: var(--neutral-0)!important;
    }
}
div.info-box,.item.fa-circle-info {
    background-color: var(--blue-1);
    border-radius: var(--br-m);
    color: var(--neutral-9);
    display: block;
    font-family: var(--sans-serif);
    font-size: 1.125rem;
    margin-block: 1.5rem 2rem;
    overflow: hidden;
    padding: 2rem 2rem 1.5rem calc(2rem + 50px);
    position: relative;
    &::before {
        align-items: center;
        background-color: var(--blue-5);
        color: var(--neutral-0);
        content: '\e88e';
        display: flex;
        font-family: var(--icon);
        font-size: 1.5rem;
        font-variation-settings: 'FILL' 1;
        font-weight: 700;
        height: 100%;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        width: 50px;
    }
    & > * {
        margin-block: 1em 0;
        &:first-child { margin-block: 0; }
    }
    a {
        color: var(--blue-5);
        font-weight: 600;
        transition: 0.12s ease-in-out;
        &:hover,&:focus-visible { color: var(--blue-6); }
    }
    p:has(span.ga-full-green-link:empty) { display: none; }
    
    h2,h3,h4,h5,h6,p {
        color: var(--neutral-9);
    }
    p {
        font-size: 1.125rem;
    }
    div.button-row {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }
    p.oc-btn, p.oc-reg-button, span.ga-full-green-link {
        a, a.btn-neutral {
            background-color: var(--blue-5);
            border: 0 solid transparent;
            border-radius: var(--br-m);
            color: var(--neutral-0);
            font-weight: 600;
            outline: 1px solid var(--blue-5);
            outline-offset: -1px;
            padding: .5em 1em;
            transition: 0.2s ease-in-out;
            &:hover,&:focus-visible {
                background-color: var(--blue-6);
                color: var(--neutral-0);
                border: 0 solid transparent;
                outline-color: var(--blue-6);
                scale: .99;
            }
            &:active {
                border: 0 solid transparent;
                scale: .95;
            }
        }
    }
    a.btn-neutral {
        background-color: var(--blue-5);
        border: 0 solid transparent;
        border-radius: var(--br-m);
        color: var(--neutral-0);
        font-weight: 600;
        outline: 1px solid var(--blue-5);
        outline-offset: -1px;
        padding: .5em 1em;
        transition: 0.2s ease-in-out;
        &:hover,&:focus-visible {
            background-color: var(--blue-6);
            border: 0 solid transparent;
            color: var(--neutral-0);
            outline-color: var(--blue-6);
            scale: .99;
        }
        &:active {
            border: 0 solid transparent;
            scale: .95;
        }
    }
    div.button-row {
        p.oc-btn, span.ga-full-green-link {
            margin-block: 0;
            &:nth-child(n+2) {
                a {
                    background-color: transparent;
                    border: 0 solid transparent;
                    color: var(--blue-5);
                    outline: 1px solid var(--blue-5);
                    outline-offset: -1px;
                    padding: .5em 1em;
                    transition: 0.2s ease-in-out;
                    &:hover,&:focus-visible {
                        background-color: transparent;
                        border: 0 solid transparent;
                        color: var(--blue-6);
                        outline-color: var(--blue-6);
                        scale: .99;
                    }
                    &:active {
                        background-color: transparent;
                        border: 0 solid transparent;
                        color: var(--blue-7);
                        outline-color: var(--blue-7);
                        scale: .95;
                    }
                }
            }
        }
    }
}

.standardlayout#sitebody
.right_col[role="main"],
 .column.mobile_only
.normal_content_area {
    .info-box > h3:first-child {
        margin-top: 0;
    }
}

/**** Component: Image Buttons (Spotlight) ****/

.interior-page.has-img-buttons {
    .vi-img-buttons {
        margin: 3rem 0;
        max-width: 100%;
        padding: 0;
        &:not(*:empty) { margin-bottom: 0; }
        ul.vi-img-buttons-list {
            display: grid;
            gap: 1rem;
            grid-template-columns: repeat(auto-fill,minmax(min(225px, 100%), 1fr));
            min-width: 0;
            max-width: 100%;
            &.vi-layout-spacebetween {
                margin: 0;
                max-width: 100%;
                padding: 0;
                li.vi-img-buttons-item {
                    margin: 0;
                    max-width: 100%;
                    padding: 0;
                    a.vi-img-buttons-link {
                        border: 1px solid transparent;
                        border-radius: var(--br-m);
                        display: block;
                        margin: 0;
                        max-width: 100%;
                        outline: 1px solid var(--neutral-2);
                        outline-offset: -1px;
                        overflow: hidden;
                        padding: 0;
                        .vi-img-buttons-frame {
                            aspect-ratio: 10/7;
                            height: auto;
                            margin: 0;
                            max-width: 100%;
                            padding: 0;
                            position: relative;
                            img.vi-img-buttons-img {
                                height: 100%;
                                object-fit: cover;
                                object-position: top;
                                width: 100%;
                            }
                        }
                        .vi-img-buttons-text {
                            bottom: initial;
                            font-size: 1.125rem;
                            height: auto;
                            left: initial;
                            margin: 0;
                            max-height: unset;
                            max-width: 100%;
                            min-height: unset;
                            padding: 1em;
                            position: relative;
                            &[style="background-color:rgb(0, 73, 44);"] { background-color: var(--green-6)!important; color: var(--neutral-0); }
                            &[style="background-color:rgb(2, 134, 211);"] { background-color: var(--orange-6)!important; color: var(--neutral-0); }
                            &[style="background-color:rgb(160, 212, 172);"] { background-color: var(--blue-6)!important; color: var(--neutral-0); }
                            &[style="background-color:rgb(212, 217, 224);"] { background-color: var(--neutral-9)!important; color: var(--neutral-0); }
                            h2.vi-img-buttons-title {
                                color: inherit!important;
                                font-size: 1.125rem;
                                margin: 0;
                                max-width: 100%;
                                min-height: auto;
                            }
                            p.vi-img-buttons-desc {
                                &::before { display: none!important; }
                                color: inherit!important;
                                font-size: 1rem;
                                height: auto;
                                margin: 0.5em 0 0 0;
                                max-width: 100%;
                                opacity: 1;
                                padding: 0;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and (width < 500px) {
    div.info-box,.item.fa-circle-info {
        outline: 1px solid var(--blue-3);
        outline-offset: -1px;
        padding: 1.5rem 1.5rem 1rem 1.5rem;
        &::before { display: none; }
    }
}

/**** Component: In-Page Navigation Links ****/
:root:has(.in-page-links) {
    scroll-behavior: smooth;
    scroll-padding-block-start: 2rem;
}
body.site_standardsitetemplate:has(.in-page-links) {
    &.front_end_body { :target, a[name] { &::before { display: none; } } }
    #sitebody.standardlayout {
        .column.right_col, .column.mobile_only {
            .normal_content_area {
                font-family: var(--sans-serif);
                font-size: 1.125rem;
                font-weight: 500;
                .in-page-links {
                    border-bottom: 1px dashed var(--neutral-3);
                    margin-block: 0 2rem;
                    padding-block: 2rem;
                    p {
                        font-family: inherit;
                        font-size: 1.25rem;
                        font-weight: 700;
                    }
                    .link-wrapper {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 1rem;
                        margin-top: 1.25rem;
                        a {
                            background-color: var(--neutral-1);
                            border-radius: var(--br-m);
                            color: var(--blue-7);
                            display: inline-block;
                            font-family: inherit;
                            font-size: 1.125rem;
                            font-weight: 600;
                            outline: 1px solid transparent;
                            outline-offset: -1px;
                            padding: .5em 1em;
                            text-decoration: none;
                            transition: 0.2s ease-in-out;
                            &:hover, &:focus-visible {
                                background-color: var(--neutral-2);
                                color: var(--blue-7);
                                outline-color: var(--neutral-3);
                                scale: .99;
                            }
                            &:active { scale: .95; }
                        }
                    }
                }
            }
        }
    }
}
@media screen and (width > 767px) { :root:has(.in-page-links) { scroll-padding-block-start: 96px; } }

a.service-finder__close {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    font-family: var(--sans-serif);
    font-weight: 700;
    gap: 1rem;
    padding: 0;
    text-transform: initial;
    &::before {
        align-items: center;
        aspect-ratio: 1/1;
        background-color: var(--neutral-0);
        background-image: initial;
        border-radius: 50%;
        bottom: initial;
        color: var(--green-6);
        content: "\e5cd";
        display: flex;
        font-family: var(--icon);
        font-size: 1.5rem;
        height: auto;
        justify-content: center;
        left: auto;
        margin: auto;
        position: relative;
        right: initial;
        text-align: center;
        top: initial;
        transform: unset;
        transition: 0.15s ease-in-out;
        width: 45px;
    }
    &:hover,&:focus {
        &::before {
            background-color: var(--neutral-1);
            background-image: initial;
            color: var(--green-7);
            scale: .98;
        }
    }
    &:active {
        &::before {
            background-color: var(--neutral-2);
            color: var(--green-8);
            scale: .95;
        }
    }
}

div.service-finder.js-service-finder.is-active {
    div,h2 { position: relative; }
    &::before { z-index: 0; }
}

/**** Homepage Buttons ****/

/* White Buttons */
.oc-page-home {
    .box_bottomlink:not(.home_social *),
    .home-data-bottomlink,
    .cards-button.site-button,
    .home_events.home_events .events-more-link  {
        background-color: var(--neutral-0);
        border-color: transparent;
        border-radius: var(--br-m);
        color: var(--green-6);
        transition: 0.2s ease-in-out;
        &:hover,&:focus {
            background-color: var(--neutral-0);
            border-color: transparent;
            border-radius: var(--br-m);
            color: var(--green-7);
            opacity: 0.99;
            scale: 0.99;
        }
        &:active {
            background-color: var(--neutral-0);
            border-color: transparent;
            border-radius: var(--br-m);
            color: var(--green-8);
            opacity: 0.97;
            scale: 0.97;
        }
    }
}

/* Green Buttons */
.oc-page-home {
    button.slick-arrow.slick-prev,
    button.slick-arrow.slick-next, 
    .home_news.home_news .news-more-link {
        background-color: var(--green-5);
        border-color: transparent;
        border-radius: var(--br-m);
        color: var(--neutral-0);
        transition: 0.2s ease-in-out;
        &:hover,&:focus {
            background-color: var(--green-6);
            border-color: transparent;
            border-radius: var(--br-m);
            color: var(--neutral-0);
            scale: .99;
        }
        &:active {
            background-color: var(--green-7);
            border-color: transparent;
            border-radius: var(--br-m);
            color: var(--neutral-0);
            scale: .97;
        }
    }
}
.home_item10 {
    .home_subscribe {
        .home-subscribe-bottomlink {
            background-color: var(--green-5);
            border-color: transparent;
            border-radius: var(--br-m);
            color: var(--neutral-0);
            font-family: var(--sans-serif);
            &:hover,&:focus {
                background-color: var(--green-6);
                border-color: transparent;
                border-radius: var(--br-m);
                color: var(--neutral-0);
                scale: .99;
            }
            &:active {
                background-color: var(--green-7);
                border-color: transparent;
                border-radius: var(--br-m);
                color: var(--neutral-0);
                scale: .97;
            }
        }
    }
}
/**** Iframe Responsive ****/

iframe.yt-responsive {
    aspect-ratio: 16/9;
    border-radius: var(--br-s);
    max-width: 100%;
    width: 100%;
}
/**** Homepage Search Height Fix ****/
@media screen and (width >= 48em) {
    .mainSpan_wrapper_home {
        #searchbox,
        #searchbox2 {
            border-radius: var(--br-m) var(--br-m) 0 0;
        }
        .top_links,
        .top_links2 {
            border-radius: 0 0 var(--br-m) var(--br-m);
            transform: translateY(0);
            ul { align-items: center; }
        }
    }
    #searchbox.active_search + .top_links {
        border-radius: 0 0 var(--br-m) var(--br-m);
        transform: translateY(0); 
    }
}
/**** Service Finder ****/
.summary-col__box {
    a.summary-col__link {
        background-color: transparent;
        border-color: var(--green-6);
        border-radius: var(--br-m);
        color: var(--green-7)!important;
        transition: 0.2s ease-in-out;
        &:hover,&:focus {
            background-color: var(--green-6);
            border-color: var(--green-6);
            color: var(--neutral-0)!important;
            scale: .99;
        }
    }
}

/**** Rainsmart ****/

.sitewrapper {
    .mainSpan {
        #sitebody.threecolumnswithbottomlayout {
            .content_area.normal_content_area { p { font-size: 1.125rem; } }
        }
    }
}

@media screen and (min-width: 48em) {
    .sitewrapper {
        .mainSpan {
            #sitebody.threecolumnswithbottomlayout .top_col {}
        }
    }
}

/**** Global Alert Banner Spacing Fixes ****/

.alert_container {
    .important_alert_wrapper {
        padding-block: 1.5rem;
        p,ul {
            font-family: var(--sans-serif);
            font-size: .95rem;
            font-weight: 500;
            margin-block: 1em 0!important;
            text-wrap: balance;
            &:first-child { font-size: 1.125rem; margin-block: 0!important; }
            li {
                line-height: 1.5;
            }
        }
    }
}

/**** Global Press Release Article Page Re-Styling ****/

.standardlayout#sitebody {
    .need_hide_detail_widget.news_widget.content_area.clearfix {
        h2.detail-title {
            font-family: var(--sans-serif);
            font-weight: 700;
            line-height: 1.5;
            margin-block: 1em 0;
            text-wrap: balance;
        }
        .detail-list {
            border-bottom: 1px solid var(--neutral-3);
            font-family: var(--sans-serif);
            margin-block: 1rem 0;
            padding-block: 0 1rem;
            
            span.detail-list-label {
                margin-inline: 0 .5rem;
                width: auto;
            }
            
        }
        .detail-content {
            font-family: var(--sans-serif);
            font-size: 1.125rem;
            margin-block: 1rem 0;
            padding-block: 0;
            blockquote {
                font-size: 1.25rem;
                margin-block: 1.5em;
                padding-block: 0;
                text-wrap: balance;
            }
            p {
                font-size: 1.125rem;
                margin-block: 1em 0;
                b,span,strong {
                    font-size: inherit!important;
                }
            }
            ul {
                margin-block: 1em;
                li {
                    font-size: 1.125rem;
                    margin-block: .5em 0;
                    ul { margin-block: 0; }
                    b,span,strong {
                        font-size: inherit!important;
                    }
                }
            }
            .responsive-table-scroll.left_scroll {
                font-size: 1.125rem;
                margin-block: 1em 0;
            }
            .videoWrapper {
                margin-block: 1em;
                iframe {
                    aspect-ratio: 16/9;
                    border-radius: var(--br-s);
                    height: auto;
                    width: 100%;
                }
            }
        }
        a.detail-more {
            background-color: var(--neutral-1);
            border-radius: var(--br-m);
            color: var(--neutral-10);
            display: inline-block;
            font-family: var(--sans-serif);
            margin-block: 2em 0;
            outline: 1px solid var(--neutral-2);
            outline-offset: -1px;
            padding: .5em 1em;
            &:hover,&:focus {
                background-color: var(--neutral-2);
            }
            &:active {
                background-color: var(--neutral-3);
                outline-color: var(--neutral-3);
            }
        }
    }
}

/* Global Navigation Text Adjustment */
.dropdownmenu > li {
    & > a,
    & > .notranslate a,
    & > a:visited,
    & > .notranslate a:visited {
        font-weight: 550!important;
        letter-spacing: initial!important;            
    }
}
a.megamenu_level1 {
    text-wrap: balance;
}

/* Dept Navigation Text Adjustment */

nav.sidenav ul li a {
    text-wrap: balance;
}

/* Footer Button Color Adjustment */

#page_footer {
    .footer_subscribe a {
        background-color: var(--neutral-0);
        border-color: var(--neutral-0);
        border-radius: var(--br-m);
        color: var(--green-6);
        &:hover,&:focus {
            opacity: .9;
            scale: .99;
        }
        &:active {
            opacity: .75;
            scale: .95;
        }
    }
}

/**** Contact Info Phone & Email Wrapping Patch ****/

.contact-info {
    p.email,
    p.fax,
    p.phone {
        &, a {
            text-wrap: nowrap;
        }
    }
}
/* Facilities Management Quick Links */
body.facilities-management {
    ul.vi-img-buttons-list.vi-layout-spacebetween {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
        height: auto;
        &,* {
            height: auto;
            max-height: initial;
            min-height: 0;
            margin: 0;
            max-width: 100%;
            min-width: initial;
            opacity: initial;
            padding: 0;
            translate: 0;
            width: auto;
        }
        li.vi-img-buttons-item {
            display: contents;
            a.vi-img-buttons-link {
                background-color: var(--green-6);
                border-radius: var(--br-m);
                display: grid;
                overflow: hidden;
                position: relative;
                transition: background 0.5s ease-in-out;
                &:hover,&:focus {
                    background-color: var(--green-7);
                    * {
                        margin: 0;
                        max-height: initial;
                        min-height: 0;
                        padding: 0;
                    }
                    div.vi-img-buttons-frame {
                        img.vi-img-buttons-img { scale: 1.05; }
                    }
                }
                div.vi-img-buttons-frame {
                    aspect-ratio: 3/2;
                    height: auto;
                    overflow: hidden;
                    padding: 0;
                    width: 100%;
                    img.vi-img-buttons-img {
                        aspect-ratio: 2/1;
                        height: 100%;
                        inset: initial;
                        max-width: 100%;
                        position: relative;
                        transition: scale .5s ease-in-out;
                        width: 100%;
                    }
                }
                div.vi-img-buttons-text {
                    align-items: center;
                    background-color: transparent!important;
                    inset: initial;
                    justify-content: initial;
                    text-align: left;
                    padding: 2rem 1.5rem;
                    position: relative;
                    h2.vi-img-buttons-title {
                        flex: 1;
                        font-size: 1.125rem;
                        line-height: 1.5;
                        text-align: center;
                        text-wrap: balance;
                    }
                    p.vi-img-buttons-desc {
                        display: none;
                        font-size: 1rem;
                        margin-block: 1em 0;
                        text-wrap: pretty;
                        &::before {display: none;}
                    }
                }
                
            }
        }
    }
}

/* Interior Page Margin Adjustments (4/23/26) */

.standardlayout#sitebody {
    .right_col[role="main"],
    .column.mobile_only {
        [aria-label="Accordion"].content_area {
            margin-block: 2em;
            padding-block: 0;
            text-wrap: pretty;
        }
        .events_widget {
            margin-block: 3rem 0;
            padding-block: 0;
        }
        .govA-buttons-widget.customclassname { margin-block: 2em; }
        h1.titlewidget-title { text-wrap: balance; }
        .normal_content_area {
            font-size: 1.125rem;
            margin-block: 2rem;
            padding-block: 0;
            h2 {
                margin-block: 1.75em 1.25em;
                &:first-child { margin-top: 0; }
                &:last-child { margin-bottom: 0; }
            }
            h3,h4 { margin-block: 1.25em 0; }
            hr { margin-block: 2em; }
            p {
                margin-block: 1em 0;
                &:first-child { margin-block: 0; }
            }
            table.tableData.responsive-table-data-mb { margin-block: 2em; }
            ul {
                margin-block: 1.5em 2em;
                li { margin-block: .5em 0; }
            }
        }
    }
}
/**** Int Menu Page ****/

.int-menu-page {
    .govA-buttons-widget {
        .button-container {
            display: grid;
            gap: 1.5rem;
            grid-template-columns: repeat(auto-fill,minmax(min(325px,100%),1fr));
            .item {
                min-width: initial;
                a.button-link {
                    border-radius: var(--br-m);
                    display: block;
                    height: auto;
                    font-weight: 600;
                    overflow: hidden;
                    padding: 1em;
                    text-align: center;
                    * {
                        font-size: inherit;
                        font-weight: inherit;
                        line-height: inherit;
                        text-align: inherit;
                    }
                }
            }
        }
    }
}

/**** Site Header Top Links Min Height Patch (05/01/26) ****/
header#siteheader {
    #top_nav {
        background-color: transparent;
        transform: translateY(-12px);
        a {
            &,&[href*='shop.oakgov.com'] {
                align-items: center;
                display: inline-flex;
                justify-content: center;
                min-height: 44px;
                min-width: 44px;
                &::before { bottom: 0; }
                &::after {
                    inset: initial!important;
                }
            }
        }
    }
}
#page_footer {
    #footercolumn {
        .footer_address {
            address {
                margin-block: 0;
                a {
                    display: inline-block;
                    margin-block: 0;
                    min-height: 44px;
                }
            }
        }
        /*         .footer_main_nav {
        a {
        display: block;
        margin-block: 0;
        min-height: 44px;
        }
        } */
        .footer_nav {
            transform: translateY(9px);
            a {
                align-items: center;
                display: inline-flex;
                justify-content: center;
                min-height: 44px;
                min-width: 44px;
                &::after {
                    top: initial;
                }
            }
        }
    }
}
/* Contact Info (Sidebar Only) */
.sitewrapper {
    .standardlayout {
        .column.left_col {
            .contact-info {
                h3,h4 {
                    margin-block: 1.5em .75em;
                }
                hr {
                    margin-block: 1em 2em;
                }
                p,div {
                    margin-block: .5em 0;
                    padding-block: 0;
                    &.hours { margin-block: 1em 0; }
                    a {
                        align-items: center;
                        display: inline-flex;
                        min-height: 44px;
                        min-width: 44px;
                        padding-block: 0;
                    }
                }
                & > a {
                    margin-block: .5em 0;
                    padding-block: 0;
                }
            }
        }
    }
}
div.image_widget a[href="javascript:void(0);"] {
    display: block;
    min-height: 44px;
    min-width: 44px;
}
/** OC 2COl Margin Fix **/

.standardlayout#sitebody
.right_col[role="main"],
.column.mobile_only
.normal_content_area {
    .oc-two-col > p.oc-btn {
        margin-block: 0;
    }
}
/* Breadcrumbs */
p.breadcrumb.adjusted {
    min-height: 44px;
}
/** Component: Testimonials on Savi Page **/
.oc-savi {
    .vi-spotlight {
        margin-block: 3rem 1.5rem;
        ul.vi-spotlight-slides {
            li.vi-spotlight-item{
                &.vi-spotlight-item-no-img {
                    .vi-spotlight-info {
                        p.vi-spotlight-info-desc {
                            font-size: clamp(1rem, 2vw, 2rem);
                            line-height: 1.5;
                            margin: 0;
                            max-height: initial;
                            padding: 0;
                            text-align: center;
                            text-wrap: balance; 
                        }
                    }
                }
            }
        }
        .flex-direction-nav {
            &.flex-control-paging {
                padding: 0;
                transform: translateY(50%);
            }
            .flex-next { right: .5rem; }
            .flex-prev { left: .5rem; }
        }
    }
}

.oc-savi {
    header.title_widget + * + * + * {
        margin-top: 3rem;
    }

    .vi-content-columns {
        margin-block: 3rem;
        .vi-content-columns-row {
            display: grid;
            gap: 3rem;
            grid-template-columns: repeat(auto-fill,minmax(min(450px, 100%),1fr));
            margin: 0;
            min-width: initial;
        }
        .vi-content-columns-column.vi-content-column-background {
            margin: 0;
            padding: 0;
            .vi-content-columns-content {
                p {
                    font-size: 1.125rem;
                    margin-block: 1em;
                }
            }
        }
    }
}
/** Homepage Line Height Patch - May 2026 **/

.home_blogs .card-item .card-description {
    height: auto;
    line-height: 1.5;
}

.home-featured-video p.video-summary { max-height: initial; line-height: 1.5!important; }

.home-videos-list span, .home-featured-video span { max-height: initial; }


.standardlayout#sitebody {
    .right_col[role="main"],
    .column.mobile_only {
        .need_hide_detail_widget.events_widget {
            border-radius: var(--br-m);
            outline: 1px solid var(--neutral-5);
            padding: 2rem;
            h2.detail-title {
                margin-block: 0;
            }
            h3.detail-subtitle {
                font-size: 1.25rem;
                margin-block: .75em;
            }
            ul.detail-list {
                border-radius: var(--br-m);
                outline: 1px solid var(--neutral-3);
                padding: 1rem;
                li {
                    margin-top: .5em;
                    * {
                        font-size: 1rem;
                    }
                }
            }
            .detail-content {
                font-size: 1.125rem;
                margin-block: 1rem;
            }
            .addtocalendar { display: none; }
        }
        .need_hide_detail_widget.events_widget.content_area>.detail-more,
        .need_hide_detail_widget.events_widget.content_area>div>.detail-more {
            align-items: center;
            display: flex;
            min-height: 44px;
        }
    }
}

/*** 40 Under 40 Age Field ***/

.class-members {
.staff_directory_widget ul.formlist.custom_fields {
    display: block;
    li {
        margin-block: 1em;
        display: block;
        .custom_field_label {
            margin-right: .5em;
            min-width: initial;
            width: auto;
        }
    }
}

.staff_directory_widget .detail-title {
    margin-block: 1em;
}
}