/*********************************** mt template ******************************/
 ul#template-header-social a.nav-link {
     color: var(--brand-color4);
     padding: .1875rem;
}
 #template-header-nav .dropdown-menu {
     margin: 0 0 0 -9rem;
}
 #template-header-wrapper {
     background-color: var(--brand-color1);
     z-index: 99999;
}
 #template-header .social-policy {
     display: none;
}
 #template-page-wrapper {
     padding: 2.5rem 0 0 !important;
    /* !important needed to override template.css */
}
 .carousel a:not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):hover {
     text-decoration:none;
}
 .list-group-item.list-group-item-action {
     padding-left:1.25rem!important;
}
 .accordion-header .accordion-button:not(.collapsed) {
     color:var(--brand-color1);
     background-color: var(--brand-color7) !important;
}
 .fsSubmitButton {
     background-color: var(--brand-color2) !important;
}
 .fsSubmitButton:hover {
     background-color: var(--brand-color1) !important;
}
 .anchor-target {
     scroll-margin-top: 140px;
}
/******************************** TOOLS ***************************************/
 .anchor {
     display: block;
     height: 120px;
     scroll-margin-top: 120px;
     margin-top: -7.5rem;
     visibility: hidden;
}
/******************Skip to Content*************/
 .skip-to-main a {
     color: var(--brand-color1);
     display: inline-block;
     left: -9999px;
     list-style: none;
     opacity: 0;
     padding: .625rem 1.25rem;
     pointer-events: none;
     position: absolute;
     z-index: 99999;
     text-transform: capitalize;
     text-decoration: underline !important;
     margin-top: .125rem;
     font-size: 1.125rem;
     font-weight: 600;
}
 .skip-to-main a:focus {
     left: 50%;
     transform: translateX(-50%);
     opacity: 1;
     background: var(--brand-color7);
     color: var(--brand-color1);
     margin-top: 1.5rem;
     z-index: 100002;
     text-decoration: underline !important;
}
/*********************************** HEADER ***********************************/
 #template-page-wrapper header {
     top:40px;
     background:#fff;
     z-index: 9999;
}
 .header_wrapper {
     background:#fff;
     z-index: 2;
     width: 100%;
     min-height: 90px;
}
 .top_logo_bar .heading {
     display: block;
     line-height: 1.4;
     margin-left: .5rem;
}
.top_logo_bar a:is(:hover,:focus) {
     outline: 2px solid #000;
     outline-offset: 2px;
}
 .agency-site-name {
     font-size: 1.35rem;
}
 .agency-slogan {
     font-size: .8rem;
}
 img#header-logo {
     width: clamp(70px, 50vw, 100%);
    /* Prevent scaling beyond intrinsic width */
     height: clamp(90px, 100vh, 96px);
     
     object-position: left;
     object-fit: contain;
     z-index: 99;
}
 .container h1.heading.carouselHeading {
     margin: 0 auto !important;
}
 .carouselHeading {
     color:#fff;
     min-width: 20vw;
}
/* Button styling */
 .nav-pills .nav-link {
     border-radius: 0.25rem;
     cursor: pointer;
}
/*********************************** SEARCH ***********************************/
 .gsc-control-cse.gsc-control-cse-en {
     visibility: hidden;
     width: 0;
}
 .gsc-search-box.gsc-search-box-tools {
     display: none;
}
 .gsc-modal-background-image-visible {
     visibility: visible;
}
 .gsc-control-cse {
     padding: 0 !important;
}
/*********************************** BUTTONS **********************************/
 .btn {
     border-radius: 0;
}
 .btn-xl {
     padding: 1rem 2rem;
     font-size: 2.5rem;
}
 .site-btn {
     display: inline-block;
     padding: .625rem 3.125rem .625rem .625rem !important;
     color: var(--brand-color1);
     border: solid 1px var(--brand-color1);
     background-color: #fff;
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23112f60' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-repeat: no-repeat;
     background-position-x: right;
     background-size: 45px;
     background-position-y: center;
     text-transform: uppercase;
     text-decoration: none;
     cursor: pointer;
     transition: linear 0.2s all;
     margin: .3125rem;
     text-align: center;
}
 .site-btn:is(:hover,:focus) {
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23ffd100' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     border: 1px solid var(--brand-color1) !important;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     transition: linear 0.2s all;
     color: var(--brand-color1) !important;
     text-decoration: underline;
}
 .site-btn-solid {
     display: inline-block;
     padding: .625rem 3.125rem .625rem .625rem !important;
     background-color: var(--brand-color1);
     border: none;
     color: var(--brand-color7);
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='white' width='50' height='37' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-repeat: no-repeat;
     background-position-x: right;
     background-size: 2.8125rem;
     background-position-y: center;
     text-transform: uppercase;
     text-decoration: none;
     cursor: pointer;
     transition: linear 0.2s all;
     margin: .3125rem;
     text-align: center;
}
 .site-btn-solid:is(:hover,:focus) {
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23ffd100' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-color:var(--brand-color1);
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     color:var(--brand-color4);
     text-decoration: underline;
     transition: linear 0.2s all;
}
 .site-btn-solid-light {
     display: inline-block;
     padding: .625rem 3.125rem .625rem .625rem !important;
     background-color: var(--brand-color7);
     border: none;
     color: var(--brand-color1);
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23112f60' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-repeat: no-repeat;
     background-position-x: right;
     background-size: 2.8125rem;
     background-position-y: center;
     text-transform: uppercase;
     text-decoration: none;
     cursor: pointer;
     transition: linear 0.2s all;
     margin: .3125rem;
     text-align: center;
}
 .site-btn-solid-light:is(:hover,:focus) {
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23ffd100' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     transition: linear 0.2s all;
}
 .site-btn-solid-light:is(:hover,:focus) a {
     color: var(--brand-color1) !important;
     text-decoration: none !important;
}
 .btn.calltoaction {
     color: var(--brand-color4);
     background: var(--brand-color1);
     text-align: left;
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='white' width='50' height='37' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-repeat: no-repeat;
     background-position-x: right;
     background-size: 2.8125rem;
     background-position-y: center;
     margin: .625rem auto;
     display: block;
     width: 100%;
     text-transform: uppercase;
     max-width: 300px;
}
 .btn.calltoaction a {
     color: var(--brand-color4) !important;
}
 .btn.calltoaction:is(:hover,:focus) {
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23ffd100' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     transition: linear 0.2s all;
}
 .btn.calltoaction-light {
     color: var(--brand-color1);
     background: var(--brand-color7);
     text-align: left;
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23112f60' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-repeat: no-repeat;
     background-position-x: right;
     background-size: 2.8125rem;
     background-position-y: center;
     margin: .625rem auto;
     display: block;
     width: 100%;
     text-transform: uppercase;
     max-width: 300px;
}
 .btn.calltoaction-light a {
     color: var(--brand-color1) !important;
}
 .btn.calltoaction-light:is(:hover,:focus) {
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23ffd100' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>") !important;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     transition: linear 0.2s all;
}
 .btn.calltoaction-light:hover a {
     color: var(--brand-color1)!important;
     text-decoration: none!important;
}
 .btn-primary {
     background-color: var(--brand-color7);
     color: var(--brand-color1);
     border: none;
     font-size: 1rem;
     text-align: left;
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23112f60' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-repeat: no-repeat;
     background-position-x: right;
     background-size: 2.8125rem;
     background-position-y: center;
     text-transform: uppercase;
     width: 100%;
     max-width: 100%;
     min-width: 250px;
     float: none;
     padding: 1rem;
     margin: .625rem auto;
}
 .btn-primary .btn-title {
     color: var(--brand-color2);
     font-size: 1.5rem;
     font-weight: 200;
     text-transform: uppercase;
}
 .btn-primary span {
     display: block;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 0.75rem;
}
 .btn-primary:hover {
     background-color: var(--brand-color7);
     color: var(--brand-color1);
     border: none;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23ffd100' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     transition: linear 0.2s all;
}
 .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
     background-color: var(--brand-color7);
     border-color: var(--brand-color7);
     color: var(--brand-color2);
}
 .btn-primary.disabled, .btn-primary:disabled {
     color: var(--brand-color5);
     background-color: rgba(var(--brand-color1-rgb), .35);
     border-color: rgba(var(--brand-color1-rgb), .5);
}
 .btn.btn-secondary, .btn-secondary {
     background-color: var(--brand-color1) !important;
     border: none;
     color: var(--brand-color4) !important;
     font-size: 1rem;
     text-align: left;
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='white' width='50' height='37' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-repeat: no-repeat;
     background-position-x: right;
     background-size: 2.8125rem;
     background-position-y: center;
     text-transform: uppercase;
     width: 100%;
     max-width: 100%;
     min-width: 250px;
     float: none;
     padding: 1rem;
     margin: .625rem auto;
}
 .btn.btn-secondary .btn-title, .btn-secondary .btn-title {
     color: var(--brand-color4);
     font-size: 1.5rem;
     font-weight: 200;
     text-transform: uppercase;
}
 .btn.btn-secondary span, .btn-secondary span {
     display: block;
     color: var(--brand-color4);
     text-transform: uppercase;
     font-weight: 700;
     font-size: 0.75rem;
}
 .btn-secondary:hover, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23ffd100' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     transition: linear 0.2s all;
     text-decoration: none !important;
}
 .btn-secondary.disabled, .btn-secondary:disabled {
     color: var(--brand-color4);
     background-color: rgba(var(--brand-color2-rgb), .35);
     border-color: rgba(var(--brand-color2-rgb), .5);
}
 .btn-tertiary {
     background-color: var(--brand-color7);
     border-color: var(--brand-color7);
     color: var(--brand-color1);
     font-size: 1rem;
     text-align: left;
     text-transform: uppercase;
     width: 100%;
     max-width: 100%;
     min-width: 250px;
     float: none;
     padding: 1rem;
     margin: 0 auto;
}
 .btn-tertiary .btn-title {
     color: var(--brand-color2);
     font-size: 1.5rem;
     font-weight: 200;
     text-transform: uppercase;
}
 .btn-ptertiary span {
     display: block;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 0.75rem;
}
 .btn-tertiary:hover {
     background-color: var(--brand-color7);
     border-color: var(--brand-color7);
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     color: var(--brand-color1);
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23112f60' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-repeat: no-repeat;
     background-position-x: calc(100% + 2.5rem);
     background-size: 2.8125rem;
     background-position-y: center;
     background-origin: content-box;
}
 .btn-tertiary.focus, .btn-tertiary:focus, .btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active, .show > .btn-tertiary.dropdown-toggle {
     background-color: var(--brand-color7);
     border-color: var(--brand-color7);
     color: var(--brand-color2);
}
 .btn-tertiary.disabled, .btn-tertiary:disabled {
     color: var(--brand-color5);
     background-color: rgba(var(--brand-color1-rgb), 0.35);
     border-color: rgba(var(--brand-color1-rgb), 0.5);
}
 .btn a {
     text-decoration: none !important;
}
/*********************************** WIDGETS **********************************/
 .content-block:not(:last-child) {
     margin-bottom: 1.875rem;
}
/*********************************** BANNER ***********************************/
 .banner {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 64vh;
}
 .banner-location {
     text-transform: uppercase;
}
 .location-text {
     font-size: .8rem;
     font-weight: 800;
     text-transform: uppercase;
     background: #efefefe8;
     width: fit-content;
}
/********************************** CALENDAR **********************************/
/*Full Calendar*/
/*Event List Widget*/
/*********************************** THREE BUTTON NAV ************************************/
 .buttonNav {
     margin: 1rem auto;
}
 .threeButtonWrapper {
     margin: 0 auto;
     grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
 .threeButtonWrapper .btn-title {
     color: var(--brand-color2);
     font-size: 1.5rem;
     font-weight: 400;
     text-transform: uppercase;
}
 .threeButtonWrapper .sub-title {
     font-weight: 800;
     color: var(--brand-color1);
     text-wrap-style: pretty;
}
 .container .threeButtonWrapper {
     max-width: 1320px !important;
}
.threeButton-link:is(:focus-visible,:focus,:hover) {
    outline: 3px solid var(--brand-color2);
    background-color: var(--brand-color7);
}
/*********************************** CARDS ************************************/
 .card_wrapper {
     background-color: var(--brand-color4);
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     width: 23%;
     margin: 0 auto 1rem;
     padding: 0;
     max-width: 450px;
}
 .card {
     border: 0;
     border-radius: 0;
}
 .btn-readMore {
     padding: 1rem 0;
     font-weight: 600;
}
 .card_wrapper a {
     text-decoration: none !important;
}
 a.readMore-link {
     text-decoration: underline !important;
}
 .container .cards {
     max-width: 1320px !important;
}
 .cards {
     margin: 2rem auto;
}
 .container .card {
     border: 0;
     border-radius: 0;
     z-index: 1;
}
 .container .card .card-body {
     margin: 0;
     padding: .9375rem;
     line-height: 1.3;
}
 .container .card .card-title {
     font-size: 1.25rem;
     font-weight: bold;
}
 .container .card .block_card {
     background-color: transparent;
}
 .container .card img.rounded-circle {
     max-width: 150px;
}
 .container .card .block_card img {
     max-height: 425px;
}
 .container .card .card-body i {
     margin: 0 auto;
     text-align: center;
     display: block;
}
 .container .card .card-title {
     font-size: 1.25rem;
     font-weight: 600;
     color: var(--brand-color2);
}
 .block_card img {
     max-height: 250px !important;
     width: 100%;
}
 .card-body:empty {
     display: none;
}
 .tile_layout {
     margin: 0 auto;
}
 .container-fluid .cards {
     width: 100%;
     margin: .5rem auto;
}
 .container-fluid .cards .card-space-wrapper {
     margin: 0 auto;
     display: inherit;
     position: relative;
     float: none;
}
 .container-fluid .cards .tile-block-wrap {
     max-width: 100%;
     margin: 0 auto;
     justify-content: center;
     display: flex;
}
 .container-fluid .cards .tile-layout-4 {
     width: 23%;
     margin: 0 auto;
     padding: 0;
     max-width: 450px;
     display: inline-block;
     float: none;
}
/*********************************** CARD -blocks image full width ************************************/
 .block_fwimg {
     display: block;
     align-items: center;
     margin: 0 auto;
     color: var(--brand-color1);
}
 .card .card-title {
     font-size: 1.25rem;
     font-weight: 400;
     color: var(--brand-color2);
}
 .fw_card-body {
     padding: 1rem;
     margin: 0 1.25rem;
}
 .fw_card-bodyhide {
     overflow: hidden;
     height: 100%;
}
 .fw_card-bodyhide img {
     padding: 0;
     margin: 0;
     background-size: cover;
     width: 100%;
}
/***************************banner*****************************/
 .hero {
     position: absolute;
     max-height: 350px;
     width: 100%;
     margin: 1rem 7%;
     display: block;
     left: 0;
     bottom:1rem;
}
body[data-page-theme="pageSide"] .hero {
    margin: 1rem 7% 1rem 16rem;
}
 .hero .heading-wrapper {
     position:relative;
}
 .hero .caption {
     position: relative;
     background: rgba(var(--brand-color1-rgb), 0.9);
     border-left: 5px solid var(--brand-color9);
     border-top: 0;
     padding: 1.25rem 4.375rem 1.25rem 1.25rem;
     color: var(--brand-color4);
     min-height: 50px;
}
 .hero .caption .caption-wrap {
     margin: 0 auto;
}
 .hero .caption h1.heading {
     display: block;
     text-transform: uppercase;
     color: var(--brand-color4);
     font-size: 1.25rem;
     font-weight: 400;
}
 .hero .caption .heading {
     display: block;
     text-transform: uppercase;
     color: var(--brand-color4);
     font-size: 1rem;
     font-weight: 600;
}
 .hero .caption .heading span {
     display: block;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 0.75rem;
     color: var(--brand-color4);
}
 .hero .caption p {
     display: block;
     color: var(--brand-color4);
     font-size: 0.9rem;
     font-weight: 400;
}
 .caption-arrow:hover {
     background-color: var(--brand-color2);
}
 .caption-arrow {
     background: var(--brand-color1);
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration:none!important;
     width: clamp(3.25rem, 100%, 10rem);
     z-index: 20;
}
 .caption-arrow .arrow {
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='white' width='50' height='37' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-repeat: no-repeat;
     width: 60px;
     display: block;
     text-decoration:none!important;
}
 .caption-arrow .heading-arrow {
     width: 50px;
     padding: .5rem;
}
/*********************************** TILES ************************************/
 .tile {
     display: block;
     position: relative;
     float: left;
     width: 100%;
     height: 100%;
     overflow: hidden;
     border: 0;
     min-height: 250px;
     margin-top: 1rem;
     background-color: rgba(var(--brand-color3-rgb), 0.2);
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
 a.tile:is(:hover,:focus) {
     background-color: rgba(var(--brand-color3-rgb), 0.1);
     outline: 2px solid rgba(var(--brand-color3-rgb), 0.12);
}
 .tile .overlay {
     width: 100%;
     height: 100%;
     overflow: hidden;
     padding: 1rem;
}
 .tile h2 {
     position: relative;
     margin-bottom: 0;
     padding: 0;
     overflow: hidden;
     font-size: 1.125rem;
     text-transform: uppercase;
     font-weight: 400;
     text-align: center;
     color: var(--brand-color4);
}
 .tile p {
     padding: 0 0 .3125rem 0;
     background-color: rgba(var(--brand-color1-rgb), 0.75);
     color: var(--brand-color4);
}
 .card_title_tile {
     font-weight: 500;
     font-size: 4rem;
     line-height: 4;
     padding: 1rem;
     text-align: center;
     color: var(--brand-color3);
     margin: 1rem 0;
}
/*********************************** background Image ****************************/
 .bkgimg-caption .text-center {
     position: relative;
     padding: 1.875rem;
     display: block;
     clear: both;
     margin: -24% auto 5%;
     color: var(--brand-color4);
     filter: drop-shadow(2px 4px 6px black);
}
 .bkgimg-caption .text-start {
     position: relative;
     padding: 1.875rem;
     display: block;
     clear: both;
     margin: -24% .9375rem 4%;
     color: var(--brand-color4);
     filter: drop-shadow(2px 4px 6px black);
}
 .bkgimg-caption .text-end {
     position: relative;
     padding: 1.875rem;
     display: block;
     clear: both;
     margin: -24% .9375rem 0;
     color: var(--brand-color4);
     float: right;
     filter: drop-shadow(2px 4px 6px black);
}
 .bkgimg_heading {
     font-size: 4rem;
     line-height: 5;
     font-weight: bold;
}
 .bkgimg_heading a {
     color: var(--brand-color4) !important;
}
 .bkgimg_text {
     font-size: 2rem;
}
 img.bkimg_slide {
     background-position: center;
     background-size: cover;
     margin: 0 auto 0;
     display: block;
     width: 100%;
}
/*********************************** NEWS *************************************/
 .latestNewsContainer {
     display: grid!important;
     grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 }
 .news-article-container {
     padding: 2rem;
}
 .article-title {
     font-size: 3rem;
     font-weight: 600;
     margin: .9375rem 0;
     color: var(--brand-color1);
     line-height: 1;
}
 .article_img {
     font-size: 0;
}
 .news-subtitle {
     font-size: 1.25rem;
     font-weight: 500;
     color: var(--brand-color1);
}
 img.news-image {
     max-width: 350px;
     float: left;
     padding: .9375rem;
     color: var(--brand-color1);
     margin: 0 1.25rem 1.25rem;
}
 .title {
     font-size: 1.25rem;
     font-weight: 600;
}
 .news.container.row {
     margin: 0 auto;
}
.news .filter-group button.filter-btn-primary {
    border: 1px solid;
}
/*********************************** youtube video ***********************************/
 .youtube_video iframe {
     height: 100%;
     min-height: 500px;
     margin: 3rem;
}
 .arc iframe {
     height: 100%;
     min-height: 500px;
}
/*********************************** PRE-FOOTER ***********************************/
 .footer-mt-wrapper {
     background-color: var(--brand-color1);
     height: 30px;
}
 img.footer-mt {
     width: clamp(48px, 3vw, 75px);
    /* this may need adjusted based on what image is used */
     height: fit-content;
     display: block;
     margin: 0 auto;
     transform: translateY(-1.5rem);
    /* this may need adjusted based on what image is used */
}
/*********************************** FOOTER ***********************************/
 #footer-menu-wrapper {
     color: var(--brand-color4);
     width: 100%;
     padding: 4rem 0 !important;
     background-color: var(--brand-color2);
}
 #footer-menu-wrapper a {
     color: var(--brand-color4) !important;
}
 li.footer-link-text {
     list-style: none !important;
     text-transform: uppercase;
     font-weight: 800;
}
 li.footer-link-text a {
     color: var(--brand-color4) !important;
}
 .row.gy-3.mt-1.reverse {
     text-align: left;
}
 footer .text-lg-start.row>div>div.footer-col {
     float: left;
     text-align: left;
     margin: 0 .9375rem;
     display: block;
     max-width: 30%;
     overflow: hidden;
}
 .footer-content {
     padding: 1rem 1rem 0;
     margin: 0 10%;
     display: block;
     position: static;
}
 #footer-menu-wrapper * {
     line-height: 2.25;
}
 #footer-menu-wrapper a:not(.btn) {
     color: var(--brand-color5);
}
 #footer-menu-wrapper a:focus-visible:not(.btn) {
     outline: 3px solid;
}
 #footer-menu-wrapper img {
     display: block;
     margin: -.5em auto 0;
     max-width: 250px;
     float: left;
}
 footer .list-unstyled li {
     margin-bottom: 1em;
}
 footer .social-links i {
     font-size: 1.5rem;
     color: var(--brand-color4);
}
footer .social-links a:hover {
    outline: 3px solid #fff;
}
 footer .social-links img {
     display: block;
     width: 24px;
}
 .footer-title {
     font-size: 1.75rem;
}
 .footer-content {
     padding: 2rem 2rem 0 2rem;
}
/*********************************** social links ***********************************/
 ul.social-links.nav {
     margin: 0;
     display: flex;
     float: left;
     padding: 0;
}
 ul.social-links.nav .nav-link {
     display: block;
     padding: 0 0.2rem;
}
 ul.social-links.nav li.nav-item {
     float: right;
     display: inline;
     margin: 0 0.5rem 0 0rem;
}
/*********************************** TABLES ***********************************/
 th, td {
     min-width: 100%;
}
/****** A-Z Page Styles ******/
 #azindexalphabettop li {
     font-size: 1.25rem;
     margin-left: 20px;
     padding: 0 3px;
}
 #azindexalphabettop button {
     background: none;
     border: none;
     color: #2f628f;
     text-decoration: underline;
}
 .letter-wrapper {
     margin: 25px;
}
 .test {
     column-count: 3;
     font-size: 1.25rem;
}
/**/
/*********************************** MOBILE RESPONSIVE ***********************************/
 @media (max-width: 1400px) {
     .fw_card-bodyhide {
         overflow: hidden;
         height: 100%;
         max-height: 500px;
    }
}
 @media (max-width: 1355px) {
     .parent-link-top-nav {
         font-size: calc(.6875rem + 0.1vh + .5vmin);
    }
}
 @media (max-width: 1080px) {
     .parent-link-top-nav {
         font-size: calc(.625rem + 0.1vh + .5vmin);
    }
     .eyebrow-nav ul li a {
         font-size: .78rem;
    }
}
 @media (max-width: 991.98px) {
     ul.social-links.nav {
         margin: 0 auto;
         display: flex;
         float: none;
         padding: 0;
    }
    /************* mobile tables ****************************/
     .mobileTables .datatable-header {
         display: block !important;
    }
     .mobileTables .datatable-header > * {
         margin-bottom: 1.25rem;
    }
    /**************mobile tiles***********************************************/
     .container-fluid .cards .tile-block-wrap {
         max-width: 100%;
         margin: 0 auto;
         justify-content: center;
         display: block;
    }
     .container-fluid .cards .tile-layout-4 {
         width: 47%;
         margin: 0.5rem;
         padding: 0;
         max-width: 450px;
         display: block;
         float: left;
    }
    /**************banner*********************/
     .banner {
         max-height: 100vh;
    }
     .hero {
         position: relative;
         width: 100%;
         margin: 0 auto;
         bottom:0;
         opacity: .9;
    }
     .hero .heading-wrapper {
         height: fit-content;
    }
     .hero .caption {
         background: rgba(var(--brand-color1-rgb), 1);
         border-top: 5px solid var(--brand-color3);
         padding: 1rem;
         color: var(--brand-color4);
         height: 100%;
         max-width: 100%;
         text-align: center;
         border-left: 0;
         flex:1;
         width: 100%;
    }
     .caption-arrow {
         float: right;
         margin: 0 auto;
         background-color: var(--brand-color1);
         z-index: 1;
         min-height: 100%;
    }
     .caption-arrow .heading-arrow {
         background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-down-short' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4'/></svg>");
         background-repeat: no-repeat;
         font-size: 1rem;
         vertical-align: middle;
         margin: 0 45%;
    }
    /**************First Row When There's a Banner***************/
     .banner ~ .first-row {
         margin-top: .625rem;
    }
    /**************link-list-wrapper*********************/
     .link-list-wrapper {
         width: 100%;
    }
    /**************sidebar*********************/
     .sidebar-menu {
         display: none;
    }
    /***********************************mobile footer********************************/
     .footer img {
         float: none;
    }
     .row.gy-3.mt-1.reverse {
         text-align: center;
    }
     .container.drp_dwn_menu {
         margin: 0;
    }
     .btn-primary {
         background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%23112f60' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
         background-repeat: no-repeat;
         background-position-x: right;
         background-size: 2.8125rem;
         background-position-y: center;
    }
     .btn.btn-primary {
         float: none;
         margin: 1rem auto 0;
    }
    /************************************************************eyebrow nav mobile*************************/
     ul.eyebrow-nav-list li {
         text-align: left;
    }
    /*******************homepage**************/
     .hp-buttons .btn-primary {
         min-width: 350px;
         float: none;
         display: block;
         margin: 1rem auto;
    }
    /*******************cards**************/
     .card_wrapper {
         width: 46%;
         margin: 1rem auto;
    }
    /*******************background images***************/
     .bkgimg-caption.text-start {
         margin: -35% .9375rem 10%;
    }
     .bkgimg-caption.text-center {
         margin: -35% auto 10%;
    }
     .bkgimg-caption.text-end {
         margin: -35% .9375rem 10%;
    }
     .bkgimg-caption.text-center {
         margin: -35% auto 10%;
    }
     .block_fwimg {
         padding: 0;
    }
     .bkgimg_text {
         font-size: 1.5rem;
    }
     .bkgimg_heading {
         font-size: 3rem;
         line-height: 3;
         font-weight: bold;
    }
     img.bkimg_slide {
         min-height: 30vh;
    }
    /*******************news***************/
     .card.block_fw {
         max-height: 100%;
         filter: none;
    }
     .fw_card-bodyhide {
         overflow: hidden;
         height: 100%;
         max-height: 100%;
    }
     .article {
         max-width: 100%;
         clear: none;
         margin: 0;
         text-decoration: none!important;
    }
     .article:is(:hover,:focus) {
         background: var(--brand-color1);
    }
     .news-gallery .article {
         clear: right;
         margin: .9375rem;
         float: left;
    }
     .news .thumb {
         filter: none;
         width: auto;
         height: auto;
    }
}
 @media (min-width: 993px) {
    /************* navigation **************/
     .dropdown-menu.force-hidden {
         display: none !important;
    }
     li.nav-item.dropdown.mega-drop:hover, li.nav-item.dropdown.mega-drop:focus-visible, li.nav-item.dropdown.mega-drop:focus-within, li.nav-item.dropdown.mega-drop > .nav-link.parent-link-top-nav:focus-visible {
         background-color: var(--brand-color2);
         color: white !important;
         border-radius: .25rem .25rem 0 0;
    }
     .social-policy {
         margin-left: -.8125rem;
    }
}
 @media (max-width: 860px) {
     .article {
         max-width: 100%;
         float: none;
    }
     .news-gallery .article {
         max-width: 95%;
         clear: right;
         margin: .9375rem auto;
         float: none;
    }
    /*******************background images***************/
     .bkgimg-caption.text-center {
         padding: 0;
         margin: -48% .9375rem 7%;
    }
     .bkgimg-caption.text-end {
         margin: -48% .9375rem 7%;
         padding: 0;
    }
     .bkgimg-caption.text-start {
         margin: -48% .9375rem 7%;
         padding: 0;
    }
     .bkgimg_heading {
         font-size: 2.5rem;
         line-height: 2;
    }
    /*******************footer***************/
     .footer-content {
         padding: .9375rem 0;
         margin: 0 5%;
         display: block;
         position: static;
    }
     .footer.text-lg-start.row>div>div.footer-col {
         max-width: 100%;
    }
}
/*Medium devices (tablets,768px or less)*/
 @media (max-width: 768px) {
     .h1-container {
         padding-left: 1rem !important;
         padding-right: 1rem !important;
    }
     .card_wrapper {
         width: 100%;
    }
     .carousel-hero .caption {
         max-width: 100%;
         margin: 0 auto;
         text-align: center;
         float: none;
    }
     #linkListNav .link-list-caret {
         margin: -3rem 0 0 14rem;
         width: 50px;
         float: left;
    }
     .link-list-wrapper .link-listing-firstchild, .link-list-wrapper .link-listing-firstchild a {
         width: 100%;
         font-size: 1.25rem;
         color: var(--brand-color2) !important;
         padding: 0 0 1rem 0;
         margin: 0 0 0 -7rem;
         float: left;
    }
     .link-list-wrapper .list-col.list-title {
         float: none;
         margin: 0 auto;
         padding: 0;
         display: block;
         width: 100%;
         text-align: center;
    }
     .link-list-wrapper .navigation-list-title {
         float: none;
         padding-right: .3125rem;
         text-align: center;
    }
     .link-list-wrapper .list-col.list-items {
         float: none;
         padding: 0;
         margin: 0 auto;
         width: 80%;
         text-align: center;
    }
     .link-list-wrapper .list-col.list-items button.accordion-button {
         width: 100%;
         float: none;
         margin: 0 5rem;
         text-align: center;
    }
     .link-list-wrapper .list-col.list-items button.accordion-button:not(:first-child) {
         display: none;
    }
     #tile-carousel {
         max-width: 300px;
         margin: 0 auto;
    }
     .carousel-button {
         margin: -7.1875rem auto 4.375rem !important;
         max-width: 325px;
    }
     .sticky-top {
         top: 0;
    }
     .sidebar {
         border: 0 !important;
         text-align: center;
    }
    /*******************Tabs To Accordions***************/
     .tab-content >.tab-pane {
         opacity: 1;
    }
     .footer [class^="col-"] {
         margin-bottom: .9375rem;
    }
    /*******************newsl***************/
     main .news-gallery .article {
         max-width: 100%;
    }
     .news-gallery .article img.thumb {
         float: none;
         max-height: 250px;
         margin: 0 auto;
         display: block;
    }
    /*******************Tile block***************/
     .tile {
         position: relative;
         float: none;
         width: 100%;
         height: 100%;
         overflow: hidden;
         border: 0;
         cursor: default;
         min-width: 285px;
         margin-top: .625rem;
         min-height: 96px;
    }
    /*******************mobile nav***************/
     .navbar .nav-link.hover~.dropdown-menu {
         display: none;
         margin-top: 0;
    }
     .row.gx-5 {
         margin-right: calc(-.5 * 4rem);
         margin-left: calc(-.5 * 4rem);
    }
     .row.gx-5>* {
         padding-right: calc(4rem * .5);
         padding-left: calc(4rem * .5);
    }
    /****************** mobile tables **************/
     .datatable-footer {
         flex-direction: column;
    }
     .datatable-info {
         margin-bottom: 2rem !important;
        /* !important needed to override BS */
         width: 100%;
    }
    /*******************footer***************/
     .footer.text-lg-start.row>div>div.footer-col {
         float: none;
         text-align: center;
    }
     main .news-gallery .article {
         max-width: 43%;
    }
     .bkgimg_text {
         font-size: 1.2rem;
    }
}
 @media (max-width: 575px) {
     .dropdown-menu.rounded-0.show {
         padding: 1rem 3rem 0;
    }
     .caption-arrow .heading-arrow {
         margin: 0 42%;
    }
    /*******************background image***************/
     img.bkimg_slide.img-fluid {
         min-height: 25vh;
    }
     .bkgimg-caption.text-center {
         padding: .9375rem;
         margin: -40% auto 10%;
    }
     .bkgimg-caption.text-start {
         padding: .9375rem;
         margin: -40% auto 10%;
    }
     .bkgimg-caption.text-end {
         padding: .9375rem;
         margin: -40% auto 10%;
    }
     .bkgimg_heading {
         font-size: 2rem;
         line-height: 2;
    }
     .col-xs-12.col-lg-6.pull-right.mt-5.grn-sign-form {
         float: none !important;
         text-align: center;
         margin: 0 -16%;
         display: block;
    }
     .email_signup_title {
         font-size: 2rem;
         line-height: 3;
         font-weight: 600;
    }
     .email_signup_text {
         font-size: .875rem;
         margin-bottom: 0;
    }
     main .news-gallery .article {
         max-width: 100%;
         display: block;
         margin: 0 auto;
         float: none;
    }
    /***********************************mobile tiles ***********************************/
     .container-fluid .cards .tile-layout-4 {
         width: 100%;
         margin: 0 auto;
         display: block;
         float: none;
    }
}
 @media (max-width: 450px) {
     .rowheading {
         padding-left: .7em !important;
    }
     .mobile-main-nav .mobile-back-wrapper {
         margin: -30rem 0 0 0;
    }
     .card_wrapper {
         padding: 1rem;
    }
     .footer-social {
         margin: 0 auto !important;
    }
}
/*********************************** LARGE SCREEN RESPONSIVE ***********************************/
 @media (min-width: 576px) {
     .container .cards {
         max-width: 540px !important;
    }
     .container .threeButtonWrapper {
         max-width: 540px !important;
    }
}
/*Medium devices (tablets, 768px or more)*/
 @media (min-width: 768px) {
     .container .threeButtonWrapper {
         max-width: 720px !important;
    }
     .container .cards {
         max-width: 720px !important;
    }
     .row.gx-5 {
         margin-right: calc(-.5 * 4rem);
         margin-left: calc(-.5 * 4rem);
    }
     .row.gx-5>* {
         padding-right: calc(4rem * .5);
         padding-left: calc(4rem * .5);
    }
}
 @media (min-width: 992px) {
     .container .threeButtonWrapper {
         max-width: 960px !important;
    }
     .container .cards {
         max-width: 960px !important;
    }
     .sidebar-padding {
         padding: 0 17.5rem!important;
    }
     .sidebar-padding-left {
         padding: 0 0 0 17.5rem!important;
    }
     .sidebar-padding h1 {
         text-align: left;
    }
}
 @media (min-width: 1200px) {
     .container .threeButtonWrapper {
         max-width: 1140px !important;
    }
     .container .cards {
         max-width: 1140px !important;
    }
}
 @media (min-width: 1400px) {
     .fw_card-bodyhide {
         overflow: hidden;
         height: 100%;
    }
}
/*************************** Blank-2025 Cards *****************************************/
 .site-cardWrapper {
     display:flex;
     align-items: stretch;
     flex-flow: row wrap;
     gap:1rem;
}
 .site-cardWrapper.sml {
     grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
     justify-content:center;
}
 .site-card {
     position:relative;
     max-width: 20vw;
     border:solid 1px var(--brand-color8);
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     align-items:stretch;
}
.site-cardWrapper .site-card-content a {
    z-index: 2;
    position: relative;
}
 a.site-card .site-cardcontent:after, .site-cardWrapper a.stretched-link:before {
     content:'';
     width:40px;
     height: 40px;
     min-width: 40px;
     margin-left: auto;
     position:relative;
     background-image: url("data:image/svg+xml, <svg viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%2363b0d6' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>");
     background-size:contain;
     background-position: center;
     transition:linear .2s all;
     background-repeat: no-repeat;
}
.site-cardWrapper a.stretched-link:before {
    display: block;
    position: absolute;
    right: .25rem;
    bottom: 0;
}
 a:hover.site-card:before {
     right:5px;
}
.site-cardWrapper .site-card .stretched-link:is(:hover,:focus-visible)::after {
    outline: 2px solid;
}
 .site-card.smlcard {
     min-width:16%;
     height: 100%;
     flex-grow: 0 !important;
     flex-basis:250px;
     padding-bottom:1.25rem;
     text-align:center;
}
 .site-cardcontent {
     padding: 1.25rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
     align-content: space-between;
     width: 100%;
}
 .site-card-title {
     font-size: 1.296em;
     color: var(--brand-color1);
     font-weight: 700;
     text-rendering: optimizeLegibility;
     padding-top: 0.273em;
     line-height: 1.15538;
     padding-bottom: 0.273em;
}
 .card-smlcard-title {
     font-size: 1.296em;
     color: var(--brand-color2);
     font-weight: 700;
     text-rendering: optimizeLegibility;
     padding-top: 1em;
     line-height: 1.15538;
}
 .site-sub-title {
     font-size: 1rem;
     font-weight: 600;
     color: var(--brand-color2);
}
 .site-card-content {
     padding-top:.625rem;
     color: var(--brand-color5) !important;
     ul {
         padding-left:1.25rem;
    }
}
 .site-cardWrapper a.site-card {
     text-decoration: none!important;
     transition:linear .2s all;
     display: flex;
     flex-flow: row wrap;
     align-content: baseline;
}
 .site-cardWrapper a.site-card:hover {
     box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 .site-card-cta {
     display:block;
     color: var(--brand-color2)!important;
     transition:linear .2s all;
     width: 100%;
     font-weight:700;
     padding:.5rem;
     margin-top:1.25rem;
     text-transform:Capitalize;
}
 .site-card-cta:hover {
     color: #ac7503 !important;
     text-decoration: none!important;
}
 .site-card-image {
     width: 100%;
     object-fit: cover;
     object-position: top center;
     aspect-ratio: 16/9;
}
.site-cardWrapper .site-card-image {
    aspect-ratio: 4 / 5;
    max-height: 42vh;
    object-fit: cover;
}
.autocardnav .site-cardWrapper .site-card-image {
    aspect-ratio: 16 / 9;
}
 .horzcard {
     display:flex;
     width:100%;
     margin-bottom:2.5rem;
     align-items:center;
     background: rgba(var(--brand-color3-rgb),0.03);
}
 .horzcard img {
     display:block;
     order:1;
     width:30%;
     object-position: center;
     min-height:150px;
     max-height:800px;
     float: left;
     height: 100%;
}
 .horzcard .contentbox {
     margin:1.5rem;
}
 .horzcard .site-contentbox {
     position:relative;
     order:2;
     width:70%;
     padding:2.5rem;
     padding-bottom:3.4375rem;
     background-color:var(--brand-color7);
}
 .horzcard .site-contentbox .site-card-cta {
     padding-left:1.25rem;
}
 .horzcard.card-right .contentbox{
     order:1;
}
 .horzcard.card-left .contentbox {
     order: 2;
}
 .horzcard.card-right img {
     order: 2;
}
 .statCard {
     padding: 1.875rem;
     margin: .625rem .3125rem;
     background-color: #FAEACF;
     width: 32%;
}
 .statCard-stat {
     font-size: 2.5em;
     line-height: 1;
     text-align: center;
     color: var(--brand-color2);
}
 .statCard-title {
     text-align: center;
     padding-top: .625rem;
}
 header .list-group-flush .list-group-item {
     color: white;
     background: transparent;
     border-color: #aaa;
}
/****************************** News Styles ********************************/
 .site-news-container {
     margin-top: 3.125rem;
}
 .filter-div {
     position: relative;
     display: inline-flex;
     vertical-align: middle;
     width: 49% !important;
}
 .filter-group {
     margin-top: .625rem;
     display:flex;
     align-items:center;
     align-content:center;
     flex-wrap:wrap;
}
 .filter-btn-primary {
     background-color: var(--brand-color7);
     border-color: var(--brand-color7);
     color: var(--brand-color1);
     text-transform: uppercase;
     width: 100%;
     min-width: fit-content;
     max-width: 12%;
     line-height: 1.5;
     text-align: center;
     text-decoration: none;
     vertical-align: middle;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     padding: .375rem .75rem;
     font-size: .9rem;
}
 .filter-btn-primary .btn-title {
     color: var(--brand-color2);
     font-size: 1.5rem;
     font-weight: 200;
     text-transform: uppercase;
}
 .filter-btn-primary span {
     display: block;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 0.75rem;
}
 .filter-btn-primary:is(:hover,:focus) {
     outline: var(--brand-color1) auto 1px;
}
 .filter-active {
     background-color: var(--brand-color1);
     border-color: var(--brand-color1);
     color: var(--brand-color4);
}
 .filterWrapper {
     margin:0 auto;
     width:500px;
}
 .selectLabel {
     font-size: 1.25rem;
     color: var(--brand-color1);
}
 .programFilter {
     margin-top: .625rem;
     background-color: var(--brand-color7);
     padding: 1.25rem 0;
}
 select#programFilter {
     background-color: transparent;
     border: 0 !important;
     font-size: 1.25rem;
     color: var(--brand-color2);
}
 .latestNewsCard {
     width:100% !important;
     max-width: 70ch;
}
 .latestNewsCard img[alt="DPHHS News Image Placeholder"] {
     width: 100%;
}
 .latestNewsCard .site-cardcontent {
     max-width: 100%;
}
 #news .category {
     margin: 0;
     font-weight: 700;
     font-size: .75rem;
     text-transform: uppercase;
}
 .news-summary {
     width: 500px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .news-gallery .article img.thumb {
     height: 100%;
     max-height: 250px;
     max-width: 350px;
     object-fit: cover;
     float: none !important;
}
 .article img[alt="DPHHS News Image Placeholder"] {
     max-height: 134px!important;
}
 .latestNewsCardWrapper {
     text-decoration:none!important 
}
 .news-gallery .article {
     display:grid;
     grid-template-columns: .33fr 1fr;
     text-decoration: none!important;
}
 .article:is(:hover,:focus), .latestNewsCardWrapper:is(:hover,:focus) {
     outline: 3px solid var(--brand-color1);
     outline-offset: 3px;
     background: var(--brand-color7);
     mix-blend-mode: darken;
     border-radius: .5rem;
}
 .article:is(:hover,:focus), .latestNewsCardWrapper:is(:hover,:focus) {
     color: var(--brand-color1)!important;
     text-decoration: none!important;
}
 .latestNewsCard:is(:hover,:focus-within) a {
     color: var(--brand-color1)!important;
}
 .article:focus-visible, .latestNewsCardWrapper:focus-visible {
     outline:unset 
}
 .news-gallery .article:last-child {
     border-bottom: 0 !important;
}
 .news-gallery .thumb {
     object-fit: cover;
}
 .news-gallery .news-button {
     margin: 2rem auto;
     display: block;
}
 .news-gallery-list .article {
     min-width: 100%;
     margin: .625rem auto;
     border-bottom: 1px solid var(--brand-color1);
     padding: 1.5625rem !important;
     min-height: 300px;
     float: none;
}
 .news-gallery-list .summary {
     width: 65%;
}
 .dropdown-menu .col-xs-6 {
     overflow-y: auto;
     overflow-x: hidden;
     scrollbar-width: thin;
}
 .article-image-container .img-caption-container {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
}
 .img-caption {
     cursor: pointer;
     position: absolute;
     bottom: 28px;
     left: 0;
     right: 0;
     z-index: 2;
     background-color: rgba(0, 0, 0, 0.5);
     padding: .625rem;
     margin: 0 1.25rem;
     color: #fff;
}
 .caption-preview {
     cursor: pointer;
     position: absolute;
     bottom: 28px;
     left: 0;
     z-index: 2;
     background-color: rgba(0, 0, 0, 0.5);
     padding: .625rem;
     margin: 0 1.25rem;
     color: #fff;
}
 button.caption-preview[aria-expanded="true"] {
     opacity: 0;
}
 .caption-preview i {
     transition: transform 0.2s ease;
}
 .caption-preview:hover .fa-chevron-up {
     transform: translateY(-5px);
}
 .img-caption.hidden {
     display: none;
}
 .img-caption {
     display: block;
}
/**************************** Alert Banner *********************************/
 .alert-wrapper {
     display: flex;
     font-size: 1.2em;
     margin-bottom:1.25rem;
     align-items: center;
}
 .alert-default {
     background:var(--brand-color3);
     color:var(--body-text);
}
 .alertIcon {
     display: flex;
     align-items: center;
     justify-content: center;
}
 .fa-triangle-exclamation {
     scale: 200%;
     margin: .9375rem;
}
 .alertText {
     padding-left: 1.25rem;
}
/**************************** Brand Logos **********************************/
 .logoRow {
     display: flex;
}
 .logoContainer {
     width: 45%;
     margin: .625rem;
     border: 1px solid #112f60;
}
 .navy-bg {
     background-color: #112f60;
}
 .logoLinks {
     background-color: #ffffff;
     display: flex;
     justify-content: center;
     border-top: 1px solid #112f60;
}
 .logoLinks a {
     margin: 0 .3125rem;
     background-color: #fff !important;
}
/**************************** Newsletter Articles **************************/
 .article-image-container {
     position: relative;
     padding: 1.25rem;
}
 .img-caption {
     position: absolute;
     bottom: 28px;
     left: 0;
     right: 0;
     z-index: 2;
     background-color: rgba(0, 0, 0, 0.5);
     padding: .625rem;
     margin: 0 1.25rem;
     color: #fff;
}
/*********** row fix ******/
 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     padding-left:0;
     padding-right:0;
}
 .container h3 {
     padding-left:0;
     padding-right:0;
}
/**************************** Media Queries ********************************/
 @media only screen and (max-width: 366px) {
     #template-search-item {
         display:none;
    }
}
 @media only screen and (max-width: 425px) {
     .latestNewsContainer {
         flex-direction: column;
    }
     .news-gallery .article img.thumb {
         max-width: 100%;
         padding-right: 0 !important;
         margin: 0 0 .625rem 0 !important;
    }
     .filter-btn-primary {
         min-width: 100%;
    }
     .filterWrapper {
         font-size: .7em;
         margin: 0 1.25rem;
         display: flex;
         flex-direction: column;
    }
     .selectLabel {
         font-size: 1rem;
    }
     select#programFilter {
         width: 350px;
         font-size: 1rem;
    }
     .alert-wrapper {
         flex-direction: column;
    }
     .alertText {
         padding: .625rem 0 0 0;
    }
}
 @media only screen and (max-width: 576px) {
     #template-header-wrapper.fixed-top {
         position: fixed !important;
    }
     .latestNews1, .latestNews2, .latestNews3 {
         width: 100%;
    }
     .site-cardWrapper.sml {
         grid-template-columns: 1fr;
    }
     .news-gallery .article {
         grid-template-columns: 1fr;
    }
}
 @media only screen and (max-width: 768px){
     .site-cardWrapper {
         grid-template-columns: 1fr;
    }
     .news-gallery .article img.thumb {
         padding-left: 0 !important;
         width: 100% !important;
    }
     .news-gallery .article {
         flex-direction: column;
    }
}
 @media (max-width: 790px) {
     .site-card {
         min-width:100%;
    }
     .threeButtonWrapper {
         padding-top: 3rem !important;
         margin-top: .625rem !important;
    }
     .footer-links {
         padding: 0;
    }
     .footer-social {
         text-align: center;
    }
     .row {
         --bs-gutter-x: 0;
    }
}
 @media (max-width: 991.98px){
     .top_logo_bar .heading {
         margin-left:0;
    }
     .top_logo_bar .heading .agency-site-name {
         font-size: .9rem;
    }
     .footer-social {
         margin: 0;
         width: 100%;
    }
     img#header-logo {
         height:100%;
        /* this fix is for iphone */
        max-width: 42vw;
        min-width: 220px;
    }
     .caption-arrow .arrow .heading-arrow {
         background-image: none;
    }
     .banner .heading-wrapper .caption-arrow {
         width: clamp(3.25rem, 100%, 5rem);
    }
}
 @media (max-width: 1455px) {
     .latestNews1, .latestNews2, .latestNews3 {
         width: 100% !important;
         min-width: 100% !important;
    }
     .latestNewsContainer {
         flex-wrap: wrap;
    }
}
 