/* Agency Custom CSS */

#header_elem-list{
    justify-content: space-between;
}
#header_agency-name{
    display:none;
}

body.adaptive .horizontal-menu{
    background-color: #203A72;
    top: 3rem;
}

section.accent-background{
    background-color: #0B3354;
}

body.adaptive .horizontal-menu .nav .nav-item .nav-link{
    color:white;
}

.home-hero{
    padding:0;
    margin:0;
    margin-top: 0 !important;
}

.home-hero .image-background .row{
    padding-inline:2rem;
}

body main article [class*=-wrap].marketing .button, body main article [class*=-wrap].marketing .btn, body main article [class*=-wrap].marketing .agency-button, body main article [class*=-container].marketing .button, body main article [class*=-container].marketing .btn, body main article [class*=-container].marketing .agency-button, body main article .hover-cards.marketing .button, body main article .hover-cards.marketing .btn, body main article .hover-cards.marketing .agency-button, body main article .icon-callouts.marketing .button, body main article .icon-callouts.marketing .btn, body main article .icon-callouts.marketing .agency-button, body main article .sub-banner-container.marketing .button, body main article .sub-banner-container.marketing .btn, body main article .sub-banner-container.marketing .agency-button, body main article .sub-billboards.marketing .button, body main article .sub-billboards.marketing .btn, body main article .sub-billboards.marketing .agency-button, body main article .marketing-section.marketing .button, body main article .marketing-section.marketing .btn, body main article .marketing-section.marketing .agency-button, body main article [class*=-wrap]:not(.info):not(.adaptive) .button, body main article [class*=-wrap]:not(.info):not(.adaptive) .btn, body main article [class*=-wrap]:not(.info):not(.adaptive) .agency-button, body main article [class*=-container]:not(.info):not(.adaptive) .button, body main article [class*=-container]:not(.info):not(.adaptive) .btn, body main article [class*=-container]:not(.info):not(.adaptive) .agency-button, body main article .hover-cards:not(.info):not(.adaptive) .button, body main article .hover-cards:not(.info):not(.adaptive) .btn, body main article .hover-cards:not(.info):not(.adaptive) .agency-button, body main article .icon-callouts:not(.info):not(.adaptive) .button, body main article .icon-callouts:not(.info):not(.adaptive) .btn, body main article .icon-callouts:not(.info):not(.adaptive) .agency-button, body main article .sub-banner-container:not(.info):not(.adaptive) .button, body main article .sub-banner-container:not(.info):not(.adaptive) .btn, body main article .sub-banner-container:not(.info):not(.adaptive) .agency-button, body main article .sub-billboards:not(.info):not(.adaptive) .button, body main article .sub-billboards:not(.info):not(.adaptive) .btn, body main article .sub-billboards:not(.info):not(.adaptive) .agency-button, body main article .marketing-section:not(.info):not(.adaptive) .button, body main article .marketing-section:not(.info):not(.adaptive) .btn, body main article .marketing-section:not(.info):not(.adaptive) .agency-button, body .agency-prefooter [class*=col]>div a.button, body .agency-prefooter [class*=col]>div a.btn, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .button.btn-outline-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .btn.btn-outline-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .agency-button.btn-outline-primary, body article [class*=-container].marketing .button.btn-outline-primary, body article [class*=-container].marketing .btn.btn-outline-primary, body article [class*=-container].marketing .agency-button.btn-outline-primary, body article .icon-callouts.marketing .button.btn-outline-primary, body article .icon-callouts.marketing .btn.btn-outline-primary, body article .icon-callouts.marketing .agency-button.btn-outline-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .button.btn-outline-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .btn.btn-outline-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .agency-button.btn-outline-primary, body article [class*=-container]:not(.info):not(.adaptive) .button.btn-outline-primary, body article [class*=-container]:not(.info):not(.adaptive) .btn.btn-outline-primary, body article [class*=-container]:not(.info):not(.adaptive) .agency-button.btn-outline-primary, body article .icon-callouts:not(.info):not(.adaptive) .button.btn-outline-primary, body article .icon-callouts:not(.info):not(.adaptive) .btn.btn-outline-primary, body article .icon-callouts:not(.info):not(.adaptive) .agency-button.btn-outline-primary, body .agency-prefooter.marketing .button.btn-outline-primary, body .agency-prefooter.marketing .btn.btn-outline-primary, body .agency-prefooter.marketing .agency-button.btn-outline-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .button.btn-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .btn.btn-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .agency-button.btn-primary, body article [class*=-container].marketing .button.btn-primary, body article [class*=-container].marketing .btn.btn-primary, body article [class*=-container].marketing .agency-button.btn-primary, body article .icon-callouts.marketing .button.btn-primary, body article .icon-callouts.marketing .btn.btn-primary, body article .icon-callouts.marketing .agency-button.btn-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .button.btn-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .btn.btn-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .agency-button.btn-primary, body article [class*=-container]:not(.info):not(.adaptive) .button.btn-primary, body article [class*=-container]:not(.info):not(.adaptive) .btn.btn-primary, body article [class*=-container]:not(.info):not(.adaptive) .agency-button.btn-primary, body article .icon-callouts:not(.info):not(.adaptive) .button.btn-primary, body article .icon-callouts:not(.info):not(.adaptive) .btn.btn-primary, body article .icon-callouts:not(.info):not(.adaptive) .agency-button.btn-primary, body .agency-prefooter.marketing .button.btn-primary, body .agency-prefooter.marketing .btn.btn-primary, body .agency-prefooter.marketing .agency-button.btn-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .button, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .btn, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .agency-button, body article [class*=-container].marketing .button, body article [class*=-container].marketing .btn, body article [class*=-container].marketing .agency-button, body article .icon-callouts.marketing .button, body article .icon-callouts.marketing .btn, body article .icon-callouts.marketing .agency-button, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .button, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .btn, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .agency-button, body article [class*=-container]:not(.info):not(.adaptive):not(.icon-image-buckets-container) .button, body article [class*=-container]:not(.info):not(.adaptive):not(.icon-image-buckets-container) .btn, body article [class*=-container]:not(.info):not(.adaptive):not(.icon-image-buckets-container) .agency-button, body article .icon-callouts:not(.info):not(.adaptive) .button, body article .icon-callouts:not(.info):not(.adaptive) .btn, body article .icon-callouts:not(.info):not(.adaptive) .agency-button, body .agency-prefooter.marketing .button, body .agency-prefooter.marketing .btn, body .agency-prefooter.marketing .agency-button, body .main-banner.two-column .row>.col-12.col-md-6:first-child .button, body .main-banner.two-column .row>.col-12.col-md-6:first-child .btn, body .main-banner.two-column .row>.col-12.col-md-6:first-child .agency-button {
    color: #1E6BAF;
}

body main article section:has(.generic-content-wrap) .row>div[class*=col] .generic-content-wrap {
    box-shadow: none;
    border: none;
    border-radius: unset;
    background-color: unset;
}

main article h2 {
    color: #1E6BAF;
    font-size: 2.25rem;
    text-transform: uppercase;
}

main article section:last-of-type {
  margin-bottom: 0 !important;
}

/*converted styles from pre-migration*/

header .left-menu { display: none !important; } /* Hiding navbar until they have pages to link to */


@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');

body {
    font-family: "Rethink Sans", "Helvetica", Arial, sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Kumbh Sans", "Rethink Sans", "Helvetica", Arial, sans-serif;
    font-style: normal;
    font-weight: 800;
    color: inherit;
    text-rendering: optimizeLegibility;
}

body.marketing article section .h1,
body.marketing article section .h2,
body.marketing article section .h3,
body.marketing article section .h4,
body.marketing article section .h5,
body.marketing article section .h6,
body.marketing article section h1,
body.marketing article section h2,
body.marketing article section h3,
body.marketing article section h5,
body.marketing article section h6 {
    color: #203A72;
}

body.marketing article section .h4,
body.marketing article section h4 {
    color: #14A0DE;
    font-size: 1.1rem;
}


body.marketing main article > .subpage-text-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

body.marketing article > .subpage-text-container .subpage-text-inner {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

body.marketing article > .subpage-text-container:nth-child(odd), body.marketing article > .multi-column-container:nth-child(odd) {
    background-color: #DEE7F2;
}

body.marketing article > .multi-column-container .callout, body.marketing article > .subpage-text-container .callout {
    background-color: #DEE7F2;
    border: none;
}

body.marketing article > .multi-column-container:nth-child(odd) .callout, body.marketing article > .subpage-text-container:nth-child(odd) .callout {
    background-color: #fff;
}

body.marketing main section .row .callout h4 {
    margin-top: 0;
}

/* Updated: .columns → [class*="col-"] */
.multi-column-container [class*="col-"] {
    padding-bottom: 2rem;
}

/* Updated: section → .generic-content-wrap */
body.marketing article section.multi-column-container .generic-content-wrap {
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

.multi-column-container.custom-wrapper-color {
    padding-bottom: 0;
}

/* Updated: .columns → [class*="col-"] */
.multi-column-container.custom-wrapper-color [class*="col-"] .custom-spacer {
    background-color: rgba(20, 160, 222, 0.25);
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    height: 100%;
}

.columns-intro-content {
    margin-bottom: 2rem;
}

/* Updated: .columns → [class*="col-"] */
.multi-column-container.custom-wrapper-color [class*="col-"] .custom-spacer h3 {
    font-size: 1.2rem;
}

.multi-column-container.custom-wrapper-color-home {
    background-color: #DEE7F2;
    padding-bottom: 0;
}

/* Updated: .columns → [class*="col-"] */
.multi-column-container.custom-wrapper-color-home [class*="col-"] .custom-spacer {
    background-color: #fff;
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    height: 100%;
}

/* Updated: .columns → [class*="col-"] */
.multi-column-container.custom-wrapper-color-home [class*="col-"] .custom-spacer h3 {
    font-size: 1.2rem;
}

body main #subpage-banner-container #subpage-banner-overlay {
    justify-content: center;
    text-align: center;
    background-color: rgba(24, 74, 140, 0.7);
}

body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width ul#subpage-breadcrumbs li span {
    color: #14A0DE;
}

body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width h1 {
    text-align: center;
    font-weight: 700;
    margin: 0;
}

body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width h1 {
    text-shadow: none;
}

body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width ul#subpage-breadcrumbs {
    border: none;
    font-weight: 700;
    font-size: 1rem;
}

body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width ul#subpage-breadcrumbs:before {
    display: none;
}

body main #subpage-banner-container #subpage-banner-overlay {
    min-height: 20rem;
}

body main #subpage-banner-container #subpage-banner-overlay p.description {
    font-weight: 700;
    color: #FFCE34;
}

body.adaptive #scroll-for-more-container #home-scroll-for-more, body.marketing #scroll-for-more-container #home-scroll-for-more, body.adaptive #banner-image-container.adaptive #main-banner-overlay #main-banner-text-container .agency-button, body .overlay nav div.main-nav ul.dropdown.menu li.linkhdr, body main article section .accordion .accordion-item .accordion-title, body.info main article .section-wrap .button, body.info main article section .button, body.marketing main article .section-wrap .button, body.marketing main article section .button, body.adaptive main article .section-wrap .button, body.adaptive main article section .button {
    background-color: #14A0DE !important;
}

body.adaptive #scroll-for-more-container #home-scroll-for-more:hover, body.marketing #scroll-for-more-container #home-scroll-for-more:hover, body.adaptive #banner-image-container.adaptive #main-banner-overlay #main-banner-text-container .agency-button:hover, body .overlay nav div.main-nav ul.dropdown.menu li.linkhdr:hover, body main article section .accordion .accordion-item .accordion-title:hover, body.info main article .section-wrap .button:hover, body.info main article section .button:hover, body.marketing main article .section-wrap .button:hover, body.marketing main article section .button:hover, body.adaptive main article .section-wrap .button:hover, body.adaptive main article section .button {
    background-color: #fff !important;
}

.adaptive #banner-image-container.info #main-banner-overlay #main-banner-text-container, .adaptive #banner-image-container.info #main-banner-overlay .billboard-description, .adaptive #banner-image-container.info .billboard-content #main-banner-text-container, .adaptive #banner-image-container.info .billboard-content .billboard-description, .adaptive .billboard-main.info #main-banner-overlay #main-banner-text-container, .adaptive .billboard-main.info #main-banner-overlay .billboard-description, .adaptive .billboard-main.info .billboard-content #main-banner-text-container, .adaptive .billboard-main.info .billboard-content .billboard-description, .adaptive section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay #main-banner-text-container, .adaptive section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay .billboard-description, .adaptive section.internal-banner-section #internal-banner-image-container.info .billboard-content #main-banner-text-container, .adaptive section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-description, .info #banner-image-container.info #main-banner-overlay #main-banner-text-container, .info #banner-image-container.info #main-banner-overlay .billboard-description, .info #banner-image-container.info .billboard-content #main-banner-text-container, .info #banner-image-container.info .billboard-content .billboard-description, .info .billboard-main.info #main-banner-overlay #main-banner-text-container, .info .billboard-main.info #main-banner-overlay .billboard-description, .info .billboard-main.info .billboard-content #main-banner-text-container, .info .billboard-main.info .billboard-content .billboard-description, .info section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay #main-banner-text-container, .info section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay .billboard-description, .info section.internal-banner-section #internal-banner-image-container.info .billboard-content #main-banner-text-container, .info section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-description, .marketing #banner-image-container.info #main-banner-overlay #main-banner-text-container, .marketing #banner-image-container.info #main-banner-overlay .billboard-description, .marketing #banner-image-container.info .billboard-content #main-banner-text-container, .marketing #banner-image-container.info .billboard-content .billboard-description, .marketing .billboard-main.info #main-banner-overlay #main-banner-text-container, .marketing .billboard-main.info #main-banner-overlay .billboard-description, .marketing .billboard-main.info .billboard-content #main-banner-text-container, .marketing .billboard-main.info .billboard-content .billboard-description, .marketing section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay #main-banner-text-container, .marketing section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay .billboard-description, .marketing section.internal-banner-section #internal-banner-image-container.info .billboard-content #main-banner-text-container, .marketing section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-description {
    background-color: rgba(24, 74, 140, 0.7);
    margin: 0;
    justify-content: flex-start;
    align-items: flex-start;
}

.adaptive #banner-image-container.info #main-banner-overlay #main-banner-text-container p, .adaptive #banner-image-container.info #main-banner-overlay .billboard-description p, .adaptive #banner-image-container.info .billboard-content #main-banner-text-container p, .adaptive #banner-image-container.info .billboard-content .billboard-description p, .adaptive .billboard-main.info #main-banner-overlay #main-banner-text-container p, .adaptive .billboard-main.info #main-banner-overlay .billboard-description p, .adaptive .billboard-main.info .billboard-content #main-banner-text-container p, .adaptive .billboard-main.info .billboard-content .billboard-description p, .adaptive section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay #main-banner-text-container p, .adaptive section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay .billboard-description p, .adaptive section.internal-banner-section #internal-banner-image-container.info .billboard-content #main-banner-text-container p, .adaptive section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-description p, .info #banner-image-container.info #main-banner-overlay #main-banner-text-container p, .info #banner-image-container.info #main-banner-overlay .billboard-description p, .info #banner-image-container.info .billboard-content #main-banner-text-container p, .info #banner-image-container.info .billboard-content .billboard-description p, .info .billboard-main.info #main-banner-overlay #main-banner-text-container p, .info .billboard-main.info #main-banner-overlay .billboard-description p, .info .billboard-main.info .billboard-content #main-banner-text-container p, .info .billboard-main.info .billboard-content .billboard-description p, .info section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay #main-banner-text-container p, .info section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay .billboard-description p, .info section.internal-banner-section #internal-banner-image-container.info .billboard-content #main-banner-text-container p, .info section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-description p, .marketing #banner-image-container.info #main-banner-overlay #main-banner-text-container p, .marketing #banner-image-container.info #main-banner-overlay .billboard-description p, .marketing #banner-image-container.info .billboard-content #main-banner-text-container p, .marketing #banner-image-container.info .billboard-content .billboard-description p, .marketing .billboard-main.info #main-banner-overlay #main-banner-text-container p, .marketing .billboard-main.info #main-banner-overlay .billboard-description p, .marketing .billboard-main.info .billboard-content #main-banner-text-container p, .marketing .billboard-main.info .billboard-content .billboard-description p, .marketing section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay #main-banner-text-container p, .marketing section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay .billboard-description p, .marketing section.internal-banner-section #internal-banner-image-container.info .billboard-content #main-banner-text-container p, .marketing section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-description p {
    color: #fff;
    padding: 0 0.25rem;
}

.adaptive #banner-image-container.info #main-banner-overlay #main-banner-text-container h2, .adaptive #banner-image-container.info #main-banner-overlay .billboard-description h2, .adaptive #banner-image-container.info .billboard-content #main-banner-text-container h2, .adaptive #banner-image-container.info .billboard-content .billboard-description h2, .adaptive .billboard-main.info #main-banner-overlay #main-banner-text-container h2, .adaptive .billboard-main.info #main-banner-overlay .billboard-description h2, .adaptive .billboard-main.info .billboard-content #main-banner-text-container h2, .adaptive .billboard-main.info .billboard-content .billboard-description h2, .adaptive section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay #main-banner-text-container h2, .adaptive section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay .billboard-description h2, .adaptive section.internal-banner-section #internal-banner-image-container.info .billboard-content #main-banner-text-container h2, .adaptive section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-description h2, .info #banner-image-container.info #main-banner-overlay #main-banner-text-container h2, .info #banner-image-container.info #main-banner-overlay .billboard-description h2, .info #banner-image-container.info .billboard-content #main-banner-text-container h2, .info #banner-image-container.info .billboard-content .billboard-description h2, .info .billboard-main.info #main-banner-overlay #main-banner-text-container h2, .info .billboard-main.info #main-banner-overlay .billboard-description h2, .info .billboard-main.info .billboard-content #main-banner-text-container h2, .info .billboard-main.info .billboard-content .billboard-description h2, .info section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay #main-banner-text-container h2, .info section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay .billboard-description h2, .info section.internal-banner-section #internal-banner-image-container.info .billboard-content #main-banner-text-container h2, .info section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-description h2, .marketing #banner-image-container.info #main-banner-overlay #main-banner-text-container h2, .marketing #banner-image-container.info #main-banner-overlay .billboard-description h2, .marketing #banner-image-container.info .billboard-content #main-banner-text-container h2, .marketing #banner-image-container.info .billboard-content .billboard-description h2, .marketing .billboard-main.info #main-banner-overlay #main-banner-text-container h2, .marketing .billboard-main.info #main-banner-overlay .billboard-description h2, .marketing .billboard-main.info .billboard-content #main-banner-text-container h2, .marketing .billboard-main.info .billboard-content .billboard-description h2, .marketing section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay #main-banner-text-container h2, .marketing section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay .billboard-description h2, .marketing section.internal-banner-section #internal-banner-image-container.info .billboard-content #main-banner-text-container h2, .marketing section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-description h2 {
    background-color: transparent !important;
    padding: 0;
    margin-left: 0;
}

body.info .billboard-main .billboard-content .agency-button, body.marketing .billboard-main .billboard-content .agency-button {
    background-color: #14A0DE !important;
    border: none !important;
    margin: 0;
}

body.info .billboard-main .billboard-content .agency-button:hover, body.marketing .billboard-main .billboard-content .agency-button:hover {
    background-color: #fff !important;
}

.adaptive #banner-image-container.info .billboard-content .billboard-button .agency-button, .adaptive .billboard-main.info .billboard-content .billboard-button .agency-button, .adaptive section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-button .agency-button, .info #banner-image-container.info .billboard-content .billboard-button .agency-button, .info .billboard-main.info .billboard-content .billboard-button .agency-button, .info section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-button .agency-button, .marketing #banner-image-container.info .billboard-content .billboard-button .agency-button, .marketing .billboard-main.info .billboard-content .billboard-button .agency-button, .marketing section.internal-banner-section #internal-banner-image-container.info .billboard-content .billboard-button .agency-button {
    margin: 0 0 0 2rem;
}

.adaptive #banner-image-container.info #main-banner-overlay, .adaptive #banner-image-container.info .billboard-content, .adaptive .billboard-main.info #main-banner-overlay, .adaptive .billboard-main.info .billboard-content, .adaptive section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay, .adaptive section.internal-banner-section #internal-banner-image-container.info .billboard-content, .info #banner-image-container.info #main-banner-overlay, .info #banner-image-container.info .billboard-content, .info .billboard-main.info #main-banner-overlay, .info .billboard-main.info .billboard-content, .info section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay, .info section.internal-banner-section #internal-banner-image-container.info .billboard-content, .marketing #banner-image-container.info #main-banner-overlay, .marketing #banner-image-container.info .billboard-content, .marketing .billboard-main.info #main-banner-overlay, .marketing .billboard-main.info .billboard-content, .marketing section.internal-banner-section #internal-banner-image-container.info #main-banner-overlay, .marketing section.internal-banner-section #internal-banner-image-container.info .billboard-content {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: calc(1600px + 8rem) !important;
}

.adaptive #banner-image-container.info .billboard-content, .adaptive .billboard-main.info .billboard-content, .adaptive section.internal-banner-section #internal-banner-image-container.info .billboard-content, .info #banner-image-container.info .billboard-content, .info .billboard-main.info .billboard-content, .info section.internal-banner-section #internal-banner-image-container.info .billboard-content, .marketing #banner-image-container.info .billboard-content, .marketing .billboard-main.info .billboard-content, .marketing section.internal-banner-section #internal-banner-image-container.info .billboard-content {
    max-width: calc(1600px + 6rem);
}

body main article section.tabs-container, body#home.adaptive article .youtube-gallery-2-wrap .youtube-gallery-2-col-2, body#home.info article .youtube-gallery-2-wrap .youtube-gallery-2-col-2, body#home.marketing article .youtube-gallery-2-wrap .youtube-gallery-2-col-2, body.adaptive main article .agency-button, body.adaptive main article .button, body.marketing main article .agency-button, body.marketing main article .button, body.info main article .agency-button, body.info main article .button, body .adaptive #banner-image-container.info #main-banner-overlay #main-banner-text-container h2, body .info #banner-image-container.info #main-banner-overlay #main-banner-text-container h2, body .marketing #banner-image-container.info #main-banner-overlay #main-banner-text-container h2, body .pagination .current, body main article .button, body main article .agency-button, body main article section.icon-buckets-wrap, body main article section.icon-buckets-wrap .icon-buckets .icon span, body .agency-spotlights-container, body.info main article section .button, body .button.primary, body .button.primary:focus, body .sub-banner-container .glide__controls .glide__arrow, body.adaptive .sub-banner-container .sub-banner .sub-banner-info .button.primary:hover, body .container_rotating-banner.adaptive .glide__controls .glide__arrow, body .container_rotating-banner.marketing .glide__controls .glide__arrow, body .container_rotating-banner.info .glide__controls .glide__arrow, body .container_rotating-banner.info .slide-info-wrap h2, body #news-events-wrap #events-slider .glide__track .glide__slides .glide__slide .events-overlay a span, body.info main article section.tabs-container, body .icon-callouts, body.info main article section.icon-image-buckets .icon-image-bucket .icon span, body.info main article section.icon-image-buckets, body.info main article section.icon-buckets-wrap .icon-buckets .icon span, body.info main article section.icon-buckets-wrap, body .hover-cards .card-hover-content, body .calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-header, body .calendar-grid-container .calendar-grid .mini-calendar-container table td a:hover, body .calendar-grid-container .calendar-grid .mini-calendar-container table td a.active, body.info .info-navigation .faqs-wants-services-info .menu li.is-accordion-submenu-parent:not(.has-submenu-toggle) > a, body.info .info-navigation .menu .submenu-toggle, body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width ul:before, body .overlay #mm-close, body header #header_search #frequent-search-wrap p, body.marketing main article .section-wrap section .button, body.marketing main article div .agency-button, body.adaptive main article section .button {
    background: linear-gradient(to right, #fff 50%, #14A0DE 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .2s ease-out;
}

body main article section.tabs-container:hover,
body#home.adaptive article .youtube-gallery-2-wrap .youtube-gallery-2-col-2:hover,
body#home.info article .youtube-gallery-2-wrap .youtube-gallery-2-col-2:hover,
body#home.marketing article .youtube-gallery-2-wrap .youtube-gallery-2-col-2:hover,
body.adaptive main article .agency-button:hover,
body.adaptive main article .button:hover,
body.marketing main article .agency-button:hover,
body.marketing main article .button:hover,
body.info main article .agency-button:hover,
body.info main article .button:hover,
body .adaptive #banner-image-container.info #main-banner-overlay #main-banner-text-container h2:hover,
body .info #banner-image-container.info #main-banner-overlay #main-banner-text-container h2:hover,
body .marketing #banner-image-container.info #main-banner-overlay #main-banner-text-container h2:hover,
body .pagination .current:hover,
body main article .button:hover,
body main article .agency-button:hover,
body main article section.icon-buckets-wrap:hover,
body main article section.icon-buckets-wrap .icon-buckets .icon span:hover,
body .agency-spotlights-container:hover,
body.info main article section .button:hover,
body .button.primary:hover,
body .button.primary:focus:hover,
body .sub-banner-container .glide__controls .glide__arrow:hover,
body.adaptive .sub-banner-container .sub-banner .sub-banner-info .button.primary:hover:hover,
body .container_rotating-banner.adaptive .glide__controls .glide__arrow:hover,
body .container_rotating-banner.marketing .glide__controls .glide__arrow:hover,
body .container_rotating-banner.info .glide__controls .glide__arrow:hover,
body .container_rotating-banner.info .slide-info-wrap h2:hover,
body #news-events-wrap #events-slider .glide__track .glide__slides .glide__slide .events-overlay a span:hover,
body.info main article section.tabs-container:hover,
body .icon-callouts:hover,
body.info main article section.icon-image-buckets .icon-image-bucket .icon span:hover,
body.info main article section.icon-image-buckets:hover,
body.info main article section.icon-buckets-wrap .icon-buckets .icon span:hover,
body.info main article section.icon-buckets-wrap:hover,
body .hover-cards .card-hover-content:hover,
body .calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-header:hover,
body .calendar-grid-container .calendar-grid .mini-calendar-container table td a:hover:hover,
body .calendar-grid-container .calendar-grid .mini-calendar-container table td a.active:hover,
body.info .info-navigation .faqs-wants-services-info .menu li.is-accordion-submenu-parent:not(.has-submenu-toggle) > a:hover,
body.info .info-navigation .menu .submenu-toggle:hover,
body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width ul:before:hover,
body .overlay #mm-close:hover,
body header #header_search #frequent-search-wrap p:hover,
body.marketing main article .section-wrap section .button:hover,
body.marketing main article div .agency-button:hover,
body.adaptive main article section .button {
    background-position: left bottom;
}

.adaptive #banner-image-container #main-banner-overlay #main-banner-text-container #main-banner-button, .marketing #banner-image-container #main-banner-overlay #main-banner-text-container #main-banner-button, .marketing #banner-image-container #main-banner-overlay #main-banner-text-container #main-banner-button2 {
    background-color: #fff !important;
    border: none;
    color: #14A0DE !important;
    margin-left: 0;
    background: linear-gradient(to right, #14A0DE 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .2s ease-out;
}

body .billboard-main.marketing {
    min-height: 50rem;
}

.adaptive #banner-image-container #main-banner-overlay #main-banner-text-container #main-banner-button:hover,
.marketing #banner-image-container #main-banner-overlay #main-banner-text-container #main-banner-button:hover,
.marketing #banner-image-container #main-banner-overlay #main-banner-text-container #main-banner-button2:hover {
    background-color: #14A0DE !important;
    border: none;
    color: #fff !important;
    background-position: left bottom;
}

.adaptive #banner-image-container, .marketing #banner-image-container {
    min-height: 35rem;
}

body main article section.icon-image-buckets .section-title-wrap h2.dark {
    color: #203A72;
}

body main article section.icon-image-buckets .icon-image-bucket .icon-image-bucket-content>.button {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1rem 1.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 0;
    border: none;
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

body main article section.icon-image-buckets .icon-image-bucket .icon-image-bucket-content>.button span.fa-solid {
    padding-top: 0.5rem;
    font-size: 1.5rem;
}

body main article section.icon-image-buckets .icon-image-bucket .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.75rem;
    min-height: 18rem;
    margin-bottom: -10rem;
    margin-left: 0;
    margin-right: 0;
}

body main article section.icon-image-buckets .icon-image-bucket .icon-image-bucket-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #fefefe;
    padding: 0;
    border-radius: 0.75rem;
    height: 6rem;
    margin: 2rem;
}

body main article section.icon-image-buckets .icon-image-bucket .icon-image-bucket-content hr {
    display: none;
}

body main article section.icon-image-buckets .icon-image-bucket .icon-image-bucket-content a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, #203A72 50%, #14A0DE 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .2s ease-out;
}

body main article section.icon-image-buckets .icon-image-bucket .icon-image-bucket-content a:hover {
    color: #fff;
    text-decoration: none;
    background-position: left bottom;
}

body main article section.icon-image-buckets .icon-image-bucket .icon-image-bucket-content h3 {
    text-align: left;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
}

body main article section.icon-image-buckets .icon-image-bucket .icon-image-bucket-content .icon-image-bucket-text {
    text-align: left;
    padding-left: 1.5rem;
    color: #14A0DE;
    font-size: 1.1rem;
    font-family: "Kumbh Sans", "Rethink Sans", "Helvetica", Arial, sans-serif;
    font-weight: 600;
}

.tabs-content.vertical {
    border-radius: 0.75rem;
    margin-left: 1rem;
    background-color: #DEE7F2;
}

.tabs.vertical .tabs-title > a {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    border-radius: 0.75rem;
    background: linear-gradient(to right, #203A72 50%, #14A0DE 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .2s ease-out;
}

.tabs.vertical .tabs-title > a:hover {
    background-position: left bottom;
}

.tabs.vertical {
    border-radius: 0.75rem;
    background-color: #DEE7F2;
    padding: 1rem 1rem 0.5rem 1rem;
}

.tabs.vertical .tabs-title > a:focus, .tabs.vertical .tabs-title > a[aria-selected=true] {
    background-color: #fff;
    color: #fff;
    background-position: left bottom;
}

body.marketing article > .subpage-text-container:nth-child(odd) .tabs.vertical, body.marketing article > .multi-column-container:nth-child(odd) .tabs.vertical, body.marketing article > .subpage-text-container:nth-child(odd) .tabs-content.vertical, body.marketing article > .multi-column-container:nth-child(odd) .tabs-content.vertical {
    background-color: #fff;
}

#footer_agency #footer_agency-brand {
    align-items: center;
}

#footer_agency #footer_agency-brand .logo_agency {
    height: 6rem;
    margin: 0;
}

#footer_agency #footer_agency-brand h2 {
    display: none;
}

span.bullet {
    background-color: #14A0DE;
    display: inline-block;
    height: 0.5rem;
    width: 0.5rem;
    margin: 0.15rem;
    border-radius: 0.15rem;
}

body #footer_agency #footer_agency-links h2 {
    border-left-color: #14A0DE !important;
}

/*------ HIDING FOOTERS ------ */

footer, #footer_agency {
    display: none;
}


/* ==========================================================================
   APPRENTICESHIP INDIANA — Page-specific styles
   Migrated from inline <style> block; Foundation selectors updated to BS5
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body header #header_top ul#header_elem-list #header_agency-name a,
#page_styles_929688 { display: none; }

main article {
    background-color: #f6f9fd !important;
}

main article h1,
main article h2,
main article h3,
main article h4,
main article h5,
main article h6,
main article p,
main article a,
main article ul,
main article ul li {
    font-family: "Work Sans", sans-serif;
}

main article p {
    font-size: 1.2rem !important;
    line-height: 1.6rem;
}

/* Main header hero */
main article section.main-header {
    min-height: 685px;
    align-content: center;
    text-align: left;
    background-position: 66%;
}

main article section.main-header h1 {
    color: #ffffff;
    font-size: 3.25rem;
    line-height: 3.25rem;
    text-transform: uppercase;
}

main article section.main-header span.lines {
    display: block;
    width: 45%;
    height: 20px;
    margin: 15px 0 20px 0;
    text-align: left;
    background: url('/dwd/apprenticeship-indiana/images/ApprenticeshipIndiana-bak-lines.png') repeat-x center center;
    background-size: cover;
}

main article section.main-header p {
    color: #ffffff;
}

main article section.main-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

main article section.main-header ul li {
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
}

main article section.main-header ul li a.button {
    width: auto;
    -webkit-box-shadow: inset 0px 0px 10px 6px rgba(0,0,0,0.24);
    -moz-box-shadow: inset 0px 0px 10px 6px rgba(0,0,0,0.24);
    box-shadow: inset 0px 0px 10px 6px rgba(0,0,0,0.24);
    background: #ffffff;
    color: #1E6BAF;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 20px;
}

main article section.main-header ul li a.button:hover {
    -webkit-box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.40);
    -moz-box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.40);
    box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.40);
    color: #1E6BAF !important;
}

/* Page intro */
main article #page_intro_929695 {
    padding-top: 8rem;
    padding-bottom: 0 !important;
}

main article #page_intro_929695 h2 {
    color: #1E6BAF;
    font-size: 2.25rem;
    text-transform: uppercase;
}

main article #page_intro_929695 p {
    color: #444545;
}

/* Intro CTAs */
main article section.intro_ctas {
    padding-top: 0 !important;
    padding-bottom: 5rem;
}

/* Updated: .row.expanded .columns → .row > [class*="col-"] */
main article section.intro_ctas .row > [class*="col-"] {
    text-align: center;
    align-content: center;
    justify-content: center;
}

/* Know the benefits section */
main article [id^="know_benefits"], main article [class*="know_benefits"] {
    background-color: #0B3354;
    padding-top: 6rem;
    padding-bottom: 0 !important;
}

main article [id^="know_benefits"] h2, main article [class*="know_benefits"] h2 {
    display: block;
    width: 30%;
    color: #ffffff;
    background-color: #0B3354;
    font-size: 2.25rem;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

main article [id^="know_benefits"] div.lines, main article [class*="know_benefits"] div.lines {
    display: block;
    width: 100%;
    height: 53px;
    margin: 0 auto 20px auto;
    text-align: left;
    background-color: #0B3354;
    background-image: url('/dwd/apprenticeship-indiana/images/ApprenticeshipIndiana-bak-lines.png');
    background-repeat: repeat-x;
    background-position: center center;
    background-size: auto;
}

main article [id^="know_benefits"] p, main article [class*="know_benefits"] p {
    color: #ffffff;
    margin-block-end: 0 !important;
}

/* Benefits cards */
main article section.benefits {
    background-color: #0B3354;
    padding-bottom: 6rem;
    margin: 0 !important;
    align-content: center;
}

/* Updated: .row.expanded → .row */
main article section.benefits .row {
    justify-content: space-between;
}

/* Updated: .row.expanded .columns → .row > [class*="col-"] .generic-content-wrap
   Background/radius goes on the inner wrapper since that's the card in the new structure */
main article section.benefits .row > [class*="col-"] .card-inner{
    padding: 2rem;
    background: #ffffff;
    text-align: center;
    align-content: center;
    justify-content: center;
    border-radius: 20px;
    height: 100%;
}



/* Updated: .columns.medium-4, .columns.large-4 removed —
   col-lg-4 in BS5 handles 1/3 width natively, no override needed */

main article .row h3 {
    color: #1E6BAF;
    font-size: 1.45rem;
    text-transform: uppercase;
}

/* Updated: .row.expanded .columns p → .row p */
main article section.benefits .row p {
    color: #444545;
}

/* Success stories */
main article #success_stories_929702 {
    padding-top: 6rem;
    padding-bottom: 0;
}

main article #success_stories_929702 h2 {
    color: #1E6BAF;
    font-size: 2.25rem;
    text-transform: uppercase;
}

main article #success_stories_929702 p {
    color: #444545;
}

/* Testimonial slider */
main article section.sub-banner-container {
    padding-top: 0;
    padding-bottom: 6rem;
}

main article section.sub-banner-container .glide__slide .sub-banner {
    height: 37rem !important;
    background: #ffffff;
    border-radius: 20px;
    padding: 0;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1) !important;
    text-align: left;
}

main article section.sub-banner-container .glide__slide .sub-banner .sub-banner-image {
    border-radius: 20px 20px 0 0;
}

main article section.sub-banner-container .glide__slide .sub-banner .sub-banner-info {
    padding: 0 2rem .75rem 2rem;
}

main article section.sub-banner-container .glide__slide .sub-banner .sub-banner-info h4 {
    color: #1E6BAF;
    font-size: 1.15rem;
    line-height: 1.35rem;
    font-weight: 500;
    padding-top: 3rem;
    position: relative;
    text-align: left;
    letter-spacing: -.03em;
}

main article section.sub-banner-container .glide__slide .sub-banner .sub-banner-info h4::before {
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    content: "";
    width: 26px;
    height: 21px;
    background: url('/dwd/apprenticeship-indiana/images/ApprenticeshipIndiana-icon-quotes.png') no-repeat center center;
    background-size: cover;
}

main article section.sub-banner-container .glide__slide .sub-banner .sub-banner-info h4 p {
    color: #0B3354 !important;
    font-size: 0.95rem !important;
    line-height: 1.25rem;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-top: 15px;
}

main article section.sub-banner-container .glide-sub-banner .glide__controls .glide__arrow {
    background: none !important;
    border-radius: 0 !important;
    width: 54px !important;
    height: 54px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

main article section.sub-banner-container .glide-sub-banner .glide__controls .glide__arrow span {
    display: none !important;
}

main article section.sub-banner-container .glide-sub-banner .glide__controls .glide__arrow.glide__arrow--left {
    background: url('/dwd/apprenticeship-indiana/images/ApprenticeshipIndiana-leftarrow.png') no-repeat center center !important;
    background-size: cover !important;
}

main article section.sub-banner-container .glide-sub-banner .glide__controls .glide__arrow.glide__arrow--right {
    background: url('/dwd/apprenticeship-indiana/images/ApprenticeshipIndiana-rightarrow.png') no-repeat center center !important;
    background-size: cover !important;
}

/* Bottom CTA */
main article [id^="bottom_cta"] {
    background-color: #0B3354;
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
    margin: 0 !important;
    align-content: center;
}

main article [id^="bottom_cta"] h2 {
    color: #ffffff;
    font-size: 2.25rem;
    text-transform: uppercase;
}

main article [id^="bottom_cta"] p {
    color: #ffffff;
}

main article [id^="bottom_cta"] span.lines {
    display: block;
    width: 15%;
    height: 15px;
    margin: 5px auto 20px auto;
    text-align: center;
    background: #0B3354 url('/dwd/apprenticeship-indiana/images/ApprenticeshipIndiana-bak-lines.png') repeat-x center center;
    background-size: cover;
}

main article [id^="bottom_cta"] p a.button {
    width: auto;
    -webkit-box-shadow: inset 0px 0px 10px 6px rgba(0,0,0,0.24);
    -moz-box-shadow: inset 0px 0px 10px 6px rgba(0,0,0,0.24);
    box-shadow: inset 0px 0px 10px 6px rgba(0,0,0,0.24);
    background: #ffffff;
    color: #1E6BAF;
    padding-left: 25px;
    padding-right: 25px;
    margin: 20px auto;
}

main article [id^="bottom_cta"] p a.button:hover {
    -webkit-box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.40);
    -moz-box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.40);
    box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.40);
    color: #1E6BAF !important;
}

/* Responsive overrides */
@media screen and (max-width: 1062px) {
    main article section.main-header h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    main article #know_benefits_929705 h2 {
        width: 100%;
        line-height: 2rem;
    }

    main article #know_benefits_929705 div.lines {
        height: 61px;
        background-position: center 40px;
    }

    main article section.benefits .row h3 {
        font-size: 1.25rem;
    }

    /* Updated: .row.expanded → .row */
    main article section.benefits .row {
        justify-content: center;
        gap: 10px;
    }

    main article section.benefits .row > [class*="col-"] .generic-content-wrap {
        padding: 1rem;
    }

    /* Updated: removed .columns.small-6/.columns.medium-4/.columns.large-4 —
       use BS5 responsive classes directly in HTML instead */
    main article section.benefits .row > [class*="col-"] .generic-content-wrap {
        flex: 0 0 90% !important;
        max-width: 90% !important;
    }

    main article section.sub-banner-container .glide-sub-banner .glide__controls .glide__arrow {
        width: 40px !important;
        height: 40px !important;
    }

    main article section.sub-banner-container .glide-sub-banner .glide__controls .glide__arrow.glide__arrow--left {
        margin-left: -20px;
    }

    main article section.sub-banner-container .glide-sub-banner .glide__controls .glide__arrow.glide__arrow--right {
        margin-right: -20px;
    }

    main article [id^="bottom_cta"] span.lines {
        width: 65%;
    }
}

/* org search styles */
:root {
    --blue: #1e6baf;
    --blue-lighter: #cddff1;
    --dark-blue: #203a72;
    --yellow: #f4c347;
    --black: #444545;
    --white: #fefefe;
    --light-grey: #eaf1fa;
    --light-green: #8fc741;
    --light-green-lighter: #9acd54;
    --green: #45612d;
    --green-darker: #3e5729;
    --green-lightest: #e1e6dd;
    --yellow-darker: #ffba24;
    --orange: #f8991d;
    --orange-darker: #df8107;
    --red: #da403a;
    --beige: #fff7e5;
    --border-gray: #dcdcdc;
    --dark-grey: #414042;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryFilters {
    margin-bottom: 1rem;
    gap: 0 1rem;
}

@media print, screen and (max-width: 39.99875em) {
    body#organization-search section.memberDirectoryContainer .memberDirectoryFilters {
        gap: initial;
    }
}

body#organization-search section.memberDirectoryContainer .memberDirectoryFilters select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--white);
    background-color: var(--blue);
    border-radius: 0;
    border: none;
    height: initial;
    padding: .75rem 2rem .75rem 1rem;
    box-shadow: none;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryFilters input[type=text] {
    box-shadow: none;
    color: var(--blue);
    background-color: var(--blue-lighter);
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-bottom: 3px solid var(--blue);
    border-left: none;
    padding: .75rem 2rem .75rem 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    height: 54px;
    width: 100%;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryFilters input[type=text]::placeholder {
    color: var(--blue);
    opacity: .75;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryFilters .button {
    width: 100%;
    padding: 17px;
    border-radius: 0;
    border: none;
    color: var(--white);
    background-color: var(--blue);
}

body#organization-search section.memberDirectoryContainer .memberDirectoryFilters .button:hover {
    background-color: var(--blue-lighter);
}

body#organization-search section.memberDirectoryContainer .memberDirectoryFilters .button.sort {
    width: 60px;
    padding: 15px;
    font-size: 1.125rem;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryResults {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

@media print, screen and (max-width: 63.9988em) {
    body#organization-search section.memberDirectoryContainer .memberDirectoryResults {
        grid-template-columns: 1fr;
    }
}

body#organization-search section.memberDirectoryContainer .memberDirectoryResults .memberCard {
    position: relative;
    padding: 2rem;
    margin: 0;
    border-radius: .5rem;
    transition: all .2s;
    background-color: var(--white);
    box-shadow: 3px 2px 6px -1px rgba(0,0,0,.3);
    -webkit-box-shadow: 3px 2px 6px -1px rgba(0,0,0,.3);
    -moz-box-shadow: 3px 2px 6px -1px rgba(0,0,0,.3);
}

body#organization-search section.memberDirectoryContainer .memberDirectoryResults .memberCard h3 {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--dark-blue);
    max-width: 95%;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryResults .memberCard .divider {
    height: 4px;
    color: var(--yellow);
    background-image: linear-gradient(-45deg, transparent, transparent 25%, currentColor 25%, currentColor 50%, transparent 50%, transparent 75%, currentColor 75%);
    background-size: 4px 4px;
    width: 150px;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryResults .memberCard p {
    margin-bottom: .5rem;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryResults .memberCard span {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--white);
    background-color: var(--blue);
    font-size: 1rem;
    border-radius: 0 .5rem 0 1rem;
    padding: .75rem;
    width: fit-content;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryResults .memberCard span.fa-user-group {
    background-color: var(--red);
}

body#organization-search section.memberDirectoryContainer .memberDirectoryResults .memberCard span.fa-people-arrows {
    background-color: var(--yellow);
}

body#organization-search section.memberDirectoryContainer .memberDirectoryResults .memberCard span.fa-user-graduate {
    background-color: var(--green);
}

body#organization-search section.memberDirectoryContainer .memberDirectoryResults .memberCard span.fa-building {
    background-color: var(--blue);
}

body#organization-search section.memberDirectoryContainer .memberDirectoryPagination ul.pagination {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .5rem;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryPagination ul.pagination:before,
body#organization-search section.memberDirectoryContainer .memberDirectoryPagination ul.pagination:after {
    content: "";
    display: none;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryPagination ul.pagination li {
    display: inline-block;
    font-size: 1rem;
}

body#organization-search section.memberDirectoryContainer .memberDirectoryPagination ul.pagination li a {
    text-decoration: none;
    background-color: var(--blue);
    border-radius: 50%;
    font-weight: 400;
    padding: .5rem .875rem .375rem;
    color: var(--white);
}

body#organization-search section.memberDirectoryContainer .memberDirectoryPagination ul.pagination li a:hover {
    background-color: var(--dark-blue);
}

body#organization-search section.memberDirectoryContainer .memberDirectoryPagination ul.pagination li a.active {
    background-color: var(--dark-blue);
}

body#organization-search section.memberDirectoryContainer .memberDirectoryPagination ul.pagination li a span {
    pointer-events: none;
}