/* BOS D4 STYLES */

:root {
    --clr-white: hsl(0, 0%, 100%);
    --clr-grey-light: hsl(0, 0%, 80%);
    --clr-grey-medium: hsl(0, 0%, 40%);
    --clr-grey-dark: hsl(0, 0%, 20%);
    --clr-grey-darker: hsl(0, 0%, 10%);
    --clr-blue-light: hsl(208, 67%, 63%);
    --clr-blue-light-2: hsl(210, 58%, 48%);
    --clr-blue-medium: hsl(208, 84%, 47%);
    --clr-blue-deep: hsl(239, 98%, 23%);
    --clr-yellow-light: hsl(35, 89%, 81%);
    --clr-yellow: rgb(252, 194, 34);
    --clr-orange-light: hsl(24, 57%, 58%);
    --clr-brown: hsl(6, 40%, 42%);
    --clr-pink: rgb(255, 107, 107);
    --clr-pink-dark: hsl(335, 49%, 46%);
    --clr-red-dark: hsl(337, 55%, 36%);
    --clr-black: hsl(0, 0%, 0%);
    --font-regular: 'Montserrat Regular', 'Arial', sans-serif;
    --font-bold: 'Montserrat Bold', 'Arial', sans-serif;
    --font-italic: 'Montserrat Italic', 'Arial', sans-serif;
    --font-bold-italic: 'Montserrat Bold Italic', 'Arial', sans-serif;
    --font-extra-bold: 'Montserrat Extra Bold', 'Arial', sans-serif;
    --font-extra-bold-italic: 'Montserrat Extra Bold Italic', 'Arial', sans-serif;
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('clientlib-district-4/resources/Montserrat-Regular.eot');
    src: url('clientlib-district-4/resources/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
         url('clientlib-district-4/resources/Montserrat-Regular.woff2') format('woff2'),
         url('clientlib-district-4/resources/Montserrat-Regular.woff') format('woff'),
         url('clientlib-district-4/resources/Montserrat-Regular.ttf') format('truetype'),
         url('clientlib-district-4/resources/Montserrat-Regular.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Montserrat Bold';
    src: url('clientlib-district-4/resources/Montserrat-Bold.eot');
    src: url('clientlib-district-4/resources/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
         url('clientlib-district-4/resources/Montserrat-Bold.woff2') format('woff2'),
         url('clientlib-district-4/resources/Montserrat-Bold.woff') format('woff'),
         url('clientlib-district-4/resources/Montserrat-Bold.ttf') format('truetype'),
         url('clientlib-district-4/resources/Montserrat-Bold.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Montserrat Italic';
    src: url('clientlib-district-4/resources/Montserrat-Italic.eot');
    src: url('clientlib-district-4/resources/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
         url('clientlib-district-4/resources/Montserrat-Italic.woff2') format('woff2'),
         url('clientlib-district-4/resources/Montserrat-Italic.woff') format('woff'),
         url('clientlib-district-4/resources/Montserrat-Italic.ttf') format('truetype'),
         url('clientlib-district-4/resources/Montserrat-Italic.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Montserrat Bold Italic';
    src: url('clientlib-district-4/resources/Montserrat-BoldItalic.eot');
    src: url('clientlib-district-4/resources/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('clientlib-district-4/resources/Montserrat-BoldItalic.woff2') format('woff2'),
         url('clientlib-district-4/resources/Montserrat-BoldItalic.woff') format('woff'),
         url('clientlib-district-4/resources/Montserrat-BoldItalic.ttf') format('truetype'),
         url('clientlib-district-4/resources/Montserrat-BoldItalic.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat Extra Bold';
    src: url('clientlib-district-4/resources/Montserrat-ExtraBold.eot');
    src: url('clientlib-district-4/resources/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('clientlib-district-4/resources/Montserrat-ExtraBold.woff2') format('woff2'),
         url('clientlib-district-4/resources/Montserrat-ExtraBold.woff') format('woff'),
         url('clientlib-district-4/resources/Montserrat-ExtraBold.ttf') format('truetype'),
         url('clientlib-district-4/resources/Montserrat-ExtraBold.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat Extra Bold Italic';
    src: url('clientlib-district-4/resources/Montserrat-ExtraBoldItalic.eot');
    src: url('clientlib-district-4/resources/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
         url('clientlib-district-4/resources/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
         url('clientlib-district-4/resources/Montserrat-ExtraBoldItalic.woff') format('woff'),
         url('clientlib-district-4/resources/Montserrat-ExtraBoldItalic.ttf') format('truetype'),
         url('clientlib-district-4/resources/Montserrat-ExtraBoldItalic.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


.district-4,
.district-4 .bos-page,
.district-4 p {
    font-family: var(--font-regular);
    font-size: 16px;
    line-height: 1.7;
    word-break: break-word;
}
.district-4 h1,
.district-4 h2,
.district-4 h3,
.district-4 h4,
.district-4 h5,
.district-4 h6 {
    font-family: var(--font-regular);
    font-weight: normal;
    word-break: break-word;
    line-height: initial; 
}
.district-4 b,
.district-4 strong {
    font-family: var(--font-bold);
}
.district-4 i {
    font-family: var(--font-italic);
}

/*@media (min-width: 1170px) {
    .district-4 h1 {
        font-size: 2.5em;
    }
    .district-4 h2 {
        font-size: 2.2em;
    }
    .district-4 h3 {
        font-size: 1.9em;
    }
    .district-4 h4 {
        font-size: 1.8em;
    }
    .district-4 h5 {
        font-size: 1.6em;
    }
    .district-4 h6 {
        font-size: 1.4em;
    }
}

@media (max-width: 1169px) {
    .district-4 h4 {
        font-size: 1.3em;
    }
    .district-4 h5 {
        font-size: 1.2em;
    }
    .district-4 h6 {
        font-size: 1.1em;
    }
}*/

.district-4 .experiencefragment + .container a:not(.cmp-button), 
.district-4 .download a {
    color: var(--clr-pink-dark) !important;
    text-decoration: underline;
}

/* BOS overrides */
.district-4 .bos-container-header {
    border: none;
}
 .d4-container-hero img {
	xdisplay: flex;
}
.district-4 .bos-container-header .text {
	float: none !important;
}
@media (max-width: 1200px) {
    .district-4 .bos-container-header .text {
        margin-top: -0.5rem;
    }
}
.district-4 .d4-container-hero > #d4-hero {
    background-position: top center;
}
x@media (max-width: 1200px) {
	.district-4 .d4-container-hero #d4-hero {
		background-image: none;
	}
}
x.district-4 .d4-container-hero > #d4-hero-heading {
	text-align: center;
}

.district-4 .d4-container-hero #d4-hero-sidebar {
	xtext-align: center;
}
.district-4 .nav-mobile {
    top: 1.35em;
    left: 0.5em;
    background: var(--clr-white);
}
.district-4 .nav-mobile:before, 
.district-4 .nav-mobile:after {
    background-color: var(--clr-white);
}
.district-4.bos-page .bos-container-header + .navigation ul > li.cmp-navigation__item--level-0:hover {
    border-bottom: none;
}
.district-4.bos-page .bos-container-header + .navigation .cmp-navigation__item--level-1:hover {
    background-color: var(--clr-pink-dark);
    color: var(--clr-white) !important;
}
.district-4.bos-page .bos-container-header + .navigation .cmp-navigation__item--level-1:hover > a:hover {
    color: var(--clr-white) !important;
}
.district-4.bos-page .navigation .cmp-navigation__item.cmp-navigation__item--level-0 > .cmp-navigation__group {
    margin-top: -1px;
    padding-top: 1rem;
}

@media (min-width: 1170px) {
    x.district-4 .navigation.d4-nav-center {
		text-align: center;
	}
	.district-4 .cmp-navigation__item--level-1 {
	    text-align: left;
        xbackground-color: var(--clr-grey-light);
	}
    x.district-4 .navigation ul > li.cmp-navigation__item--level-0:hover {
		border-bottom-color: var(--clr-red-dark) !important;
		border-bottom-width: 0.15em !important;
	}
}

/* BOS Search Reset */
.district-4 :is(.aem-search ,.googlesearch) {
    width: revert !important;
    position: revert;
    right: revert;
    top: revert;
    z-index: revert;
    float: revert !important;
    margin:  auto !important;
    text-align: revert;
}
.district-4 :is(.aem-search ,.googlesearch) input {
    height: revert;
    width: revert;
    max-width: revert;
    border: revert;
    padding: revert;
}
.district-4 .aem-search button {
    display: revert;
    vertical-align: revert;
	padding: revert;
    padding-top:revert;
    border: revert;
    background-color: revert;
}
.district-4 .aem-search button svg {
    background-color: revert;
}

.district-4 .aem-search-results .title {
    font-weight: revert;
}
.district-4 .aem-search-results .url {
    margin-bottom: revert;
}

/* Search */
.district-4 .d4-search-header .aem-search {
    text-align: right;
}
.district-4 .d4-search-header :is(.aem-search ,.googlesearch) input {
    height: 25px;
    width: 200px;
    margin-right: -6px;
    border: none;
    padding: 0 0 0 0.5em;
}
.district-4 .d4-search-header .aem-search button {
    display: inline-block;
    vertical-align: middle;
	padding: 0;
    padding-top: 3px;
    border: none;
    background-color: transparent;
}
.district-4 .d4-search-header .aem-search button svg {
    background-color: var(--clr-blue-light);
}
.district-4 .d4-search-header.aem-search-results .title {
    font-weight: bold;
}
.district-4 .d4-search-header.aem-search-results .url {
    margin-bottom: 2em;
}
.district-4 .googlesearch:not(:has(.googlesearchresults)) {
    max-width: 182px;
}
.district-4 .googlesearch  table.gsc-search-box td.gsc-input {
    padding-right: 0;
}
.district-4 .googlesearch button {
    padding: 8px 9px;
    border: none;
    border-radius: revert !important;
    vertical-align: baseline;
    background-color: var(--clr-blue-light);
}
.district-4 .googlesearch input {
    max-height: 1rem;
    font-size: revert;
}
.district-4 .googlesearch .gsc-input-box {
	border-radius: 0 !important;
    border-color: transparent;
	padding: 0 !important;
}
.district-4 .googlesearch .gsc-input-box > table > tbody > tr > td:first-child {
    padding: 0 5px;
}
.district-4 .googlesearch .gsc-input-box > table > tbody > tr > td + td > div > a > span {
    font-size: initial;
}
.district-4 .searchResult li {
    margin-bottom: 2em;
}
.district-4 .searchResPagination {
    margin-top: 3em;
    text-align: center;
}
.district-4 .searchResPagination li {
    display: inline-block;
    list-style-type: none;
    padding: 0.25em;
}

.bos-page [class*="bos-padding"] p,
.bos-page [class*="bos-padding"] h1,
.bos-page [class*="bos-padding"] h2,
.bos-page [class*="bos-padding"] h3,
.bos-page [class*="bos-padding"] h4,
.bos-page [class*="bos-padding"] h5,
.bos-page [class*="bos-padding"] h6 {
    margin: revert;
}
.district-4.bos-page .bos-container-header [class*="bos-padding"] p,
.district-4.bos-page .bos-container-header [class*="bos-padding"] h1,
.district-4.bos-page .bos-container-header [class*="bos-padding"] h2,
.district-4.bos-page .bos-container-header [class*="bos-padding"] h3,
.district-4.bos-page .bos-container-header [class*="bos-padding"] h4,
.district-4.bos-page .bos-container-header [class*="bos-padding"] h5,
.district-4.bos-page .bos-container-header [class*="bos-padding"] h6 {
    margin: 0;
    line-height: 1.2;
}
 
/* Margin */
.district-4 .d4-no-margin-top * {
	margin-top: 0 !important;
}
.district-4 .d4-no-margin-bottom * {
	margin-bottom: 0 !important;
}
  
/* Header */
.district-4  .cmp-experiencefragment--header > .xf-content-height {
    margin: revert;
}
.district-4 .d4-bar-top {
	height: 60px;
}
@media (max-width: 580px) {
	.district-4 .d4-bar-top {
		height: auto;
	}
}
.district-4 .d4-bar-top > .cmp-container {
	text-align: right;
}
.district-4 .d4-translate-header,
.district-4 .d4-search-header,
.district-4 .d4-social-header {
	display: inline-block;
	vertical-align: middle;
	padding: 0.25rem 1rem 0 0;
}
.district-4 .d4-social-header {
    margin-bottom: -8px;
}
.district-4 .googletranslator {
	margin-bottom: -10px;
}
.district-4 #google_translator * {
    color: var(--clr-white);
}
.district-4 #google_translator select, 
.district-4 #google_translator select option {
    color: var(--clr-black) !important;
}
.district-4 .d4-social-footer > .cmp-container {
	text-align: center;
}
.district-4 .d4-social-header .font-awesome,
.district-4 .d4-social-footer .font-awesome {
    width: auto !important;
    padding: 0 0.25rem !important;
} 
.district-4 .d4-social-footer .font-awesome {
	display: inline-block;
	float: none !important;
	width: auto !important;
} 
.district-4 .d4-form-footer form {
    max-width: 20rem;
    float: right;
}

/* Page */
.district-4 #d4-page-title * {
    text-align: center;
    color: var(--clr-white);
    font-family: 'Montserrat Bold';
    padding: 1rem;
}


/* Multi Column Container */
@media (min-width: 769px) {
    .d4-container-column-4 > div > div > div {
        width: 25% !important;
    }
    .d4-container-column-5 > div > div > div {
        width: 20% !important;
    }
}
x@media (max-width: 767px) {
	.d4-container-column-4 > div > div > div {
        width: 50% !important;
    }
}

.district-4 .bos-image-auto {
    width: 100% !important;
}

/* Facebook Component */ 
.district-4 .facebook-feed > div {
    text-align: center;
    background-color: var(--clr-grey-light);
}
.district-4 .facebook-feed {
    width: 100% !important;
}
@media (max-width: 767px) {
	.district-4 .facebook-feed * {
        width: 100% !important;
    }
}
 
/* Button */
.district-4 .button,
.district-4 .carousel button,
.district-4 form.cmp-form button {
	margin: auto;
    border-radius: 0.5rem !important;
    xfont-size: 30px;
}

.district-4 .button a:hover {
	border-radius: 0.5rem !important;
}

.district-4 .d4-button-text-bold,
.district-4 .d4-button-text-bold button  {
    font-family: var(--font-bold);
}
.district-4 .d4-button-text-italic,
.district-4 .d4-button-text-italic button {
    font-family: var(--font-italic);
}
.district-4 .d4-button-text-bold.d4-button-text-italic,
.district-4 .d4-button-text-bold.d4-button-text-italic button {
	font-family: var(--font-bold-italic);
}

/* Carousel */
.district-4 .carousel button {
    border: none;
    color: var(--clr-white);
    background-color: var(--clr-blue-medium);
}
.district-4 .cmp-carousel__actions {
	padding: 1em 0;
	text-align: center;
}
.district-4 .cmp-carousel__indicators {
	padding-top: 1em;
}

/* Accordion */
.district-4 .cmp-accordion__title {
	font-size: 20px;
	font-weight: bold;
}

/* Text Wrap */
.district-4  .d4-text-wrap > .cmp-container > .aem-Grid > .image + .text {
    float: none !important;
    display: inline !important;
	padding: 0;
}
.district-4 .d4-text-wrap-right > .cmp-container > .aem-Grid > .image:has(+ .text) {
    padding: 0 1.5rem 1rem 0;
}


/* Image Hover */
.district-4 .d4-opacity-hover-075 a:hover {
    opacity: 0.75;
    transition: opacity 1s;
}

/* Text Color */
.district-4 .d4-color-white.text,
.district-4 .d4-color-white.button a,
.district-4 .d4-color-white a.cmp-download__action,
.district-4 .d4-color-white button,
.district-4 .d4-color-white .cmp-tabs__tab--active,
.district-4 .d4-color-white .cmp-teaser__content,
.district-4 .fa-color-white {
    color: var(--clr-white) !important;
}
.district-4 .d4-color-blue-light.text,
.district-4 .d4-color-blue-light.button a,
.district-4 .d4-color-blue-light a.cmp-download__action,
.district-4 .d4-color-blue-light button,
.district-4 .d4-color-blue-light .cmp-tabs__tab--active,
.district-4 .d4-color-blue-light .cmp-teaser__content,
.district-4 .fa-color-blue-light {
    color: var(--clr-blue-light) !important;
}
.district-4 .d4-color-blue-light-2.text,
.district-4 .d4-color-blue-light-2.button a,
.district-4 .d4-color-blue-light-2 a.cmp-download__action,
.district-4 .d4-color-blue-light-2 button,
.district-4 .d4-color-blue-light-2 .cmp-tabs__tab--active,
.district-4 .d4-color-blue-light-2 .cmp-teaser__content,
.district-4 .fa-color-blue-light-2 {
    color: var(--clr-blue-light-2) !important;
}
.district-4 .d4-color-blue-medium.text,
.district-4 .d4-color-blue-medium.button a,
.district-4 .d4-color-blue-medium a.cmp-download__action,
.district-4 .d4-color-blue-medium button,
.district-4 .d4-color-blue-medium .cmp-tabs__tab--active,
.district-4 .d4-color-blue-medium .cmp-teaser__content,
.district-4 .fa-color-blue-medium {
    color: var(--clr-blue-medium) !important;
}
.district-4 .d4-color-blue-deep.text,
.district-4 .d4-color-blue-deep.button a,
.district-4 .d4-color-blue-deep a.cmp-download__action,
.district-4 .d4-color-blue-deep button,
.district-4 .d4-color-blue-deep .cmp-tabs__tab--active,
.district-4 .d4-color-blue-deep .cmp-teaser__content,
.district-4 .fa-color-blue-deep {
    color: var(--clr-blue-deep) !important;
}
.district-4 .d4-color-yellow-light.text,
.district-4 .d4-color-yellow-light.button a,
.district-4 .d4-color-yellow-light a.cmp-download__action,
.district-4 .d4-color-yellow-light button,
.district-4 .d4-color-yellow-light .cmp-tabs__tab--active,
.district-4 .d4-color-yellow-light .cmp-teaser__content,
.district-4 .fa-color-yellow-light {
    color: var(--clr-yellow-light) !important;
}
.district-4 .d4-color-yellow.text,
.district-4 .d4-color-yellow.button a,
.district-4 .d4-color-yellow a.cmp-download__action,
.district-4 .d4-color-yellow button,
.district-4 .d4-color-yellow .cmp-tabs__tab--active,
.district-4 .d4-color-yellow .cmp-teaser__content,
.district-4 .fa-color-yellow {
    color: var(--clr-yellow) !important;
}
.district-4 .d4-color-orange-light.text,
.district-4 .d4-color-orange-light.button a,
.district-4 .d4-color-orange-light a.cmp-download__action,
.district-4 .d4-color-orange-light button,
.district-4 .d4-color-orange-light .cmp-tabs__tab--active,
.district-4 .d4-color-orange-light .cmp-teaser__content,
.district-4 .fa-color-orange-light {
    color: var(--clr-orange-light) !important;
}
.district-4 .d4-color-brown.text,
.district-4 .d4-color-brown.button a,
.district-4 .d4-color-brown a.cmp-download__action,
.district-4 .d4-color-brown button,
.district-4 .d4-color-brown .cmp-tabs__tab--active,
.district-4 .d4-color-brown .cmp-teaser__content,
.district-4 .fa-color-brown {
    color: var(--clr-brown) !important;
}
.district-4 .d4-color-pink.text,
.district-4 .d4-color-pink.button a,
.district-4 .d4-color-pink a.cmp-download__action,
.district-4 .d4-color-pink button,
.district-4 .d4-color-pink .cmp-tabs__tab--active,
.district-4 .d4-color-pink .cmp-teaser__content,
.district-4 .fa-color-pink {
    color: var(--clr-pink) !important;
}
.district-4 .d4-color-pink-dark.text,
.district-4 .d4-color-pink-dark.button a,
.district-4 .d4-color-pink-dark a.cmp-download__action,
.district-4 .d4-color-pink-dark button,
.district-4 .d4-color-pink-dark .cmp-tabs__tab--active,
.district-4 .d4-color-pink-dark .cmp-teaser__content,
.district-4 .fa-color-pink-dark {
    color: var(--clr-pink-dark) !important;
}
.district-4 .d4-color-red-dark.text,
.district-4 .d4-color-red-dark.button a,
.district-4 .d4-color-red-dark a.cmp-download__action,
.district-4 .d4-color-red-dark button,
.district-4 .d4-color-red-dark .cmp-tabs__tab--active,
.district-4 .d4-color-red-dark .cmp-teaser__content,
.district-4 .fa-color-red-dark {
    color: var(--clr-red-dark) !important;
}
.district-4 .d4-color-grey-light.text,
.district-4 .d4-color-grey-light.button a,
.district-4 .d4-color-grey-light a.cmp-download__action,
.district-4 .d4-color-grey-light button,
.district-4 .d4-color-grey-light .cmp-tabs__tab--active,
.district-4 .d4-color-grey-light .cmp-teaser__content,
.district-4 .fa-color-grey-light {
    color: var(--clr-grey-light)!important;
}
.district-4 .d4-color-grey-medium.text,
.district-4 .d4-color-grey-medium.button a,
.district-4 .d4-color-grey-medium a.cmp-download__action,
.district-4 .d4-color-grey-medium button,
.district-4 .d4-color-grey-medium .cmp-tabs__tab--active,
.district-4 .d4-color-grey-medium .cmp-teaser__content,
.district-4 .fa-color-grey-medium {
    color: var(--clr-grey-medium)!important;
}
.district-4 .d4-color-grey-dark.text,
.district-4 .d4-color-grey-dark.button a,
.district-4 .d4-color-grey-dark a.cmp-download__action,
.district-4 .d4-color-grey-dark button,
.district-4 .d4-color-grey-dark .cmp-tabs__tab--active,
.district-4 .d4-color-grey-dark .cmp-teaser__content,
.district-4 .fa-color-grey-dark {
    color: var(--clr-grey-dark)!important;
}
.district-4 .d4-color-grey-darker.text,
.district-4 .d4-color-grey-darker.button a,
.district-4 .d4-color-grey-darker a.cmp-download__action,
.district-4 .d4-color-grey-darker button,
.district-4 .d4-color-grey-darker .cmp-tabs__tab--active,
.district-4 .d4-color-grey-darker .cmp-teaser__content,
.district-4 .fa-color-grey-darker {
    color: var(--clr-grey-darker) !important;
}
.district-4 .d4-color-black.text,
.district-4 .d4-color-black.button a,
.district-4 .d4-color-black a.cmp-download__action,
.district-4 .d4-color-black button,
.district-4 .d4-color-black .cmp-tabs__tab--active,
.district-4 .d4-color-black .cmp-teaser__content,
.district-4 .fa-color-black {
    color: var(--clr-black) !important;
}

/* Background Color */
.district-4 .d4-bg-white:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-white.text,
.district-4 .d4-bg-white.button,
.district-4 .d4-bg-white > button,
.district-4 .d4-bg-hover-white.button a:hover,
.district-4 .d4-bg-hover-white button:hover,
.district-4 .d4-bg-white a.cmp-download__action,
.district-4 .d4-bg-hover-white a.cmp-download__action:hover,
.district-4 .d4-bg-white.accordion button,
.district-4 .d4-bg-white.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-white.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-white.teaser,
.district-4 .d4-bg-hover-white.button a:hover,
.district-4 .d4-bg-hover-white button:hover,
.district-4 .d4-bg-hover-white a.cmp-download__action:hover {
    background-color: var(--clr-white) !important;
}
.district-4 .d4-bg-blue-light:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-blue-light.text,
.district-4 .d4-bg-blue-light.button,
.district-4 .d4-bg-blue-light > button,
.district-4 .d4-bg-hover-blue-light.button a:hover,
.district-4 .d4-bg-hover-blue-light button:hover,
.district-4 .d4-bg-blue-light a.cmp-download__action,
.district-4 .d4-bg-hover-blue-light a.cmp-download__action:hover,
.district-4 .d4-bg-blue-light.accordion button,
.district-4 .d4-bg-blue-light.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-blue-light.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-blue-light.teaser,
.district-4 .d4-bg-hover-blue-light.button a:hover,
.district-4 .d4-bg-hover-blue-light button:hover,
.district-4 .d4-bg-hover-blue-light a.cmp-download__action:hover {
    background-color: var(--clr-blue-light) !important;
}
.district-4 .d4-bg-blue-light-2:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-blue-light-2.text,
.district-4 .d4-bg-blue-light-2.button,
.district-4 .d4-bg-blue-light-2 > button,
.district-4 .d4-bg-hover-blue-light-2.button a:hover,
.district-4 .d4-bg-hover-blue-light-2 button:hover,
.district-4 .d4-bg-blue-light-2 a.cmp-download__action,
.district-4 .d4-bg-hover-blue-light-2 a.cmp-download__action:hover,
.district-4 .d4-bg-blue-light-2.accordion button,
.district-4 .d4-bg-blue-light-2.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-blue-light-2.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-blue-light-2.teaser,
.district-4 .d4-bg-hover-blue-light-2.button a:hover,
.district-4 .d4-bg-hover-blue-light-2 button:hover,
.district-4 .d4-bg-hover-blue-light-2 a.cmp-download__action:hover {
    background-color: var(--clr-blue-light-2) !important;
}
.district-4 .d4-bg-blue-medium:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-blue-medium.text,
.district-4 .d4-bg-blue-medium.button,
.district-4 .d4-bg-blue-medium > button,
.district-4 .d4-bg-hover-blue-medium.button a:hover,
.district-4 .d4-bg-hover-blue-medium button:hover,
.district-4 .d4-bg-blue-medium a.cmp-download__action,
.district-4 .d4-bg-hover-blue-medium a.cmp-download__action:hover,
.district-4 .d4-bg-blue-medium.accordion button,
.district-4 .d4-bg-blue-medium.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-blue-medium.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-blue-medium.teaser,
.district-4 .d4-bg-hover-blue-medium.button a:hover,
.district-4 .d4-bg-hover-blue-medium button:hover,
.district-4 .d4-bg-hover-blue-medium a.cmp-download__action:hover {
    background-color: var(--clr-blue-medium) !important;
}
.district-4 .d4-bg-blue-deep:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-blue-deep.text,
.district-4 .d4-bg-blue-deep.button,
.district-4 .d4-bg-blue-deep > button,
.district-4 .d4-bg-hover-blue-deep.button a:hover,
.district-4 .d4-bg-hover-blue-deep button:hover,
.district-4 .d4-bg-blue-deep a.cmp-download__action,
.district-4 .d4-bg-hover-blue-deep a.cmp-download__action:hover,
.district-4 .d4-bg-blue-deep.accordion button,
.district-4 .d4-bg-blue-deep.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-blue-deep.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-blue-deep.teaser,
.district-4 .d4-bg-hover-blue-deep.button a:hover,
.district-4 .d4-bg-hover-blue-deep button:hover,
.district-4 .d4-bg-hover-blue-deep a.cmp-download__action:hover {
    background-color: var(--clr-blue-deep) !important;
}
.district-4 .d4-bg-yellow-light:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-yellow-light.text,
.district-4 .d4-bg-yellow-light.button,
.district-4 .d4-bg-yellow-light > button,
.district-4 .d4-bg-hover-yellow-light.button a:hover,
.district-4 .d4-bg-hover-yellow-light button:hover,
.district-4 .d4-bg-yellow-light a.cmp-download__action,
.district-4 .d4-bg-hover-yellow-light a.cmp-download__action:hover,
.district-4 .d4-bg-yellow-light.accordion button,
.district-4 .d4-bg-yellow-light.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-yellow-light.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-yellow-light.teaser,
.district-4 .d4-bg-hover-yellow-light.button a:hover,
.district-4 .d4-bg-hover-yellow-light button:hover,
.district-4 .d4-bg-hover-yellow-light a.cmp-download__action:hover {
    background-color: var(--clr-yellow-light) !important;
}
.district-4 .d4-bg-yellow:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-yellow.text,
.district-4 .d4-bg-yellow.button,
.district-4 .d4-bg-yellow > button,
.district-4 .d4-bg-hover-yellow.button a:hover,
.district-4 .d4-bg-hover-yellow button:hover,
.district-4 .d4-bg-yellow a.cmp-download__action,
.district-4 .d4-bg-hover-yellow a.cÏÏmp-download__action:hover,
.district-4 .d4-bg-yellow.accordion button,
.district-4 .d4-bg-yellow.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-yellow.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-yellow.teaser,
.district-4 .d4-bg-hover-yellow.button a:hover,
.district-4 .d4-bg-hover-yellow button:hover,
.district-4 .d4-bg-hover-yellow a.cmp-download__action:hover {
    background-color: var(--clr-yellow) !important;
}
.district-4 .d4-bg-orange-light:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-orange-light.text,
.district-4 .d4-bg-orange-light.button,
.district-4 .d4-bg-orange-light > button,
.district-4 .d4-bg-hover-orange-light.button a:hover,
.district-4 .d4-bg-hover-orange-light button:hover,
.district-4 .d4-bg-orange-light a.cmp-download__action,
.district-4 .d4-bg-hover-orange-light a.cmp-download__action:hover,
.district-4 .d4-bg-orange-light.accordion button,
.district-4 .d4-bg-orange-light.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-orange-light.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-orange-light.teaser,
.district-4 .d4-bg-hover-orange-light.button a:hover,
.district-4 .d4-bg-hover-orange-light button:hover,
.district-4 .d4-bg-hover-orange-light a.cmp-download__action:hover {
    background-color: var(--clr-orange-light) !important;
}
.district-4 .d4-bg-brown:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-brown.text,
.district-4 .d4-bg-brown.button,
.district-4 .d4-bg-brown > button,
.district-4 .d4-bg-hover-brown.button a:hover,
.district-4 .d4-bg-hover-brown button:hover,
.district-4 .d4-bg-brown a.cmp-download__action,
.district-4 .d4-bg-hover-brown a.cÏÏmp-download__action:hover,
.district-4 .d4-bg-brown.accordion button,
.district-4 .d4-bg-brown.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-brown.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-brown.teaser,
.district-4 .d4-bg-hover-brown.button a:hover,
.district-4 .d4-bg-hover-brown button:hover,
.district-4 .d4-bg-hover-brown a.cmp-download__action:hover {
    background-color: var(--clr-brown) !important;
}
.district-4 .d4-bg-pink:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-pink.text,
.district-4 .d4-bg-pink.button,
.district-4 .d4-bg-pink > button,
.district-4 .d4-bg-hover-pink.button a:hover,
.district-4 .d4-bg-hover-pink button:hover,
.district-4 .d4-bg-pink a.cmp-download__action,
.district-4 .d4-bg-hover-pink a.cÏÏmp-download__action:hover,
.district-4 .d4-bg-pink.accordion button,
.district-4 .d4-bg-pink.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-pink.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-pink.teaser,
.district-4 .d4-bg-hover-pink.button a:hover,
.district-4 .d4-bg-hover-pink button:hover,
.district-4 .d4-bg-hover-pink a.cmp-download__action:hover {
    background-color: var(--clr-pink) !important;
}
.district-4 .d4-bg-pink-dark:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-pink-dark.text,
.district-4 .d4-bg-pink-dark.button,
.district-4 .d4-bg-pink-dark > button,
.district-4 .d4-bg-hover-pink-dark.button a:hover,
.district-4 .d4-bg-hover-pink-dark button:hover,
.district-4 .d4-bg-pink-dark a.cmp-download__action,
.district-4 .d4-bg-hover-pink-dark a.cmp-download__action:hover,
.district-4 .d4-bg-pink-dark.accordion button,
.district-4 .d4-bg-pink-dark.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-pink-dark.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-pink-dark.teaser,
.district-4 .d4-bg-hover-pink-dark.button a:hover,
.district-4 .d4-bg-hover-pink-dark button:hover,
.district-4 .d4-bg-hover-pink-dark a.cmp-download__action:hover {
    background-color: var(--clr-pink-dark) !important;
}
.district-4 .d4-bg-red-dark:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-red-dark.text,
.district-4 .d4-bg-red-dark.button,
.district-4 .d4-bg-red-dark > button,
.district-4 .d4-bg-hover-red-dark.button a:hover,
.district-4 .d4-bg-hover-red-dark button:hover,
.district-4 .d4-bg-red-dark a.cmp-download__action,
.district-4 .d4-bg-hover-red-dark a.cmp-download__action:hover,
.district-4 .d4-bg-red-dark.accordion button,
.district-4 .d4-bg-red-dark.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-red-dark.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-red-dark.teaser,
.district-4 .d4-bg-hover-red-dark.button a:hover,
.district-4 .d4-bg-hover-red-dark button:hover,
.district-4 .d4-bg-hover-red-dark a.cmp-download__action:hover {
    background-color: var(--clr-red-dark) !important;
}
.district-4 .d4-bg-grey-light:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-grey-light.text,
.district-4 .d4-bg-grey-light.button,
.district-4 .d4-bg-grey-light > button,
.district-4 .d4-bg-hover-grey-light.button a:hover,
.district-4 .d4-bg-hover-grey-light button:hover,
.district-4 .d4-bg-grey-light a.cmp-download__action,
.district-4 .d4-bg-hover-grey-light a.cmp-download__action:hover,
.district-4 .d4-bg-grey-light.accordion button,
.district-4 .d4-bg-grey-light .cmp-tabs__tab--active,
.district-4 .d4-bg-grey-light .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-grey-light.teaser,
.district-4 .d4-bg-hover-grey-light.button a:hover,
.district-4 .d4-bg-hover-grey-light button:hover,
.district-4 .d4-bg-hover-grey-light a.cmp-download__action:hover {
    background-color: var(--clr-grey-light) !important;
}
.district-4 .d4-bg-grey-medium:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-grey-medium.text,
.district-4 .d4-bg-grey-medium.button,
.district-4 .d4-bg-grey-medium > button,
.district-4 .d4-bg-hover-grey-medium button a:hover,
.district-4 .d4-bg-hover-grey-medium button:hover,
.district-4 .d4-bg-grey-medium a.cmp-download__action,
.district-4 .d4-bg-hover-grey-medium a.cmp-download__action:hover,
.district-4 .d4-bg-grey-medium.accordion button,
.district-4 .d4-bg-grey-medium.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-grey-medium.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-grey-medium.teaser,
.district-4 .d4-bg-hover-grey-medium.button a:hover,
.district-4 .d4-bg-hover-grey-medium button:hover,
.district-4 .d4-bg-hover-grey-medium a.cmp-download__action:hover {
    background-color: var(--clr-grey-medium) !important;
}
.district-4 .d4-bg-grey-dark:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-grey-dark.text,
.district-4 .d4-bg-grey-dark.button,
.district-4 .d4-bg-grey-dark > button,
.district-4 .d4-bg-hover-grey-dark.button a:hover,
.district-4 .d4-bg-hover-grey-dark button:hover,
.district-4 .d4-bg-grey-dark a.cmp-download__action,
.district-4 .d4-bg-hover-grey-dark a.cmp-download__action:hover,
.district-4 .d4-bg-grey-dark.accordion button,
.district-4 .d4-bg-grey-dark.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-grey-dark.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-grey-dark.teaser,
.district-4 .d4-bg-hover-grey-dark.button a:hover,
.district-4 .d4-bg-hover-grey-dark button:hover,
.district-4 .d4-bg-hover-grey-dark a.cmp-download__action:hover {
    background-color: var(--clr-grey-dark) !important;
}
.district-4 .d4-bg-grey-darker:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-grey-darker.text,
.district-4 .d4-bg-grey-darker.button,
.district-4 .d4-bg-grey-darker > button,
.district-4 .d4-bg-hover-grey-darker.button a:hover,
.district-4 .d4-bg-hover-grey-darker button:hover,
.district-4 .d4-bg-grey-darker a.cmp-download__action,
.district-4 .d4-bg-hover-grey-darker a.cmp-download__action:hover,
.district-4 .d4-bg-grey-darker.accordion button,
.district-4 .d4-bg-grey-darker.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-grey-darker.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-grey-darker.teaser,
.district-4 .d4-bg-hover-grey-darker.button a:hover,
.district-4 .d4-bg-hover-grey-darker button:hover,
.district-4 .d4-bg-hover-grey-darker a.cmp-download__action:hover  {
    background-color: var(--clr-grey-darker) !important;
}                                    
.district-4 .d4-bg-black:not(.download):not(.accordion):not(.tabs),
.district-4 .d4-bg-black.text,
.district-4 .d4-bg-black.button,
.district-4 .d4-bg-black > button,
.district-4 .d4-bg-hover-black.button a:hover,
.district-4 .d4-bg-hover-black button:hover,
.district-4 .d4-bg-black a.cmp-download__action,
.district-4 .d4-bg-hover-black a.cmp-download__action:hover,
.district-4 .d4-bg-black.accordion button,
.district-4 .d4-bg-black.tabs .cmp-tabs__tab--active,
.district-4 .d4-bg-black.tabs .cmp-tabs__tabpanel--active,
.district-4 .d4-bg-black.teaser,
.district-4 .d4-bg-hover-black.button a:hover,
.district-4 .d4-bg-hover-black button:hover,
.district-4 .d4-bg-hover-black a.cmp-download__action:hover  {
    background-color: var(--clr-black) !important;
}                                                     

/* Separator */
.district-4 .d4-border-white hr {
    color: var(--clr-white) !important;
}
.district-4 .d4-border-blue-light hr {
    color: var(--clr-blue-light) !important;
}
.district-4 .d4-border-blue-light-2 hr {
    color: var(--clr-blue-light-2) !important;
}
.district-4 .d4-border-blue-medium hr {
    color: var(--clr-blue-medium) !important;
}
.district-4 .d4-border-blue-deep hr {
    color: var(--clr-blue-deep) !important;
}
.district-4 .d4-border-yellow-light hr {
    color: var(--clr-yellow-light) !important;
}
.district-4 .d4-border-yellow hr {
    color: var(--clr-yellow) !important;
}
.district-4 .d4-border-orange-light {
    color: var(--clr-orange-light) !important;
}
.district-4 .d4-border-brown hr {
    color: var(--clr-brown) !important;
}
.district-4 .d4-border-pink hr {
    color: var(--clr-pink) !important;
}
.district-4 .d4-border-pink-dark hr {
    color: var(--clr-pink-dark) !important;
}
.district-4 .d4-border-red-dark hr {
    color: var(--clr-red-dark) !important;
}
.district-4 .d4-border-grey-light hr {
    color: var(--clr-grey-light) !important;
}
.district-4 .d4-border-grey hr {
    color: var(--clr-grey) !important;
}
.district-4 .d4-border-grey-dark hr {
    color: var(--clr-grey-dark) !important;
}
.district-4 .d4-border-grey-darker hr {
    color: var(--clr-grey-darker) !important;
}
.district-4 .d4-border-black hr {
    color: var(--clr-black) !important;
}
.district-4 .d4-header-title-line hr {
    width: 18.5em;
}

/* Font Awesome */
.district-4 .cosd-global-fa a {
	color: var(--clr-blue-light) !important;
}
.district-4 .cosd-global-fa span + span {
	color: var(--clr-grey-dark) !important;
}
.district-4 .fa-color-white .cosd-global-fa a,
.district-4 .fa-color-white .cosd-global-fa span + span {
	color: var(--clr-white) !important;
}
.district-4 .fa-color-blue-light .cosd-global-fa a,
.district-4 .fa-color-blue-light .cosd-global-fa span + span {
	color: var(--clr-blue-light) !important;
}
.district-4 .fa-color-blue-light-2 .cosd-global-fa a,
.district-4 .fa-color-blue-light-2 .cosd-global-fa span + span {
	color: var(--clr-blue-light-2) !important;
}
.district-4 .fa-color-blue-medium .cosd-global-fa a,
.district-4 .fa-color-blue-medium .cosd-global-fa span + span {
	color: var(--clr-blue-medium) !important;
}
.district-4 .fa-color-blue-deep .cosd-global-fa a,
.district-4 .fa-color-blue-deep .cosd-global-fa span + span {
	color: var(--clr-blue-deep) !important;
}
.district-4 .fa-color-yellow-light .cosd-global-fa a,
.district-4 .fa-color-yellow-light .cosd-global-fa span + span {
	color: var(--clr-yellow-light) !important;
}
.district-4 .fa-color-yellow .cosd-global-fa a,
.district-4 .fa-color-yellow .cosd-global-fa span + span {
	color: var(--clr-yellow) !important;
}
.district-4 .fa-color-orange-light .cosd-global-fa a,
.district-4 .fa-color-orange-light .cosd-global-fa span + span {
	color: var(--clr-orange-light) !important;
}
.district-4 .fa-color-brown .cosd-global-fa a,
.district-4 .fa-color-brown .cosd-global-fa span + span {
	color: var(--clr-brown) !important;
}
.district-4 .fa-color-pink .cosd-global-fa a,
.district-4 .fa-color-pink .cosd-global-fa span + span {
	color: var(--clr-pink) !important;
}
.district-4 .fa-color-pink-dark .cosd-global-fa a,
.district-4 .fa-color-pink-dark .cosd-global-fa span + span {
	color: var(--clr-pink-dark) !important;
}
.district-4 .fa-color-red-dark .cosd-global-fa a,
.district-4 .fa-color-red-dark .cosd-global-fa span + span {
	color: var(--clr-red-dark) !important;
}
.district-4 .fa-color-grey-light .cosd-global-fa a,
.district-4 .fa-color-grey-light  .cosd-global-fa span + span  {
	color: var(--clr-grey-light) !important;
}
.district-4 .fa-color-grey .cosd-global-fa a,
.district-4 .fa-color-grey .cosd-global-fa span + span  {
	color: var(--clr-grey) !important;
}
.district-4 .fa-color-grey-dark .cosd-global-fa a,
.district-4 .fa-color-grey-dark  .cosd-global-fa span + span  {
	color: var(--clr-grey-dark) !important;
}
.district-4 .fa-color-grey-darker .cosd-global-fa a,
.district-4 .fa-color-grey-darker .cosd-global-fa span + span  {
	color: var(--clr-grey-darker) !important;
}
.district-4 .fa-color-black .cosd-global-fa a,
.district-4 .fa-color-black .cosd-global-fa span + span  {
	color: var(--clr-black) !important;
}
.district-4 .fa-align-left {
	text-align: left;
}
.district-4 .fa-align-center {
	text-align: center;
}
.district-4 .fax-align-right {
	text-align: right;
}
.district-4 .fa-caption-left > div span + span,
.district-4 .fa-caption-right > div span + span {
    vertical-align: middle;
    height: auto;
    padding: 1em 0;
}

.district-4 form.cmp-form * {
    font-size: inherit;
    color: inherit;
}

/* COSD Press Release */
.cosd-press-release {
  max-width: 1200px;
  margin: 0 auto;
}
.cosd-press-release * {
  font-family: "Times New Roman", serif !important;
}
.cosd-press-release-header *,
.cosd-press-release-footer *,
.cosd-press-release-title,
.cosd-press-release-subtitle {
  text-align: center;
}
.cosd-press-release-header,
.cosd-press-release-footer,
.cosd-press-release-body,
.cosd-press-release-supervisor,
.cosd-press-release-end {
  margin-bottom: 3rem;
}
.cosd-press-release-header {
  line-height: 0.5rem;
}
.cosd-press-release-date,
.cosd-press-release-contact {
  display: inline-flex;
  width: 49%;
  vertical-align: top;
}
.cosd-press-release-date,
.cosd-press-release-subtitle,
.cosd-press-release-contact {
  font-weight: bold;
}
.cosd-press-release-date-date,
.cosd-press-release-subtitle {
  font-style: italic;
}
.cosd-press-release-date-label {
    margin-right: 0.5rem;
}
.cosd-press-release-contact-label {
  display: contents;
  margin-right: 1rem;
}
.cosd-press-release-contact-person {
  margin-left: 1rem;
  font-style: italic;
}
.cosd-press-release-contact-email {
  margin-top: 0;
}
.cosd-press-release-header .cosd-press-release-logo {
  max-width: 200px;
  margin: 1rem 0;
}
.cosd-press-release-footer .cosd-press-release-logo {
  max-width: 75px;
}
.cosd-press-release-content,
.cosd-press-release-end {
  font-size: 1.25rem;
}
.cosd-press-release-article {
	display: flex;
}
.cosd-press-release-image-element-title {
    display: none;
}
.cosd-press-release-items {
    margin: 0 1rem 2rem 1rem;
}
.cosd-press-release-heading {
    margin: 1rem 0 0.5rem 0;
}
.bos-cosd-press-release-image-alternating .cosd-press-release-article .cosd-press-release-items * {
    text-align: left;
}
.bos-cosd-press-release-image-width-100 .cosd-press-release-image-element {
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 1rem;
}
.bos-cosd-press-release-image-alternating .cosd-press-release-list-item:nth-child(even) .cosd-press-release-article {
    flex-direction: row-reverse;
}

.bos-page .cosd-press-release-heading, .bos-page .cosd-bos-bl-heading {
    font-size: 1.25em;
}
.cosd-press-release-items {
    width: 100% !important;
}

@media (min-width: 1170px) {    
    .bos-cosd-press-release-image-alternating:not(.bos-cosd-press-release-image-width-100) .cosd-press-release-list-item:nth-child(odd) .cosd-press-release-image-element {
        text-align: right !important;
    }
    .bos-cosd-press-release-image-width-100 .cosd-press-release-article  {
        display: block;
        width: 100% !important;
    }
}

@media (max-width: 1169px) {
    .bos-page .bos-container-header {
        padding: 1rem;
    }
    .bos-page .bos-container-header + .navigation .cmp-navigation__item {
        padding: 0 1rem !important;
        font-size: 22px;
    }
    .bos-page .bos-container-header + .navigation .bos-menu-parent > a::after {
        border-color: var(--clr-white) transparent transparent;
    }
	.bos-cosd-press-release-image-width-100 .cosd-press-release-article {
		display: block;
    }
    .bos-cosd-press-release-image-width-100 .cosd-press-release-image-element {
        width: auto !important;
        text-align: center !important;
        float: none !important;
        margin-bottom: 1rem !important;
    }
    .d4-social-footer * {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .cosd-press-release-date,
    .cosd-press-release-contact {
        width: 100%;
        margin-top: 1rem;
    }
    .cosd-press-release-supervisor-name,
	.cosd-press-release-board {
        line-height: normal;
    }
}

@media (max-width: 679px) {
	.cosd-press-release-article {
		display: block;
    }
    .cosd-press-release-image-element {
        width: auto !important;
        text-align: center !important;
        float: none !important;
        margin-bottom: 1rem !important;
    }
}

/* Board Letters */
.district-4 .cosd-bos-bl-heading,
.district-4 .cosd-bos-bl-heading + .cosd-bos-bl-element-shortDescription,
.district-4 .cosd-bos-bl-element-shortDescription-title,
.district-4 .cosd-bos-bl-element-shortDescription-value,
.district-4 .cosd-bos-bl-date-element-value,
.district-4 .cosd-press-release-heading,
.district-4 .cosd-press-release-heading + .cosd-press-release-element-shortDescription,
.district-4 .cosd-press-release-element-shortDescription-title,
.district-4 .cosd-press-release-element-shortDescription-value,
.district-4 .cosd-press-release-bl-date-element-title
.district-4 .cosd-press-release-bl-date-element-value {
	font-size: 1em !important;
}

/* Header updates */
#d4-header-sign-up {
    position: absolute;
    top: 0.5rem;
    left: 1rem;
}
#d4-header-sign-up a:not(:hover) {
    color: var(--clr-white);
}
#d4-header-seal-name > div {
    display: flex;
    justify-content: center;
    margin: 1rem 0 0.25rem 0;
}
#d4-header-seal-name .image,
#d4-header-seal-name .text {
    display: contents;
}
#d4-header-seal-name .image img {
    max-width: 4.25rem;
    margin: 0 1rem 0 0;
}
#d4-header-seal-name .text > .cmp-text * {
    margin: 0;
}
@media (max-width: 1169px) {
	#d4-header-seal-name .image img {
	    max-width: 3.5rem;
	    margin: 0 0.5rem 0 0;
	}
    #d4-header-sign-up {
        left: 5rem;
    }
}

@media (max-width: 899px) {
    #d4-header-sign-up {
		position: relative;
		left: 0;
		margin: -0.5rem 1rem 0 0;
	}
}

/* Form fields required */
form.cmp-form fieldset .cmp-form-options__legend-required {
    display: none;
}

form.cmp-form label:has(+ :is(textarea,input)[required]):after,
form.cmp-form fieldset[required="true"] :is(label.cmp-form-options__label,legend):after {
    content: " *";
    color: #ff0000 !important;
}

.site-exit .cosd-site-modal-close {
    height: 3rem;
}

.site-exit .cosd-site-exit-continuebtn {
	background-color: var(--clr-orange-light) !important;
}

.cosd-site-exit-message + p {
	font-size: 24px;
}


/* Header bottom bar override */
.experiencefragment:has( + .container #d4-page-title) .container:has(> #d4-header-bar-bottom) {
    background-color: var(--clr-grey-medium) !important;
} 


/* Redesign */

.bos-container-header {
    padding-bottom: 1.5rem !important;
}

.bos-container-header .cmp-image .cmp-image__image {
    width: auto !important;
    max-height: 100px;
    xobject-fit: contain;
}

.bos-page .bos-container-header .aem-Grid > .container {
    width: 100% !important;
}

@media (min-width: 1170px) {
    .aem-Grid:has(> .navigation) {
        position: relative;
    }
                  
    .navigation {
        position: absolute;
        top: 40%;
        text-align: right;
    }
}

@media (max-width: 1169px) {
    .bos-page .navigation {
    	xwidth: 50% !important;
        xtop: 11.25rem;
		top: 8rem;
        right: 0 !important;
    	background-color: var(--clr-white);
    }
}
@media (max-width: 450px) {
    .bos-page .navigation {
        top: 6rem;
    }
}
.bos-page .navigation ul > li {
    display: inline-block;
    font-size: 1.25rem;
    text-transform: uppercase;
}

.bos-page .navigation {
	position: absolute;
    z-index: 10;
    xtop: 11.25rem;
	right: 2rem;
	xopacity: 0.9;
}

.district-4 .nav-mobile {
    top: 7rem;
   	right: 2rem;
    left: unset;
}

.district-4 .nav-mobile, 
.district-4 .nav-mobile:before, 
.district-4 .nav-mobile:after {
    background-color: var(--clr-blue-deep);
}

.d4-container-hero > .cmp-container {
    xmax-width: 1795px;
    xmargin: 0 auto;
    xpadding: 5rem 0 0 5rem;
}

.d4-container-hero .aem-Grid img {
    xdisplay: flex;
    xwidth: auto;
}

x.aem-Grid:has(> .bos-container-header) {
    max-width: 1795px;
    margin: 0 auto;
}

.cmp-teaser {
    display: flex;
    flex-direction: row-reverse;
}
.cmp-teaser > div {
    xflex: 1;
}

.image:has(+ .teaser) img {
    width: auto;
    padding: 5rem 0 0 5rem;
}

.cmp-teaser > .cmp-teaser__image > .cmp-image {
    xposition: relative !important;
    xheight: 1000px
}
.d4-container-hero:has(> .cmp-container > .aem-Grid > .image) .cmp-teaser__image {
    xmargin-top: -15rem;
    margin-top: -240px;
    margin-bottom: -75px;
}
.d4-container-hero:not(:has(.teaser)) img {
    max-width: 1400px;
    float: right;
}
.d4-container-hero:not(:has(.teaser)) .aem-Grid .cmp-container:has(> .aem-Grid) {
    background-size: contain !important;
}
.cmp-teaser__content {
    position: absolute;
    left: 0;
    max-width: 60%;
    flex: 1;
    padding: 0 0 0 5rem;
}    
@media (max-width: 1169px) {
    .cmp-teaser__content {
        max-width: 50%;
    }
}
@media (max-width: 1599px) {
   .cmp-teaser__content {
        margin-right: -15rem;
    }
}
.d4-container-hero .teaser img {
    width: 750px;
    margin-left: auto;
}
x.teaser img {
    height: auto;
    width: auto;
    position: absolute;
    right: 0;
    bottom: 0;
}

.container:has(.teaser) > .cmp-container {
    background-size: cover !important;
    background-position: right center;    
}

.cmp-teaser__title {
    margin-bottom: 0;
    font-family: var(--font-extra-bold) !important;
    color: white;
    font-size: 80px;
}
.cmp-teaser__description p {
    margin-top: 0.75rem;
    font-family: var(--font-italic);
    font-size: 50px;
    color: var(--clr-pink);
}

@media (max-width: 1169px) {
    .cmp-teaser__title {
        font-size: 50px;
    }
    .cmp-teaser__description p {
        font-size: 37px;
    	line-height: initial;
    }
    .d4-container-hero .teaser img {
		width: 600px;
	}
    .d4-group-buttons .button {
        font-size: 18px !important;
    }
}

@media (max-width: 767px) {
    .cmp-teaser__title {
        font-size: 32px;
    }
    .cmp-teaser__description p {
        font-size: 21px;
    }
    .d4-container-hero .teaser img {
		width: 600px;
        margin-bottom: -1rem;
        margin-right: -5rem;
        overflow: clip;
	}
    .cmp-teaser__content {
        padding: 0 0 0 2rem;
    }
    .image:has(+ .teaser) img {
        width: 200px;
        margin-bottom: 10rem;
        padding: 2rem 0 0 2rem;
    }
    .d4-container-hero .teaser img {
        width: 500px;
    }
    .d4-container-hero:has(> .cmp-container > .aem-Grid > .image) .cmp-teaser__image {
        margin-top: -280px;
        margin-bottom: revert;
        overflow: clip;
    }
    .cmp-teaser__content {
        max-width: 65%;
    }
    .d4-group-buttons .aem-Grid:has(.button) {
        display: flex;
        flex-direction: column;
    }
    .d4-group-buttons .button {
        width: 100% !important;
        font-size: 24px !important;
    }
}

.d4-group-buttons .aem-Grid:has(.button) {
    display: flex;
}
.d4-group-buttons .button {
    flex: 1;
    margin: 0;
    border-radius: revert !important;
    font-family: var(--font-bold);
    font-size: 1.6875rem;
}

.d4-group-buttons .button a {
    padding: 1rem 1rem 1.5rem 1rem;
}

.cmp-button__icon::before {
    content: "";
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;		
	background-repeat: no-repeat;
    background-position-y: bottom;
}
.cmp-button__icon--d4-icon-envelope::before {
	background-image: url("../../../content/dam/d4/images/global/d4-icon-envelope.png");
    xvertical-align: middle;
    xmargin-bottom: -0.8rem;
}
.cmp-button__icon--d4-icon-arrow::before {
	background-image: url("../../../content/dam/d4/images/global/d4-icon-arrow.png");
    xvertical-align: bottom;
}
.cmp-button__icon--d4-icon-heart::before {
	background-image: url("../../../content/dam/d4/images/global/d4-icon-heart.png");
	width: 1.75rem;
}
.bos-page .cmp-navigation__item--level-0 a {
    padding: 2em 0.25rem 0.5em 1em;
    xfont-size: 1.125rem;
}

.bos-page .cmp-navigation__item--level-1 a {
    padding: 0 1em;
    width: auto;
    display: inline-block;
}
@media (max-width: 450px) {
    .bos-container-header {
        padding: 0 !important;
    }
    .bos-page .bos-container-header .image {
		width: revert !important;
        height: revert !important;
    }
}
@media (min-width: 1170px) {
    .cmp-experiencefragment--header ul > li:last-child > ul {
        right: 0;
    }
}
.district-4 .nav-mobile {
    top: revert;
    bottom: 4rem;
}
@media (max-width: 450px) {
    .district-4 .nav-mobile {
        bottom: 3.25rem;
        right: 1rem !important;
    }
	.d4-container-hero:not(:has(.teaser)) img {
        width: 700px;
        margin-right: -4.5rem;
    }
    .d4-container-hero:not(:has(.teaser)) .aem-Grid .cmp-container:has(> .aem-Grid) {
        background-position-x: -1.5rem;
        background-position-y: center;
    	overflow: clip;
    }
    .d4-container-hero:not(:has(.teaser)) > .cmp-container {
        background-position-x: 80%;
    }
}
div:has(> .bos-container-header) {
    position: relative;
}
@media (max-width: 375px) {
	.bos-container-header .cmp-image .cmp-image__image {
        max-height: 90px;
    }
}
@media (max-width: 767px) {
    .d4-social-header {
        float: left;
        padding: 0.5rem !important;
    }
}

.bos-facebook:is(> span, > iframe) {
    width: 100% !important;
    height: 500px !important;
}

.district-4 .skip-link.visually-hidden-focusable {
  position: absolute;
  top: -44px;
  left: 1rem;
  background-color: var(--clr-pink-dark);
  color: #fff;
  padding: 8px 16px;
  z-index: 1000;
  text-decoration: none;
  border-radius: 4px;
  transition: top 0.2s ease;
}

.district-4 .skip-link.visually-hidden-focusable:focus {
  top: 10px;
  outline: 2px solid var(--clr-white);
}

#d4-title-home {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

@media (min-width: 651px) {
    :not(.cq-Editable-dom) #d4-flex > div {
        display: flex;
    }
    :not(.cq-Editable-dom) #d4-flex > div > div {
        flex: 1;
        width: 100% !important;
    }
	:not(.cq-Editable-dom) #d4-flex > div > .newpar {
        display: none;
    }
    :not(.cq-Editable-dom) .container:has(> #d4-flex) {
        max-width: revert;
        width: calc(100% - 16.66666666%);
        float: none;
    }
	x.cq-Editable-dom:has(> #d4-flex) {
		height: auto;
    }

}