@charset "UTF-8";


/*!
 * Common colors and constants
 * ===========================
 *
 * Text sizing
 * -----------
 * Body copy: 18px
 * Line height / baseline grid: 24px
 * H6: 22px
 * H5: 26px
 * H4: 30px
 * H3: 38px
 * H2: 50px
 * H1: 60px
 * Small or secondary: 16px, 15px
 *
 * Text colors
 * -----------
 * Copy: #5d7278
 * Titles: #00607a
 *
 * Theme colors
 * ------------
 * Primary (ADEA Blue): #005d83
 *   Tint: #5595a9
 *   Shade: #003f53
 * Accent (Light Blue): #009caf
 *   Tint: #55bdca
 *   Shade: #006874
 * Action (Gold): #a69447
 *   Tint: #c4b885
 *   Shade: #6e622f
 *
 * Other colors
 * ------------
 * Page background: #ffffff
 * Light wash: #f1f1f1
 * Mid wash: #d4d4d4
 * Dark wash: #444444
 * Warnings: #8c0000
 *
 * Measurements
 * ------------
 * Maximum page width: 1600px
 *
 * Breakpoints
 * -----------
 * Small: 480px
 * Medium: 768px
 * Large: 960px
 * Widescreen: 1696px
 */

.hidden {
    display: none;
}
/*! ---------- =reset ---------- */

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
}

ul {
    list-style: disc;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

img {
    -ms-interpolation-mode: bicubic;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    box-sizing: content-box;
    height: 0;
    margin: 15px 0;
    border-bottom: 1px solid #d4d4d4;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*! ---------- =typography ---------- */

body {
    font: 18px/24px "Nunito Sans", Helvetica, Arial, sans-serif;
    color: #5d7278;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

p,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 12px;
    margin-bottom: 24px;
}

    p:last-child,
    ol:last-child,
    ul:last-child,
    h1:last-child,
    h2:last-child,
    h3:last-child,
    h4:last-child,
    h5:last-child,
    h6:last-child {
        margin-bottom: 0;
    }

p,
ol,
ul {
    orphans: 2;
    widows: 2;
}

ol,
ul {
    margin-left: 2em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #00475f;
}

    h1 img,
    h2 img,
    h3 img,
    h4 img,
    h5 img,
    h6 img {
        display: inline-block;
        vertical-align: middle;
    }

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        display: block;
    }

h1 {
    font-size: 60px;
    line-height: 60px;
}

@media (max-width: 767px) {
    h1 {
        font-size: 50px;
        line-height: 60px;
    }
}

@media (max-width: 479px) {
    h1 {
        font-size: 38px;
        line-height: 48px;
    }
}

h2 {
    font-size: 50px;
    line-height: 60px;
}

@media (max-width: 767px) {
    h2 {
        font-size: 38px;
        line-height: 48px;
    }
}

h3 {
    font-size: 40px;
    line-height: 48px;
}

@media (max-width: 767px) {
    h3 {
        font-size: 30px;
        line-height: 36px;
    }
}

h4 {
    font-size: 30px;
    line-height: 36px;
}

h5 {
    font-size: 26px;
    line-height: 36px;
}

h6 {
    font-size: 22px;
    line-height: 24px;
}

.text-size {
    font-size: 18px;
    line-height: 24px;
}

.align-left {
    text-align: left;
    margin-left: 0;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.note {
    font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif;
    opacity: 0.8;
}

pre + .note,
input + .note,
textarea + .note {
    margin-top: -12px;
}

.highlight {
    color: #009caf;
}

.warn {
    color: #8c0000;
}

.type-family-sample {
    font-size: 38px;
    line-height: 36px;
}


/*! ---------- =common =components ---------- */

a {
    text-decoration: none;
    color: #005d83;
}

    a:hover,
    a:focus {
        color: #009caf;
    }

.sfContentBlock a {
    font-weight: bold;
}

a,
button {
    transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, box-shadow 0.15s ease-out, opacity 0.15s ease-out;
}

    a.button:hover {
        color: #fff !important;
    }

.more {
    display: inline-block;
    font-weight: 700;
}

    .more .fa-arrow-right {
        margin-left: 0.3em;
        transition: transform 0.15s ease-out;
    }

    .more:hover .fa-arrow-right,
    .more:focus .fa-arrow-right {
        -ms-transform: translateX(0.2em);
        transform: translateX(0.2em);
    }

.img-left,
.img-right {
    display: block;
    max-width: 40%;
    margin: 0 0 12px;
}

    .img-left img,
    .img-right img {
        display: block;
    }

.img-left {
    float: left;
    margin-right: 12px;
}

.img-right {
    float: right;
    margin-left: 12px;
}

figure {
    display: block;
    margin-bottom: 24px;
    border: 1px solid #f1f1f1;
    padding: 6px;
}

figcaption {
    display: block;
    padding: 6px 0;
    font-size: 15px;
    opacity: 0.8;
}

dl:not(:last-child) {
    margin-bottom: 24px;
}

dt {
    float: left;
    clear: left;
    margin-right: 18px;
    font-weight: 700;
}

    dt ~ dt {
        margin-top: 12px;
    }

dd {
    display: block;
    overflow: hidden;
}

    dd ~ dd {
        margin-top: 12px;
    }

.to-screen-edges,
.content > .page-bounds > .carousel {
    width: auto !important;
    margin-left: -24px;
    margin-right: -24px;
}

.to-screen-edges__content {
    padding-left: 24px;
    padding-right: 24px;
}

@media (min-width: 768px) {
    .to-screen-edges,
    .content > .page-bounds > .carousel {
        margin-left: -48px;
        margin-right: -48px;
    }

    .to-screen-edges__content {
        padding-left: 48px;
        padding-right: 48px;
    }
}

@media (min-width: 1696px) {
    .to-screen-edges,
    .content > .page-bounds > .carousel {
        margin-left: calc(-50vw + (1600px / 2));
        margin-right: calc(-50vw + (1600px / 2));
    }

    .to-screen-edges__content {
        padding-left: calc(50vw - (1600px / 2));
        padding-right: calc(50vw - (1600px / 2));
    }
}


.pull-quote {
    padding: 24px 0;
    margin: 24px 0;
    border: solid #006874;
    border-width: 2px 0;
    font-size: 22px;
    line-height: 36px;
    font-weight: 300;
}

.pull-quote__attribution {
    display: block;
    font-size: 16px;
    line-height: 24px;
    opacity: 0.8;
}

    .pull-quote__attribution::before {
        content: '– ';
    }

p + .pull-quote__attribution {
    margin-top: -18px;
}

@media (min-width: 480px) {
    .pull-quote--left,
    .pull-quote--right {
        max-width: 40%;
        margin-top: 0;
    }

    .pull-quote--left {
        float: left;
        margin-right: 24px;
        padding: 0 24px 0 0;
        border-width: 0 2px 0 0;
    }

    .pull-quote--right {
        float: right;
        margin-left: 24px;
    }
}


.content-box {
    background: #f4fafc;
    -webkit-box-shadow: 0px 1px 3px 0px #E0E0E0;
    box-shadow: 0px 1px 3px 0px #E0E0E0;
    position: relative;
}

.related-content .content-box {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}

.content-box-title {
    background: #005e80;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    padding: 16px 24px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.content-box--content {
    padding: 18px 18px;
}

.content-box:not(:last-child) {
    margin-bottom: 24px;
}

.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5,
.content-box h6,
h3.resource-subtitle {
    color: #005d83;
}

.content-box-title.content-box-title--highlight {
    background: #009dad;
}

.content-box--highlight h1,
.content-box--highlight h2,
.content-box--highlight h3,
.content-box--highlight h4,
.content-box--highlight h5,
.content-box--highlight h6 {
    color: #009caf;
}

.content-box.content-box--action {
    background: #f4fafc;
}

.content-box-title.content-box-title--action {
    background: #a79353;
}

.content-box--action h1,
.content-box--action h2,
.content-box--action h3,
.content-box--action h4,
.content-box--action h5,
.content-box--action h6 {
    color: #a69447;
}

.content-box.with-photo {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    max-width: 350px !important;
}

    .content-box.with-photo img {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .content-box.with-photo .fa-regular, .content-box.with-photo .far, .content-box.with-photo .fa-solid, .content-box.with-photo .fa-thin, .content-box.with-photo .fa-duotone, .content-box.with-photo .fa-light {
        font-weight: 400;
        font-size: 36px;
        padding-top: 12px;
        color: #009caf;
    }

    .content-box.with-photo a {
        font-size: 24px;
    }


/* application services */

.application-content {
    padding: 18px 18px;
}

.application-small-text {
    font-size: 15px;
    font-weight: 500;
    color: #5E7279;
    margin-bottom: 12px;
}

.application-big-text {
    font-weight: 500;
    color: #5E7279;
}

.application-content .button {
    border: none;
    position: absolute;
    bottom: 17px;
    right: 21px;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 22px;
}


    .application-content .button:hover, .application-content .button:focus, .application-content .button:active {
        color: #fff;
    }



.button .fal.fa-long-arrow-right {
    font-weight: 600;
    margin-left: 12px;
}

.content-box--aadas {
    background: #fcf8f3;
    -webkit-box-shadow: 0px 1px 3px 0px #E0E0E0;
    box-shadow: 0px 1px 3px 0px #E0E0E0;
    position: relative;
}

.aadas-title {
    background: #de8a42;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    padding: 16px 24px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .aadas-title span {
        font-weight: 400;
        font-size: 16px;
    }

.content-box--aadas .button {
    background: #de8a42;
    color: #fff;
}

.content-box--caapid {
    background: #f4fafc;
    -webkit-box-shadow: 0px 1px 3px 0px #E0E0E0;
    box-shadow: 0px 1px 3px 0px #E0E0E0;
    position: relative;
}

.caapid-title {
    background: #005e80;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    padding: 16px 24px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .caapid-title span {
        font-weight: 400;
        font-size: 16px;
    }

.content-box--caapid .button {
    background: #005e80;
    color: #fff;
}

.content-box--dhcas {
    background: #fcf8f3;
    -webkit-box-shadow: 0px 1px 3px 0px #E0E0E0;
    box-shadow: 0px 1px 3px 0px #E0E0E0;
    position: relative;
}

.dhcas-title {
    background: #9c8ec0;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    padding: 16px 24px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .dhcas-title span {
        font-weight: 400;
        font-size: 16px;
    }

.content-box--dhcas .button {
    background: #9c8ec0;
    color: #fff;
}

.content-box--pass {
    background: #f9fbf7;
    -webkit-box-shadow: 0px 1px 3px 0px #E0E0E0;
    box-shadow: 0px 1px 3px 0px #E0E0E0;
    position: relative;
}

.pass-title {
    background: #618947;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    padding: 16px 24px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .pass-title span {
        font-weight: 400;
        font-size: 16px;
    }

.content-box--pass .button {
    background: #618947;
    color: #fff;
}


.truncator-expand {
    display: block;
    width: 100%;
    padding-top: 6px;
    margin-top: 12px;
    border-top: 1px dashed #d4d4d4;
    text-align: left;
    color: #009caf;
    font-weight: 700;
    font-size: 16px;
}

.margin + .truncator-expand {
    margin-top: -12px;
}

    .margin + .truncator-expand:not(:last-child) {
        margin-bottom: 24px;
    }

.item-list + .truncator-expand,
.margin-large + .truncator-expand {
    margin-top: -36px;
}

    .item-list + .truncator-expand:not(:last-child),
    .margin-large + .truncator-expand:not(:last-child) {
        margin-bottom: 48px;
    }

.color-spec {
    overflow: hidden;
    border: 1px solid #d4d4d4;
}

.color-spec__swatch {
    height: 0;
    padding-bottom: 100%;
}

.color-spec__text {
    padding: 24px 18px;
    font-size: 16px;
}

.color-spec__title {
    font-size: 22px;
    margin-bottom: 12px;
}

.color-spec__text p:not(:last-child) {
    margin-bottom: 12px;
}

.color-spec__role {
    font-style: italic;
    opacity: 0.65;
}

.js .toggle-target:not(.is-active) {
    display: none;
}

.screenreaders-only {
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.group:after,
dl:after,
.side-label:after,
.page-header:after,
.interior-layout:after,
.item-list__item:after,
.horizontal-scroll__wrapper:after {
    content: "";
    display: table;
    clear: both;
}

/*! common spacing classes */

.space-t-6 {
    margin-top: 72px;
}

.space-t-5 {
    margin-top: 48px;
}

.space-t-4 {
    margin-top: 36px;
}

.space-t-3 {
    margin-top: 24px;
}

.space-t-2 {
    margin-top: 12px;
}

.space-t-1 {
    margin-top: 6px;
}

.space-t-0 {
    margin-top: 0;
}

.pad-t-6 {
    padding-top: 72px;
}

.pad-t-5 {
    padding-top: 48px;
}

.pad-t-4 {
    padding-top: 36px;
}

.pad-t-3 {
    padding-top: 24px;
}

.pad-t-2 {
    padding-top: 12px;
}

.pad-t-1 {
    padding-top: 6px;
}

.pad-t-0 {
    padding-top: 0;
}

.space-r-6 {
    margin-right: 72px;
}

.space-r-5 {
    margin-right: 48px;
}

.space-r-4 {
    margin-right: 36px;
}

.space-r-3 {
    margin-right: 24px;
}

.space-r-2 {
    margin-right: 12px;
}

.space-r-1 {
    margin-right: 6px;
}

.space-r-0 {
    margin-right: 0;
}

.pad-r-6 {
    padding-right: 72px;
}

.pad-r-5 {
    padding-right: 48px;
}

.pad-r-4 {
    padding-right: 36px;
}

.pad-r-3 {
    padding-right: 24px;
}

.pad-r-2 {
    padding-right: 12px;
}

.pad-r-1 {
    padding-right: 6px;
}

.pad-r-0 {
    padding-right: 0;
}

.space-b-6 {
    margin-bottom: 72px;
}

.space-b-5 {
    margin-bottom: 48px;
}

.space-b-4 {
    margin-bottom: 36px;
}

.space-b-3 {
    margin-bottom: 24px;
}

.space-b-2 {
    margin-bottom: 12px;
}

.space-b-1 {
    margin-bottom: 6px;
}

.space-b-0 {
    margin-bottom: 0;
}

.pad-b-6 {
    padding-bottom: 72px;
}

.pad-b-5 {
    padding-bottom: 48px;
}

.pad-b-4 {
    padding-bottom: 36px;
}

.pad-b-3 {
    padding-bottom: 24px;
}

.pad-b-2 {
    padding-bottom: 12px;
}

.pad-b-1 {
    padding-bottom: 6px;
}

.pad-b-0 {
    padding-bottom: 0;
}

.space-l-6 {
    margin-left: 72px;
}

.space-l-5 {
    margin-left: 48px;
}

.space-l-4 {
    margin-left: 36px;
}

.space-l-3 {
    margin-left: 24px;
}

.space-l-2 {
    margin-left: 12px;
}

.space-l-1 {
    margin-left: 6px;
}

.space-l-0 {
    margin-left: 0;
}

.pad-l-6 {
    padding-left: 72px;
}

.pad-l-5 {
    padding-left: 48px;
}

.pad-l-4 {
    padding-left: 36px;
}

.pad-l-3 {
    padding-left: 24px;
}

.pad-l-2 {
    padding-left: 12px;
}

.pad-l-1 {
    padding-left: 6px;
}

.pad-l-0 {
    padding-left: 0;
}


@media (min-width: 768px) {
    .space-t-6-m {
        margin-top: 72px;
    }

    .space-t-5-m {
        margin-top: 48px;
    }

    .space-t-4-m {
        margin-top: 36px;
    }

    .space-t-3-m {
        margin-top: 24px;
    }

    .space-t-2-m {
        margin-top: 12px;
    }

    .space-t-1-m {
        margin-top: 6px;
    }

    .space-t-0-m {
        margin-top: 0;
    }

    .pad-t-6-m {
        padding-top: 72px;
    }

    .pad-t-5-m {
        padding-top: 48px;
    }

    .pad-t-4-m {
        padding-top: 36px;
    }

    .pad-t-3-m {
        padding-top: 24px;
    }

    .pad-t-2-m {
        padding-top: 12px;
    }

    .pad-t-1-m {
        padding-top: 6px;
    }

    .pad-t-0-m {
        padding-top: 0;
    }

    .space-r-6-m {
        margin-right: 72px;
    }

    .space-r-5-m {
        margin-right: 48px;
    }

    .space-r-4-m {
        margin-right: 36px;
    }

    .space-r-3-m {
        margin-right: 24px;
    }

    .space-r-2-m {
        margin-right: 12px;
    }

    .space-r-1-m {
        margin-right: 6px;
    }

    .space-r-0-m {
        margin-right: 0;
    }

    .pad-r-6-m {
        padding-right: 72px;
    }

    .pad-r-5-m {
        padding-right: 48px;
    }

    .pad-r-4-m {
        padding-right: 36px;
    }

    .pad-r-3-m {
        padding-right: 24px;
    }

    .pad-r-2-m {
        padding-right: 12px;
    }

    .pad-r-1-m {
        padding-right: 6px;
    }

    .pad-r-0-m {
        padding-right: 0;
    }

    .space-b-6-m {
        margin-bottom: 72px;
    }

    .space-b-5-m {
        margin-bottom: 48px;
    }

    .space-b-4-m {
        margin-bottom: 36px;
    }

    .space-b-3-m {
        margin-bottom: 24px;
    }

    .space-b-2-m {
        margin-bottom: 12px;
    }

    .space-b-1-m {
        margin-bottom: 6px;
    }

    .space-b-0-m {
        margin-bottom: 0;
    }

    .pad-b-6-m {
        padding-bottom: 72px;
    }

    .pad-b-5-m {
        padding-bottom: 48px;
    }

    .pad-b-4-m {
        padding-bottom: 36px;
    }

    .pad-b-3-m {
        padding-bottom: 24px;
    }

    .pad-b-2-m {
        padding-bottom: 12px;
    }

    .pad-b-1-m {
        padding-bottom: 6px;
    }

    .pad-b-0-m {
        padding-bottom: 0;
    }

    .space-l-6-m {
        margin-left: 72px;
    }

    .space-l-5-m {
        margin-left: 48px;
    }

    .space-l-4-m {
        margin-left: 36px;
    }

    .space-l-3-m {
        margin-left: 24px;
    }

    .space-l-2-m {
        margin-left: 12px;
    }

    .space-l-1-m {
        margin-left: 6px;
    }

    .space-l-0-m {
        margin-left: 0;
    }

    .pad-l-6-m {
        padding-left: 72px;
    }

    .pad-l-5-m {
        padding-left: 48px;
    }

    .pad-l-4-m {
        padding-left: 36px;
    }

    .pad-l-3-m {
        padding-left: 24px;
    }

    .pad-l-2-m {
        padding-left: 12px;
    }

    .pad-l-1-m {
        padding-left: 6px;
    }

    .pad-l-0-m {
        padding-left: 0;
    }
}

.responsive-video {
    /* include this extra container when using responsive videos. It makes sizing easier */
}

.responsive-video__aspect {
    position: relative;
    padding-bottom: 56.25%;
}

    .responsive-video__aspect iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
    }


/*! ---------- =grids ---------- */

.grid {
    display: block;
    padding: 0;
    margin: 0 -24px 0 0;
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
    text-align: center;
    list-style: none;
}

    .grid.align-left {
        text-align: left;
    }

    .grid.align-right {
        text-align: right;
    }

    .grid.no-margin {
        margin-bottom: -24px;
    }

.grid--compact {
    margin-right: -12px;
}

    .grid--compact.no-margin {
        margin-bottom: -12px;
    }

.grid__unit {
    display: inline-block;
    width: 100%;
    padding: 0 24px 24px 0;
    margin: 0;
    vertical-align: top;
    letter-spacing: normal;
    text-rendering: auto;
    text-align: left;
}

.grid--compact > .grid__unit {
    padding: 0 12px 12px 0;
}

.grid__unit--1-2 {
    width: 50%;
}

.grid__unit--1-3 {
    width: 33.33%;
}

.grid__unit--2-3 {
    width: 66.66%;
}

.grid__unit--1-4 {
    width: 25%;
}

.grid__unit--3-4 {
    width: 75%;
}

.grid__unit--1-5 {
    width: 20%;
}

.grid__unit--2-5 {
    width: 40%;
}

.grid__unit--3-5 {
    width: 60%;
}

.grid__unit--4-5 {
    width: 80%;
}

.grid__unit--1-6 {
    width: 16.66%;
}

.grid__unit--5-6 {
    width: 83.3%;
}

.grid__unit--1-8 {
    width: 12.5%;
}

.grid__unit--3-8 {
    width: 37.5%;
}

.grid__unit--5-8 {
    width: 62.5%;
}

.grid__unit--7-8 {
    width: 87.5%;
}

.grid__unit--1-9 {
    width: 11.11%;
}

.grid__unit--2-9 {
    width: 22.22%;
}

.grid__unit--4-9 {
    width: 44.44%;
}

.grid__unit--5-9 {
    width: 55.55%;
}

.grid__unit--7-9 {
    width: 77.77%;
}

.grid__unit--8-9 {
    width: 88.88%;
}

.grid__unit--1-12 {
    width: 8.33%;
}

.grid__unit--5-12 {
    width: 41.65%;
}

.grid__unit--7-12 {
    width: 58.31%;
}

.grid__unit--11-12 {
    width: 91.63%;
}

@media (min-width: 480px) {
    .grid__unit--1-1-s {
        width: 100%;
    }

    .grid__unit--1-2-s {
        width: 50%;
    }

    .grid__unit--1-3-s {
        width: 33.33%;
    }

    .grid__unit--2-3-s {
        width: 66.66%;
    }

    .grid__unit--1-4-s {
        width: 25%;
    }

    .grid__unit--3-4-s {
        width: 75%;
    }

    .grid__unit--1-5-s {
        width: 20%;
    }

    .grid__unit--2-5-s {
        width: 40%;
    }

    .grid__unit--3-5-s {
        width: 60%;
    }

    .grid__unit--4-5-s {
        width: 80%;
    }

    .grid__unit--1-6-s {
        width: 16.66%;
    }

    .grid__unit--5-6-s {
        width: 83.3%;
    }

    .grid__unit--1-8-s {
        width: 12.5%;
    }

    .grid__unit--3-8-s {
        width: 37.5%;
    }

    .grid__unit--5-8-s {
        width: 62.5%;
    }

    .grid__unit--7-8-s {
        width: 87.5%;
    }

    .grid__unit--1-9-s {
        width: 11.11%;
    }

    .grid__unit--2-9-s {
        width: 22.22%;
    }

    .grid__unit--4-9-s {
        width: 44.44%;
    }

    .grid__unit--5-9-s {
        width: 55.55%;
    }

    .grid__unit--7-9-s {
        width: 77.77%;
    }

    .grid__unit--8-9-s {
        width: 88.88%;
    }

    .grid__unit--1-12-s {
        width: 8.33%;
    }

    .grid__unit--5-12-s {
        width: 41.65%;
    }

    .grid__unit--7-12-s {
        width: 58.31%;
    }

    .grid__unit--11-12-s {
        width: 91.63%;
    }
}

@media (min-width: 768px) {
    .grid {
        margin-right: -48px;
    }

        .grid.no-margin {
            margin-bottom: -48px;
        }

    .grid--compact {
        margin-right: -24px;
    }

        .grid--compact.no-margin {
            margin-bottom: -24px;
        }

    .grid__unit {
        padding: 0 48px 48px 0;
    }

    .grid--compact > .grid__unit {
        padding: 0 24px 24px 0;
    }

    .grid__unit--1-1-m {
        width: 100%;
    }

    .grid__unit--1-2-m {
        width: 50%;
    }

    .grid__unit--1-3-m {
        width: 33.33%;
    }

    .grid__unit--2-3-m {
        width: 66.66%;
    }

    .grid__unit--1-4-m {
        width: 25%;
    }

    .grid__unit--3-4-m {
        width: 75%;
    }

    .grid__unit--1-5-m {
        width: 20%;
    }

    .grid__unit--2-5-m {
        width: 40%;
    }

    .grid__unit--3-5-m {
        width: 60%;
    }

    .grid__unit--4-5-m {
        width: 80%;
    }

    .grid__unit--1-6-m {
        width: 16.66%;
    }

    .grid__unit--5-6-m {
        width: 83.3%;
    }

    .grid__unit--1-8-m {
        width: 12.5%;
    }

    .grid__unit--3-8-m {
        width: 37.5%;
    }

    .grid__unit--5-8-m {
        width: 62.5%;
    }

    .grid__unit--7-8-m {
        width: 87.5%;
    }

    .grid__unit--1-9-m {
        width: 11.11%;
    }

    .grid__unit--2-9-m {
        width: 22.22%;
    }

    .grid__unit--4-9-m {
        width: 44.44%;
    }

    .grid__unit--5-9-m {
        width: 55.55%;
    }

    .grid__unit--7-9-m {
        width: 77.77%;
    }

    .grid__unit--8-9-m {
        width: 88.88%;
    }

    .grid__unit--1-12-m {
        width: 8.33%;
    }

    .grid__unit--5-12-m {
        width: 41.65%;
    }

    .grid__unit--7-12-m {
        width: 58.31%;
    }

    .grid__unit--11-12-m {
        width: 91.63%;
    }
}

@media (min-width: 960px) {
    .grid__unit--1-1-l {
        width: 100%;
    }

    .grid__unit--1-2-l {
        width: 50%;
    }

    .grid__unit--1-3-l {
        width: 33.33%;
    }

    .grid__unit--2-3-l {
        width: 66.66%;
    }

    .grid__unit--1-4-l {
        width: 25%;
    }

    .grid__unit--3-4-l {
        width: 75%;
    }

    .grid__unit--1-5-l {
        width: 20%;
    }

    .grid__unit--2-5-l {
        width: 40%;
    }

    .grid__unit--3-5-l {
        width: 60%;
    }

    .grid__unit--4-5-l {
        width: 80%;
    }

    .grid__unit--1-6-l {
        width: 16.66%;
    }

    .grid__unit--5-6-l {
        width: 83.3%;
    }

    .grid__unit--1-8-l {
        width: 12.5%;
    }

    .grid__unit--3-8-l {
        width: 37.5%;
    }

    .grid__unit--5-8-l {
        width: 62.5%;
    }

    .grid__unit--7-8-l {
        width: 87.5%;
    }

    .grid__unit--1-9-l {
        width: 11.11%;
    }

    .grid__unit--2-9-l {
        width: 22.22%;
    }

    .grid__unit--4-9-l {
        width: 44.44%;
    }

    .grid__unit--5-9-l {
        width: 55.55%;
    }

    .grid__unit--7-9-l {
        width: 77.77%;
    }

    .grid__unit--8-9-l {
        width: 88.88%;
    }

    .grid__unit--1-12-l {
        width: 8.33%;
    }

    .grid__unit--5-12-l {
        width: 41.65%;
    }

    .grid__unit--7-12-l {
        width: 58.31%;
    }

    .grid__unit--11-12-l {
        width: 91.63%;
    }
}

@media (min-width: 1100px) {
    .grid__unit--1-1-w {
        width: 100%;
    }

    .grid__unit--1-2-w {
        width: 50%;
    }

    .grid__unit--1-3-w {
        width: 33.33%;
    }

    .grid__unit--2-3-w {
        width: 66.66%;
    }

    .grid__unit--1-4-w {
        width: 25%;
    }

    .grid__unit--3-4-w {
        width: 75%;
    }

    .grid__unit--1-5-w {
        width: 20%;
    }

    .grid__unit--2-5-w {
        width: 40%;
    }

    .grid__unit--3-5-w {
        width: 60%;
    }

    .grid__unit--4-5-w {
        width: 80%;
    }

    .grid__unit--1-6-w {
        width: 16.66%;
    }

    .grid__unit--5-6-w {
        width: 83.3%;
    }

    .grid__unit--1-8-w {
        width: 12.5%;
    }

    .grid__unit--3-8-w {
        width: 37.5%;
    }

    .grid__unit--5-8-w {
        width: 62.5%;
    }

    .grid__unit--7-8-w {
        width: 87.5%;
    }

    .grid__unit--1-9-w {
        width: 11.11%;
    }

    .grid__unit--2-9-w {
        width: 22.22%;
    }

    .grid__unit--4-9-w {
        width: 44.44%;
    }

    .grid__unit--5-9-w {
        width: 55.55%;
    }

    .grid__unit--7-9-w {
        width: 77.77%;
    }

    .grid__unit--8-9-w {
        width: 88.88%;
    }

    .grid__unit--1-12-w {
        width: 8.33%;
    }

    .grid__unit--5-12-w {
        width: 41.65%;
    }

    .grid__unit--7-12-w {
        width: 58.31%;
    }

    .grid__unit--11-12-w {
        width: 91.63%;
    }
}



/*! ---------- =forms ---------- */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select {
    display: block;
    width: 100%;
    padding: 9px 12px;
    margin: 0;
    border: 1px solid #e4e4e4;
    color: #5d7278;
    color: rgba(93, 114, 120, 0.8);
    font: 16px/24px "Nunito Sans", Helvetica, Arial, sans-serif;
    transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out;
}

    input[type="text"]:not(:last-child),
    input[type="email"]:not(:last-child),
    input[type="password"]:not(:last-child),
    input[type="number"]:not(:last-child),
    input[type="tel"]:not(:last-child),
    textarea:not(:last-child),
    select:not(:last-child) {
        margin-bottom: 24px;
    }

    input[type="text"]:required,
    input[type="email"]:required,
    input[type="password"]:required,
    input[type="number"]:required,
    input[type="tel"]:required,
    textarea:required,
    select:required {
        border-color: #c1cdd1;
    }

    [data-sf-role="error-message"],
    input[type="text"].input-validation-error,
    input[type="email"].input-validation-error,
    input[type="password"].input-validation-error,
    input[type="number"].input-validation-error,
    input[type="tel"].input-validation-error,
    textarea.input-validation-error,
    select.input-validation-error {
        border-color: #8c0000;
        color: #8c0000;
    }

    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus,
    input[type="number"]:focus,
    input[type="tel"]:focus,
    textarea:focus,
    select:focus {
        border-color: #005d83;
        color: #5d7278;
    }

textarea {
    padding: 12px;
    min-height: 96px;
}

    textarea.textarea-large {
        min-height: 240px;
    }

input[type="radio"],
input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: -0.1em;
}

label + input[type="radio"],
label + input[type="checkbox"] {
    margin-left: 24px;
}

label {
    display: block;
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    opacity: 0.9;
    transition: color 0.15s ease-out, opacity 0.15s ease-out;
}

.sf-fieldWrp label {
    color: #5d7278;
    margin-top: 12px;
}

.fa-regular.fa-magnifying-glass {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
}

label.required {
    color: #003f53;
}

    label.required::after {
        content: '*';
        font-weight: 400;
    }

label.input-validation-error {
    color: #8c0000;
}

label.is-selected {
    color: #006874;
}

label.is-focused {
    color: #005d83;
    opacity: 1;
    z-index: 9;
}

.side-label {
    margin: 0;
}

    .side-label:not(:last-child) {
        margin-bottom: 24px;
    }

@media (min-width: 480px) {
    .side-label {
        padding-left: 168px;
    }

        .side-label label {
            width: 168px;
            float: left;
            margin-left: -168px;
            padding: 6px 1em 0 0;
        }
}


.field-validation-error {
    display: block;
    margin-bottom: 24px;
    font-size: 16px;
    color: #8c0000;
}

input + .field-validation-error,
select + .field-validation-error,
textarea + .field-validation-error {
    margin-top: -18px;
}


/*! ---------- =body ---------- */

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    width: 100%;
    overflow-x: hidden;
    background: #fff;
}

.content {
    padding: 24px;
    padding-top: 96px;
}

.page-bounds,
.hero__content, .carousel__content {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.hero__content, .carousel__content {
    margin-left: 100px;
    margin-right: auto;
}



@media (min-width: 768px) {
    .content {
        padding: 96px 48px 48px 48px;
    }
}


/*! ---------- =header common ---------- */

.page-header {
    padding: 0 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    background: #005d83;
    position: relative;
    z-index: 100;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

    .page-header .page-bounds,
    .page-header .hero__content {
        position: relative;
    }

.page-header__toggle {
    display: none;
}

.org-title {
    position: absolute;
    top: -100px;
    right: 0;
    left: 0;
    height: 58px;
    text-align: center;
    background: #00607a;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    padding-top: 18px;
    letter-spacing: 0.5em;
}

@media (max-width: 959px) {

    .org-title {
        position: static;
        top: 0;
        padding-bottom: 24px;
        height: auto;
    }

    .mobile-org {
        width: 80%;
        display: block;
        margin: auto;
    }

    .page-header {
        width: 100%;
    }

    .page-header__toggle {
        position: absolute;
        right: -24px;
        top: 0;
        padding: 24px 24px;
        color: #fff;
    }

        .page-header__toggle.mobile-menu-is-open {
            color: #fff;
        }

    .js .page-header__toggle {
        display: block;
    }

    .page-header__toggle .toggle-indicator {
        margin-left: 6px;
    }

    .page-header__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
        clear: both;
        margin-left: -24px;
        margin-right: -24px;
    }
}

@media (min-width: 960px) {
    .page-header {
        padding-left: 48px;
        padding-right: 48px;
    }
}


@media (max-width: 959px) {
    .header-search {
        -ms-flex-order: 1;
        order: 1;
    }

    .header-nav {
        -ms-flex-order: 3;
        order: 3;
    }

    .header-utility {
        -ms-flex-order: 2;
        order: 2;
    }
}


@media (max-width: 959px) {
    .org-title {
        font-size: 14px;
    }
}

/*! slide-right / offscreen mobile menu */


@media (max-width: 959px) {
    .page-header__content {
        display: none;
        width: 80%;
        width: calc(100% - 72px);
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        margin: 0;
        overflow: auto;
        background: #fff;
        transition: all 0.15s ease-out;
    }

    @supports (transform: translateX(-100%)) {
        .page-header__content {
            display: -ms-flexbox;
            display: flex;
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 0;
            visibility: hidden;
        }
    }

    .page-header__content.mobile-menu-is-open {
        display: block;
        display: -ms-flexbox;
        display: flex;
    }

    @supports (transform: translateX(-100%)) {
        .page-header__content.mobile-menu-is-open {
            -ms-transform: translateX(0);
            transform: translateX(0);
            box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15), 1px 0 2px rgba(0, 0, 0, 0.2);
            opacity: 1;
            visibility: visible;
            overflow-x: hidden;
        }
    }

    .page-header .header-search__input {
        padding-top: 23px !important;
        padding-bottom: 23px !important;
        border-width: 1px 0 !important;
    }

    .page-header .header-search__submit {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
        background: transparent;
        color: #005d83;
    }
}

.page-header__toggle.mobile-menu-is-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20%;
    width: calc(0% + 72px);
    font-size: 0.01px;
    color: transparent;
    background: rgba(255, 255, 255, 0.7);
}

    .page-header__toggle.mobile-menu-is-open .toggle-indicator {
        position: absolute;
        top: 26px;
        left: 50%;
        margin: 0;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }


/*! ---------- =header components ---------- */

.header-logo a,
.header-logo img {
    display: block;
    max-width: 100%;
    margin: 0;
}

@media (max-width: 959px) {
    .header-logo a {
        padding: 12px 0;
    }

    .header-logo img {
        max-height: 32px;
    }
}


.toggle-indicator {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    position: relative;
}

.toggle-indicator__piece {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, transform 0.25s ease-out;
}

    .toggle-indicator__piece::before {
        content: '';
        display: block;
        width: 24px;
        height: 4px;
        background: #444;
        transition: background 0.2s ease-out;
    }

.page-header .toggle-indicator__piece::before {
    background: #fff;
}

.toggle-indicator__piece--1 {
    margin-top: -8px;
}

.toggle-indicator__piece--3 {
    margin-top: 4px;
}

.is-active .toggle-indicator__piece,
.mobile-menu-is-open .page-header .toggle-indicator__piece {
    transition: opacity 0.2s ease-out, margin 0.2s ease-out, transform 0.25s ease-out 0.3s;
}

    .is-active .toggle-indicator__piece::before,
    .mobile-menu-is-open .page-header .toggle-indicator__piece::before {
        background: #444;
    }

.is-active .toggle-indicator__piece--2,
.mobile-menu-is-open .page-header .toggle-indicator__piece--2 {
    opacity: 0;
}

.is-active .toggle-indicator__piece--1,
.is-active .toggle-indicator__piece--3,
.mobile-menu-is-open .page-header .toggle-indicator__piece--1,
.mobile-menu-is-open .page-header .toggle-indicator__piece--3 {
    margin-top: -2px;
}

.is-active .toggle-indicator__piece--1,
.mobile-menu-is-open .page-header .toggle-indicator__piece--1 {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.is-active .toggle-indicator__piece--3,
.mobile-menu-is-open .page-header .toggle-indicator__piece--3 {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-menu-is-open .page-header .toggle-indicator__piece::before {
    background: #444;
}

.header-utility__list {
    list-style: none;
    margin: 0;
}

.header-utility__item {
    display: inline-block;
}

    .header-utility__item a {
        display: block;
        padding: 12px 6px;
        font-size: 14px;
        color: #444;
    }

        .header-utility__item a:hover,
        .header-utility__item a:focus {
            color: #005d83;
        }

.header-utility__item--highlight > a {
    padding-left: 12px;
    padding-right: 12px;
    background: #005d83;
    color: #fff;
    border-radius: 3px;
}

    .header-utility__item--highlight > a:hover,
    .header-utility__item--highlight > a:focus {
        background: #5595a9;
        color: #fff;
    }

@media (max-width: 959px) {
    .header-utility {
        padding: 18px 24px;
        text-align: center;
        font-size: 16px;
    }
}

@media (min-width: 960px) {
    .header-utility__list {
        display: inline-block;
        vertical-align: middle;
    }
}

@media (max-width: 1199px) {
    .header-utility__item a {
        padding: 12px 4px;
    }
}

/*! account for utility nav dropdowns */

.header-utility__item > ul {
    list-style: none;
    margin: 0;
}

@media (max-width: 959px) {
    .header-utility {
        text-align: left;
    }

    .header-utility__item {
        display: block;
    }

        .header-utility__item > a {
            font-weight: 700;
        }

            .header-utility__item > a > .fas {
                display: none;
            }

        .header-utility__item > ul a {
            padding: 6px 6px 6px 24px;
        }


    .alert {
        color: #962D3B;
        font-weight: 600;
        position: static;
        padding: 24px 24px;
    }
}

@media (min-width: 960px) {
    .header-utility__item {
        position: relative;
    }

        .header-utility__item > ul {
            min-width: 12em;
            padding: 12px 0;
            position: absolute;
            left: 50%;
            top: 100%;
            border: 1px solid #f1f1f1;
            text-align: left;
            background: #fff;
            opacity: 0;
            visibility: hidden;
            -ms-transform: translateX(-50%) translateY(-12px);
            transform: translateX(-50%) translateY(-12px);
            z-index: -1;
            transition: all 0.15s ease-out;
        }

            .header-utility__item > ul::before,
            .header-utility__item > ul::after {
                content: '';
                display: block;
                width: 0;
                height: 0;
                border: 12px solid transparent;
                border-top-width: 0;
                border-bottom-color: #f1f1f1;
                position: absolute;
                left: 0;
                margin-left: -12px;
                bottom: 100%;
                z-index: 1;
            }

            .header-utility__item > ul::after {
                margin-bottom: -1px;
                border-bottom-color: #fff;
                z-index: 2;
            }

            .header-utility__item > ul > li > a {
                padding: 6px 12px;
                color: #5d7278;
            }

        .header-utility__item:hover > ul,
        .header-utility__item:focus > ul {
            opacity: 1;
            visibility: visible;
            -ms-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
            z-index: 5;
        }

    .alert {
        color: #962D3B;
        font-size: 21px;
        font-weight: 600;
        position: absolute;
        left: 0;
        top: -35px;
    }
}

@media (min-width: 960px) and (max-width: 1199px) {

    .alert {
        font-size: 16px;
    }


    .button--alert {
        font-size: 14px !important;
    }
}

@media (min-width: 960px) and (max-width: 1299px) {
    .header-nav > ul > li > a {
        font-size: 14px;
    }
}


.header-user__welcome {
    font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 14px;
    color: #005d83;
    font-weight: bold;
}

.header-user__action {
    display: inline-block;
    padding: 6px;
    color: #444;
    font-size: 14px;
}

    .header-user__action:hover,
    .header-user__action:focus {
        color: #005d83;
    }

@media (min-width: 960px) {
    .header-user {
        display: inline-block;
        vertical-align: middle;
    }

    .header-user__welcome,
    .header-user__actions {
        display: inline-block;
        vertical-align: middle;
    }

    .header-user__welcome {
        font-size: 14px;
        margin-right: 12px;
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .header-user__welcome {
        display: none;
    }
}


.header-search {
    position: relative;
}

.header-search__label {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    padding: 12px;
    margin: 0;
    opacity: 0.3;
    font-size: 18px;
}

    .header-search__label:hover,
    .header-search__label:focus {
        opacity: 0.8;
    }

.header-search__input {
    display: block;
    width: 100%;
    padding: 12px 72px 12px 24px !important;
    margin: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    font-size: 18px;
    line-height: 24px;
    background: #fff;
}

.header-search__submit {
    display: block;
    width: 60px;
    padding: 13px 0;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    background: #005d83;
    font-weight: 700;
    color: #fff;
}

    .header-search__submit:hover {
        color: #eee;
    }

@media (max-width: 959px) {
    .header-search {
        margin-top: -1px;
    }

    .header-search__label {
        display: none;
    }
}

@media (min-width: 960px) {
    .header-search {
        width: 60px;
        position: absolute;
        right: 0;
    }

    @supports (left: calc(100% - 60px)) {
        .header-search {
            width: auto;
            left: calc(100% - 60px);
            transition: left 0.15s ease-out;
        }
    }

    .header-search.is-focused {
        width: 100%;
        z-index: 9;
    }

    @supports (left: calc(100% - 60px)) {
        .header-search.is-focused {
            width: auto;
            left: 0;
        }
    }


    .header-search__label {
        position: absolute;
        top: 50%;
        opacity: 1;
        cursor: pointer;
        z-index: 2;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .header-search__label:hover,
        .header-search__label:focus,
        .header-search__label:focus .fa-regular.fa-magnifying-glass {
            color: #009caf;
        }

    .header-search__input {
        position: absolute;
        top: 50%;
        right: 0;
        padding-left: 42px !important;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0.01;
    }

        .header-search__input:focus {
            opacity: 1;
        }

    .header-search__submit {
        display: none;
    }
}


.header-nav ul {
    list-style: none;
    margin: 0;
}

.header-nav li {
    position: relative;
}

.header-nav a {
    display: block;
}

.header-nav > ul > li > a,
.header-nav div > ul > li > a {
    font-weight: 300;
    color: #fff;
}

.header-nav li li a {
    font-size: 16px;
    color: #5d7278;
}

.header-nav li li li a {
    color: #748d94;
}

.header-nav li li li li a {
    color: #869ba1;
}

.header-nav__toggle {
    display: none;
}

@media (max-width: 959px) {
    .header-nav {
        background: #fff;
    }

        .header-nav a {
            padding: 12px 60px 12px 24px;
            border-bottom: 1px solid #f1f1f1;
        }

        .header-nav li li a {
            padding-left: 48px;
            border-bottom-color: rgba(241, 241, 241, 0.5);
        }

        .header-nav li li li a {
            padding-left: 72px;
        }

        .header-nav li li li li a {
            padding-left: 96px;
        }

        .header-nav > ul > li > a,
        .header-nav div > ul > li > a {
            color: #005d83;
        }

        .header-nav > ul > li > ul a,
        .header-nav div > ul > li > ul a {
            color: #5d7278;
        }

    .js .header-nav li ul {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s cubic-bezier(0, 0.5, 0, 1);
    }

        .js .header-nav li ul.is-active {
            max-height: 100em;
            transition: max-height 0.4s cubic-bezier(0.7, 0, 0.1, 1);
        }

    .header-nav__toggle {
        width: 60px;
        height: 48px;
        position: absolute;
        right: 0;
        top: 0;
        background: #fff;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }

    .js .header-nav__toggle {
        display: block;
    }

    .header-nav__toggle::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-width: 0;
        border-top-color: #d4d4d4;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        top: 50%;
        margin-top: -5px;
        -ms-transform: scaleX(0.6);
        transform: scaleX(0.6);
        transition: transform 0.2s ease-out;
    }

    .header-nav__toggle.is-active::before {
        border-top-color: #009caf;
        transform: scaleX(0.6) rotateX(180deg);
    }
}

@media (min-width: 960px) {

    .header-nav {
        z-index: 4;
    }

        .header-nav > ul,
        .header-nav div > ul {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            text-align: center;
        }

            .header-nav > ul > li,
            .header-nav div > ul > li {
                display: inline-block;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
                position: static;
            }

                .header-nav > ul > li > a,
                .header-nav div > ul > li > a {
                    padding: 24px 0;
                    position: relative;
                }

                    .header-nav > ul > li > a:hover,
                    .header-nav > ul > li > a:focus,
                    .header-nav div > ul > li > a:hover,
                    .header-nav div > ul > li > a:focus {
                        color: #009caf;
                    }

        .header-nav .is-current > a {
            color: #f1e495;
        }
}

/*! megamenu-style dropdowns */

@media (min-width: 960px) {
    .header-nav > ul > li > a::before,
    .header-nav div > ul > li > a::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        background: #fff;
        border: solid #005d83;
        border-width: 5px 5px 0 0;
        -ms-transform: scaleY(0.33) rotate(-45deg);
        transform: scaleY(0.33) rotate(-45deg);
        opacity: 1;
        visibility: hidden;
        z-index: -1;
        transition: opacity 0.06s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
    }

    .header-nav > ul > li > ul,
    .header-nav div > ul > li > ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        /*justify-content: space-between;*/
        -ms-flex-align: start;
        align-items: flex-start;
        position: absolute;
        left: 0;
        right: 0;
        top: 77%;
        padding: 36px 48px;
        border-top: 2px solid #005d83;
        text-align: left;
        background: #fff;
        opacity: 1;
        z-index: -1;
        visibility: hidden;
        transition: opacity 0.1s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
        box-shadow: 0 1px 0 #005d83, -1599px 0 0 #fff, 1599px 0 0 #fff, -1599px 1px 0 #005d83, 1599px 1px 0 #005d83;
    }

        .header-nav > ul > li > ul > li,
        .header-nav div > ul > li > ul > li {
            display: inline-block;
            vertical-align: top;
            width: 32%;
            padding-bottom: 24px;
            -ms-flex: 0 0 30%;
            flex: 0 0 30%;
            -ms-flex: 0 0 calc(33% - 12px);
            flex: 0 0 calc(33% - 12px);
        }

            .header-nav > ul > li > ul > li > a,
            .header-nav div > ul > li > ul > li > a {
                font-size: 18px;
                color: #005d83;
                padding-bottom: 6px;
            }

            .header-nav > ul > li > ul > li > ul,
            .header-nav div > ul > li > ul > li > ul {
                padding-top: 12px;
                border-top: 1px solid #d4d4d4;
            }

                .header-nav > ul > li > ul > li > ul a,
                .header-nav div > ul > li > ul > li > ul a {
                    color: #5d7278;
                }

        .header-nav > ul > li > ul a:hover,
        .header-nav > ul > li > ul a:focus,
        .header-nav div > ul > li > ul a:hover,
        .header-nav div > ul > li > ul a:focus {
            color: #009caf;
        }

    .header-nav > ul > li:hover > a,
    .header-nav div > ul > li:hover > a {
        color: #d4d4d4;
    }

        .header-nav > ul > li:hover > a::before,
        .header-nav div > ul > li:hover > a::before {
            opacity: 1;
            visibility: visible;
            z-index: 101;
            transition: opacity 0.15s ease-out 0.575s, z-index 0s linear 0.575s, visibility 0s linear 0.575s;
        }

    .header-nav > ul > li:hover > ul,
    .header-nav div > ul > li:hover > ul {
        opacity: 1;
        z-index: 100;
        visibility: visible;
        transition: opacity 0.2s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
    }
}


@media (min-width: 960px) and (max-width: 1079px) {

    .header-nav > ul > li > a::before,
    .header-nav div > ul > li > a::before {
        bottom: -8px;
    }
}

@media (min-width: 1080px) and (max-width: 1199px) {

    .header-nav > ul > li > a::before,
    .header-nav div > ul > li > a::before {
        bottom: -9px;
    }
}


@media (min-width: 960px) and (max-width: 1299px) {
    .header-nav > ul > li > ul > li > a, .header-nav div > ul > li > ul > li > a {
        font-size: 14px;
    }
}


@media (min-width: 1200px) and (max-width: 1249px) {

    .header-nav > ul > li > a::before,
    .header-nav div > ul > li > a::before {
        bottom: -10px;
    }
}

@media (min-width: 1250px) {
    .header-nav > ul > li > a::before,
    .header-nav div > ul > li > a::before {
        bottom: -11px;
    }
}

@media (min-width: 1450px) {
    .header-nav > ul > li > a::before,
    .header-nav div > ul > li > a::before {
        bottom: -12px;
    }
}


@media (min-width: 1500px) {
    .header-nav > ul > li > a::before,
    .header-nav div > ul > li > a::before {
        bottom: -23px;
    }

    .header-nav > ul > li > ul, .header-nav div > ul > li > ul {
        top: 90%;
        border-top: 0 solid #005d83;
    }
}

@media (min-width: 1600px) {
    .header-nav > ul > li > a::before,
    .header-nav div > ul > li > a::before {
        bottom: -24px;
    }
}




/*! ---------- =header layout ---------- */

.header-logo {
    float: left;
}

@media (min-width: 960px) {
    .page-header {
        border-top: 100px solid #fff;
    }

        .page-header > .page-bounds,
        .page-header > .hero__content {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: stretch;
            align-items: stretch;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

    .page-header__content {
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header-logo {
        max-width: 18%;
        margin-right: 24px;
        margin-top: 24px;
        margin-bottom: 24px;
    }

        .header-logo > a {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: center;
            justify-content: center;
            height: 90px;
            padding: 12px 0;
        }

        .header-logo img {
            max-height: 100%;
        }

    .header-utility,
    .header-search {
        position: absolute;
        bottom: 100%;
    }

    .header-utility {
        right: -18px;
        /* top: 0; 
     height: 60px; */
    }

    .header-search {
        width: auto;
        /*right: 75px;  */
        top: 35px;
        left: calc(100% - 7px);
    }


    .header-nav > ul > li > a,
    .header-nav div > ul > li > a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    /*! disclosure search */

    .header-search {
        z-index: 3;
        margin-bottom: 24px;
    }
    /*! sticky header */

    .content {
        padding-top: 217px;
    }

    .page-header {
        transition: transform 0.2s ease;
    }

    .header-logo > a {
        transition: height 0.2s ease, padding 0.2s ease;
    }

    .header-nav > ul > li > a {
        transition: padding 0.2s ease, color 0.15s ease-out;
    }

    body.is-scrolled .page-header {
        -ms-transform: translateY(-100px);
        transform: translateY(-100px);
    }

    body.is-scrolled .header-logo > a {
        padding-top: 6px;
        padding-bottom: 6px;
        height: 72px;
    }

    body.is-scrolled .header-nav > ul > li > ul, .header-nav div > ul > li > ul {
        top: 100%;
    }

    body.is-scrolled .header-nav > ul > li > a {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    body.is-scrolled .header-search {
        top: 37px;
    }
}


@media (min-width: 1100px) {

    .header-logo {
        max-width: 25%;
        margin-right: 24px;
        margin-top: 18px;
        margin-bottom: 18px;
    }
}


@media (min-width: 1200px) {

    body.is-scrolled .header-search {
        top: 45px;
    }
}

@media (min-width: 1300px) {

    .header-search {
        top: 45px;
        left: calc(100% - 12px);
    }
}


/*! ---------- =footer common ---------- */

.page-footer {
    padding: 0 24px;
}

    .page-footer .page-bounds,
    .page-footer .hero__content {
        position: relative;
    }

@media (min-width: 768px) {
    .page-footer {
        padding: 0 48px;
    }
}


/*! ---------- =footer style ---------- */

/*! solid footer style */

.page-footer {
    padding-top: 48px;
    padding-bottom: 48px;
    background: #005d83;
    color: #fff;
}

    .page-footer a {
        color: #f1e495;
        font-weight: 500;
        font-size: 16px;
    }

        .page-footer a:hover,
        .page-footer a:focus {
            color: #f1e495;
            text-decoration: underline;
        }

    .page-footer .footer-trending__title,
    .page-footer .footer-actions__title {
        color: #d3edf5;
    }

@media (min-width: 768px) {
    .page-footer {
        padding-top: 72px;
    }
}


/*! ---------- =footer components ---------- */

.footer-logo {
    text-align: center;
}

    .footer-logo a {
        display: inline-block;
        max-width: 100%;
        margin: 0 auto;
    }

.footer-social__icon {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 24px 3px 3px;
    font-size: 26px;
}

.footer-trending__title {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.5;
}

.footer-utility__list {
    list-style: none;
    margin: 0;
}

.footer-utility__item {
    display: inline-block;
    vertical-align: middle;
}

    .footer-utility__item a {
        display: block;
        padding: 6px;
    }

@media (min-width: 480px) {
    .footer-utility__item a {
        padding: 6px 12px;
    }
}


.footer-actions__section {
    margin-bottom: 24px;
}

.footer-actions__title {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 6px;
    font-weight: 300;
}

.footer-actions__list {
    list-style: none;
    margin: 0 0 0 -12px;
}

.footer-actions__item {
    display: inline-block;
    vertical-align: middle;
}

    .footer-actions__item a {
        display: block;
        padding: 6px;
    }

.footer-contact {
    color: #D4EDF6;
    font-weight: 400;
}

@media (max-width: 479px) {
    .footer-actions__item {
        display: block;
    }
}

@media (min-width: 480px) {
    .footer-actions__item a {
        padding: 6px 12px;
    }
}

@media (min-width: 768px) {
    .footer-actions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .footer-actions__section {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: inline-block;
        vertical-align: top;
    }

    .footer-actions__list {
        margin-left: 0;
    }

    .footer-actions__item {
        display: block;
    }

        .footer-actions__item a {
            padding: 6px 0;
        }
}

@media (min-width: 1696px) {
    .footer-actions__section {
        -ms-flex: 1 1;
        flex: 1 1;
    }
}


.footer-copyright {
    font-size: 15px;
    font-weight: 300;
    color: #d3edf5;
}


/*! ---------- =footer layouts ---------- */

@media (max-width: 767px) {
    .page-footer {
        text-align: center;
    }

    .footer-logo img {
        max-height: 96px;
    }

    .footer-social,
    .footer-contact,
    .footer-copyright {
        margin-top: 24px;
    }

    .footer-actions {
        margin-top: 36px;
    }
}

@media (min-width: 768px) {
    .footer-actions {
        margin-right: -24px;
    }

    .footer-actions__section {
        padding-right: 24px;
    }

    .footer-logo,
    .footer-social,
    .footer-contact {
        margin-bottom: 24px;
        clear: both;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .footer-logo {
        float: left;
        margin-right: 24px;
        margin-bottom: 48px;
    }

    .footer-actions {
        clear: both;
    }
}

@media (min-width: 960px) {
    .page-footer__content {
        width: 33.3%;
        float: left;
        padding-right: 7.992px;
    }

    .footer-actions {
        padding-left: 16.008px;
    }

    .footer-logo {
        text-align: left;
    }

    .footer-copyright {
        clear: both;
    }
}


/* ---------- =interior common ---------- */

.page-title {
    color: #00607a;
}

    .page-title + .breadcrumbs {
        /* margin-top: -24px; */
    }


/* ---------- =interior components ---------- */

.title-block {
    margin: -24px -24px 24px;
    padding: 36px 24px;
    background: #005d83;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    .title-block {
        margin: -42px -24px 24px;
    }
}

.title-block::before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: rgba(241, 241, 241, 0.5);
    z-index: 2;
}

.title-block__background img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.title-block__content,
.title-block__content a,
.title-block .breadcrumbs a,
.title-block .page-title {
    color: #fff;
}

.title-block__content {
    position: relative;
    text-shadow: 0 0 3px rgba(241, 241, 241, 0.5);
    z-index: 3;
}

    .title-block__content a {
        font-weight: 700;
    }

.title-block .breadcrumbs a {
    font-weight: 400;
}

    .title-block__content a:hover,
    .title-block__content a:focus,
    .title-block .breadcrumbs a:hover,
    .title-block .breadcrumbs a:focus {
        color: #fff;
        text-decoration: underline;
    }

.title-block .page-title {
    text-shadow: 0 0 16px rgba(241, 241, 241, 0.4), 0 0 3px rgba(241, 241, 241, 0.3);
}

.title-block .breadcrumbs {
    margin-bottom: 0;
}

.title-block::before {
    width: 75%;
    background: linear-gradient(to right, #000, rgba(105, 105, 105, 0));
    opacity: 0.5;
}

.breadcrumbs {
    background: #f6f6f6;
    padding: 5px 5px 5px 12px;
}

@media (min-width: 768px) {
    .title-block {
        margin: -48px -48px 48px;
        padding: 72px 48px;
    }
}

@media (min-width: 1700px) {
    .title-block {
        margin-left: -60px;
        margin-right: -60px;
    }
}

@media (min-width: 960px) {
    .title-block {
        padding-top: 96px;
        padding-bottom: 96px;
    }
}


.breadcrumbs {
    font-size: 16px;
    margin-bottom: 30px;
}

    .breadcrumbs a {
        color: #5d7278;
        opacity: 0.9;
    }

        .breadcrumbs a:hover,
        .breadcrumbs a:focus {
            color: #009caf;
            opacity: 1;
        }

    .breadcrumbs span {
        display: inline-block;
        margin: 0 0.3em;
        opacity: 0.4;
    }

.in-this-section a {
    display: block;
    padding: 6px 0;
    color: #005d83;
}

.in-this-section ul {
    list-style: none;
    margin: 0;
}

    .in-this-section ul ul {
        display: none;
        padding-left: 24px;
    }

        .in-this-section ul ul a {
            font-size: 16px;
        }

.in-this-section .is-current > ul {
    display: block;
}

.in-this-section .is-current > a, .in-this-section a:hover {
    color: #009caf;
}

@media (max-width: 959px) {
    .in-this-section__toggle {
        display: block;
        width: 100%;
        margin-bottom: 24px;
        text-align: left;
    }

    .no-js .in-this-section__toggle {
        display: none;
    }

    .js .in-this-section > ul {
        display: none;
    }

        .js .in-this-section > ul.is-active {
            display: block;
            margin-top: 12px;
        }
}

@media (min-width: 960px) {
    .in-this-section__toggle {
        display: none;
    }

    .interior-layout .in-this-section {
        margin-top: -6px;
    }
}


.share-buttons {
    font-size: 26px;
}

    .share-buttons:not(:last-child) {
        margin-bottom: 24px;
    }

.no-js .share-buttons {
    display: none;
}

.share-buttons__title {
    display: block;
    font-size: 16px;
    opacity: 0.7;
}

.share-buttons__button {
    display: inline-block;
    vertical-align: middle;
    margin: 6px 6px 0 0;
    color: #005d83;
}

    .share-buttons__button:hover,
    .share-buttons__button:focus {
        color: #009caf;
    }


/* ---------- =interior layout ---------- */

.interior-layout__nav,
.interior-layout__main {
    margin-bottom: 24px;
}

@media (min-width: 960px) {
    .interior-layout__nav {
        margin-bottom: 0;
    }

        .interior-layout__nav > *:last-child {
            margin-bottom: 48px;
        }

    .interior-layout__title {
        margin-bottom: 24px;
    }

    .interior-layout__main {
        margin-bottom: 48px;
    }

    .interior-layout__nav,
    .interior-layout__aside {
        width: 30%;
        float: right;
        clear: right;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }

    .interior-layout__main {
        width: 70%;
        padding-right: 48px;
        float: left;
    }
}


/*! ---------- =buttons ---------- */

.button, .sf-fieldWrp button {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 36px;
    border: none;
    border-radius: 24px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    background: #005d83;
    transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

    .button:hover,
    .button:focus, .sf-fieldWrp button:hover,, .sf-fieldWrp button:focus {
        background: #007bad;
        color: #fff;
        border-color: #005d83;
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    }

    .button:focus {
        outline: 1px dashed rgba(128, 128, 128, 0.8);
        outline-offset: -6px;
    }

    .button:active {
        -ms-transform: translateY(0);
        transform: translateY(0);
        box-shadow: none;
        transition: none;
        color: #fff;
    }

    .button.reverse-button {
        border: #006080 solid 2px;
        color: #006080;
        background: #fff;
    }

    .button.hero__action, .button.carousel__action {
        background: #005069;
        border: #fff solid 2px;
        color: #fff;
    }

.button--large {
    display: block;
    width: auto;
    max-width: 100%;
}

    .button--large + .button--large {
        margin-left: 0;
        margin-top: 12px;
    }

.button--small {
    padding: 6px 24px;
    font-size: 16px;
}

.button--alert {
    padding: 2px 12px 4px 12px;
    font-size: 16px;
    font-weight: 400;
    background: #962D3B;
    color: #fff;
    margin-left: 7px;
}

@media (max-width: 479px) {
    .button--alert {
        margin-left: 0;
        margin-top: 12px;
    }
}

.button--highlight {
    background: #009dad;
    color: #fff;
    border: none;
}

    .button--highlight:hover,
    .button--highlight:focus {
        background: #55bdca;
        color: #fff;
        border: none;
    }

.button--action {
    background: #a79353;
    color: #fff;
    border: none;
}

    .button--action:hover,
    .button--action:focus {
        background: #c4b885;
        color: #fff;
        border: none;
    }

.button--warn {
    background: #8c0000;
    color: #fff;
    border: none;
}

    .button--warn:hover,
    .button--warn:focus {
        background: #a80000;
        color: #fff;
        border: none;
    }

.button--cancel {
    font-size: 16px;
    font-weight: 400;
    color: #5d7278;
    border: 1px solid #d4d4d4;
    background: #fff;
}

    .button--cancel:hover,
    .button--cancel:focus {
        background: #fafafa;
        color: #005d83;
        border-color: #d4d4d4;
    }

.button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -12px;
    margin-right: -6px;
    margin-left: -6px;
}

    .button-group > .button {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin: 12px 6px 0;
    }

@media (max-width: 1079px) {
    h3 .button {
        margin-top: 24px;
    }

    .news-title, .news-buttons {
        float: none;
        clear: both;
    }
}

@media (min-width: 1080px) {
    .first-button {
        margin-left: 42px;
    }

    .news-title, .news-buttons {
        float: left;
    }
}



/*! ---------- =lists ---------- */

.item-list {
    list-style: none;
    margin-left: 0;
}

    .item-list:not(:last-child) {
        margin-bottom: 48px;
    }

    .item-list + .button {
        margin-top: -24px;
    }

.item-list__item + .item-list__item {
    margin-top: 24px;
}

.item-list__thumbnail {
    display: block;
    width: 150px;
    float: left;
    margin-right: 24px;
}

.item-list__content {
    overflow: hidden;
}

.item-list__title {
    font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    color: #005d83;
}

    .item-list__title:hover,
    .item-list__title:focus {
        color: #009caf;
    }

.item-list__date {
    margin: 6px 0 0;
    font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif;
    font-style: italic;
    opacity: 0.7;
}

.item-list__description {
    margin: 6px 0 0;
}

@media (max-width: 479px) {
    .item-list__thumbnail {
        float: none;
        margin: 0 auto 12px;
        width: 80%;
    }
}

/*! grid-style lists */

.item-list--grid .item-list__thumbnail {
    width: 100%;
    max-width: 100%;
    float: none;
    margin: 0 auto 12px;
}

    .item-list--grid .item-list__thumbnail img {
        width: 100%;
    }

.item-list--grid .item-list__item + .item-list__item {
    margin-top: 0;
}


/*! ---------- =tabs ---------- */

.tabs--standard:not(:last-child) {
    margin-bottom: 48px;
}

.tabs--standard .tabs__tab {
    display: inline-block;
    vertical-align: bottom;
    padding: 12px;
    margin-bottom: -1px;
    border: 1px solid #f1f1f1;
    color: #5d7278;
    background: #f1f1f1;
    opacity: 0.9;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

    .tabs--standard .tabs__tab.is-active {
        background: #fff;
        border-bottom-color: #fff;
        color: #009caf;
    }

    .tabs--standard .tabs__tab:focus {
        outline: 1px dashed rgba(128, 128, 128, 0.8);
        outline-offset: -6px;
    }

.tabs--standard .tabs__pane {
    border: 1px solid #f1f1f1;
    padding: 24px;
    display: none;
}

    .tabs--standard .tabs__pane.is-active {
        display: block;
    }

.tabs--vertical {
    margin-bottom: 48px;
}

    .tabs--vertical .tabs__tab {
        background: #f1f1f1;
        padding: 12px;
    }

        .tabs--vertical .tabs__tab.is-active {
            color: #009caf;
            background: #fff;
        }

        .tabs--vertical .tabs__tab:focus {
            outline: 1px dashed #005d83;
            outline-offset: -6px;
        }

.js .tabs--vertical .tabs__pane:not(.is-active) {
    display: none;
}

@media (min-width: 480px) {
    .tabs--standard .tabs__tab {
        padding: 18px 24px;
        font-weight: 600;
    }
}

@media (max-width: 767px), (min-width: 960px) and (max-width: 1200px) {
    .tabs--standard,
    .tabs--vertical {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

        .tabs--standard .tabs__tab,
        .tabs--standard .tabs__pane,
        .tabs--vertical .tabs__tab,
        .tabs--vertical .tabs__pane {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

        .tabs--standard .tabs__tab,
        .tabs--vertical .tabs__tab {
            -ms-flex-order: 1;
            order: 1;
            border: 1px solid #f1f1f1;
        }

            .tabs--standard .tabs__tab ~ .tabs__tab,
            .tabs--vertical .tabs__tab ~ .tabs__tab {
                margin-top: 6px;
            }

            .tabs--standard .tabs__tab.is-active,
            .tabs--vertical .tabs__tab.is-active {
                border-color: #d4d4d4 #d4d4d4 #f1f1f1;
            }

            .tabs--standard .tabs__tab:nth-child(2),
            .tabs--vertical .tabs__tab:nth-child(2) {
                -ms-flex-order: 3;
                order: 3;
            }

            .tabs--standard .tabs__tab:nth-child(3),
            .tabs--vertical .tabs__tab:nth-child(3) {
                -ms-flex-order: 5;
                order: 5;
            }

            .tabs--standard .tabs__tab:nth-child(4),
            .tabs--vertical .tabs__tab:nth-child(4) {
                -ms-flex-order: 7;
                order: 7;
            }

            .tabs--standard .tabs__tab:nth-child(5),
            .tabs--vertical .tabs__tab:nth-child(5) {
                -ms-flex-order: 9;
                order: 9;
            }

            .tabs--standard .tabs__tab:nth-child(6),
            .tabs--vertical .tabs__tab:nth-child(6) {
                -ms-flex-order: 11;
                order: 11;
            }

            .tabs--standard .tabs__tab:nth-child(7),
            .tabs--vertical .tabs__tab:nth-child(7) {
                -ms-flex-order: 13;
                order: 13;
            }

            .tabs--standard .tabs__tab:nth-child(8),
            .tabs--vertical .tabs__tab:nth-child(8) {
                -ms-flex-order: 15;
                order: 15;
            }

            .tabs--standard .tabs__tab:nth-child(9),
            .tabs--vertical .tabs__tab:nth-child(9) {
                -ms-flex-order: 17;
                order: 17;
            }

            .tabs--standard .tabs__tab:nth-child(10),
            .tabs--vertical .tabs__tab:nth-child(10) {
                -ms-flex-order: 19;
                order: 19;
            }

            .tabs--standard .tabs__tab:nth-child(11),
            .tabs--vertical .tabs__tab:nth-child(11) {
                -ms-flex-order: 21;
                order: 21;
            }

            .tabs--standard .tabs__tab:nth-child(12),
            .tabs--vertical .tabs__tab:nth-child(12) {
                -ms-flex-order: 23;
                order: 23;
            }

        .tabs--standard .tabs__pane,
        .tabs--vertical .tabs__pane {
            -ms-flex-order: 2;
            order: 2;
            padding: 24px 12px;
            border: 1px solid #d4d4d4;
            border-top-width: 0;
        }

            .tabs--standard .tabs__pane + .tabs__pane,
            .tabs--vertical .tabs__pane + .tabs__pane {
                -ms-flex-order: 4;
                order: 4;
            }

                .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane,
                .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane {
                    -ms-flex-order: 6;
                    order: 6;
                }

                    .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
                    .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
                        -ms-flex-order: 8;
                        order: 8;
                    }

                        .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
                        .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
                            -ms-flex-order: 10;
                            order: 10;
                        }

                            .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
                            .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
                                -ms-flex-order: 12;
                                order: 12;
                            }

                                .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
                                .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
                                    -ms-flex-order: 14;
                                    order: 14;
                                }

                                    .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
                                    .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
                                        -ms-flex-order: 16;
                                        order: 16;
                                    }

                                        .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
                                        .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
                                            -ms-flex-order: 18;
                                            order: 18;
                                        }

                                            .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
                                            .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
                                                -ms-flex-order: 20;
                                                order: 20;
                                            }
}

@media (min-width: 768px) and (max-width: 959px), (min-width: 1201px) {
    .tabs--standard {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

        .tabs--standard::before {
            /* remove sf pseudoel that messes with space-between */
            display: none !important;
        }

        .tabs--standard .tabs__tab {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            padding: 18px 24px;
        }

        .tabs--standard.tabs--2 .tabs__tab {
            width: 48%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            -ms-flex-preferred-size: calc(50% - 6px);
            flex-basis: calc(50% - 6px);
        }

        .tabs--standard.tabs--3 .tabs__tab {
            width: 31%;
            -ms-flex-preferred-size: 33.3%;
            flex-basis: 33.3%;
            -ms-flex-preferred-size: calc(33.3% - 6px);
            flex-basis: calc(33.3% - 6px);
        }

        .tabs--standard.tabs--4 .tabs__tab {
            width: 22%;
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            -ms-flex-preferred-size: calc(25% - 6px);
            flex-basis: calc(25% - 6px);
        }

        .tabs--standard.tabs--5 .tabs__tab {
            width: 17%;
            -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
            -ms-flex-preferred-size: calc(20% - 6px);
            flex-basis: calc(20% - 6px);
        }
        .tabs--standard.tabs--6 .tabs__tab {
            width: 14%;
            -ms-flex-preferred-size: 16%;
            flex-basis: 15%;
            -ms-flex-preferred-size: calc(16% - 6px);
            flex-basis: calc(16% - 6px);
        }

        .tabs--standard .tabs__pane {
            -ms-flex: 1 0 100%;
            flex: 1 0 100%;
        }

    .tabs--vertical .tabs__tab {
        width: 250px;
        float: left;
        clear: left;
        padding: 11px 17px;
        margin-bottom: 6px;
        border: 1px solid #f1f1f1;
        border-right-color: #d4d4d4;
        box-shadow: inset 6px 0 0 #d4d4d4;
        cursor: pointer;
    }

        .tabs--vertical .tabs__tab.is-active {
            background: #fff;
            border-color: #d4d4d4 #fff #d4d4d4 #d4d4d4;
            box-shadow: inset 6px 0 0 #009caf;
            cursor: default;
        }

    .tabs--vertical .tabs__pane {
        padding: 24px;
        background: #fff;
        border-left: 249px solid #fff;
        box-shadow: inset 0 0 0 1px #d4d4d4;
    }

        .tabs--vertical .tabs__pane::after {
            content: '';
            display: table;
            clear: both;
            margin: 30px 0 -30px;
        }
}


.accordion:not(:last-child) {
    margin-bottom: 48px;
}

.accordion__label {
    display: block;
    padding: 12px;
    background: #fff;
    border: 1px solid #f1f1f1;
    color: #5d7278;
    font-weight: 600;
    /* font-size: 16px; */
    cursor: pointer;
    overflow: hidden;
}

    .accordion__label .fa-arrow-right {
        margin-left: 0.4em;
        transition: transform 0.15s ease-out;
    }

    .accordion__label:hover,
    .accordion__label:focus {
        color: #009caf;
    }

    .accordion__label.is-active {
        color: #005d83;
        border-color: #005d83 #005d83 #f1f1f1 #005d83;
        background: #f7f7f7;
    }

        .accordion__label.is-active .fa-arrow-right {
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .accordion__label:focus {
        outline: 1px dashed rgba(128, 128, 128, 0.3);
        outline-offset: -6px;
    }

    .accordion__label ~ .accordion__label {
        margin-top: 6px;
    }

.accordion__content {
    border: 1px solid #005d83;
    border-top: none;
    padding: 24px 12px;
    transition: all 0.2s ease-out;
    overflow: hidden;
}

.js .accordion__content:not(.is-active) {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0 1px;
    visibility: hidden;
    opacity: 0;
}

/*! ---------- =modals ---------- */
.js .rd-modal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 48px 24px;
    z-index: -1;
    overflow-y: auto;
    overscroll-behavior: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    visibility: hidden;
    opacity: 0;
}

    .js .rd-modal::-webkit-scrollbar {
        display: none;
    }

    .js .rd-modal.is-active {
        opacity: 1;
        z-index: 999;
        visibility: visible;
        transition: all 0.2s ease-out;
    }

.rd-modal__close {
    display: none;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    padding: 24px 24px 0 0;
    font-size: 25px;
    line-height: 36px;
    color: #B2B2B2;
    background: rgba(68, 68, 68, 0.9);
}

    .rd-modal__close:hover,
    .rd-modal__close:focus {
        color: #FDFDFD;
    }

.js .rd-modal__close {
    display: flex;
}

.rd-modal__content {
    width: 100%;
    max-width: 1280px;
    max-height: calc(100vh - (2 * 24px));
    margin: 24px 0;
    padding: 24px;
    border-radius: 5px;
    border: 1px solid #F6F6F6;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.rd-modal__content--thin {
    max-width: 640px;
}

.js .rd-modal__content {
    overflow-y: auto;
    overscroll-behavior: contain;
}

@media (min-width: 768px) {
    .js .rd-modal {
        padding: 72px 48px;
    }

    .rd-modal__close {
        padding: 48px 48px 0 0;
    }

    .rd-modal__content {
        padding: 48px;
    }

    .rd-modal__content--thin {
        padding: 48px 36px;
    }
}



.pagination {
    list-style: none;
    margin: 0 0 24px;
}

    .pagination .overview {
        display: block;
        font-size: 16px;
    }

    .pagination li {
        display: inline-block;
        margin-bottom: 0.2em;
        margin-right: 12px;
    }

        .pagination li a {
            display: block;
            width: 36px;
            padding: 6px 0;
            text-align: center;
            color: #5d7278;
            background: #f1f1f1;
            font-size: 16px;
        }

            .pagination li a:hover,
            .pagination li a:focus {
                color: #fff;
                background: #009caf;
            }

    .pagination .active a {
        font-weight: 700;
        color: #fff;
        background: #005d83;
    }

@media (min-width: 940px) {
    .pagination .overview {
        display: inline-block;
        margin-right: 1.5em;
    }
}


/*! ---------- =code and =syntax highlighting ---------- */

pre,
code {
    font-family: "Inconsolata", monospace;
    font-size: 16px;
    line-height: 24px;
}

pre {
    display: block;
    padding: 24px 12px;
    border: 1px solid #e7e7e7;
    color: #222;
    background: white;
    overflow-y: auto;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
    position: relative;
}

    pre:not(:last-child) {
        margin-bottom: 24px;
    }

    pre::before {
        content: attr(rel);
        font-family: "Nunito Sans", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #9dbec8;
        position: absolute;
        top: 2px;
        right: 12px;
    }

p > code,
li > code {
    background: #fbfbfb;
    font-style: normal;
}

    p > code::before,
    p > code::after,
    li > code::before,
    li > code::after {
        content: '';
        display: inline-block;
        width: 0.5em;
    }

/*! syntax highlighting through prism: http://prismjs.com/index.html
*  the following is based off the default theme */

pre[class*="language-"] {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray;
}

.token.punctuation {
    color: #999;
}

.namespace {
    opacity: 0.7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a;
}

.token.function {
    color: #dd4a68;
}

.token.regex,
.token.important,
.token.variable {
    color: #e90;
}

.token.important,
.token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}


/*! ---------- =hero ---------- */

.hero {
    position: relative;
    margin-bottom: 48px;
}

    .hero:last-child {
        margin-bottom: 0;
    }

.content > .page-bounds > .hero:first-child,
.content > .hero__content > .hero:first-child {
    margin-top: -24px;
}

.hero::before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.hero__actions {
    margin-top: 24px;
}

@media (max-width: 479px) {
    .hero__action {
        display: block;
    }

        .hero__action + .hero__action {
            margin-top: 12px;
        }
}

@media (min-width: 480px) {
    .hero__action + .hero__action {
        margin-left: 12px;
    }
}

@media (max-width: 767px) {
    .content > .page-bounds > .hero:first-child,
    .content > .hero__content > .hero:first-child {
        margin-top: -39px;
    }
}

@media (min-width: 768px) {
    .content > .page-bounds > .hero:first-child,
    .content > .hero__content > .hero:first-child {
        margin-top: -48px;
    }
}

/*! cover hero image style */

.hero::before {
    z-index: 2;
}

.hero__image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.hero__content, .carousel__content-inner {
    padding: 48px 24px;
    position: relative;
    z-index: 3;
    max-width: 635px;
    background: rgba(0,95,125,0.7);
}

.hero__title,
.hero__description,
.carousel__title,
.carousel__description {
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
    .hero::before, .carousel:before {
        background: rgba(0, 0, 0, 0.5);
    }

    .hero__title, .carousel__title {
        text-align: center;
        font-size: 7vw;
        line-height: 1.2;
    }

    .hero__content, .carousel__content {
        max-width: 100%;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .hero {
        padding-top: 96px;
        padding-bottom: 96px;
    }
}

/*! ---------- =carousel ---------- */

.carousel {
    position: relative;
    margin-bottom: 48px;
    margin-top: -39px;
}

    .carousel:last-child {
        margin-bottom: 0;
    }

.content > .page-bounds > .carousel:first-child {
    margin-top: -24px;
}

.carousel__slides {
    position: relative;
}

.carousel__slide {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

    .carousel__slide::before {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
        z-index: 2;
    }

    .carousel__slide:first-child {
        position: relative;
    }

.carousel__content {
    position: relative;
    z-index: 3;
}

.carousel__actions {
    margin-top: 24px;
}

@media (max-width: 479px) {
    .carousel__action {
        display: block;
    }

        .carousel__action + .carousel__action {
            margin-top: 12px;
        }
}

@media (min-width: 480px) {
    .carousel__action + .carousel__action {
        margin-left: 12px;
    }
}

@media (max-width: 767px) {
    .content > .page-bounds > .carousel:first-child {
        margin-top: -48px;
    }
}

@media (min-width: 768px) {
    .content > .page-bounds > .carousel:first-child {
        margin-top: -48px;
    }
}

/*! displacement carousel image style */

.carousel__image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.carousel__title,
.carousel__description {
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.carousel__nav {
    position: absolute;
    top: 20%;
    left: 64px;
    right: 0;
    z-index: 4;
}

@media (min-width: 1700px) {
    .carousel__nav {
        left: 104px;
    }
}

@media (min-width: 1800px) {
    .carousel__nav {
        left: 154px;
    }
}

@media (min-width: 2000px) {
    .carousel__nav {
        left: 224px;
    }
}

@media (min-width: 2100px) {
    .carousel__nav {
        left: 274px;
    }
}

@media (min-width: 2100px) {
    .carousel__nav {
        left: 364px;
    }
}

.carousel__nav--dots {
    width: 20px;
}

.carousel__nav--thumbnails {
    position: relative;
}

@media (max-width: 479px) {
    .carousel__content-inner {
        max-width: 300px;
        margin-left: 10%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .carousel__content-inner {
        max-width: 500px;
        margin-left: 10%;
    }
}

@media (max-width: 767px) {
    .carousel__slide::before {
        background: rgba(0, 0, 0, 0.4);
    }

    .carousel__content {
        text-align: center;
        padding: 48px 24px 72px;
    }

    .carousel__title {
        font-size: 32px;
        line-height: 1.2;
    }

    .carousel__nav {
        left: 24px;
        top: 9%;
    }
}

@media (min-width: 768px) {
    .carousel__content {
        /* max-width: 85%; */
        padding: 96px 48px;
    }

    .carousel__nav--thumbnails {
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (min-width: 960px) {

    .carousel {
        margin-top: -48px;
    }
}

@media (min-width: 1696px) {
    .carousel__content {
        /*  max-width: 60%;*/
        padding: 144px 0 144px calc(50vw - 800px);
    }
}

/*! dot carousel navigation */

.carousel__nav {
    text-align: center;
}

.carousel__pause,
.carousel__play {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 12px;
    color: #d4d4d4;
}

    .carousel__pause:hover,
    .carousel__pause:focus,
    .carousel__play:hover,
    .carousel__play:focus {
        color: #009caf;
    }

.carousel.is-playing .carousel__play,
.carousel:not(.is-playing) .carousel__pause {
    display: none;
}

.carousel__dot {
    display: block;
    vertical-align: middle;
    width: 4px;
    height: 48px;
    background: #fff;
    margin-bottom: 12px;
}

    .carousel__dot:hover,
    .carousel__dot:focus {
        background-color: #fff;
        border-bottom: #006080 solid 18px;
        width: 10px;
    }

    .carousel__dot.is-active {
        background-color: #fff;
        border-bottom: #006080 solid 18px;
        width: 10px;
    }

/*! carousel dissolve transition */

.carousel__slide {
    opacity: 0;
    z-index: 1;
}

    .carousel__slide.is-last-active {
        opacity: 1;
        z-index: 2;
    }

    .carousel__slide.is-active {
        opacity: 1;
        z-index: 3;
        transition: opacity 0.5s ease;
    }

.horizontal-scroll {
    position: relative;
}

    .horizontal-scroll:not(:last-child) {
        margin-bottom: 48px;
    }

.horizontal-scroll__wrapper {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    scroll-behavior: smooth;
}

.js .horizontal-scroll__wrapper {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

    .js .horizontal-scroll__wrapper::-webkit-scrollbar {
        display: none;
    }

.horizontal-scroll__contents {
    float: left;
    margin: 0;
    list-style: none;
    white-space: nowrap;
    word-spacing: -0.31em;
}

.horizontal-scroll__item {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    padding-right: 24px;
    white-space: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-spacing: normal;
}

    .horizontal-scroll__item:last-child {
        padding-right: 0;
    }

.horizontal-scroll__control {
    width: 96px;
    position: absolute;
    top: 0;
    bottom: 0;
    background: transparent;
    font-size: 38px;
    color: #005d83;
}

.horizontal-scroll__control--left {
    left: -96px;
}

.horizontal-scroll__control--right {
    right: -96px;
}

.horizontal-scroll__control:hover,
.horizontal-scroll__control:focus {
    color: #a69447;
}

.horizontal-scroll--is-at-start .horizontal-scroll__control--left,
.horizontal-scroll--is-at-end .horizontal-scroll__control--right {
    color: #d4d4d4 !important;
    cursor: default;
}

@media (max-width: 1792px) {
    .horizontal-scroll__control {
        width: 48px;
    }

    .horizontal-scroll__control--left {
        left: -48px;
    }

    .horizontal-scroll__control--right {
        right: -48px;
    }
}

@media (max-width: 767px) {
    .horizontal-scroll__item {
        max-width: 45vw;
    }

    .horizontal-scroll__control {
        display: none;
    }
}

@media (max-width: 479px) {
    .horizontal-scroll__item {
        max-width: 80vw;
    }
}

/*photo gallery horizontal scroll*/
.horizontal-scroll--gallery .horizontal-scroll__item {
    position: relative;
    width: 100%;
}



.horizontal-scroll--gallery .horizontal-scroll__video {
    display: block;
    height: auto;
    width: 100%;
}

.horizontal-scroll--gallery .horizontal-scroll__description {
    background: rgba(0,0,0,0.6);
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 16px;
    left: 0;
    padding: 24px 12px;
    position: absolute;
    right: 0;
    width: 100%;
}

.horizontal-scroll--gallery .horizontal-scroll__contents .rd-modal__content {
    white-space: initial !important;
    word-spacing: 0 !important;
}

.horizontal-scroll--gallery .horizontal-scroll__video {
    position: relative;
}

    .horizontal-scroll--gallery .horizontal-scroll__video::before {
        content: '\f144';
        font: var(--fa-font-solid);
        position: absolute;
        font-size: 72px;
        color: rgba(255,255,255,0.8);
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0,0,0,0.5);
        border-radius: 50%;
        padding: 24px;
        text-align: center;
    }


/*! ---------- =sitefinity ---------- */

.sys-template {
    display: none;
}

.sfContentBlock {
    margin-bottom: 24px;
}

    .sfContentBlock:last-child {
        margin-bottom: 0;
    }

/* For Solr debug */

.debug-url {
    background-color: #efe;
    border: 2px solid #2c2;
    padding: 12px;
    margin-bottom: 24px;
    word-wrap: break-word;
}

/*! make page builder layout more friendly to edit */

.sfPageEditor .page-header,
.sfPageEditor .header-logo,
.sfPageEditor .page-header__content,
.sfPageEditor .header-utility,
.sfPageEditor .header-search,
.sfPageEditor .header-nav,
.sfPageEditor .title-block,
.sfPageEditor .title-block__background,
.sfPageEditor .title-block__content,
.sfPageEditor .page-footer,
.sfPageEditor .footer-logo,
.sfPageEditor .footer-social,
.sfPageEditor .footer-contact,
.sfPageEditor .footer-utility,
.sfPageEditor .footer-copyright {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
    float: none !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

.sfPageEditor .content {
    padding-top: 48px;
}

.sfPageEditor .title-block::before {
    display: none !important;
}

.sfPageEditor .title-block__background,
.sfPageEditor .title-block__content {
    position: static !important;
}

/* space form builder fields */

.sf-fieldWrp > input,
.sf-fieldWrp > select,
.sf-fieldWrp > textarea,
.sf-fieldWrp > div > input,
.sf-fieldWrp > div > select,
.sf-fieldWrp > div > textarea {
    margin-bottom: 20px !important;
}

.sf_colsIn > .sf-fieldWrp > input:last-child,
.sf_colsIn > .sf-fieldWrp > select:last-child,
.sf_colsIn > .sf-fieldWrp > textarea:last-child {
    margin-bottom: 0 !important;
}

.sfInlineEditingPageMenu .sfInlineEditingToggleLnk {
    z-index: 1001 !important;
}

/* user-friendly tabs layout modules */

.sfPageEditor [data-edit-label]::before {
    content: "[" attr(data-edit-label) "]";
    font-size: 14px;
    opacity: 0.3;
}

.tabs.sf_cols {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.tabs__tab > .sf_colsIn,
.tabs__pane > .sf_colsIn {
    margin: 0 !important;
}

.sfPageEditor .tabs--standard .tabs__tab {
    width: 100% !important;
    float: none !important;
}

.sfPageEditor .tabs.sf_cols .tabs__pane {
    display: block !important;
}


/*! ---------- =print ---------- */

@media print {
    .page-header__toggle,
    .header-search,
    .header-utility,
    .header-nav,
    .in-this-section,
    .footer-logo,
    .footer-social,
    .footer-utility,
    .home-feature,
    .breadcrumbs,
    .share-buttons,
    .truncator-expand {
        display: none !important;
    }

    body {
        background: #fff;
    }


    @page {
        margin: 0.5in;
    }


    @page :first {
        margin-top: 1in;
    }




    .page-bounds,
    .hero__content {
        max-width: 100%;
    }

    .page-header,
    .content,
    .page-footer {
        padding-left: 0;
        padding-right: 0;
    }

    h1,
    h2,
    h3,
    h4 {
        page-break-after: avoid;
    }

    blockquote,
    img,
    table,
    pre {
        page-break-inside: avoid;
    }

    ul,
    ol,
    dl {
        page-break-before: avoid;
    }

    .header-logo {
        float: none;
        max-width: 150px;
        margin: 0 auto;
        padding: 0;
    }

    .page-footer {
        border-top: 1px solid #f1f1f1;
    }

    .footer-contact {
        text-align: center;
    }

    .interior-layout__title,
    .interior-layout__nav,
    .interior-layout__main,
    .interior-layout__aside {
        float: none;
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .interior-layout__aside {
        border-top: 1px solid #d4d4d4;
        padding-top: 48px;
    }

    .page-title {
        text-align: center;
    }

    .content a[href]:not([href^="#"]) {
        word-wrap: break-word;
        box-shadow: 0 2px 0 #005d83;
        color: #5d7278;
        font-weight: 700;
    }

        .content a[href]:not([href^="#"])::after {
            content: " (" attr(href) ") ";
            font-size: 0.85em;
            color: #748d94;
        }

    .tabs__pane {
        display: block !important;
    }

    .accordion__content {
        max-height: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    [data-truncate-to] {
        max-height: none !important;
        overflow: visible !important;
    }

    [data-truncate-to*="item"] > * {
        display: initial !important;
    }
}

/* BDE blogs added by Josh Johnson */
.BDE_Featured_List {
    box-shadow: 0 0 10px #cccccc;
    padding: 15px;
}

    .BDE_Featured_List .item-list__thumbnail {
        width: 300px;
    }

.BDE_Standard_List .item-list__thumbnail {
    width: 300px;
}

.BPDE_5QW_List {
}


/* member spotlight added by Josh Johnson */

.member-spotlight {
    font-size: 16px;
    color: #000;
    margin-top: -7px;
}

.grid__unit.grid__unit--1-2-l .member-spotlight {
    margin-bottom: 36px;
}

.member-spotlight-container .grid__unit img {
    text-align: left;
    margin-left: 0;
}

a.member-spotlight-name {
    color: #3193B9;
    font-size: 16px;
    font-weight: bold;
}

a:hover.member-spotlight-name {
    color: #005e80;
}

/* news  added by Josh Johnson */

.news-feature-container {
    clear: both;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 24px;
}

.news-overlay {
    background: rgba(0,95,125,0.8);
    color: #fff;
    margin-top: -105px;
    position: absolute;
    bottom: 0;
    padding: 24px;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.news-description {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 16px;
}

    .news-description.small-news {
        font-size: 16px;
    }

.news-date {
    font-size: 16px;
    font-weight: 600;
}

.news-feature-img img {
    margin-left: 0;
    width: 100%;
    height: auto;
}

@media (min-width: 640px) and (max-width:1099px) {

    .news-feature-container {
        max-width: 377px;
    }
}

/*Sidebar edits  added by Josh Johnson*/
.Date-separator {
    color: rgb(0, 93, 131) !important;
    border-bottom: 3px solid;
}

.Date-box {
    color: #FFFFFF !important;
    /* border-bottom: 3px solid; */
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: rgb(255, 255, 255);
    padding: 10px 78px;
    margin-bottom: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 24px;
    background: rgb(0, 93, 131);
    transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out;
    border-top-right-radius: 80px 80px;
    border-bottom-right-radius: 80px 80px;
}

.Date-box-red {
    color: #FFFFFF !important;
    /* border-bottom: 3px solid; */
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: rgb(255, 255, 255);
    padding: 10px 78px;
    margin-bottom: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 24px;
    background: #871725;
    !important;
    transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out;
    border-top-right-radius: 80px 80px;
    border-bottom-right-radius: 80px 80px;
}


/* video feature */

@media (max-width: 959px) {
    .hero__content.video-content {
        text-align: center;
    }
}

@media (min-width: 960px) {
    .hero__content.video-content {
        max-width: 380px;
        border-left: #45a2bf solid 2px;
        margin-left: 60%;
    }
}

.hero__title.video-title {
    font-size: 32px;
    line-height: 36px;
}

.button.hero__action.video-button {
    background: #F4FAFC;
    border: none;
    color: #005F83;
    font-weight: 500;
}


/* events  added by Josh Johnson */

.events-feature-container {
    clear: both;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 24px;
}

.events-overlay {
    background: rgba(0,155,177,0.8);
    color: #fff;
    margin-top: -105px;
    position: absolute;
    bottom: 0;
    padding: 24px;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.events-description {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 16px;
}

    .events-description.small-events {
        font-size: 16px;
    }

.events-date {
    font-size: 16px;
    font-weight: 600;
}

.events-feature-img img {
    margin-left: 0;
    width: 100%;
    height: auto;
}

.events-button {
    background: #009BB1;
}

.spacer.spacer--tiny {
    margin-bottom: 6px;
}

.spacer.spacer--small {
    margin-bottom: 12px;
}

.spacer.spacer--medium {
    margin-bottom: 24px;
}

.spacer.spacer--large {
    margin-bottom: 36px;
}

.spacer.spacer--huge {
    margin-bottom: 48px;
}

.detail-title {
    margin-top: 24px;
}

.media-body .btn, .header-user .btn {
    display: inline-block;
    padding: 6px;
    color: #444;
    font-size: 14px;
}

.pricing-table {
    width: 100%;
}

    .pricing-table th {
        font-size: 24px;
        font-weight: bold;
        line-height: 1;
        padding: 24px;
        text-align: left;
    }

    .pricing-table tr:nth-child(even) {
        background: #f7f9fa;
    }

    .pricing-table tr td:first-child {
        width: 35%;
    }

    .pricing-table tr td {
        padding: 12px;
    }

    .pricing-table th,
    .pricing-table td,
    .pricing-table tbody tr {
        transition: all 0.15s ease-out;
    }

        .pricing-table tbody tr:first-child {
            background: #265c80;
            color: #fff;
            font-size: 24px;
        }

            .pricing-table tbody tr:first-child:hover {
                background: #009caf;
                color: #fff;
            }

        .pricing-table tbody tr:hover {
            background: #e9f0f2;
            color: #273a41;
        }

        .pricing-table th:nth-child(2),
        .pricing-table td:nth-child(2) {
            background: rgba(238, 238, 238, 0.3);
        }

th .pricing-note {
    color: #959595;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    padding-top: 12px;
}


.audience-icon {
    font-size: 36px;
    margin-right: 24px;
}


.sf-fieldWrp img {
    text-align: left !important;
    margin: 24px 0 0 0;
}

.sf-fieldWrp button {
    margin-top: 12px;
    margin-bottom: 12px;
}

h3.footer-actions__title {
    white-space: nowrap;
}

.caapid-img {
    width: 100%;
}

article p, article p:last-child {
    margin: 0 0 20px;
}

.splash {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 999;
}

.splash-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus,
    .dismiss:hover,
    .dismiss:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.sf-editor .splash {
    display: block !important;
}

/*Cards*/

.card {
    display: flex;
    flex-direction: column;
    border: 1px solid #d2d6d8;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    overflow: hidden
}

.card-box-title {
    margin: -15px -15px 15px -15px;
    background: #666666;
    padding: 15px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 21px;
}

.card__body {
    padding: 24px;
    flex-grow: 1
}

.card__image {
    width: 100%
}

.card__header, .card__footer, .card__section {
    padding: 24px;
    border: solid #d2d6d8
}

.card__header--secondary, .card__footer--secondary, .card__section--secondary {
    background: #fbfcfd
}

.card__header--tertiary, .card__footer--tertiary, .card__section--tertiary {
    background: #eef1f2
}

.card__header--borderless, .card__footer--borderless, .card__section--borderless {
    border: none
}

.card__header {
    border-width: 0 0 1px;
    flex-grow: 0
}

.card__header--borderless:not(.card__header--secondary):not(.card__header--tertiary) {
    padding-bottom: 0
}

.card__footer {
    border-width: 1px 0 0;
    justify-self: flex-end;
    flex-grow: 0
}

.card__footer--borderless:not(.card__footer--secondary):not(.card__footer--tertiary) {
    padding-top: 0
}

.card__section {
    border-width: 1px 0;
    margin-top: 24px;
    margin-bottom: 24px
}

    .card__section + .card__section {
        margin-top: -24px;
        border-top-width: 0
    }

    .card__section:first-child {
        margin-top: 0
    }

    .card__section:last-child {
        margin-bottom: 0
    }

.card__body > .card__section {
    margin-left: -24px;
    margin-right: -24px
}

    .card__body > .card__section:first-child {
        margin-top: -24px
    }

    .card__body > .card__section:last-child {
        margin-bottom: -24px
    }

.card--primary, .card--primary .card__header, .card--primary .card__footer, .card--primary .card__section {
    border-color: #219ab4
}

    .card--primary a, .card--primary h1, .card--primary h2, .card--primary h3, .card--primary h4, .card--primary h5, .card--primary h6, .card--primary .h1, .card--primary .h2, .card--primary .h3, .card--primary .h4, .card--primary .h5, .card--primary .h6 {
        color: #219ab4
    }

    .card--primary .card__header--secondary, .card--primary .card__footer--secondary, .card--primary .card__section--secondary {
        color: #066176;
        background: #f8fcfe
    }

    .card--primary .card__header--tertiary, .card--primary .card__footer--tertiary, .card--primary .card__section--tertiary {
        color: #066176;
        background: #cdeef5
    }

.card--accent, .card--accent .card__header, .card--accent .card__footer, .card--accent .card__section {
    border-color: #f59c36
}

    .card--accent a, .card--accent h1, .card--accent h2, .card--accent h3, .card--accent h4, .card--accent h5, .card--accent h6, .card--accent .h1, .card--accent .h2, .card--accent .h3, .card--accent .h4, .card--accent .h5, .card--accent .h6 {
        color: #f59c36
    }

    .card--accent .card__header--secondary, .card--accent .card__footer--secondary, .card--accent .card__section--secondary {
        color: #ab5c02;
        background: #fffcf9
    }

    .card--accent .card__header--tertiary, .card--accent .card__footer--tertiary, .card--accent .card__section--tertiary {
        color: #ab5c02;
        background: #fcebd7
    }

.card--action, .card--action .card__header, .card--action .card__footer, .card--action .card__section {
    border-color: #71a742
}

    .card--action a, .card--action h1, .card--action h2, .card--action h3, .card--action h4, .card--action h5, .card--action h6, .card--action .h1, .card--action .h2, .card--action .h3, .card--action .h4, .card--action .h5, .card--action .h6 {
        color: #71a742
    }

    .card--action .card__header--secondary, .card--action .card__footer--secondary, .card--action .card__section--secondary {
        color: #407c0b;
        background: #fbfdf9
    }

    .card--action .card__header--tertiary, .card--action .card__footer--tertiary, .card--action .card__section--tertiary {
        color: #407c0b;
        background: #e3efd8
    }

.card--fill-primary .card__header, .card--fill-primary .card__footer, .card--fill-primary .card__section, .card--fill-accent .card__header, .card--fill-accent .card__footer, .card--fill-accent .card__section, .card--fill-action .card__header, .card--fill-action .card__footer, .card--fill-action .card__section, .card--inverse .card__header, .card--inverse .card__footer, .card--inverse .card__section {
    border-color: #fff
}

.card--fill-primary, .card--fill-accent, .card--fill-action, .card--inverse {
    border: none;
    color: #fff;
    box-shadow: none
}

    .card--fill-primary h1, .card--fill-primary h2, .card--fill-primary h3, .card--fill-primary h4, .card--fill-primary h5, .card--fill-primary h6, .card--fill-primary .h1, .card--fill-primary .h2, .card--fill-primary .h3, .card--fill-primary .h4, .card--fill-primary .h5, .card--fill-primary .h6, .card--fill-accent h1, .card--fill-accent h2, .card--fill-accent h3, .card--fill-accent h4, .card--fill-accent h5, .card--fill-accent h6, .card--fill-accent .h1, .card--fill-accent .h2, .card--fill-accent .h3, .card--fill-accent .h4, .card--fill-accent .h5, .card--fill-accent .h6, .card--fill-action h1, .card--fill-action h2, .card--fill-action h3, .card--fill-action h4, .card--fill-action h5, .card--fill-action h6, .card--fill-action .h1, .card--fill-action .h2, .card--fill-action .h3, .card--fill-action .h4, .card--fill-action .h5, .card--fill-action .h6, .card--inverse h1, .card--inverse h2, .card--inverse h3, .card--inverse h4, .card--inverse h5, .card--inverse h6, .card--inverse .h1, .card--inverse .h2, .card--inverse .h3, .card--inverse .h4, .card--inverse .h5, .card--inverse .h6 {
        color: #fff
    }

    .card--fill-primary a:not(.button):not(.more), .card--fill-accent a:not(.button):not(.more), .card--fill-action a:not(.button):not(.more), .card--inverse a:not(.button):not(.more) {
        color: #fff;
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px
    }

.card--fill-primary {
    background: #219ab4
}

    .card--fill-primary .card__header--secondary, .card--fill-primary .card__footer--secondary, .card--fill-primary .card__section--secondary {
        background: #0a819c
    }

    .card--fill-primary .card__header--tertiary, .card--fill-primary .card__footer--tertiary, .card--fill-primary .card__section--tertiary {
        background: #066176
    }

.card--fill-accent {
    background: #f59c36
}

    .card--fill-accent .card__header--secondary, .card--fill-accent .card__footer--secondary, .card--fill-accent .card__section--secondary {
        background: #e57c04
    }

    .card--fill-accent .card__header--tertiary, .card--fill-accent .card__footer--tertiary, .card--fill-accent .card__section--tertiary {
        background: #ab5c02
    }

.card--fill-action {
    background: #71a742
}

    .card--fill-action .card__header--secondary, .card--fill-action .card__footer--secondary, .card--fill-action .card__section--secondary {
        background: #56a115
    }

    .card--fill-action .card__header--tertiary, .card--fill-action .card__footer--tertiary, .card--fill-action .card__section--tertiary {
        background: #407c0b
    }

.card--inverse {
    background: #02101a
}

    .card--inverse .card__header--secondary, .card--inverse .card__footer--secondary, .card--inverse .card__section--secondary {
        background: #20282e
    }

    .card--inverse .card__header--tertiary, .card--inverse .card__footer--tertiary, .card--inverse .card__section--tertiary {
        background: #4b5459
    }

.card-grid {
    display: grid;
    /*grid-template-columns:Repeat(auto-fit, minmax(12rem, 1fr));*/
    gap: 48px
}

    .card-grid:not(:last-child) {
        margin-bottom: 48px
    }

.card-grid--compact {
    gap: 24px
}

@media (max-width: 959px) {
    .splash img {
        max-height: unset !important;
    }
}


/*  Styles added by Bobby Bowden in January 2025 (?) */


.events-key-dates__date-card {
    background-color: #f4f5f8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    padding-top: 0.25em;
}

    .events-key-dates__date-card h5 {
        margin-top: 0px;
    }

.events-key-dates__date-icon {
    border: 2px solid #dbdbdb;
    background-color: #fff;
    color: rgba(0,95,125);
    display: block;
    float: left;
    font-weight: 700;
    margin-right: 1.25rem;
    padding: .5rem;
    text-align: center;
    text-transform: uppercase;
    width: 4.25rem
}

.events-key-dates__date-icon-day {
    display: block;
    font-size: 2rem;
    line-height: 1.25rem
}

.events-key-dates__date-icon-month {
    display: block;
    font-size: 1.25rem;
    line-height: 1.875rem
}

.events-key-dates .profile-people__primary .profile-people__list .profile-people__card .profile-people__fake-h4 span.scWebEditInput, .events-key-dates h4 span.scWebEditInput, .profile-people__primary .profile-people__list .profile-people__card .events-key-dates .profile-people__fake-h4 span.scWebEditInput {
    display: inline
}

.events-key-dates .profile-people__primary .profile-people__list .profile-people__card .profile-people__fake-p, .events-key-dates p, .profile-people__primary .profile-people__list .profile-people__card .events-key-dates .profile-people__fake-p {
    margin-bottom: 0
}

    .events-key-dates .profile-people__primary .profile-people__list .profile-people__card .profile-people__fake-p span.scWebEditInput, .events-key-dates p span.scWebEditInput, .profile-people__primary .profile-people__list .profile-people__card .events-key-dates .profile-people__fake-p span.scWebEditInput {
        display: inline
    }


/*	----------------------------------------------------------------------------------------------
	Styles added by Dan Robinson (contractor)
	Last modified by Dan on 2/18/2025
*/


/*	Styles for jump links */

a.named-anchor {
    display: block;
    position: relative;
    top: -120px; /* corrects for top banner so the jump link goes where it's supposed to */
}

.back-to-top-link {
    /*	 These styles mirror those of the h6 element (as of 12/18/2024). */
    font-size: 22px;
    font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif; /* heading font */
    text-rendering: optimizeLegibility;
    color: #00475f;
}

.jump-links {
    border-top: 1px solid #005d83;
    border-bottom: 1px solid #005d83;
    margin: 24px 0;
    padding-top: 12px;
    padding-bottom: 24px;
}

    .jump-links span:not(:first-child) {
        padding-left: 14px
    }

    .jump-links span:not(:last-child)::after {
        content: "|";
        padding-left: 14px;
    }


/*	Styles for figures (charts, diagrams, etc.)

	Example:
	https://www.adea.org/initiatives/policy/policy-publications/dental-schools-in-the-community--expanding-access-to-oral-health-care-services
*/

.figure-heading {
    margin-top: 36px;
    font-size: 22px;
    font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #00475f;
    line-height: 1.5;
}

.figure {
    border: 2px solid #55bdca;
    border-radius: 5px;
    padding-right: 36px;
    margin-top: 18px;
    margin-bottom: 24px;
}

.figure-caption {
    background-color: #f1f1f1;
    color: black;
    font-size: 16px;
    margin-bottom: 36px;
    padding: 36px;
}

    .figure-caption p:first-child {
        margin-top: 0;
    }


/*	Styles that add extra vertical space between elements */

hr.padded {
    margin-top: 36px;
    margin-bottom: 36px;
}

ol.spaced-out li, ul.spaced-out li {
    margin-bottom: 24px;
}


/*	Simple card: light grey border, adequate padding, etc. */

.simple-card {
    border: 1px solid #d2d6d8;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    padding: 24px;
    margin: 24px 0;
}

    .simple-card > :first-child {
        margin-top: 0;
    }

    .simple-card > :last-child {
        margin-bottom: 0;
    }


/*	Centered pull quote */

.pull-quote--centered {
    max-width: 60%;
    margin: 24px auto 24px auto;
}


/*	Floating a large image (with optional caption) to the right */

@media (min-width: 1300px) {

    .container-div-for-large-image-floated-right {
        float: right;
        margin-left: 24px;
        margin-bottom: 12px;
        width: 40%;
    }
}

@media (min-width: 1500px) {

    .container-div-for-large-image-floated-right {
        width: 50%;
    }
}


/*	ADEA table wrapper:

	This class gives all cells in the affected table light grey borders and enough padding to
	look relatively uncrowded.
	
	To prevent a table from getting cut off at narrow screen widths, wrap the table in a div and
	apply the "adea-table-wrapper" class to the div.
	
	Optionally, add the class "center-text-in-all-cells" to the table or the wrapper div.
	
	For a borderless table, add the class "tables-without-borders" to the table.

*/


.adea-table-wrapper {
    overflow-x: auto;
}

    .adea-table-wrapper th,
    .adea-table-wrapper td {
        border: 1px solid #555;
        padding: 12px;
    }

    .adea-table-wrapper.center-text-in-all-cells th,
    .adea-table-wrapper.center-text-in-all-cells td {
        text-align: center;
    }

    .adea-table-wrapper .tables-without-borders th,
    .adea-table-wrapper .tables-without-borders td {
        border: none;
    }


/*
	Warning box for Annual Session 2026 microsite:
	
	As of 2/14/2025, the classes below are still using the color scheme from the 2025 annual
	session. They should be updated once we get the colors for 2026.
	
	The HTML of a warning box looks like this:
	
	<div class="adea-annual-session-2026-warning-box">
		<div><span class="fa-solid fa-triangle-exclamation"></span></div>
		<div>
			<p>{text of actual warning here}</p>
		</div>
	</div>

*/

.adea-annual-session-2026-warning-box {
    display: flex;
    flex-direction: row;
    border: 1px solid #c40078;
    border-radius: 5px;
    padding: 15px;
    max-width: 630px;
    margin-bottom: 24px;
}

    .adea-annual-session-2026-warning-box > div:first-child {
        flex: none;
        padding-right: 30px;
        font-size: 36px;
        color: #c40078;
    }

    .adea-annual-session-2026-warning-box > div:last-child p {
        margin-top: 0;
    }


/*	Responsive video container
	
	See: https://www.digitalyeast.com/embedresponsively/
	
	Another version of this class exists above, but the CSS is slightly different, and I'm not
	sure I trust it. Also, that class is defined inside a media query (min-width: 768px), and
	the name of the class ("responsive-video__aspect") is harder to remember.
*/

.responsive-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .responsive-video-container iframe,
    .responsive-video-container object,
    .responsive-video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }