.compartment {
    position: relative;
    margin: 0 auto;
    max-width: 65.55556em;
    max-width: 73.75rem;
}

@media (min-width: 600px) {
    .col-4 {
        width: 50%;
        float: left;
    }
}

@media (min-width: 900px) {
    .col-4 {
        width: 25%;
    }
}

.margin-x {
    margin-right: 1.11111em;
    margin-left: 1.11111em;
}

.margin-x-2x {
    margin-right: 2.22222em;
    margin-left: 2.22222em;
}

.margin-y {
    margin-top: 1.11111em;
    margin-bottom: 1.11111em;
}

.margin-y-2x {
    margin-top: 2.22222em;
    margin-bottom: 2.22222em;
}

.padding-x {
    padding-right: 1.11111em;
    padding-left: 1.11111em;
}

.padding-x-2x {
    padding-right: 2.22222em;
    padding-left: 2.22222em;
}

.padding-y {
    padding-top: 1.11111em;
    padding-bottom: 1.11111em;
}

.padding-y-2x {
    padding-top: 2.22222em;
    padding-bottom: 2.22222em;
}

.stretch-container {
    margin-right: -1.11111em;
    margin-left: -1.11111em;
}

.cover {
    position: absolute;
    height: 100%;
    width: 100%;
}

/*! helpers - presentational v0.0.1 */
/*! helpers - ui-pattern v0.0.1 */
/*
Example sites:
http://coderepo.demo.finalsite.com/stuff-by-al/dropdown-mixin
http://codepen.io/foxareld/pen/BNpWJm

Ex 1:
    <div class='parent'>
      <span class='sibling'>Dropdown</span>
      <ul class='dropdown'>
        <li>Link</li>
        <li>Link</li>
        <li>Link</li>
      </ul>
    </div>

Use:
    .parent {
        @include drop(".dropdown"); //this makes .dropdown drop on hover of .parent
    }

    //this makes .dropdown drop when .parent has class .drop-class, it was also have a transition
    .parent {
        @include drop(".dropdown", true, ".drop-class");
    }

    //this makes .dropdown drop when .sibling has class .drop-class, it will not have a transition
    .sibling {
        @include drop("+ .dropdown", false, ".drop-class");
    }

*/
/*! helpers - typography v0.0.1 */
@font-face {
    font-family: 'IcoMoon';
    src: url("../fonts/icomoon.eot");
    src: url("../fonts/icomoond41d.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff2") format("woff2"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.html#IcoMoon") format("svg");
    font-weight: 400;
    font-style: normal;
}

.skip-link a {
    position: absolute;
    top: -40px;
    left: 0px;
    color: #fff;
    padding: 6px;
    background: transparent;
    transition: top 1s ease-out, background 1s linear;
    z-index: 9999;
}

    .skip-link a:focus {
        left: 0px;
        top: 0px;
        background: #003745;
        color: #fff;
        transition: top .1s ease-in, background .5s linear;
    }

.fsTitle, .fsAthleticsRosterList li > div.fsRosterName, .fsFacebookFrom, .fsVimeoTitle, .fsYoutubeTitle {
    margin: 0;
    font-weight: bold;
    font-size: 1.1em;
}

/*h1 {
    margin-top: 0;
    font-weight: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 38px;
    text-transform: uppercase;
    color: #003745;
    font-weight: 900;
    margin-bottom: 16px;
}

h2 {
    margin-top: 0;
    font-weight: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    color: #003745;
    margin-bottom: 16px;
}

h3 {
    margin-top: 0;
    font-weight: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #00998F;
    font-weight: 700;
    margin-bottom: 10px;
}

h4 {
    margin-top: 0;
    font-weight: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #003745;
    margin-bottom: 10px;
}

h5 {
    margin-top: 0;
    font-weight: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
}

h6 {
    margin-top: 0;
    font-weight: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #003745;
    text-transform: uppercase;
    margin-bottom: 10px;
}

p {
    margin: 0 0 20px;
}

hr {
    margin: 0 auto 20px;
}

a {
    text-decoration: none;
    color: #027E75;
    transition: background .3s, color .3s;
}*/

/*a:hover, a:focus {
    color: #003745;
}*/

/*.fsPageContent a:hover, .fsPageContent a:focus {
    text-decoration: underline;
}*/

/*ul,
ol {
    margin-top: 0;
    padding-left: 1.11111em;
}*/

.fsAthleticsEvent.fsTable .fsElementTable, .fsAthleticsRoster .fsElementTable,
table.styled,
table.fs_style_39 {
    margin-bottom: 20px;
    width: 100%;
    overflow-x: auto;
    display: block;
}

    .fsAthleticsEvent.fsTable .fsElementTable tbody, .fsAthleticsRoster .fsElementTable tbody,
    .fsAthleticsEvent.fsTable .fsElementTable thead,
    .fsAthleticsRoster .fsElementTable thead,
    table.styled tbody,
    table.styled thead,
    table.fs_style_39 tbody,
    table.fs_style_39 thead {
        width: 100%;
        display: table;
    }

    .fsAthleticsEvent.fsTable .fsElementTable td, .fsAthleticsRoster .fsElementTable td,
    table.styled td,
    table.fs_style_39 td {
        padding: 10px 20px;
        background: rgba(0, 0, 0, 0.05);
    }

    .fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(odd) td, .fsAthleticsRoster .fsElementTable tr:nth-of-type(odd) td,
    table.styled tr:nth-of-type(odd) td,
    table.fs_style_39 tr:nth-of-type(odd) td {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .fsAthleticsEvent.fsTable .fsElementTable th, .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable td, .fsAthleticsRoster .fsElementTable td,
    table.styled th,
    table.styled td,
    table.fs_style_39 th,
    table.fs_style_39 td {
        vertical-align: top;
        border-bottom: none;
    }

/*    .fsAthleticsEvent.fsTable .fsElementTable th, .fsAthleticsRoster .fsElementTable th,
    table.styled th,
    table.fs_style_39 th {
        padding: 10px 20px;
        text-align: left;
        background: #003745;
        color: #fff;
    }

img,
canvas,
video,
svg {
    height: auto;
    max-width: 100%;
}

iframe {
    border: 0;
    max-width: 100%;
}

.fsBannerRight .fsElement {
    font-size: 16px;
}*/

/*! _main.scss - src/sass/modules/common/ - main common import */
/*! elements - common v0.0.1 */
/* Contains generic styles that apply to every element */
/*.fsElement {
    margin-bottom: 20px;
}*/

 /*   .fsElement:last-child {
        margin-bottom: 0;
    }*/

/*.fsElementHeaderContent {
    margin-bottom: 20px;
}

.fsElementFooterContent {
    margin-top: 20px;
}

.fsPanel {
    margin-bottom: 0;
}

.fsStyleDefaultField {
    border: solid 1px #a7b2cd;
}*/

/*! elements - common - list subtype v0.0.1 */
/* Contains generic styles that apply to every element with the class '.fsList' and the list subtype selected */
.fsList article {
    margin-bottom: 20px;
}

/*! element - common - slideshow subtype v0.0.1 */
/* Contains generic styles that apply to every element slideshow subtype*/
/*.fsSlideshow.fsSlideshowVertical .fsElementSlideshow[data-slides-to-show="1"] article {
    padding-bottom: 0;
}

.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*="true"] {
    padding-top: 0;
    padding-bottom: 0;
}

.fsSlideshow.fsSlideshowHorizontal article {
    padding-bottom: 0;
}

.fsSlideshow .fsNextButton,
.fsSlideshow .fsPrevButton {
    overflow: hidden;
}

    .fsSlideshow .fsNextButton:before,
    .fsSlideshow .fsPrevButton:before {
        color: #666;
        font-size: 45px;
        transition: .3s;
        display: inline-block;
        line-height: 1;
        width: auto;
        height: auto;
        position: absolute;
    }

    .fsSlideshow .fsNextButton.fsLeftArrow:before, .fsSlideshow .fsNextButton.fsRightArrow:before,
    .fsSlideshow .fsPrevButton.fsLeftArrow:before,
    .fsSlideshow .fsPrevButton.fsRightArrow:before {
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
    }

    .fsSlideshow .fsNextButton.fsLeftArrow:before,
    .fsSlideshow .fsPrevButton.fsLeftArrow:before {
        left: 0;
    }

    .fsSlideshow .fsNextButton.fsRightArrow:before,
    .fsSlideshow .fsPrevButton.fsRightArrow:before {
        right: 0;
    }

    .fsSlideshow .fsNextButton:hover:before, .fsSlideshow .fsNextButton:focus:before,
    .fsSlideshow .fsPrevButton:hover:before,
    .fsSlideshow .fsPrevButton:focus:before {
        color: rgba(102, 102, 102, 0.5);
        transition: .3s;
    }

.fsSlideshow .fsPager {
    margin-bottom: 0;
    margin-top: 20px;
}

    .fsSlideshow .fsPager li {
        width: 12px;
        height: 12px;
        position: relative;
        vertical-align: middle;
    }

        .fsSlideshow .fsPager li button {
            width: 100%;
            height: 100%;
            padding: 0;
            color: #666;
        }

            .fsSlideshow .fsPager li button:before {
                content: '';
                width: 100%;
                height: 100%;
                border-radius: 50%;
                background-color: rgba(102, 102, 102, 0.25);
                transition: .3s;
                opacity: 1;
            }

            .fsSlideshow .fsPager li button:hover:before, .fsSlideshow .fsPager li button:focus:before {
                background-color: #666;
                transition: .3s;
            }

            .fsSlideshow .fsPager li button:focus {
                outline: 1px dashed rgba(102, 102, 102, 0.25);
            }

        .fsSlideshow .fsPager li.slick-active button:before {
            opacity: 1;
            background-color: #666;
        }*/

/*! elements - common - dialog box v0.0.1 */
/* Contains generic styles that apply to every element that has a pop-up/dialog option */
.fsDialogCloseButton {
    opacity: 1;
}

    .fsDialogCloseButton:after, .fsDialogCloseButton:before {
        background: #666;
    }

    .fsDialogCloseButton:focus:after, .fsDialogCloseButton:focus:before {
        background: #666;
    }

    .fsDialogCloseButton:hover:after, .fsDialogCloseButton:hover:before {
        background: #333333;
    }

.fsElementDialog {
    color: #666;
}

.fs_style_23 {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: #C1E2DC;
    color: #003745;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
}

    .fs_style_23:hover, .fs_style_23:focus,
    .fsStateSelected .fs_style_23 {
        background: white;
        color: #003745;
        text-decoration: none !important;
    }

    .fs_style_23 em {
        display: block;
        font-style: normal;
    }

    .fs_style_23:hover, .fs_style_23:focus {
        background: #003745;
        color: #fff;
    }

.fs_style_25 {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: #00998F;
    color: #fff;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
}

    .fs_style_25:hover, .fs_style_25:focus,
    .fsStateSelected .fs_style_25 {
        background: #1afff0;
        color: #fff;
        text-decoration: none !important;
    }

    .fs_style_25 em {
        display: block;
        font-style: normal;
    }

    .fs_style_25:hover, .fs_style_25:focus {
        background: #008077;
    }

.fs_style_27 {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: transparent;
    color: #C1E2DC;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #C1E2DC;
}

    .fs_style_27:hover, .fs_style_27:focus,
    .fsStateSelected .fs_style_27 {
        background: rgba(64, 64, 64, 0);
        color: #C1E2DC;
        text-decoration: none !important;
    }

    .fs_style_27 em {
        display: block;
        font-style: normal;
    }

    .fs_style_27:hover, .fs_style_27:focus {
        background: #C1E2DC;
        color: #003745;
        border: 1px solid #C1E2DC;
    }

.fs_style_26 {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: transparent;
    color: #003745;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #003745;
}

    .fs_style_26:hover, .fs_style_26:focus,
    .fsStateSelected .fs_style_26 {
        background: rgba(64, 64, 64, 0);
        color: #003745;
        text-decoration: none !important;
    }

    .fs_style_26 em {
        display: block;
        font-style: normal;
    }

    .fs_style_26:hover, .fs_style_26:focus {
        background: #003745;
        color: #fff;
        border: 1px solid #003745;
    }

.fs_style_28 {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: #C1E2DC;
    color: #003745;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
    margin: 0 10px 18px 0;
    padding: 27px 87px;
    border-radius: 4px;
}

    .fs_style_28:hover, .fs_style_28:focus,
    .fsStateSelected .fs_style_28 {
        background: white;
        color: #003745;
        text-decoration: none !important;
    }

    .fs_style_28 em {
        display: block;
        font-style: normal;
    }

    .fs_style_28:hover, .fs_style_28:focus {
        background: #003745;
        color: #fff;
    }

    .fs_style_28 em {
        color: #666;
    }

    .fs_style_28:hover em {
        color: #fff;
    }

.fs_style_29 {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: #00998F;
    color: #fff;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
    margin: 0 10px 18px 0;
    padding: 27px 87px;
    border-radius: 4px;
}

    .fs_style_29:hover, .fs_style_29:focus,
    .fsStateSelected .fs_style_29 {
        background: #1afff0;
        color: #fff;
        text-decoration: none !important;
    }

    .fs_style_29 em {
        display: block;
        font-style: normal;
    }

    .fs_style_29:hover, .fs_style_29:focus {
        background: #003745;
        color: #fff;
    }

    .fs_style_29 em {
        color: #666;
    }

    .fs_style_29:hover em {
        color: #fff;
    }

    .fs_style_29:hover, .fs_style_29:focus {
        background: #008077;
    }

    .fs_style_29 em {
        color: #fff;
    }

.fs_style_31 {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: transparent;
    color: #C1E2DC;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
    margin: 0 10px 18px 0;
    padding: 27px 87px;
    border-radius: 4px;
    border: 1px solid #C1E2DC;
}

    .fs_style_31:hover, .fs_style_31:focus,
    .fsStateSelected .fs_style_31 {
        background: rgba(64, 64, 64, 0);
        color: #C1E2DC;
        text-decoration: none !important;
    }

    .fs_style_31 em {
        display: block;
        font-style: normal;
    }

    .fs_style_31:hover, .fs_style_31:focus {
        background: #003745;
        color: #fff;
    }

    .fs_style_31 em {
        color: #666;
    }

    .fs_style_31:hover em {
        color: #fff;
    }

    .fs_style_31:hover, .fs_style_31:focus {
        background: #C1E2DC;
        color: #003745;
        border: 1px solid #C1E2DC;
    }

    .fs_style_31 em {
        color: #C1E2DC;
    }

        .fs_style_31 em:hover {
            color: #C1E2DC;
        }

/*.fs_style_30 {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: transparent;
    color: #003745;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
    margin: 0 10px 18px 0;
    padding: 27px 87px;
    border-radius: 4px;
    border: 1px solid #003745;
}*/

.fs_style_30:hover, .fs_style_30:focus,
.fsStateSelected .fs_style_30 {
    /* background: rgba(64, 64, 64, 0);
    color: #003745;*/
    text-decoration: none !important;
}

.fs_style_30 em {
    display: block;
    font-style: normal;
}

/*.fs_style_30:hover, .fs_style_30:focus {
    background: #003745;
    color: #fff;
}*/

.fs_style_30 em {
    color: #666;
}

.fs_style_30:hover em {
    color: #fff;
}

.fs_style_30:hover, .fs_style_30:focus {
    border: 1px solid #003745;
}

.buttons-dark {
    background: #003745;
    color: #C1E2DC;
    padding: 20px;
}

    .buttons-dark h2.fsElementTitle {
        color: #C1E2DC;
    }

.fsStyleDefaultButton {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: #666;
    color: #fff;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
}

    .fsStyleDefaultButton:hover, .fsStyleDefaultButton:focus,
    .fsStateSelected .fsStyleDefaultButton {
        background: #a6a6a6;
        color: #fff;
        text-decoration: none !important;
    }

    .fsStyleDefaultButton em {
        display: block;
        font-style: normal;
    }

    .fsStyleDefaultButton.fsLoadMoreButton {
        margin-bottom: 0;
    }

    .fsStyleDefaultButton.fsSelectAll {
        margin-bottom: 5px;
        padding: 7px 12px;
        font-size: .875em;
        line-height: 1.2;
    }

.fsStyleUpdateButton {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: #666;
    color: #fff;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
}

    .fsStyleUpdateButton:hover, .fsStyleUpdateButton:focus,
    .fsStateSelected .fsStyleUpdateButton {
        background: #a6a6a6;
        color: #fff;
        text-decoration: none !important;
    }

    .fsStyleUpdateButton em {
        display: block;
        font-style: normal;
    }

.lead-in, .fs_style_24 {
    font-size: 1.11111em;
    line-height: 1.2em;
    font-size: 30px;
}

/*blockquote {
    position: relative;
    margin: 50px 0 40px;
    padding-top: 35px;
    font-size: 1.22222em;
    line-height: 33px;
    font-weight: 300;
    text-align: center;
    border-top: 1px solid #dce0e9;
    color: #212529;
}*/

/* blockquote:before {
        content: "";
        font-family: "IcoMoon";
        font-smoothing: antialiased;
        font-weight: normal;
        speak: none;
        position: absolute;
        width: 70px;
        margin: auto;
        top: -30px;
        left: 0;
        right: 0;
        font-size: 30px;
        color: #C1E2DC;
        background: #fff;
        padding: 10px 10px;
    }*/

cite, .fs_style_32 {
    display: block;
    margin: 0 0 40px;
    color: #747b83;
    font-size: 0.63636em;
    font-style: normal;
    font-weight: 700;
}

    cite:before, .fs_style_32:before {
        content: '- ';
    }

.fs_style_34 {
    font-size: 14px;
    color: #666;
}

.content-callout {
    padding: 30px;
    background: #C1E2DC;
    color: #333;
}

    .content-callout .fsElementTitle {
        margin-top: 0;
        font-weight: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        color: #003745;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .content-callout p {
        margin-bottom: 15px;
    }

        .content-callout p:last-child {
            margin-bottom: 0;
        }

    .content-callout a {
        color: #027E75;
    }

        .content-callout a:focus, .content-callout a:hover {
            text-decoration: underline;
        }

        .content-callout a:visited {
            opacity: #003745;
            text-decoration: underline;
        }

.photo-top,
.photo-left,
.photo-right {
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    background-color: #C1E2DC;
    color: #333;
    padding: 0px;
}

    .photo-top header,
    .photo-left header,
    .photo-right header {
        padding: 30px;
    }

    .photo-top h2.fsElementTitle,
    .photo-left h2.fsElementTitle,
    .photo-right h2.fsElementTitle {
        margin-top: 0;
        font-weight: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        color: #003745;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .photo-top h5,
    .photo-left h5,
    .photo-right h5 {
        text-transform: uppercase;
    }

    .photo-top > .fsElementContent,
    .photo-left > .fsElementContent,
    .photo-right > .fsElementContent {
        padding: 0;
    }

.photo-top {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.photo-left,
.photo-right {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 800px) {
    .photo-left,
    .photo-right {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.photo-left h5,
.photo-right h5 {
    text-transform: uppercase;
}

.photo-left header,
.photo-right header {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.photo-left .fsElementHeaderContent,
.photo-right .fsElementHeaderContent {
    margin-bottom: 0;
}

.photo-left .fsElementContent,
.photo-right .fsElementContent {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

    .photo-left .fsElementContent picture,
    .photo-right .fsElementContent picture {
        display: -ms-flexbox;
        display: flex;
        max-height: 360px;
    }

.photo-right {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

@media (min-width: 800px) {
    .photo-right {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.dark-blue {
    background: #003745;
    color: #fff;
}

    .dark-blue h2.fsElementTitle {
        color: #fff;
    }

    .dark-blue a {
        color: #C1E2DC;
    }

        .dark-blue a:hover, .dark-blue a:focus {
            text-decoration: underline;
        }

.text-callout, .fs_style_33 {
    margin: 40px 0;
    padding: 0 0 0 0.75em;
    color: #747b83;
    border-left: 2px solid #C1E2DC;
    font-size: 1.33333em;
    line-height: 1.45833em;
    font-weight: 300;
    display: block;
}

    .text-callout.left, .fs_style_33.left {
        float: left;
        margin-left: 20px;
    }

@media (min-width: 500px) {
    .text-callout.left, .fs_style_33.left {
        width: 50%;
    }
}

.text-callout.right, .fs_style_33.right {
    float: right;
    margin-right: 20px;
}

@media (min-width: 500px) {
    .text-callout.right, .fs_style_33.right {
        width: 50%;
    }
}

/*! _main.scss - src/sass/navigation/ - main import */
/*.fsNavigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .fsNavigation ul li.fsNavCurrentPage > a, .fsNavigation ul li.fsNavCurrentPageAncestor > a {
        color: #003745;
        background: transparent;
    }

    .fsNavigation ul li a {
        display: block;
        padding: 10px 0;
        color: #027E75;
        background: transparent;
    }

        .fsNavigation ul li a:hover, .fsNavigation ul li a:focus {
            color: #003745;
            background: transparent;
        }

.fsNavigation .fsNavLevel2 > li > a {
    padding-left: 10px;
}

.fsNavigation .fsNavLevel3 > li > a {
    padding-left: 20px;
}

.fsNavigation .fsNavLevel4 > li > a {
    padding-left: 30px;
}

.fsNavigation .fsNavLevel5 > li > a {
    padding-left: 40px;
}

.fsBreadcrumb ul li {
    display: inline-block;
}

    .fsBreadcrumb ul li a {
        display: inline-block;
        padding: 0;
    }

.main-breadcrumb > header {
    display: none;
}

.main-breadcrumb > .fsElementContent {
    padding: 40px 20px 0;
    text-align: left;
}

    .main-breadcrumb > .fsElementContent > nav {
        position: relative;
        margin: 0 auto;
        max-width: 65.55556em;
        max-width: 73.75rem;
    }

    .main-breadcrumb > .fsElementContent li {
        font-size: 12px;
        line-height: 18px;
        text-transform: uppercase;
        font-weight: 500;*/
        /*font-family: "brandon-grotesque", sans-serif;*/
    /*}

    .main-breadcrumb > .fsElementContent .fsNavBreadcrumbSeperator {
        font-size: 16px;
        line-height: 18px;
        padding: 0 6px 0 8px;
    }

.nav-site-map ul {
    margin: 0 0 0 20px;
    padding: 0;
}

    .nav-site-map ul.fsNavLevel1 {
        margin-left: 0;
        list-style: none;
    }*/

@media (min-width: 600px) {
    .nav-site-map ul.fsNavLevel1 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -webkit-column-rule: 0;
        -moz-column-rule: 0;
        column-rule: 0;
        min-height: initial;
    }

        .nav-site-map ul.fsNavLevel1 li {
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid-column;
        }
}

.nav-site-map ul.fsNavLevel1 > li > a {
    margin-bottom: 20px;
    font-weight: 700;
}

.nav-site-map ul.fsNavLevel2 {
    list-style: disc;
}

.nav-site-map ul.fsNavLevel3 {
    list-style: circle;
}

.nav-site-map ul.fsNavLevel4 {
    list-style: square;
}

.nav-site-map ul.fsNavLevel5 {
    list-style: disc;
}

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

    .nav-tier ul li a {
        display: block;
        padding: 10px 10px;
        color: #027E75;
        background: transparent;
    }

        .nav-tier ul li a:hover, .nav-tier ul li a:focus {
            color: #003745;
            background: #E8EBF2;
        }

    .nav-tier ul li.fsNavCurrentPage > a {
        color: #003745;
        background: #c7cfe0;
    }

        .nav-tier ul li.fsNavCurrentPage > a:hover, .nav-tier ul li.fsNavCurrentPage > a:focus {
            color: #00998F;
            background: #E8EBF2;
        }

    .nav-tier ul li.fsNavCurrentPageAncestor {
        background: #E8EBF2;
    }

        .nav-tier ul li.fsNavCurrentPageAncestor > a {
            color: #027E75;
            background: transparent;
        }

            .nav-tier ul li.fsNavCurrentPageAncestor > a:hover, .nav-tier ul li.fsNavCurrentPageAncestor > a:focus {
                color: #027E75;
                background: #E8EBF2;
            }

.nav-tier .fsNavLevel1 {
    padding-left: 0;
}

    .nav-tier .fsNavLevel1 > li {
        border-bottom: 1px solid #E8EBF2;
    }

        .nav-tier .fsNavLevel1 > li:last-child {
            border-bottom: none;
        }

.nav-tier .fsNavLevel2 > li > a {
    padding-left: 20px;
}

.nav-tier .fsNavLevel3 > li > a {
    padding-left: 30px;
}

.nav-tier .fsNavLevel4 > li > a {
    padding-left: 40px;
}

.nav-tier .fsNavLevel5 > li > a {
    padding-left: 50px;
}

.nav-sub {
    border: 1px solid #E8EBF2;
    padding: 20px;
    display: none;
}

@media screen and (max-width: 599px) {
    .nav-sub > header {
        display: block;
        position: relative;
    }

        .nav-sub > header .fsElementTitle {
            position: relative;
            margin-top: 0;
            font-weight: normal;
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 10px;
            margin-bottom: 0;
            display: block;
            font-size: 18px;
            padding: 10px 20px;
            color: #E8EBF2;
            background-color: #00998F;
            transition: .3s;
            cursor: pointer;
            position: relative;
            padding-right: 40px;
        }

            .nav-sub > header .fsElementTitle:hover {
                background-color: #0088ab;
                color: #E8EBF2;
            }
}

@media screen and (max-width: 599px) and (min-width: 600px) {
    .nav-sub > header .fsElementTitle {
        cursor: default;
    }
}

@media screen and (max-width: 599px) {
    .nav-sub > header .fsElementTitle:after {
        content: "+";
        line-height: 1;
        position: absolute;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        right: 20px;
    }

    .nav-sub > .fsElementContent {
        position: relative;
        display: block;
        background-color: #E8EBF2;
    }

        .nav-sub > .fsElementContent ul li a {
            display: block;
            padding: 10px 20px;
            color: #027E75;
            background: transparent;
        }

            .nav-sub > .fsElementContent ul li a:hover, .nav-sub > .fsElementContent ul li a:focus {
                color: #003745;
                background: white;
            }

        .nav-sub > .fsElementContent ul li.fsNavCurrentPage > a {
            color: #003745;
            background: #b7c1d6;
        }

            .nav-sub > .fsElementContent ul li.fsNavCurrentPage > a:hover, .nav-sub > .fsElementContent ul li.fsNavCurrentPage > a:focus {
                color: #00998F;
                background: #a7b2cd;
            }

        .nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor {
            background: #c7cfe0;
        }

            .nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor > a {
                color: #027E75;
                background: transparent;
            }

                .nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor > a:hover, .nav-sub > .fsElementContent ul li.fsNavCurrentPageAncestor > a:focus {
                    color: #003745;
                    background: #b7c1d6;
                }

        .nav-sub > .fsElementContent .fsNavLevel1 > li > a {
            padding-left: 20px;
        }

        .nav-sub > .fsElementContent .fsNavLevel2 > li > a {
            padding-left: 30px;
        }

        .nav-sub > .fsElementContent .fsNavLevel3 > li > a {
            padding-left: 40px;
        }

        .nav-sub > .fsElementContent .fsNavLevel4 > li > a {
            padding-left: 50px;
        }

        .nav-sub > .fsElementContent .fsNavLevel5 > li > a {
            padding-left: 60px;
        }

    .nav-sub.active-nav > header .fsElementTitle {
        background-color: #00998F;
        color: #E8EBF2;
    }

        .nav-sub.active-nav > header .fsElementTitle:after {
            content: "-";
        }
}

@media (min-width: 600px) {
    .nav-sub {
        display: block;
    }
}

.nav-sub > .fsElementContent {
    height: auto;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

@media (min-width: 600px) {
    .nav-sub > .fsElementContent {
        max-height: 9999px;
        visibility: visible;
        opacity: 1;
    }
}

.nav-sub.active-nav > .fsElementContent {
    max-height: 9999px;
    visibility: visible;
    opacity: 1;
}

.nav-sub h2.fsElementTitle {
    margin-top: 0;
    font-weight: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #003745;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.fsHeader .nav-sub {
    display: block;
}

@media (min-width: 600px) {
    .fsHeader .nav-sub {
        display: none;
    }
}

.nav-sub.nav-sub-empty {
    display: none !important;
}

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

    .nav-sub ul li a {
        display: block;
        padding: 10px 10px;
        color: #666;
        background: transparent;
    }

        .nav-sub ul li a:hover, .nav-sub ul li a:focus {
            color: #027E75;
            background: transparent;
            text-decoration: underline;
        }

    .nav-sub ul li.fsNavCurrentPage > a {
        color: #027E75;
        background: transparent;
        font-weight: 700;
    }

        .nav-sub ul li.fsNavCurrentPage > a:hover, .nav-sub ul li.fsNavCurrentPage > a:focus {
            color: #027E75;
            background: transparent;
        }

    .nav-sub ul li.fsNavCurrentPageAncestor {
        background: transparent;
    }

        .nav-sub ul li.fsNavCurrentPageAncestor > a {
            color: #027E75;
            background: transparent;
        }

            .nav-sub ul li.fsNavCurrentPageAncestor > a:hover, .nav-sub ul li.fsNavCurrentPageAncestor > a:focus {
                color: #027E75;
                background: transparent;
            }

.nav-sub .fsNavLevel1 {
    padding-left: 0;
}

@media screen and (max-width: 599px) {
    .nav-sub .fsNavLevel1 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.nav-sub .fsNavLevel1 > li {
    border-bottom: 1px solid #E8EBF2;
}

    .nav-sub .fsNavLevel1 > li:last-child {
        border-bottom: none;
    }

.nav-sub .fsNavLevel2 > li > a {
    padding-left: 20px;
}

.nav-sub .fsNavLevel3 > li > a {
    padding-left: 30px;
}

.nav-sub .fsNavLevel4 > li > a {
    padding-left: 40px;
}

.nav-sub .fsNavLevel5 > li > a {
    padding-left: 50px;
}

.fsAccountBarVisible .nav-main.sticky-nav {
    top: 45px;
}

/*.nav-main {
    margin-bottom: 0;
    background: #00998F;
    position: relative;
    padding: 0 20px;
    transition: all 0.2s;
}

    .nav-main .sticky-link {
        display: none;
        font-size: 0;
    }

    .nav-main.sticky-nav {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 20;
        background: rgba(0, 55, 69, 0.9);
    }

        .nav-main.sticky-nav nav {
            width: 90%;
        }

        .nav-main.sticky-nav > .fsElementContent .sticky-link {
            opacity: 1;
            width: 54px;
            visibility: visible;
            opacity: 0.9;
        }

            .nav-main.sticky-nav > .fsElementContent .sticky-link:hover {
                opacity: 1;
            }

        .nav-main.sticky-nav .fsNavLevel1 > li > a {
            padding: 27px 28px;
        }

@media (max-width: 1024px) {
    .nav-main.sticky-nav .fsNavLevel1 > li > a {
        padding: 27px 20px;
    }
}

.fsHeader .nav-main {
    display: none;
}

@media (min-width: 1025px) {
    .fsHeader .nav-main {
        display: block;
    }
}

.nav-main nav {
    width: 100%;
    margin-right: 0;
    margin-left: auto;
    transition: width 0.2s;
}

.nav-main > .fsElementContent {
    position: relative;
    margin: 0 auto;
    max-width: 65.55556em;
    max-width: 73.75rem;
}

    .nav-main > .fsElementContent .sticky-link {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 11px;
        opacity: 0;
        visibility: hidden;
        width: 34px;
        height: 59px;
        transition: all 0.2s;
    }

        .nav-main > .fsElementContent .sticky-link:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url("https://resources.finalsite.net/images/v1522377299/darek12ncus/rtcdfgm5bwytscidlkp2/fixed-header-logo.png");
        }

@media (min-width: 1025px) {
    .nav-main .fsNavLevel1 {
        position: relative;
        margin: 0 auto;
        max-width: 65.55556em;
        max-width: 73.75rem;
        text-align: center;
        display: inline-block;
    }

    .no-flexbox .nav-main .fsNavLevel1 {
        text-align: justify;
        font-size: 0.1px;
    }

        .no-flexbox .nav-main .fsNavLevel1 > li {
            display: inline-block;
        }

        .no-flexbox .nav-main .fsNavLevel1:after {
            content: "";
            display: inline-block;
            width: 100%;
        }
}

@media (min-width: 1025px) {
    .nav-main .fsNavLevel1 > li {
        display: inline-block;
    }
}

.nav-main .fsNavLevel1 > li.school-name, .nav-main .fsNavLevel1 > li.portals, .nav-main .fsNavLevel1 > li.footer-util, .nav-main .fsNavLevel1 > li.social, .nav-main .fsNavLevel1 > li.utility-links, .nav-main .fsNavLevel1 > li.social-media-links {
    display: none !important;
}

.nav-main .fsNavLevel1 > li:hover > a, .nav-main .fsNavLevel1 > li:focus > a, .nav-main .fsNavLevel1 > li.menu-item-open > a {
    color: #fff;
}

    .nav-main .fsNavLevel1 > li:hover > a:after, .nav-main .fsNavLevel1 > li:focus > a:after, .nav-main .fsNavLevel1 > li.menu-item-open > a:after {
        opacity: 1;
    }

.nav-main .fsNavLevel1 > li[class*="fsNavCurrentPage"] > a {
    color: #fff;
    background: rgba(44, 44, 44, 0.25);
}

.nav-main .fsNavLevel1 > li > a {
    display: block;
    color: #fff;
    padding: 12px 28px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 26px;
    font-weight: 700;
    position: relative;
    transition: all 0.2s;
}

@media (max-width: 1024px) {
    .nav-main .fsNavLevel1 > li > a {
        font-size: 16px;
    }
}

.nav-main .fsNavLevel1 > li > a:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #C1E2DC;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}

html.js .nav-main .fsNavLevel1 > li {
    position: relative;
    position: static;
}

    html.js .nav-main .fsNavLevel1 > li > .fsNavPageInfo {
        position: absolute;
        top: 100%;
        left: 0;
        max-height: 0;
        overflow: hidden;
    }

.menu-item-open html.js .nav-main .fsNavLevel1 > li > .fsNavPageInfo {
    max-height: 9999px;
}

html.js .nav-main .fsNavLevel1 > li.menu-item-open > .fsNavPageInfo {
    max-height: 9999px;
}

html.js .nav-main .fsNavLevel1 > li:hover .fsNavPageInfo, html.js .nav-main .fsNavLevel1 > li:focus .fsNavPageInfo, html.js .nav-main .fsNavLevel1 > li.menu-item-open .fsNavPageInfo {
    max-height: 9999px;
    padding: 30px;
}

html:not(.js) .nav-main .fsNavLevel1 > li {
    position: relative;
}

    html:not(.js) .nav-main .fsNavLevel1 > li > .fsNavPageInfo {
        position: absolute;
        top: 100%;
        left: 0;
        max-height: 0;
        overflow: hidden;
    }

    html:not(.js) .nav-main .fsNavLevel1 > li:hover > .fsNavPageInfo {
        max-height: 9999px;
    }
*/
/*@media (max-width: 599px) {
    html:not(.js) .nav-main .fsNavLevel1 > li:focus > .fsNavPageInfo {
        max-height: 9999px;
    }
}

.nav-main .fsNavPageInfo {
    background: #C1E2DC;
    text-align: left;
    z-index: 300;
    width: 100%;
    padding: 0px;
    display: block;
}

.nav-main .fsNavLevel1 > li:first-child .fsNavPageInfo {
    left: 0;
    -ms-transform: none;
    transform: none;
}

.nav-main .fsNavLevel1 > li:last-child .fsNavPageInfo {
    right: 0;
    left: auto;
    -ms-transform: none;
    transform: none;
}

.nav-main .fsNavPageDescription {
    width: 56%;
    margin: 0 -3px;
    display: inline-block;
    padding-right: 33px;
    text-align: left;
    font-size: 16px;
    line-height: 23px;
    color: #003745;
    font-weight: 400;
    vertical-align: top;
}

    .nav-main .fsNavPageDescription a {
        color: #003745;
        font-size: 18px;
        line-height: 26px;
        font-weight: 900;*/
        /* font-family: "brandon-grotesque", sans-serif;*/
        /*text-transform: uppercase;
        padding: 0;
    }

        .nav-main .fsNavPageDescription a:hover {
            text-decoration: underline;
        }

    .nav-main .fsNavPageDescription img {
        width: 120px;
        position: absolute;
        left: 0;
        top: 5px;
    }

    .nav-main .fsNavPageDescription strong {
        margin-bottom: 5px;
        display: block;
        font-weight: 900;
        color: #003745;
        font-size: 18px;
    }

    .nav-main .fsNavPageDescription li {
        position: relative;
        padding-left: 140px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

        .nav-main .fsNavPageDescription li:first-child {
            border-bottom: 1px solid rgba(0, 55, 69, 0.2);
        }

.nav-main .fsNavLevel2 {
    width: 44%;
    margin: 0 -3px;
    background: rgba(0, 55, 69, 0.05);
    display: inline-block;
    vertical-align: top;
    padding: 14px 25px 22px 19px;
}

    .nav-main .fsNavLevel2 li {
        border-bottom: 1px solid rgba(102, 102, 102, 0.2);
    }

        .nav-main .fsNavLevel2 li:last-child {
            border: 0;
        }

        .nav-main .fsNavLevel2 li a {
            display: block;
            color: #003745;
            padding: 5px 0;
            font-size: 18px;
            line-height: 26px;
            font-weight: 500;*/
            /*font-family: "brandon-grotesque", sans-serif;*/
        /*}

            .nav-main .fsNavLevel2 li a:hover, .nav-main .fsNavLevel2 li a:focus {
                color: #003745;
                text-decoration: underline;
            }

        .nav-main .fsNavLevel2 li[class*="fsNavCurrentPage"] > a {
            color: #003745;
        }

.drawer-ribbon {
    position: relative;
    height: 50px;
}*/

/*@media (min-width: 1025px) {
    .drawer-ribbon {
        display: none;
    }
}

@media (max-width: 349px) {
    .menu-trigger-element {
        border-left: 1px solid rgba(216, 216, 216, 0.2);
    }
}

@media (min-width: 1025px) {
    .menu-trigger-element {
        display: none;
    }
}

.drawer-trigger {
    background: none;
    border: none;
    color: transparent;
    height: 50px;
    width: 40px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

@media (max-width: 499px) {
    .drawer-trigger {
        height: 40px;
    }
}

.drawer-trigger:hover:before {
    color: #00998F;
}

.drawer-trigger:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    font-family: "IcoMoon";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
    color: #003745;
    font-size: 21px;
    line-height: 12px;
}

.drawer-is-active .drawer-trigger:before {
    content: "";
    font-size: 18px;
    color: #fff;
}

.fsMenu {
    position: absolute;
    z-index: 500;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s, transform .3s;
    top: 0;
    right: 0;
    transform: translate3d(20%, 0, 0);
    -ms-transform: translate(20%, 0);
    transform: translate(20%, 0);
    top: 0;
    min-height: 100%;
    max-width: 100%;
    background: #1e2023;
    padding: 0 20px 100px;
    height: 100%;
    position: fixed;
    overflow-y: auto;
}

.drawer-is-active .fsMenu {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.fsAccountBarVisible .fsMenu {
    top: 45px;
}

.fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] li {
    position: relative;
}

    .fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] li:hover > a, .fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] li:focus > a {
        color: #C1E2DC;
    }

    .fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] li[class*="fsNavCurrentPage"] > a {
        color: #fff;
    }

    .fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] li.open > .expand-nav:before {
        content: "";
        font-family: "IcoMoon";
        font-smoothing: antialiased;
        font-weight: normal;
        speak: none;
    }

    .fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] li.open > .fsNavPageInfo {
        max-height: 999px;
    }

.fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] a {
    color: #B3B9C6;*/
    /* font-family: "brandon-grotesque", sans-serif;*/
    /*font-weight: 400;
}

    .fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] a:hover, .fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] a:focus {
        text-decoration: none;
    }

.fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] .fsNavPageInfo {
    max-height: 0;
    overflow: hidden;
}

.fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] .expand-nav {
    background: none;
    border: none;
    color: transparent;
    height: 40px;
    width: 40px;
    right: -5px;
    top: 5px;
    overflow: hidden;
    position: absolute;
}

    .fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] .expand-nav:hover:before, .fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] .expand-nav:focus:before {
        color: #C1E2DC;
    }

    .fsMenu .fsNavigation:not(.mobile-portals) ul[class*="fsNavLevel"] .expand-nav:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: '+';
        color: #B3B9C6;
    }

.fsMenu .drawer-close-element {
    margin: 12px -6px 16px;
}

    .fsMenu .drawer-close-element header {
        display: none;
    }

    .fsMenu .drawer-close-element .drawer-trigger {
        background: transparent;
        display: block;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 0 0 auto;
    }

        .fsMenu .drawer-close-element .drawer-trigger:hover:before, .fsMenu .drawer-close-element .drawer-trigger:focus:before {
            color: #C1E2DC;
        }

.fsMenu .mobile-portals ul.fsNavLevel1 > li {
    display: none;
}

    .fsMenu .mobile-portals ul.fsNavLevel1 > li.portals {
        display: block;
    }

        .fsMenu .mobile-portals ul.fsNavLevel1 > li.portals > a {
            display: none;
        }

.fsMenu .mobile-portals ul.fsNavLevel1 a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;*/
    /*font-family: "brandon-grotesque", sans-serif;*/
    /*text-transform: uppercase;
    color: #fff;
}

.fsMenu .mobile-search-element {
    margin: 0 0 8px;
}

    .fsMenu .mobile-search-element header {
        display: none;
    }

    .fsMenu .mobile-search-element form {
        width: 100%;
        position: relative;
    }

        .fsMenu .mobile-search-element form label {
            position: absolute;
            left: -9999px;
        }

        .fsMenu .mobile-search-element form input {
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 3px;
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            padding: 11px 32px 11px 20px;
            width: 100%;
        }

            .fsMenu .mobile-search-element form input ::-webkit-input-placeholder {*/
                /* Chrome/Opera/Safari */
                /*color: rgba(255, 255, 255, 0.75);
            }

            .fsMenu .mobile-search-element form input ::-moz-placeholder {*/
                /* Firefox 19+ */
                /*color: rgba(255, 255, 255, 0.75);
            }

            .fsMenu .mobile-search-element form input :-ms-input-placeholder {*/
                /* IE 10+ */
                /*color: rgba(255, 255, 255, 0.75);
            }

            .fsMenu .mobile-search-element form input :-moz-placeholder {*/
                /* Firefox 18- */
                /*color: rgba(255, 255, 255, 0.75);
            }

        .fsMenu .mobile-search-element form button {
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background: none;
            border: none;
            color: transparent;
            height: 20px;
            width: 20px;
            right: 6px;
            overflow: hidden;
        }

            .fsMenu .mobile-search-element form button:before {
                position: absolute;
                top: 50%;
                left: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                content: "";
                font-family: "IcoMoon";
                font-smoothing: antialiased;
                font-weight: normal;
                speak: none;
                color: rgba(255, 255, 255, 0.5);
                font-size: 12px;
                line-height: 12px;
            }

.fsMenu .nav-main-mobile {
    margin: 0 0 20px;
}

    .fsMenu .nav-main-mobile .fsNavLevel1 > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

        .fsMenu .nav-main-mobile .fsNavLevel1 > li.school-name, .fsMenu .nav-main-mobile .fsNavLevel1 > li.portals, .fsMenu .nav-main-mobile .fsNavLevel1 > li.footer-util, .fsMenu .nav-main-mobile .fsNavLevel1 > li.social, .fsMenu .nav-main-mobile .fsNavLevel1 > li.utility-links, .fsMenu .nav-main-mobile .fsNavLevel1 > li.social-media-links {
            display: none !important;
        }

        .fsMenu .nav-main-mobile .fsNavLevel1 > li.open {
            background: #111213;
        }

        .fsMenu .nav-main-mobile .fsNavLevel1 > li:last-child {
            border: none;
        }

        .fsMenu .nav-main-mobile .fsNavLevel1 > li > a {
            font-size: 16px;
            line-height: 21px;
            padding: 15px 10px 14px;
            text-transform: uppercase;
        }

    .fsMenu .nav-main-mobile .fsNavLevel2,
    .fsMenu .nav-main-mobile .fsNavLevel3 {
        padding: 8px 10px 14px;
        background: #111213;
    }

        .fsMenu .nav-main-mobile .fsNavLevel2 li,
        .fsMenu .nav-main-mobile .fsNavLevel3 li {
            border-bottom: 1px solid rgba(97, 98, 100, 0.5);
        }

            .fsMenu .nav-main-mobile .fsNavLevel2 li:last-child,
            .fsMenu .nav-main-mobile .fsNavLevel3 li:last-child {
                border: none;
            }

        .fsMenu .nav-main-mobile .fsNavLevel2 .expand-nav,
        .fsMenu .nav-main-mobile .fsNavLevel3 .expand-nav {
            right: -14px;
        }

        .fsMenu .nav-main-mobile .fsNavLevel2 a,
        .fsMenu .nav-main-mobile .fsNavLevel3 a {
            font-size: 15px;
            line-height: 22px;
            padding: 8px 0px 15px;
        }

    .fsMenu .nav-main-mobile header,
    .fsMenu .mobile-portals header {
        display: none;
    }

.fsMenu .nav-schools-mobile {
    margin: 0;
}

    .fsMenu .nav-schools-mobile header {
        display: none;
    }

    .fsMenu .nav-schools-mobile.nav-schools-mobile {
        margin: 0 0 10px;
    }

    .fsMenu .nav-schools-mobile.nav-quicklinks-mobile {
        margin: 0 0 50px;
    }

    .fsMenu .nav-schools-mobile .fsNavLevel1 > li {
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 3px;
        text-align: center;
    }

    .fsMenu .nav-schools-mobile .fsNavLevel1 .expand-nav {
        border: none !important;
        width: 100% !important;
        height: 40px !important;
        top: 0 !important;
        right: 0 !important;
    }

        .fsMenu .nav-schools-mobile .fsNavLevel1 .expand-nav:before {
            display: none;
        }

    .fsMenu .nav-schools-mobile .fsNavLevel1 > li > a {
        display: inline-block;
        padding: 8px 0;
    }

        .fsMenu .nav-schools-mobile .fsNavLevel1 > li > a:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
            display: inline-block;
            margin: 0 6px 0 0;
            vertical-align: bottom;
        }

    .fsMenu .nav-schools-mobile .fsNavPageInfo {
        background: #080909;
    }

        .fsMenu .nav-schools-mobile .fsNavPageInfo .fsNavLevel2 {
            background: rgba(51, 51, 51, 0.3);
            border-top: 1px solid #616264;
            border-radius: 3px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            padding: 0 30px 9px;
        }

            .fsMenu .nav-schools-mobile .fsNavPageInfo .fsNavLevel2 > li {
                border-bottom: 1px solid rgba(97, 98, 100, 0.5);
            }

                .fsMenu .nav-schools-mobile .fsNavPageInfo .fsNavLevel2 > li:last-child {
                    border: none;
                }

                .fsMenu .nav-schools-mobile .fsNavPageInfo .fsNavLevel2 > li > a {
                    font-size: 16px;
                    line-height: 19px;
                    padding: 10px 0;
                }

.nav-social header {
    display: none;
}

.nav-social .fsNavLevel1 > li {
    display: none;
}

    .nav-social .fsNavLevel1 > li.social-media-links {
        display: inline-block;
    }

        .nav-social .fsNavLevel1 > li.social-media-links > a {
            display: none !important;
        }

.nav-social .fsNavLevel2 {
    font-size: 0;
}

    .nav-social .fsNavLevel2, .nav-social .fsNavLevel2 ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .nav-social .fsNavLevel2 li {
            margin: 0;
            padding: 0;
        }

        .nav-social .fsNavLevel2 > li {
            display: inline-block;
        }

            .nav-social .fsNavLevel2 > li:not(:last-child) {
                margin-right: 10px;
            }

        .nav-social .fsNavLevel2 [href*='facebook']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='instagram']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='linkedin']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='pinterest']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='tumblr']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='twitter']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='vimeo']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='vine']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='youtube']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='googleplus']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='wechat']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='flickr']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='wordpress']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='rss']:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
        }

        .nav-social .fsNavLevel2 [href*='facebook']:hover, .nav-social .fsNavLevel2 [href*='facebook']:focus {
            background: #3b5998;
            border-color: #3b5998;
        }

            .nav-social .fsNavLevel2 [href*='facebook']:hover:before, .nav-social .fsNavLevel2 [href*='facebook']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='instagram']:hover, .nav-social .fsNavLevel2 [href*='instagram']:focus {
            background: #3f729b;
            border-color: #3f729b;
        }

            .nav-social .fsNavLevel2 [href*='instagram']:hover:before, .nav-social .fsNavLevel2 [href*='instagram']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='linkedin']:hover, .nav-social .fsNavLevel2 [href*='linkedin']:focus {
            background: #0077b5;
            border-color: #0077b5;
        }

            .nav-social .fsNavLevel2 [href*='linkedin']:hover:before, .nav-social .fsNavLevel2 [href*='linkedin']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='pinterest']:hover, .nav-social .fsNavLevel2 [href*='pinterest']:focus {
            background: #cc2127;
            border-color: #cc2127;
        }

            .nav-social .fsNavLevel2 [href*='pinterest']:hover:before, .nav-social .fsNavLevel2 [href*='pinterest']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='tumblr']:hover, .nav-social .fsNavLevel2 [href*='tumblr']:focus {
            background: #35465c;
            border-color: #35465c;
        }

            .nav-social .fsNavLevel2 [href*='tumblr']:hover:before, .nav-social .fsNavLevel2 [href*='tumblr']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='twitter']:hover, .nav-social .fsNavLevel2 [href*='twitter']:focus {
            background: #55acee;
            border-color: #55acee;
        }

            .nav-social .fsNavLevel2 [href*='twitter']:hover:before, .nav-social .fsNavLevel2 [href*='twitter']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='vimeo']:hover, .nav-social .fsNavLevel2 [href*='vimeo']:focus {
            background: #1ab7ea;
            border-color: #1ab7ea;
        }

            .nav-social .fsNavLevel2 [href*='vimeo']:hover:before, .nav-social .fsNavLevel2 [href*='vimeo']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='vine']:hover, .nav-social .fsNavLevel2 [href*='vine']:focus {
            background: #00b488;
            border-color: #00b488;
        }

            .nav-social .fsNavLevel2 [href*='vine']:hover:before, .nav-social .fsNavLevel2 [href*='vine']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='youtube']:hover, .nav-social .fsNavLevel2 [href*='youtube']:focus {
            background: #cd201f;
            border-color: #cd201f;
        }

            .nav-social .fsNavLevel2 [href*='youtube']:hover:before, .nav-social .fsNavLevel2 [href*='youtube']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='googleplus']:hover, .nav-social .fsNavLevel2 [href*='googleplus']:focus {
            background: #db4f46;
            border-color: #db4f46;
        }

            .nav-social .fsNavLevel2 [href*='googleplus']:hover:before, .nav-social .fsNavLevel2 [href*='googleplus']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='wechat']:hover, .nav-social .fsNavLevel2 [href*='wechat']:focus {
            background: #37bf21;
            border-color: #37bf21;
        }

            .nav-social .fsNavLevel2 [href*='wechat']:hover:before, .nav-social .fsNavLevel2 [href*='wechat']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='flickr']:hover, .nav-social .fsNavLevel2 [href*='flickr']:focus {
            background: #2090d9;
            border-color: #2090d9;
        }

            .nav-social .fsNavLevel2 [href*='flickr']:hover:before, .nav-social .fsNavLevel2 [href*='flickr']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='wordpress']:hover, .nav-social .fsNavLevel2 [href*='wordpress']:focus {
            background: #0f74a8;
            border-color: #0f74a8;
        }

            .nav-social .fsNavLevel2 [href*='wordpress']:hover:before, .nav-social .fsNavLevel2 [href*='wordpress']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 [href*='rss']:hover, .nav-social .fsNavLevel2 [href*='rss']:focus {
            background: #f26522;
            border-color: #f26522;
        }

            .nav-social .fsNavLevel2 [href*='rss']:hover:before, .nav-social .fsNavLevel2 [href*='rss']:focus:before {
                color: #fff;
            }

        .nav-social .fsNavLevel2 a {
            display: block;
            position: relative;
            border: 1px solid #C1E2DC;
            background: #C1E2DC;
            height: 40px;
            width: 40px;
            border-radius: 100%;
        }

            .nav-social .fsNavLevel2 a:before {
                color: #003745;
                font-size: 18px;
                transition: 0.3s all;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

.nav-social .fsNavLevel1 [href*='plus.google.com']:before {
    content: "";
    font-family: "IcoMoon";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
}

.nav-social .fsNavLevel1 [href*='plus.google.com']:hover, .nav-social .fsNavLevel1 [href*='plus.google.com']:focus {
    background: #db4f46;
    border-color: #db4f46;
}

    .nav-social .fsNavLevel1 [href*='plus.google.com']:hover:before, .nav-social .fsNavLevel1 [href*='plus.google.com']:focus:before {
        color: #fff;
    }

.district-home-link {
    display: inline-block;
    margin-left: 5px;
    position: relative;
}*/

@media (max-width: 1024px) {
    .district-home-link {
        display: none !important;
    }
}

body.fsHasTheme2 .district-home-link {
    display: none;
}

.district-home-link p {
    margin: 0;
}

.district-home-link a {
    display: block;
    color: #003745;
    font-size: 14px;
    /*  font-family: "brandon-grotesque", sans-serif;*/
    font-weight: 700;
    text-transform: uppercase;
    line-height: 32px;
    padding: 0;
    position: relative;
    padding-left: 20px;
}

    .district-home-link a:before {
        content: '\e907';
        font-family: "IcoMoon";
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #003745;
        left: 0;
    }

    .district-home-link a:hover {
        color: #027E75;
    }

        .district-home-link a:hover:before {
            color: #027E75;
        }

.nav-school,
.nav-quicklinks {
    display: inline-block;
    margin: 0;
    padding-top: 10px;
}

@media (max-width: 1024px) {
    .nav-school,
    .nav-quicklinks {
        display: none !important;
    }
}

@media (max-width: 599px) {
    .nav-school .fsElementContent,
    .nav-quicklinks .fsElementContent {
        display: none;
    }
}

.nav-school .fsNavLevel1 > li,
.nav-quicklinks .fsNavLevel1 > li {
    position: relative;
}

    .nav-school .fsNavLevel1 > li:after,
    .nav-quicklinks .fsNavLevel1 > li:after {
        content: '';
        width: 160px;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        background: #027E75;
        opacity: 0;
        transition: opacity 0.1s;
    }

html.js .nav-school .fsNavLevel1 > li, html.js
.nav-quicklinks .fsNavLevel1 > li {
    position: relative;
}

    html.js .nav-school .fsNavLevel1 > li > .fsNavPageInfo, html.js
    .nav-quicklinks .fsNavLevel1 > li > .fsNavPageInfo {
        position: absolute;
        top: 100%;
        left: 0;
        max-height: 0;
        overflow: hidden;
    }

.menu-item-open html.js .nav-school .fsNavLevel1 > li > .fsNavPageInfo, .menu-item-open html.js
.nav-quicklinks .fsNavLevel1 > li > .fsNavPageInfo {
    max-height: 9999px;
}

html.js .nav-school .fsNavLevel1 > li.menu-item-open > .fsNavPageInfo {
    max-height: 9999px;
}

html.js .nav-quicklinks .fsNavLevel1 > li.menu-item-open > .fsNavPageInfo {
    max-height: 9999px;
}

html.js .nav-school .fsNavLevel1 > li:hover .fsNavPageInfo, html.js
.nav-quicklinks .fsNavLevel1 > li:hover .fsNavPageInfo {
    max-height: 9999px;
}

html.js .nav-school .fsNavLevel1 > li:hover:after, html.js
.nav-quicklinks .fsNavLevel1 > li:hover:after {
    opacity: 1;
}

html:not(.js) .nav-school .fsNavLevel1 > li, html:not(.js)
.nav-quicklinks .fsNavLevel1 > li {
    position: relative;
}

    html:not(.js) .nav-school .fsNavLevel1 > li > .fsNavPageInfo, html:not(.js)
    .nav-quicklinks .fsNavLevel1 > li > .fsNavPageInfo {
        position: absolute;
        top: 100%;
        left: 0;
        max-height: 0;
        overflow: hidden;
    }

    html:not(.js) .nav-school .fsNavLevel1 > li:hover > .fsNavPageInfo, html:not(.js)
    .nav-quicklinks .fsNavLevel1 > li:hover > .fsNavPageInfo {
        max-height: 9999px;
    }

@media (max-width: 599px) {
    html:not(.js) .nav-school .fsNavLevel1 > li:focus > .fsNavPageInfo, html:not(.js)
    .nav-quicklinks .fsNavLevel1 > li:focus > .fsNavPageInfo {
        max-height: 9999px;
    }
}

.nav-school .fsNavLevel1 > li.fsNavParentPage > a:before,
.nav-quicklinks .fsNavLevel1 > li.fsNavParentPage > a:before {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    font-family: "IcoMoon";
    font-smoothing: antialiased;
    font-weight: normal;
    speak: none;
    color: #003745;
    left: 10px;
}

.nav-school .fsNavLevel1 > li > a,
.nav-quicklinks .fsNavLevel1 > li > a {
    color: #003745;
    font-size: 14px;
    /*font-family: "brandon-grotesque", sans-serif;*/
    font-weight: 700;
    text-transform: uppercase;
    line-height: 32px;
    padding: 0;
}

    .nav-school .fsNavLevel1 > li > a:hover,
    .nav-quicklinks .fsNavLevel1 > li > a:hover {
        color: #027E75;
    }

        .nav-school .fsNavLevel1 > li > a:hover:before,
        .nav-quicklinks .fsNavLevel1 > li > a:hover:before {
            color: #027E75;
        }

.nav-school .fsNavLevel1 > li > a,
.nav-quicklinks .fsNavLevel1 > li > a {
    display: block;
    padding: 0 10px 0 27px;
}

/*.nav-school .fsNavPageInfo,
.nav-quicklinks .fsNavPageInfo {
    background: #fff;
    z-index: 2;
    width: 250px;
}

    .nav-school .fsNavPageInfo .fsNavLevel2,
    .nav-quicklinks .fsNavPageInfo .fsNavLevel2 {
        border: 1px solid #979797;
        padding: 15px 23px 17px 20px;
    }

        .nav-school .fsNavPageInfo .fsNavLevel2 li,
        .nav-quicklinks .fsNavPageInfo .fsNavLevel2 li {
            border-bottom: 1px solid rgba(102, 102, 102, 0.2);
            white-space: nowrap;
        }

            .nav-school .fsNavPageInfo .fsNavLevel2 li:last-child,
            .nav-quicklinks .fsNavPageInfo .fsNavLevel2 li:last-child {
                border: none;
            }

        .nav-school .fsNavPageInfo .fsNavLevel2 a,
        .nav-quicklinks .fsNavPageInfo .fsNavLevel2 a {
            display: block;
            color: #003745;
            font-size: 14px;
            font-weight: 500;
            line-height: 20px;
            padding: 5px 0;
            text-align: left;
        }

            .nav-school .fsNavPageInfo .fsNavLevel2 a:hover, .nav-school .fsNavPageInfo .fsNavLevel2 a:focus,
            .nav-quicklinks .fsNavPageInfo .fsNavLevel2 a:hover,
            .nav-quicklinks .fsNavPageInfo .fsNavLevel2 a:focus {
                color: #027E75;
                text-decoration: none;
            }*/

.nav-utility-footer {
    margin-bottom: 30px;
}

    .nav-utility-footer header {
        display: none;
    }

    .nav-utility-footer .fsNavLevel1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .nav-utility-footer .fsNavLevel1, .nav-utility-footer .fsNavLevel1 ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .nav-utility-footer .fsNavLevel1 li {
                margin: 0;
                padding: 0;
            }

/*@media (max-width: 949px) {
    .nav-utility-footer .fsNavLevel1 {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.nav-utility-footer .fsNavLevel1 > li {
    display: none;
}

    .nav-utility-footer .fsNavLevel1 > li.utility-links {
        display: block;
    }

        .nav-utility-footer .fsNavLevel1 > li.utility-links > a {
            display: none !important;
        }

        .nav-utility-footer .fsNavLevel1 > li.utility-links .fsNavLevel2 > li {
            display: inline-block;
        }

            .nav-utility-footer .fsNavLevel1 > li.utility-links .fsNavLevel2 > li:not(:last-child):after {
                content: '|';
                margin: 0 10px;
            }

        .nav-utility-footer .fsNavLevel1 > li.utility-links a {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            line-height: 23px;
            padding: 0;
            display: inline-block;
        }

            .nav-utility-footer .fsNavLevel1 > li.utility-links a:hover {
                color: #C1E2DC;
                text-decoration: underline;
            }*/

/*! structure - header v0.0.1 */
/*#fsHeader {
    padding: 0;
    background: #fff;
}

    #fsHeader > .fsBanner {
        text-align: center;
        position: relative;
    }

@media (max-width: 900px) {
    body.home #fsHeader {
        border-bottom: 1px solid #DDDCDC;
    }
}

@media (max-width: 1024px) {
    body:not(.home) #fsHeader .top-header {
        border-bottom: 1px solid #DDDCDC;
    }
}

body:not(.fsDraftMode) .hero {
    display: none;
}

body:not(.fsDraftMode) #fsHeader .hero {
    position: relative;
    width: 100%;
    height: 480px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 0;
    display: block;
}

@media (max-width: 900px) {
    body:not(.fsDraftMode) #fsHeader .hero {
        height: 300px;
    }
}

@media (max-width: 600px) {
    body:not(.fsDraftMode) #fsHeader .hero {
        display: none;
    }
}

body:not(.fsDraftMode) #fsHeader .hero > header {
    display: none;
}

body:not(.fsDraftMode) #fsHeader .hero > .fsElementContent {
    display: none;
}

.hero > header {
    color: #00998F;
    font-weight: 700;
}

.top-header {
    position: relative;
    margin: 0 auto;
    max-width: 65.55556em;
    max-width: 73.75rem;
    padding: 15px 20px;
}

    .top-header header {
        display: none;
    }

    .top-header > .fsElementContent {
        position: relative;
    }*/

.left-header {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

    .left-header > header {
        display: none;
    }

.right-header {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    .right-header > header {
        display: none;
    }

.select-a-school {
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
}

    .select-a-school > header > h2.fsElementTitle {
        margin-bottom: 0;
    }

    .select-a-school > .fsElementContent {
        display: none;
    }

.top-portals {
    padding-top: 10px;
}

@media (max-width: 1024px) {
    .top-portals {
        display: none !important;
    }
}

.top-portals > header {
    display: none;
}

.top-portals .fsNavLevel1 > li:not(.portals) {
    display: none !important;
}

.top-portals .portals > a {
    display: none;
}

.top-portals .portals .fsNavLevel2 > li {
    display: inline-block;
    padding-left: 15px;
}

    .top-portals .portals .fsNavLevel2 > li a {
        color: #003745;
        font-size: 14px;
        /*    font-family: "brandon-grotesque", sans-serif;*/
        font-weight: 700;
        text-transform: uppercase;
        line-height: 32px;
        padding: 0;
    }

        .top-portals .portals .fsNavLevel2 > li a:hover {
            color: #027E75;
            text-decoration: underline;
        }

.school-title {
    margin-bottom: 0;
}

    .school-title > header {
        display: none;
    }

    .school-title .fsNavLevel1 > li:not(.school-name) {
        display: none !important;
    }

    .school-title .school-name {
        width: 300px;
        height: 60px;
        display: inline-block;
        position: relative;
        text-align: left;
    }

        .school-title .school-name a {
            height: 60px;
            text-transform: uppercase;
            font-size: 22px;
            font-weight: 700;
            line-height: 22px;
            color: #003745;
            padding: 0;
        }

            .school-title .school-name a img {
                float: left;
                max-height: 60px;
                width: auto;
                margin-right: 12px;
            }

            .school-title .school-name a .inner-name {
                position: relative;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                display: block;
            }

.site-info-container {
    position: relative;
    margin: 0 auto;
    max-width: 65.55556em;
    max-width: 73.75rem;
    padding: 20px 0;
    overflow: hidden;
    white-space: nowrap;
}

    .site-info-container a {
        display: block;
        padding: 20px 0;
        color: transparent;
        background: url("https://www.dpskpv.com/404") no-repeat 0 50%;
    }

        .site-info-container a:hover {
            color: transparent;
        }

/*#fsFooter {
    background: #003745;
    padding: 45px 20px 15px;
    color: #fff;
    overflow: hidden;
}

    #fsFooter .fsBanner {
        position: relative;
        margin: 0 auto;
        max-width: 65.55556em;
        max-width: 73.75rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 20px;
    }
*/
/*@media (max-width: 768px) {
    #fsFooter .fsBanner {
        display: block;
    }
}

#fsFooter .fsBanner:before {
    content: '';
    position: absolute;
    background-image: url("https://resources.finalsite.net/images/v1522365312/darek12ncus/agh1s9ur21in9izxhrkz/LogoWatermark.png");
    width: 220px;
    height: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    left: 0;
    top: -45px;
    z-index: 1;
}*/

/*@media (max-width: 768px) {
    #fsFooter .fsBanner:before {
        width: 227px;
        height: 228px;
        background-size: contain;
        top: -25px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}*/

/*#fsFooter .fsBanner:after {
    content: normal;
}

body.fsDraftMode #fsFooter .fsBanner {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

    body.fsDraftMode #fsFooter .fsBanner .fsElementActionButtonContainer {
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

.utility-container {
    text-align: right;
    z-index: 2;
    position: relative;
}

@media (max-width: 768px) {
    .utility-container {
        text-align: center;
    }
}

.address-container {
    text-align: left;
    margin-bottom: 0;
    z-index: 2;
    position: relative;
}

@media (max-width: 768px) {
    .address-container {
        text-align: center;
        margin-bottom: 80px;
        padding-top: 20px;
    }
}

#fsFooter .footer-school-title {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0;
}

    #fsFooter .footer-school-title > header {
        display: none;
    }

    #fsFooter .footer-school-title .fsNavLevel1 > li:not(.school-name) {
        display: none;
    }

    #fsFooter .footer-school-title .fsNavLevel1 > li a {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        line-height: 29px;
        margin: 0 0 15px;
        text-transform: uppercase;
        padding: 0;
    }

        #fsFooter .footer-school-title .fsNavLevel1 > li a[href^="tel"] {
            font-weight: inherit;
            line-height: inherit;
            font-size: inherit;
            color: inherit;
            text-decoration: none;
            margin: 0;
        }

        #fsFooter .footer-school-title .fsNavLevel1 > li a:hover {
            color: #fff;
            text-decoration: none;
        }

    #fsFooter .footer-school-title .fsNavLevel1 .fsNavPageDescription {
        margin-bottom: 0;
    }

        #fsFooter .footer-school-title .fsNavLevel1 .fsNavPageDescription [itemprop='address'] {
            display: block;
        }

        #fsFooter .footer-school-title .fsNavLevel1 .fsNavPageDescription [itemprop='telephone'] {
            display: inline-block;
        }
*/
/*@media (max-width: 768px) {
    #fsFooter .footer-school-title .fsNavLevel1 .fsNavPageDescription [itemprop='telephone'] {
        display: block;
    }
}

#fsFooter .footer-school-title .fsNavLevel1 .fsNavPageDescription [itemprop='telephone']:after {
    content: '|';
    margin: 0 3px 0 8px;
}

@media (max-width: 768px) {
    #fsFooter .footer-school-title .fsNavLevel1 .fsNavPageDescription [itemprop='telephone']:after {
        display: none;
    }
}

#fsFooter .footer-school-title .fsNavLevel1 .fsNavPageDescription [itemprop='faxNumber'] {
    display: inline-block;
}

@media (max-width: 768px) {
    #fsFooter .footer-school-title .fsNavLevel1 .fsNavPageDescription [itemprop='faxNumber'] {
        display: block;
    }
}

#fsFooter .footer-school-title .fsNavLevel1 .fsNavPageDescription a {
    color: inherit;
}
*/
/*! structure - layouts v0.0.1 */
/** {
    box-sizing: border-box;
}

    *:before,
    *:after {
        box-sizing: border-box;
        pointer-events: none;
    }*/

/*html {
    font-family: "brandon-grotesque", sans-serif;
    background: #003745;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

/*body {
    font-size: 18px;
    line-height: 24px;
    color: #666;
}*/

@media (min-width: 901px) {
    body.nav-stuck:not(.home) .top-header {
        padding-bottom: 65px;
    }
}

/*@media (min-width: 901px) {
    body.nav-stuck.home #fsPageBodyWrapper {
        padding-top: 50px;
    }
}

#fsPageWrapper {
    overflow-x: hidden;
    position: relative;
}

#fsPageBodyWrapper {
    padding-right: 1.11111em;
    padding-left: 1.11111em;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
    min-height: 400px;
}*/

#fsPageBody {
    position: relative;
    margin: 0 auto;
    max-width: 65.55556em;
    max-width: 73.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 600px) {
    #fsPageBody {
        display: block;
    }
}

@media (min-width: 800px) {
    #fsPageBody {
        display: -ms-flexbox;
        display: flex;
    }
}

#fsBannerLeft {
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0;
    }
}

@media (min-width: 700px) {
    #fsBannerLeft {
        padding-right: 40px;
        width: 280px;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 600px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        -ms-flex-order: 1;
        order: 1;
        padding-right: 20px;
        width: 200px;
    }
}

@media (min-width: 700px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        padding-right: 40px;
        width: 280px;
    }
}

@media (min-width: 800px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        -ms-flex-order: 1;
        order: 1;
        padding-right: 20px;
        width: 200px;
    }
}

@media (min-width: 1000px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        padding-right: 40px;
        width: 280px;
    }
}

#fsPageContent {
    width: 100%;
}

.fsHasRightBanner #fsPageContent {
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
}

@media (min-width: 600px) {
    .fsHasRightBanner #fsPageContent {
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 240px);
    }
}

@media (min-width: 700px) {
    .fsHasRightBanner #fsPageContent {
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 320px);
    }
}

.fsHasLeftBanner #fsPageContent {
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
}

@media (min-width: 600px) {
    .fsHasLeftBanner #fsPageContent {
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 200px);
    }
}

@media (min-width: 700px) {
    .fsHasLeftBanner #fsPageContent {
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 280px);
    }
}

.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 20px;
    width: 100%;
}

@media (min-width: 600px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 200px);
    }
}

@media (min-width: 700px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        width: calc(100% - 280px);
    }
}

@media (min-width: 800px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 440px);
        margin-bottom: 0;
    }
}

@media (min-width: 1000px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        width: calc(100% - 600px);
    }
}

#fsBannerRight {
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    #fsBannerRight {
        padding-left: 20px;
        width: 240px;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0;
    }
}

@media (min-width: 700px) {
    #fsBannerRight {
        padding-left: 40px;
        width: 320px;
        -ms-flex-order: 1;
        order: 1;
    }
}

.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
    width: 100%;
    padding: 0;
}

@media (min-width: 600px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        width: calc(100% - 200px);
    }
}

@media (min-width: 700px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        width: calc(100% - 280px);
    }
}

@media (min-width: 800px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        -ms-flex-order: 1;
        order: 1;
        padding-left: 20px;
        width: 240px;
    }
}

@media (min-width: 1000px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        padding-left: 40px;
        width: 320px;
    }
}

@media (min-width: 600px) {
    .fsLayout {
        margin-right: -20px;
        margin-left: -20px;
    }
}

.fsLayout .fsDiv {
    margin-bottom: 20px;
    width: 100%;
    float: none;
}

@media (min-width: 600px) {
    .fsLayout .fsDiv {
        float: left;
    }
}

@media (min-width: 600px) {
    .fsLayout .fsDiv {
        padding-right: 1.11111em;
        padding-left: 1.11111em;
    }
}

@media (min-width: 600px) {
    .fsLayout > header,
    .fsLayout > footer {
        padding-right: 1.11111em;
        padding-left: 1.11111em;
    }
}

@media (min-width: 800px) {
    .fsTwoColumnLayout .fsDiv {
        width: 50%;
    }
}

@media (min-width: 900px) {
    .fsThreeColumnLayout .fsDiv {
        width: 33.33333%;
    }
}

@media (min-width: 800px) {
    .fsFourColumnLayout .fsDiv {
        width: 50%;
    }
}

@media (min-width: 1000px) {
    .fsFourColumnLayout .fsDiv {
        width: 25%;
    }
}

.fsLayout .fsStyleOneThird {
    float: none;
}

.fsLayout .fsStyleTwoThirds {
    float: none;
}

    .fsLayout .fsStyleTwoThirds > .fsDiv {
        padding-left: 0;
        padding-right: 0;
        float: none;
    }

@media (min-width: 600px) {
    .fsLayout .fsStyleTwoThirds > .fsTwoColumnLayout {
        margin-right: -20px;
        margin-left: -20px;
    }
}

.fsTwoColumnWideRightLayout,
.fsElephantLeftLayout {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 600px) {
    .fsTwoColumnWideRightLayout,
    .fsElephantLeftLayout {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.fsTwoColumnWideRightLayout .fsStyleOneThird,
.fsElephantLeftLayout .fsStyleOneThird {
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .fsTwoColumnWideRightLayout .fsStyleOneThird,
    .fsElephantLeftLayout .fsStyleOneThird {
        padding-left: 0;
        padding-right: 20px;
        width: 200px;
        margin-bottom: 0;
    }
}

@media (min-width: 700px) {
    .fsTwoColumnWideRightLayout .fsStyleOneThird,
    .fsElephantLeftLayout .fsStyleOneThird {
        padding-right: 40px;
        width: 280px;
    }
}

.fsTwoColumnWideRightLayout .fsStyleTwoThirds,
.fsElephantLeftLayout .fsStyleTwoThirds {
    width: 100%;
}

@media (min-width: 600px) {
    .fsTwoColumnWideRightLayout .fsStyleTwoThirds,
    .fsElephantLeftLayout .fsStyleTwoThirds {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 200px);
    }
}

@media (min-width: 700px) {
    .fsTwoColumnWideRightLayout .fsStyleTwoThirds,
    .fsElephantLeftLayout .fsStyleTwoThirds {
        width: calc(100% - 280px);
    }
}

.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent,
.fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent {
    width: 100%;
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent,
    .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 240px);
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent,
    .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 320px);
    }
}

.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight,
.fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight,
    .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 20px;
        width: 240px;
        margin-top: 0;
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight,
    .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 40px;
        width: 320px;
    }
}

@media (min-width: 600px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 20px;
        width: 200px;
    }
}

@media (min-width: 700px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 40px;
        width: 280px;
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 20px;
        width: 200px;
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 40px;
        width: 280px;
    }
}

.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: 100%;
}

@media (min-width: 600px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 200px);
    }
}

@media (min-width: 700px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 280px);
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 200px);
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 280px);
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent,
    .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 200px);
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent,
    .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 280px);
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
        margin-top: 0;
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 40px;
        width: 280px;
    }
}

.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird {
    width: 100%;
    padding-right: 0;
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-right: 20px;
        width: 200px;
    }
}

.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
    width: 100%;
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 200px);
    }
}

@media (min-width: 600px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
    }
}

.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
    width: 100%;
    margin-bottom: 0;
}

@media (min-width: 600px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 200px);
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 440px);
    }
}

.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 0;
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
        padding-left: 20px;
        width: 240px;
        margin-top: 0;
    }
}

.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
    margin-bottom: 20px;
    width: 100%;
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        padding-right: 20px;
        width: 200px;
        margin-bottom: 0;
    }
}

.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
    margin-bottom: 20px;
    width: 100%;
    margin-bottom: 0;
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 200px);
    }
}

.fsTwoColumnWideLeftLayout,
.fsElephantRightLayout {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 600px) {
    .fsTwoColumnWideLeftLayout,
    .fsElephantRightLayout {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.fsTwoColumnWideLeftLayout .fsStyleOneThird,
.fsElephantRightLayout .fsStyleOneThird {
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .fsTwoColumnWideLeftLayout .fsStyleOneThird,
    .fsElephantRightLayout .fsStyleOneThird {
        padding-left: 20px;
        padding-right: 0;
        width: 240px;
        margin-bottom: 0;
    }
}

@media (min-width: 700px) {
    .fsTwoColumnWideLeftLayout .fsStyleOneThird,
    .fsElephantRightLayout .fsStyleOneThird {
        padding-left: 40px;
        width: 320px;
    }
}

.fsTwoColumnWideLeftLayout .fsStyleTwoThirds,
.fsElephantRightLayout .fsStyleTwoThirds {
    width: 100%;
}

@media (min-width: 600px) {
    .fsTwoColumnWideLeftLayout .fsStyleTwoThirds,
    .fsElephantRightLayout .fsStyleTwoThirds {
        width: calc(100% - 240px);
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 700px) {
    .fsTwoColumnWideLeftLayout .fsStyleTwoThirds,
    .fsElephantRightLayout .fsStyleTwoThirds {
        width: calc(100% - 320px);
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent {
    width: 100%;
}

@media (min-width: 600px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent,
    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 200px);
    }
}

@media (min-width: 700px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent,
    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 280px);
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent,
    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 200px);
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent,
    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 280px);
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
    }
}

@media (min-width: 700px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 40px;
        width: 280px;
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
        margin-bottom: 0;
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 40px;
        width: 280px;
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird {
    width: 100%;
    padding-left: 0;
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 20px;
        width: 240px;
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 40px;
        width: 320px;
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
    margin-bottom: 20px;
    width: 100%;
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 240px);
        margin-bottom: 0;
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 320px);
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent,
    .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 240px);
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent,
    .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 320px);
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight,
    .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 20px;
        width: 240px;
        margin-top: 0;
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight,
    .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 40px;
        width: 320px;
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird {
    width: 100%;
    padding-left: 0;
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-left: 20px;
        width: 240px;
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: 100%;
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasElephantRightLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 240px);
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 0;
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
        padding-left: 20px;
        width: 240px;
        margin-top: 0;
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
    width: 100%;
    margin-bottom: 0;
}

@media (min-width: 600px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 200px);
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 440px);
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
        margin-bottom: 0;
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
    margin-bottom: 0;
}

@media (min-width: 700px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 20px;
        width: 240px;
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        width: 100%;
        padding-left: 0;
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 20px;
        width: 240px;
    }
}

.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
    margin-bottom: 0;
}

@media (min-width: 700px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 240px);
    }
}

@media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: 100%;
    }
}

@media (min-width: 1000px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 240px);
    }
}

#fsPoweredByFinalsite {
    width: 100%;
    position: relative;
    margin: 0 auto;
    max-width: 65.55556em;
    max-width: 73.75rem;
    background-position: right top;
}

@media (max-width: 768px) {
    #fsPoweredByFinalsite {
        background-position: center center;
    }
}

/*! elements - constituent main */
/*! elements - constituent default layout */
.fsConstituent {
    word-break: break-word;
}

    .fsConstituent .fsElementPagination {
        margin: 20px 0;
    }

    .fsConstituent .fsPhoto[style*="background-image"],
    .fsConstituent .fsProfileImage[style*="background-image"] {
        background-size: cover;
        background-position: center;
        display: inline-block;
    }

        .fsConstituent .fsPhoto[style*="background-image"] > img,
        .fsConstituent .fsProfileImage[style*="background-image"] > img {
            opacity: 0;
            visibility: hidden;
        }

    .fsConstituent[class*="fsThumbnailAlign"] .fsPhoto img,
    .fsConstituent[class*="fsThumbnailAlign"] .fsProfileImage img {
        float: none;
        margin: 0;
    }

    .fsConstituent.fsThumbnailAlignLeft .fsPhoto,
    .fsConstituent.fsThumbnailAlignLeft .fsProfileImage {
        float: left;
        padding-right: 0;
    }

    .fsConstituent.fsThumbnailAlignRight .fsPhoto,
    .fsConstituent.fsThumbnailAlignRight .fsProfileImage {
        float: right;
        padding-left: 0;
    }

.fsConstituentProfile {
    position: relative;
}

    .fsConstituentProfile > div,
    .fsConstituentProfile > h3 {
        margin-bottom: 20px;
    }

        .fsConstituentProfile > div > strong {
            display: block;
        }

/*! elements - constituent default layout */
.fsConstituent .fsConstituentItem {
    float: none;
    width: calc(100% - 20px);
    margin: 0 auto 40px;
}

.fsConstituent.fsThumbnailAlignLeft .fsPhoto {
    margin-right: 10px;
    margin-bottom: 10px;
}

.fsConstituent.fsThumbnailAlignRight .fsPhoto {
    margin-left: 10px;
    margin-bottom: 10px;
}

.fsConstituentItem {
    padding-left: 10px;
    padding-right: 10px;
}

    .fsConstituentItem > h3,
    .fsConstituentItem > div {
        margin-bottom: 10px;
    }

        .fsConstituentItem > h3:last-child,
        .fsConstituentItem > div:last-child {
            margin-bottom: 0;
        }

    .fsConstituentItem .fsPhoto img {
        display: block;
    }

div[class^="fsConstituentColumnLayout"] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
}

@media (min-width: 600px) {
    .fsConstituentColumnLayout_2 .fsConstituentItem,
    .fsConstituentColumnLayout_3 .fsConstituentItem,
    .fsConstituentColumnLayout_4 .fsConstituentItem {
        width: calc(50% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (min-width: 800px) {
    .fsConstituentColumnLayout_3 .fsConstituentItem,
    .fsConstituentColumnLayout_4 .fsConstituentItem {
        width: calc(33.33% - 20px);
    }
}

@media (min-width: 1000px) {
    .fsConstituentColumnLayout_4 .fsConstituentItem {
        width: calc(25% - 20px);
    }
}

/*! elements - constituent profile */
.fsConstituent.fsProfile .fsFullName {
    margin-bottom: 20px;
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
    margin: 0 0 20px 0;
    padding: 0;
    float: none;
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 {
    float: none;
    width: 100%;
}

@media (min-width: 800px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 {
        padding: 0;
    }
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3:first-child {
    padding: 0;
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage {
    float: none;
}

@media (min-width: 600px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage {
        max-width: 40%;
    }
}

@media (min-width: 1000px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage {
        max-width: 512px;
    }
}

@media (min-width: 600px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
        max-width: 25%;
    }
}

@media (min-width: 800px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage {
        max-width: 128px;
    }
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSection:after, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSection:after {
    display: none;
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData {
    float: none;
    display: block;
    width: 100%;
}

    .fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData > div, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData > div {
        clear: none;
    }

@media (min-width: 600px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
        margin-right: 20px;
        float: left;
    }
}

@media (min-width: 800px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3 {
        padding-left: calc(40% + 20px);
    }
}

@media (min-width: 1000px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > h3 {
        padding-left: 532px;
    }
}

@media (min-width: 800px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3 {
        padding-left: calc(25% + 20px);
    }
}

@media (min-width: 800px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > h3 {
        padding-left: 148px;
    }
}

@media (min-width: 600px) {
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
        margin-left: 20px;
        float: right;
    }
}

@media (min-width: 800px) {
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3 {
        padding-right: calc(40% + 20px);
    }
}

@media (min-width: 1000px) {
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > h3 {
        padding-right: 532px;
    }
}

@media (min-width: 800px) {
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 {
        padding-right: calc(25% + 20px);
    }
}

@media (min-width: 800px) {
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > h3 {
        padding-right: 148px;
    }
}

.fsProfileImage {
    margin-bottom: 20px;
}

    .fsProfileImage img {
        display: block;
    }

.fsProfileSection {
    margin-bottom: 20px;
}

    .fsProfileSection h4 {
        margin: 0 0 1rem 0;
    }

.fsProfileSectionData {
    margin-bottom: 1em;
}

    .fsProfileSectionData:last-child {
        margin-bottom: 0;
    }

    .fsProfileSectionData.fsTitle {
        font-weight: inherit;
        font-size: 18px;
        line-height: 24px;
    }

    .fsProfileSectionData > div {
        width: auto;
        float: none;
        display: block;
    }

    .fsProfileSectionData.fsStyleHalf {
        width: 100%;
    }

@media (min-width: 600px) {
    .fsProfileSectionData.fsStyleHalf {
        width: 50%;
    }
}

.fsProfileSectionSpecialData > div {
    width: auto;
    float: none;
    display: block;
}

.fsProfileSectionSpecialData div[id^="fsEmail"] {
    display: inline-block;
}

.fsProfileSectionFieldName,
.fsEmail > div:first-child {
    font-weight: 700;
}

/*! elements - constituent search */
.fsConstituent.fsSearch {
    overflow: hidden;
}

    .fsConstituent.fsSearch + .fsConstituent {
        border-top: solid 1px #a7b2cd;
        margin-top: 20px;
        padding-top: 20px;
    }

.fsConstituentSearchForm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

    .fsConstituentSearchForm > label {
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 0 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .fsConstituentSearchForm > label > span {
            margin-bottom: 2px;
        }

        .fsConstituentSearchForm > label > select,
        .fsConstituentSearchForm > label > input {
            border: solid 1px #a7b2cd;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .fsConstituentSearchForm > label > select {
            height: 34px;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
        }

    .fsConstituentSearchForm [type*='submit'] {
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin: 10px;
        width: 100%;
    }

@media (min-width: 600px) {
    .fsConstituentSearchForm [type*='submit'] {
        width: auto;
    }
}

/*! elements - constituent default layout */
.fsConstituent.fsDialog .fsProfileImage:first-child {
    margin-top: 1em;
}

.fsConstituent.fsDialog .fsProfileImage img {
    float: none;
    margin: 0;
}

.fsConstituent .fsDialogContent {
    padding-top: 45px;
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
    margin: 0 0 20px 0;
    padding: 0;
    float: none;
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
    float: none;
    width: 100%;
}

@media (min-width: 800px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
        padding: 0;
    }
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3:first-child {
    padding: 0;
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage {
    float: none;
}

@media (min-width: 600px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage {
        max-width: 40%;
    }
}

@media (min-width: 600px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
        max-width: 25%;
    }
}

@media (min-width: 800px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage {
        max-width: 128px;
    }
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSection:after, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSection:after {
    display: none;
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData {
    float: none;
    display: block;
    width: 100%;
}

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData > div, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData > div {
        clear: none;
    }

@media (min-width: 600px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage {
        margin-right: 20px;
        float: left;
    }
}

@media (min-width: 800px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3 {
        padding-left: calc(40% + 20px);
    }
}

@media (min-width: 800px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3 {
        padding-left: calc(25% + 20px);
    }
}

@media (min-width: 800px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle > h3 {
        padding-left: 148px;
    }
}

@media (min-width: 600px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
        margin-left: 20px;
        float: right;
    }
}

@media (min-width: 800px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3 {
        padding-right: calc(40% + 20px);
    }
}

@media (min-width: 800px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
        padding-right: calc(25% + 20px);
    }
}

@media (min-width: 800px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle > h3 {
        padding-right: 148px;
    }
}

/*! elements - accordion */
.fsAccordion .fsPanel > header, .fsTabs .fsPanel > header {
    cursor: pointer;
    background: #F7F8FB;
    transition: .3s;
}

    .fsAccordion .fsPanel > header h2, .fsTabs .fsPanel > header h2 {
        margin-top: 0;
        font-weight: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
        margin-bottom: 2px;
        display: block;
        font-size: 18px;
        padding: 13.33333px;
        color: #666;
        transition: .3s;
        position: relative;
    }

        .fsAccordion .fsPanel > header h2 a, .fsTabs .fsPanel > header h2 a {
            transition: none;
        }

    .fsAccordion .fsPanel > header:hover, .fsTabs .fsPanel > header:hover {
        background: #E8EBF2;
        transition: .3s;
    }

        .fsAccordion .fsPanel > header:hover h2, .fsTabs .fsPanel > header:hover h2 {
            color: #666;
            transition: .3s;
        }

.fsAccordion .fsPanel.fsStateOpen > header, .fsTabs .fsPanel.fsStateOpen > header {
    background: #003745;
}

    .fsAccordion .fsPanel.fsStateOpen > header h2, .fsTabs .fsPanel.fsStateOpen > header h2 {
        color: #fff;
    }

        .fsAccordion .fsPanel.fsStateOpen > header h2:before, .fsTabs .fsPanel.fsStateOpen > header h2:before {
            content: "-";
        }

.fsPanelIconAfter.fsAccordion .fsPanel > header h2::after, .fsPanelIconAfter.fsTabs .fsPanel > header h2::after,
.fsPanelIconBefore.fsAccordion .fsPanel > header h2::before,
.fsPanelIconBefore.fsTabs .fsPanel > header h2::before {
    content: '';
    border: none;
    width: auto;
    height: auto;
    position: absolute;
    margin: 0;
    top: 13.33333px;
    content: "+";
}

.fsPanelIconBefore.fsAccordion .fsPanel.fsStateOpen > header h2::before, .fsPanelIconBefore.fsTabs .fsPanel.fsStateOpen > header h2::before,
.fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen > header h2::after,
.fsPanelIconAfter.fsTabs .fsPanel.fsStateOpen > header h2::after {
    content: '';
    border: none;
    width: auto;
    height: auto;
    position: absolute;
    margin: 0;
    top: 13.33333px;
    content: "-";
}

.fsPanelIconBefore.fsAccordion .fsPanel > header h2, .fsPanelIconBefore.fsTabs .fsPanel > header h2 {
    padding-left: 40px;
}

    .fsPanelIconBefore.fsAccordion .fsPanel > header h2:before, .fsPanelIconBefore.fsTabs .fsPanel > header h2:before {
        left: 13.33333px;
    }

.fsPanelIconAfter.fsAccordion .fsPanel > header h2, .fsPanelIconAfter.fsTabs .fsPanel > header h2 {
    padding-right: 40px;
}

    .fsPanelIconAfter.fsAccordion .fsPanel > header h2:before, .fsPanelIconAfter.fsTabs .fsPanel > header h2:before {
        display: none;
    }

    .fsPanelIconAfter.fsAccordion .fsPanel > header h2:after, .fsPanelIconAfter.fsTabs .fsPanel > header h2:after {
        right: 13.33333px;
    }

.fsAccordion:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before, .fsTabs:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before {
    content: '';
}

/*! elements - athletics main */
/*! elements - athletics events */
.fsAthleticsEvent > .fsElementContent {
    width: 100%;
}

.fsAthleticsEvent .fsAlertFeeds {
    margin-bottom: 10px;
}

.fsAthleticsEvent .fsElementEventIcon {
    display: inline-block;
    max-width: 100%;
}

.fsAthleticsEvent .fsTitle {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}

.fsAthleticsEvent div.fsTitle {
    display: inline-block;
}

/*! elements - athletics events - list subtype */
.fsAthleticsEvent.fsList .fsElementEventIcon {
    margin-right: 10px;
}

.fsAthleticsEvent.fsList .fsAthleticsEventDetailLink {
    outline: 0;
}

.fsAthleticsEvent.fsList .fsAlertIcon {
    margin-left: 5px;
    margin-bottom: -3px;
}

.fsAthleticsEvent.fsList .fsAthleticsOpponents {
    display: inline;
}

.fsAthleticsEvent.fsList .fsAthleticsOpponentNames {
    display: inline;
}

.fsAthleticsEvent.fsList .fsAthleticsEventReadMoreLink {
    display: inline-block;
    margin-top: 5px;
}

.fsAthleticsEvent.fsList .fsAthleticsDismissal,
.fsAthleticsEvent.fsList .fsAthleticsDeparture,
.fsAthleticsEvent.fsList .fsAthleticsReturn,
.fsAthleticsEvent.fsList .fsAthleticsPickup {
    margin-top: 5px;
}

.fsAthleticsEvent.fsList .fsAthleticsDismissalLabel,
.fsAthleticsEvent.fsList .fsAthleticsDepartureLabel,
.fsAthleticsEvent.fsList .fsAthleticsReturnLabel,
.fsAthleticsEvent.fsList .fsAthleticsPickupLabel {
    display: inline-block;
}

    .fsAthleticsEvent.fsList .fsAthleticsDismissalLabel + div,
    .fsAthleticsEvent.fsList .fsAthleticsDepartureLabel + div,
    .fsAthleticsEvent.fsList .fsAthleticsReturnLabel + div,
    .fsAthleticsEvent.fsList .fsAthleticsPickupLabel + div {
        display: inline-block;
    }

/*! elements - athletics events */
.fsAthleticsEvent.fsEvent article > div {
    margin-bottom: 10px;
}

    .fsAthleticsEvent.fsEvent article > div:last-child {
        margin-bottom: 0;
    }

.fsAthleticsEvent.fsEvent .fsAthleticsOpponents {
    display: inline-block;
}

.fsAthleticsEvent.fsEvent .fsAthleticsVs + div {
    display: inline-block;
}

/*! elements - athletics events - table*/
@media (min-width: 801px) {
    .fsAthleticsEvent.fsTable .fsDateTime,
    .fsAthleticsEvent.fsTable .fsAthleticsScore {
        white-space: nowrap;
    }
}

.fsAthleticsEvent.fsTable .fsElementTable {
    margin-bottom: 0;
}

@media (max-width: 800px) {
    .fsAthleticsEvent.fsTable .fsElementTable thead {
        display: none;
    }
}

@media (max-width: 800px) {
    .fsAthleticsEvent.fsTable .fsElementTable td {
        display: inline-block;
        width: 100%;
        padding: 0 10px;
    }

        .fsAthleticsEvent.fsTable .fsElementTable td:not(:last-child) {
            border: 0;
        }

        .fsAthleticsEvent.fsTable .fsElementTable td:first-of-type {
            padding-top: 10px;
        }

        .fsAthleticsEvent.fsTable .fsElementTable td:last-of-type {
            padding-bottom: 10px;
        }

        .fsAthleticsEvent.fsTable .fsElementTable td:before {
            display: inline-block;
            font-weight: 700;
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsTitle:before {
            content: 'Team: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents {
            display: inline-block;
        }

            .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsVs {
                display: inline-block;
            }

            .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsOpponentNames {
                display: inline-block;
            }

            .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents:before {
                content: 'Opponent: ';
            }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate .fsDateTime {
            display: inline-block;
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate:before {
            content: 'Date: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime .fsDateTime {
            display: inline-block;
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime:before {
            content: 'Time: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsLocations:before {
            content: 'Location: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAdvantage:before {
            content: 'Advantage: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsEventType:before {
            content: 'Type: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDetails:before {
            content: 'Details: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsResult:before {
            content: 'Result: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsScore:before {
            content: 'Score: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAlerts:before {
            content: 'Alerts: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDismissal:before {
            content: 'Dismissal: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDeparture:before {
            content: 'Departure: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsReturn:before {
            content: 'Return Time: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsPickup:before {
            content: 'Pickup Time: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsRecap:before {
            content: 'Recap: ';
        }

        .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsStatus:before {
            content: 'Status: ';
        }
}

.fsAthleticsEvent.fsTable .fsAthleticsDismissalLabel,
.fsAthleticsEvent.fsTable .fsAthleticsDepartureLabel,
.fsAthleticsEvent.fsTable .fsAthleticsReturnLabel,
.fsAthleticsEvent.fsTable .fsAthleticsPickupLabel {
    display: none;
}

.fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime {
    display: inline-block;
}

@media (min-width: 800px) {
    .fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime {
        display: block;
    }
}

/*! elements - athletics popup dialog box */
.fsAthleticsEvent.fsDialog {
    margin: auto;
}

    .fsAthleticsEvent.fsDialog .fsAthleticsTitle {
        margin-top: 0;
        font-weight: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 30px;
        color: #00998F;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .fsAthleticsEvent.fsDialog .fsAthleticsLabel {
        font-weight: bold;
        margin-top: 20px;
    }

    .fsAthleticsEvent.fsDialog .fsAthleticsAddress > div {
        margin-top: 10px;
    }

/*! elements - athletics roster */
.fsAthleticsRoster .fsElementTable td:before, .fsAthleticsRosterList li > div:before {
    margin-right: 5px;
    display: inline-block;
    font-weight: 700;
}

.fsAthleticsRoster .fsElementTable td.fsRosterPlayerNumber:before, .fsAthleticsRosterList li > div.fsRosterPlayerNumber:before {
    content: 'Number: ';
}

.fsAthleticsRoster .fsElementTable td.fsRosterName:before, .fsAthleticsRosterList li > div.fsRosterName:before {
    content: 'Name: ';
}

.fsAthleticsRoster .fsElementTable td.fsRosterPosition:before, .fsAthleticsRosterList li > div.fsRosterPosition:before {
    content: 'Position: ';
}

.fsAthleticsRoster .fsElementTable td.fsRosterClass:before, .fsAthleticsRosterList li > div.fsRosterClass:before {
    content: 'Class: ';
}

.fsAthleticsRoster .fsElementTable td.fsRosterGradeLevel:before, .fsAthleticsRosterList li > div.fsRosterGradeLevel:before {
    content: 'Grade: ';
}

.fsAthleticsRoster .fsElementTable td.fsRosterHometown:before, .fsAthleticsRosterList li > div.fsRosterHometown:before {
    content: 'Hometown: ';
}

.fsAthleticsRoster .fsElementTable td.fsRosterHeight:before, .fsAthleticsRosterList li > div.fsRosterHeight:before {
    content: 'Height: ';
}

.fsAthleticsRoster .fsElementTable td.fsRosterWeight:before, .fsAthleticsRosterList li > div.fsRosterWeight:before {
    content: 'Weight: ';
}

@media (max-width: 800px) {
    .fsAthleticsRoster .fsElementTable thead {
        display: none;
    }
}

@media (min-width: 800px) {
    .fsAthleticsRoster .fsElementTable td:before {
        display: none;
    }
}

@media (max-width: 800px) {
    .fsAthleticsRoster .fsElementTable td {
        display: inline-block;
        width: 100%;
        padding: 0 10px;
    }

        .fsAthleticsRoster .fsElementTable td:not(:last-child) {
            border: 0;
        }

        .fsAthleticsRoster .fsElementTable td:first-of-type {
            padding-top: 10px;
        }

        .fsAthleticsRoster .fsElementTable td:last-of-type {
            padding-bottom: 10px;
        }
}

.fsAthleticsRosterContent {
    margin-bottom: 20px;
}

    .fsAthleticsRosterContent:empty, .fsAthleticsRosterContent:last-child {
        margin-bottom: 0;
    }

.fsAthleticsRosterList, .fsAthleticsRosterList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .fsAthleticsRosterList li {
        margin: 0;
        padding: 0;
    }

    .fsAthleticsRosterList li {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: solid 1px #E8EBF2;
    }

        .fsAthleticsRosterList li:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .fsAthleticsRosterList li > div {
            margin-bottom: 10px;
        }

            .fsAthleticsRosterList li > div:last-child {
                margin-bottom: 0;
            }

            .fsAthleticsRosterList li > div.fsRosterName {
                margin-bottom: 10px;
            }

                .fsAthleticsRosterList li > div.fsRosterName:before {
                    display: none;
                }

    .fsAthleticsRosterList .fsCoachImage {
        display: block;
        margin-bottom: 10px;
    }

/*! elements - athletics teams */
.fsAthleticsTeamDirectory {
    max-width: 100%;
}

    .fsAthleticsTeamDirectory, .fsAthleticsTeamDirectory ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .fsAthleticsTeamDirectory li {
            margin: 0;
            padding: 0;
        }

        .fsAthleticsTeamDirectory > li {
            margin-bottom: 10px;
        }

        .fsAthleticsTeamDirectory .fsAthleticsTeamIcon {
            display: inline-block;
        }

.fsAthleticsTeamIcon {
    margin-right: 10px;
}

.fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
    float: none;
}

@media (min-width: 600px) {
    .fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
        float: left;
    }
}

.fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
    float: none;
}

@media (min-width: 600px) {
    .fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
        float: right;
    }
}

/*! _main.scss - src/sass/modules/calendar/ - main calendar import */
/*! _all.scss - src/sass/modules/calendar/list.scss - calendar each article style */
/*.fsCalendar:not(.fsElementDialog) article {
    position: relative;
    padding-left: 100px;
    min-height: 80px;
    padding-top: 0;
}

    .fsCalendar:not(.fsElementDialog) article .fsElementEventColorIcon {
        width: 12px;
        height: 12px;
    }*/
/*
.fsCalendar:not(.fsElementDialog) .fsDate {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    height: 80px;
    width: 80px;
    color: #fff;
    background: transparent;
    border: 1px solid #003745;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}*/
/*
    .fsCalendar:not(.fsElementDialog) .fsDate > span {
        display: block;
    }*/

/* .fsCalendar:not(.fsElementDialog) .fsDate > span.fsMonth {
            color: #003745;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 18px;
        }*/

/* .fsCalendar:not(.fsElementDialog) .fsDate > span.fsDay {
            color: #027E75;
            font-weight: 700;
        }*/
/*
.fsCalendar:not(.fsElementDialog) .fsTitle {
    color: #003745;
    font-size: 18px;
    font-weight: 500;
}*/

/* .fsCalendar:not(.fsElementDialog) .fsTitle .fsCalendarEventLink {
        color: #003745;
    }

        .fsCalendar:not(.fsElementDialog) .fsTitle .fsCalendarEventLink:hover {
            text-decoration: underline;
        }*/

.fsCalendar:not(.fsElementDialog) .fsEventDetails {
    font-size: 14px;
}

/* .fsCalendar:not(.fsElementDialog) .fsEventDetails .fsAllDay {
        text-transform: uppercase;
    }*/

.fsCalendar:not(.fsElementDialog) .fsTimeRange {
    font-size: 14px;
}

.fsCalendar:not(.fsElementDialog) .fsLocation {
    font-size: 14px;
    text-transform: uppercase;
}

.fsCalendar:not(.fsElementDialog) .fsNotes p:last-child, .fsCalendar:not(.fsElementDialog) .fsDescription p:last-child {
    margin-bottom: 0;
}

/*! _list.scss - src/sass/modules/calendar/list.scss - calendar event */
.fsCalendar.fsList .fsListItems + button {
    margin-top: 0;
}

/*! _grid.scss - src/sass/modules/calendar/grid.scss - calendar grid */
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div {
    margin-bottom: 5px;
}

    .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div:last-child {
        margin-bottom: 0;
    }

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle {
    font-size: 1.1em;
    font-weight: bold;
    outline: 0;
}

    .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle + div {
        margin-top: 5px;
    }

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
    line-height: 1;
}

@media (min-width: 800px) {
    .fsCalendarEventGrid .fsCalendarRow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .fsCalendarEventGrid .fsCalendarDaybox {
        height: auto !important;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div {
                height: auto;
                -ms-flex-positive: 1;
                flex-grow: 1;
            }
}

.fsCalendar.fsGrid .fsCalendarGridControlBar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

    .fsCalendar.fsGrid .fsCalendarGridControlBar:after {
        display: none;
    }

    .fsCalendar.fsGrid .fsCalendarGridControlBar > div {
        margin: 0;
    }

    .fsCalendar.fsGrid .fsCalendarGridControlBar .fsDisplayNavigation {
        margin-right: 10px;
    }

    .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthBrowser {
        width: 100%;
    }

@media (min-width: 600px) {
    .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthBrowser {
        width: auto;
    }
}

.fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls {
    margin: 10px 0;
}

@media (min-width: 600px) {
    .fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls {
        -ms-flex-order: 3;
        order: 3;
        margin: 0;
    }
}

.fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthYearPicker:not(.fsStateHidden) {
    z-index: 1;
}

@media screen and (max-width: 799px) {
    .fsCalendar.fsGrid .fsCalendarEventGrid {
        width: 100%;
        margin: 0 auto;
    }

        .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarMonthBrowser {
            margin: 20px 0;
        }

        .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow {
            width: auto;
            display: inline;
        }

        .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox {
            width: 14.28% !important;
            height: 45px !important;
            float: left;
            overflow: hidden !important;
            cursor: pointer;
            min-height: 0;
            position: relative;
            padding: 0;
            margin: 0;
            border: none;
        }

            .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday {
                background-color: rgba(0, 55, 69, 0.15);
            }

            .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange {
                background-color: rgba(0, 55, 69, 0.05);
            }

            .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox {
                border: none;
            }

                .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div {
                    position: relative;
                    min-height: 0;
                    height: 25px;
                    border: 1px solid #EDEDED;
                }

                    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div.selected {
                        background-color: rgba(0, 55, 69, 0.25);
                    }

            .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected {
                background-color: rgba(0, 55, 69, 0.25);
            }
}

@media screen and (max-width: 799px) and (max-width: 799px) {
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents {
        background: rgba(2, 126, 117, 0.5);
        color: #fff;
    }
}

@media screen and (max-width: 799px) {
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 1;
        font-size: 15px;
        margin-bottom: 0;
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarInfo {
        display: none;
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow {
        border-left: 1px solid #EDEDED;
        border-right: 1px solid #EDEDED;
        zoom: 1;
        display: block;
    }

        .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:after {
            display: table;
            clear: both;
            content: '';
        }

        .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:first-child {
            border-top: 1px solid #EDEDED;
        }

        .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:last-child {
            border-bottom: 1px solid #EDEDED;
        }

    .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox {
        width: 16.666% !important;
        height: 50px !important;
        border: 1px solid #EDEDED;
    }

        .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox.fsCalendarWeekendDayBox {
            border: none;
        }

        .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox.fsCalendarOutOfRange {
            display: block;
        }
}

#event-view {
    padding: 20px;
    margin: 20px auto 0;
}

    #event-view .fsCalendarDaybox {
        height: auto !important;
    }

        #event-view .fsCalendarDaybox > div {
            margin-bottom: 20px;
        }

    #event-view .fsCalendarEventTitle {
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 5px;
    }

/*@media screen and (min-width: 800px) {
    #event-view {
        display: none;
    }
}

.scroll-up {
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

    .scroll-up span {
        display: inline-block;
        border: 0;
        margin: 0 10px 18px 0;
        padding: 10px 20px;
        background: #666;
        color: #fff;
        border-radius: 0;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        border-radius: 2px;
        padding: 10px 20px;
    }

        .scroll-up span:hover, .scroll-up span:focus,
        .fsStateSelected .scroll-up span {
            background: #a6a6a6;
            color: #fff;
            text-decoration: none !important;
        }

        .scroll-up span em {
            display: block;
            font-style: normal;
        }

    .scroll-up + .fsCalendarLegend {
        margin-top: 20px !important;
    }

@media screen and (min-width: 800px) {
    .scroll-up {
        display: none;
    }
}

.fsElementEventColorIcon {
    display: inline-block;
}

.fsCalendar.fsGrid .fsCalendarEventGrid + .fsCalendarLegend {
    margin-top: 40px;
}

.fsCalendar.fsGrid .fsCalendarLegend, .fsCalendar.fsGrid .fsCalendarLegend ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .fsCalendar.fsGrid .fsCalendarLegend li {
        margin: 0;
        padding: 0;
    }

    .fsCalendar.fsGrid .fsCalendarLegend h4 {
        margin-bottom: 20px;
    }

@media (min-width: 600px) {
    .fsCalendar.fsGrid .fsCalendarLegend > ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.fsCalendar.fsGrid .fsCalendarLegend > ul > li {
    margin-left: 0;
}

@media (min-width: 600px) {
    .fsCalendar.fsGrid .fsCalendarLegend > ul > li {
        width: 49%;
    }
}

.fsCalendar.fsGrid .fsCalendarLegend .fsElementEventColorIcon {
    vertical-align: baseline;
}*/

/*! _slideshow.scss - src/sass/modules/calendar/slideshow.scss - calendar slideshow */
/*.fsCalendar.fsSlideshow .fsAlertFeeds {
    float: none;
}

.fsCalendar.fsSlideshowHorizontal .fsElementSlideshow {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 0;
}

.fsCalendar.fsSlideshowVertical .fsElementSlideshow {
    padding-left: 45px;
    padding-top: 45px;
    padding-bottom: 45px;
}*/

/*! _event.scss - src/sass/modules/calendar/event.scss - calendar event */
/*! _dialog.scss - src/sass/modules/calendar/_dialog.scss - calendar dialog pop up */
.fsCalendar.fsDialog .fsDate,
.fsCalendar.fsDialog .fsTitle,
.fsCalendar.fsDialog .fsLocation,
.fsCalendar.fsDialog .fsAllDay,
.fsCalendar.fsDialog .fsTimeRange {
    margin-bottom: 5px;
    display: block;
}

.fsCalendar.fsDialog .fsAllDay {
    text-transform: uppercase;
}

.fsCalendar.fsDialog .fsDescription {
    margin-top: 15px;
    display: block;
}

.fsCalendar.fsDialog .fsNotes {
    margin-top: 20px;
    display: block;
}

/*! elements - forms */
textarea,
input,
select {
    padding: 5px;
    max-width: 100%;
}

.fsComposerFormEmbed {
    background: none;
}

    .fsComposerFormEmbed body {
        margin: 0;
    }

    .fsComposerFormEmbed form {
        zoom: 1;
    }

        .fsComposerFormEmbed form:after {
            display: table;
            clear: both;
            content: '';
        }

        .fsComposerFormEmbed form input,
        .fsComposerFormEmbed form textarea,
        .fsComposerFormEmbed form select {
            /* font-family: "brandon-grotesque", sans-serif;*/
            font-size: 18px;
            line-height: 24px;
            color: #666;
        }

        .fsComposerFormEmbed form input {
            border: solid 1px #a7b2cd;
        }

            .fsComposerFormEmbed form input.fileUploader {
                padding: 0;
                width: 100%;
                border: none;
            }

        .fsComposerFormEmbed form fieldset {
            padding: 0;
        }

        .fsComposerFormEmbed form textarea {
            max-width: 100%;
            width: 100%;
            border: solid 1px #a7b2cd;
        }

        .fsComposerFormEmbed form .mainGroupSub {
            max-width: 100%;
            width: 100% !important;
        }

        .fsComposerFormEmbed form .formPage {
            margin-bottom: 20px;
        }

        .fsComposerFormEmbed form .elementRow {
            max-width: 100%;
            margin: 0;
        }

            .fsComposerFormEmbed form .elementRow:last-child .elementContainer:last-child {
                margin-bottom: 0;
            }

        .fsComposerFormEmbed form .elementContainer {
            margin: 0 0 20px;
            padding: 0;
        }

@media screen and (max-width: 599px) {
    .fsComposerFormEmbed form .elementContainer {
        width: 100%;
    }
}

.fsComposerFormEmbed form .elementContainer label {
    margin-bottom: 2px;
}

    .fsComposerFormEmbed form .elementContainer label.horizontal {
        white-space: normal;
        margin-right: 10px !important;
    }

        .fsComposerFormEmbed form .elementContainer label.horizontal:last-child {
            margin-right: 0;
        }

.fsComposerFormEmbed form .elementContainer hr {
    margin: 0 auto;
}

.fsComposerFormEmbed form .elementContainer p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 599px) {
    .fsComposerFormEmbed form .elementBody > input {
        width: 100%;
    }
}

.fsComposerFormEmbed form .elementBody > .descText {
    margin-bottom: 10px;
}

.fsComposerFormEmbed form .labelLeft .elementContainer label, .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    float: none;
}

@media (min-width: 600px) {
    .fsComposerFormEmbed form .labelLeft .elementContainer label, .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel {
        width: 20%;
        padding-right: 10px;
        text-align: right;
        float: left;
    }
}

@media (min-width: 600px) {
    .fsComposerFormEmbed form .labelLeft .elementContainer > label {
        padding: 5px 10px 5px 5px;
    }
}

.fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel label {
    width: 100%;
}

.fsComposerFormEmbed form .labelLeft .elementContainer fieldset label {
    width: auto;
}

.fsComposerFormEmbed form .labelLeft .elementBody {
    margin: 0;
    width: 100%;
    float: none;
}

@media (min-width: 600px) {
    .fsComposerFormEmbed form .labelLeft .elementBody {
        width: 80%;
        float: left;
    }
}

.fsComposerFormEmbed form .linkLike {
    color: #027E75;
    margin-right: 10px;
    cursor: pointer;
    transition: .3s;
}

    .fsComposerFormEmbed form .linkLike:hover {
        color: #003745;
    }

.fsComposerFormEmbed form .required {
    color: #003745;
}

.fsComposerFormEmbed form .pageControls {
    padding: 10px 0 !important;
    margin-bottom: 10px;
}

    .fsComposerFormEmbed form .pageControls .userConfirmation {
        margin-bottom: 0;
    }

.fsComposerFormEmbed form .userConfirmation {
    margin-bottom: 20px;
}

    .fsComposerFormEmbed form .userConfirmation .userConfirmationToggle {
        margin-right: 5px;
    }

    .fsComposerFormEmbed form .userConfirmation > label {
        display: block;
    }

.fsComposerFormEmbed form .elementColumn {
    zoom: 1;
    margin-bottom: 20px;
    max-width: 100%;
}

    .fsComposerFormEmbed form .elementColumn:after {
        display: table;
        clear: both;
        content: '';
    }

@media screen and (max-width: 599px) {
    .fsComposerFormEmbed form .elementColumn {
        float: none !important;
        width: 100% !important;
    }
}

.fsComposerFormEmbed form .elementColumn .elementContainer {
    margin-bottom: 0;
}

.fsComposerFormEmbed form .elementColumn .elementBody > input {
    width: 100%;
}

.fsComposerFormEmbed form .pageBreak {
    zoom: 1;
}

    .fsComposerFormEmbed form .pageBreak:after {
        display: table;
        clear: both;
        content: '';
    }

    .fsComposerFormEmbed form .pageBreak .nextPage, .fsComposerFormEmbed form .pageBreak .prevPage {
        background: none;
        border: none;
        color: #027E75;
        transition: .3s;
        outline: 0;
        float: left;
        padding: 0;
        line-height: 1;
        padding: 10px 0;
    }

        .fsComposerFormEmbed form .pageBreak .nextPage:hover, .fsComposerFormEmbed form .pageBreak .prevPage:hover {
            color: #003745;
            transition: .3s;
        }

    .fsComposerFormEmbed form .pageBreak .prevPage {
        margin-right: 10px;
    }

    .fsComposerFormEmbed form .pageBreak .pagenum {
        display: inline-block;
        float: left;
        line-height: 1;
        margin-right: 10px;
        padding: 10px 0;
    }

        .fsComposerFormEmbed form .pageBreak .pagenum:empty {
            margin: 0;
        }

.fsComposerFormEmbed form .submitBtn {
    border: 0;
    margin: 0;
    padding: 10px 20px;
    border-radius: 0;
    background: #003745;
    color: #fff;
    float: left;
    transition: .3s;
}

    .fsComposerFormEmbed form .submitBtn:hover {
        transition: .3s;
        background: #00998F;
    }

.fsComposerFormEmbed .ui-widget {
    /*font-family: "brandon-grotesque", sans-serif;*/
    max-width: 100%;
}

.fsComposerFormEmbed .ui-datepicker:empty {
    display: none;
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-header {
    background: none;
    border: none;
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next {
    background: none;
    border: none;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}

    .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev span, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next span {
        display: none;
    }

    .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before {
        content: '';
        font-weight: bold;
        transition: .3s;
    }

    .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:hover:before, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:hover:before {
        transition: .3s;
        opacity: .5;
    }

    .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before {
        content: '\203A';
    }

    .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before {
        content: '\2039';
    }

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
    top: 2px;
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
    top: 2px;
}

.fsComposerFormEmbed .ui-datepicker .ui-state-default {
    background: rgba(0, 0, 0, 0.05);
    text-align: center;
}

.fsComposerFormEmbed .ui-datepicker .ui-state-active {
    background: rgba(0, 0, 0, 0.1);
}

.fsComposerFormEmbed .ui-datepicker .ui-state-highlight {
    border: solid 1px #d3d3d3;
    background-color: #d3d3d3;
}

::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

:-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

::-moz-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0.5);
}

/*! elements - login */
.fsAccount button:not(:last-of-type) {
    margin-right: 10px;
}

.fsLoginForgotPasswordLink,
.fsLoginNewAccountLink {
    margin-bottom: 10px;
}

    .fsLoginForgotPasswordLink:last-child,
    .fsLoginNewAccountLink:last-child {
        margin-bottom: 0;
    }

.fsLoginNewFields .fsLoginNewCaptcha {
    margin-bottom: 20px;
}

    .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area,
    .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table {
        max-width: 100%;
    }

@media screen and (max-width: 599px) {
    .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div {
        overflow: hidden;
        border-radius: 5px;
    }
}

.fsResetPasswordFields > div {
    margin-bottom: 20px;
}

    .fsResetPasswordFields > div:last-child {
        margin-bottom: 0;
    }

.fsResetPasswordFields label > span {
    display: block;
}

.fsResetPasswordFields label > input {
    margin-bottom: 20px;
}

@media screen and (max-width: 599px) {
    .fsLoginForgotControls label,
    .fsLoginNewFields label,
    .fsResetPasswordFields label {
        display: block;
        margin-bottom: 3px;
    }

    .fsLoginForgotControls input,
    .fsLoginNewFields input,
    .fsResetPasswordFields input {
        display: block;
        width: 100%;
    }
}

.fsLoginForgotView .fsLoginForgotEmail {
    display: block;
}

.fsLoginForgotSuccess .fsStyleDefaultButton {
    margin-top: 20px;
}

.fsAccountGreeting {
    margin-bottom: 20px;
}

.fsAccountLinks {
    margin: 0;
}

    .fsAccountLinks li:not(:first-child) {
        border-color: #E8EBF2;
    }

.fsAccountLogout {
    display: block;
    margin-top: 20px;
}

    .fsAccountLogout > .fsStyleUpdateButton:last-child {
        margin-bottom: 0;
    }

input[name*="passkey"] + .fsLoginSubmit {
    margin-top: 20px;
}

.fsError {
    margin-bottom: 50px;
}

.fsResetContinue,
.fsResetCancel,
.fsLoginNewSuccess > button {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: #666;
    color: #fff;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
}

    .fsResetContinue:hover, .fsResetContinue:focus,
    .fsStateSelected .fsResetContinue,
    .fsResetCancel:hover,
    .fsResetCancel:focus,
    .fsStateSelected
    .fsResetCancel,
    .fsLoginNewSuccess > button:hover,
    .fsLoginNewSuccess > button:focus,
    .fsStateSelected
    .fsLoginNewSuccess > button {
        background: #a6a6a6;
        color: #fff;
        text-decoration: none !important;
    }

    .fsResetContinue em,
    .fsResetCancel em,
    .fsLoginNewSuccess > button em {
        display: block;
        font-style: normal;
    }

.fsLoginNewSuccess button {
    margin-top: 20px;
}

.fsMediaCustomPlayer {
    background: none;
    position: relative;
    color: #666;
    /*  font-family: "brandon-grotesque", sans-serif;*/
}

    .fsMediaCustomPlayer article {
        position: relative;
    }

.fsCustomSlider .fsElement {
    margin-bottom: 0;
}

.fsCustomSlider .slick-next, .fsCustomSlider .slick-prev {
    background: none;
    border: none;
    color: transparent;
    height: 40px;
    padding: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    z-index: 2;
}

    .fsCustomSlider .slick-next:before, .fsCustomSlider .slick-prev:before {
        color: #fff;
        display: block;
        font-size: 50px;
        font-weight: normal;
        height: 100%;
        left: 0;
        line-height: 30px;
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
    }

.fsCustomSlider .slick-next {
    left: auto;
    right: 0;
}

    .fsCustomSlider .slick-next:before {
        content: '\203A';
    }

.fsCustomSlider .slick-prev {
    left: 0;
    right: auto;
}

    .fsCustomSlider .slick-prev:before {
        content: '\2039';
    }

.fsCustomSlider .slider-play-btn {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #00998F;
    font-size: 0;
    width: 30px;
    height: 30px;
    border: 0;
    padding: 0;
    z-index: 1;
    line-height: 42px;
}

    .fsCustomSlider .slider-play-btn:before {
        content: "";
        color: #fff;
        font-size: 18px;
        /* font-family: "Droid Serif", Georgia, serif;*/
    }

.fsCustomSlider.slider-paused .slider-play-btn:before {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 13px solid #fff;
    border-bottom: 7px solid transparent;
    display: inline-block;
}

.fsCustomSlider.slider-playing .slider-play-btn:before, .fsCustomSlider.slider-playing .slider-play-btn:after {
    content: "";
    width: 3px;
    height: 18px;
    background-color: #fff;
    display: inline-block;
    margin: 6px 2px 0;
}

.fsCustomSlider .slick-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .fsCustomSlider .slick-dots, .fsCustomSlider .slick-dots ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .fsCustomSlider .slick-dots li {
            margin: 0;
            padding: 0;
        }

        .fsCustomSlider .slick-dots li {
            display: inline-block;
        }

            .fsCustomSlider .slick-dots li + li {
                margin-left: 6px;
            }

        .fsCustomSlider .slick-dots button {
            border: 0;
            background-color: transparent;
            padding: 0;
            width: 12px;
            height: 12px;
            border: 2px solid #fff;
            border-radius: 100%;
            font-size: 0;
        }

        .fsCustomSlider .slick-dots .slick-active button {
            background-color: #fff;
        }

.fsCustomSlider .caption-wrapper {
    /* font-family: "brandon-grotesque", sans-serif;*/
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    background-color: #00998F;
    color: #fff;
}

    .fsCustomSlider .caption-wrapper .caption-inner {
        padding: 10px 10px 30px;
    }

@media (min-width: 800px) {
    .fsCustomSlider .caption-wrapper {
        padding: 30px 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 153, 143, 0.5);
    }
}

.fsCustomSlider .caption-wrapper a {
    color: rgba(255, 255, 255, 0.5);
}

    .fsCustomSlider .caption-wrapper a:hover {
        text-decoration: underline;
    }

.fsCustomSlider .caption-wrapper.is-empty {
    display: none;
}

@media (min-width: 800px) {
    .fsCustomSlider .caption-title {
        margin-top: 0;
        font-weight: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 34px;
        font-weight: 700;
        color: #003745;
        margin-bottom: 16px;
        color: #fff;
        margin-bottom: 0;
    }
}

@media (min-width: 800px) {
    .fsCustomSlider .caption-desc {
        display: block;
    }
}

.fsCustomSlider .caption-desc p:last-child {
    margin-bottom: 0;
}

.fsCustomSlider .caption-desc:empty {
    display: none;
}

.fsNews.fsThumbnailAlignLeft .fsThumbnail {
    float: none;
}

@media (min-width: 600px) {
    .fsNews.fsThumbnailAlignLeft .fsThumbnail {
        float: left;
    }
}

.fsNews.fsThumbnailAlignRight .fsThumbnail {
    float: none;
}

@media (min-width: 600px) {
    .fsNews.fsThumbnailAlignRight .fsThumbnail {
        float: right;
    }
}

/*! _dialog.scss - src/sass/modules/news/_dialog.scss - news dialog pop up */
.fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
    float: none;
}

@media (min-width: 600px) {
    .fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
        float: left;
    }
}

.fsPostElement.fsThumbnailAlignRight .fsThumbnail {
    float: none;
}

@media (min-width: 600px) {
    .fsPostElement.fsThumbnailAlignRight .fsThumbnail {
        float: right;
    }
}

.fsPostElement article:not(:last-child) {
    border-bottom: 1px solid #E8EBF2;
    padding-bottom: 20px;
}

.fsPostElement .fsCategory {
    background: #666;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    border-radius: 2px;
    margin-left: 10px;
    text-transform: uppercase;
}

.fsPostElement .fsTags {
    border: 1px solid #E8EBF2;
}

    .fsPostElement .fsTags .fsTag {
        background: transparent;
        font-size: 13px;
    }

    .fsPostElement .fsTags li:not(:first-child) {
        padding-left: 0px;
    }

    .fsPostElement .fsTags li:not(:last-child):after {
        content: ' ,';
        margin: 0;
    }

.fsPostElement .fsTitle {
    padding-bottom: 20px;
    font-size: 18px;
}

.fsPostElement .date-author {
    margin-bottom: 15px;
}

.fsPostElement .fsAuthor {
    font-size: 13px;
    text-transform: capitalize;
}

.fsPostElement .fsDateTime {
    font-size: 13px;
    text-transform: uppercase;
}

    .fsPostElement .fsDateTime:after {
        content: '|';
        margin: 0 7px 0 0;
    }

.fsPostElement .fsPostLink {
    color: #212529;
}

    .fsPostElement .fsPostLink:hover {
        text-decoration: underline;
    }

    .fsPostElement .fsPostLink.fsReadMoreLink {
        color: #003745;
        font-size: 16px;
    }

/*! _dialog.scss - src/sass/modules/post/_dialog.scss - post dialog pop up */
/*! _main.scss - src/sass/modules/search/ - main search import */
.fsSearch form.gsc-search-box-tools {
    margin-bottom: 0;
    overflow: hidden;
    font-size: inherit;
}

    .fsSearch form.gsc-search-box-tools table {
        border: 0;
    }

    .fsSearch form.gsc-search-box-tools > table.gsc-search-box {
        margin-bottom: 0;
        position: relative;
    }

    .fsSearch form.gsc-search-box-tools td.gsib_a {
        padding: 0;
    }

    .fsSearch form.gsc-search-box-tools td.gsib_b {
        display: none !important;
    }

    .fsSearch form.gsc-search-box-tools table.gsc-branding {
        display: none;
    }

/*! _custom.scss - src/sass/modules/search/ - custom site search, design based */
.search-element {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    float: left;
    z-index: 10;
    position: relative;
    padding-top: 9px;
}

@media (max-width: 1024px) {
    .search-element {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .search-element {
        display: none;
    }
}

.search-element header {
    display: block;
}

    .search-element header .fsElementTitle {
        display: none;
    }

    .search-element header .fsElementHeaderContent {
        margin: 0;
        line-height: 32px;
    }

        .search-element header .fsElementHeaderContent p {
            margin: 0;
        }

    .search-element header button.search-trigger {
        background: none;
        border: none;
        color: #003745;
        font-size: 14px;
        /*font-family: "brandon-grotesque", sans-serif;*/
        font-weight: 700;
        text-transform: uppercase;
        line-height: 32px;
        padding: 0 5px 0 31px;
        position: relative;
        cursor: pointer;
    }

        .search-element header button.search-trigger:before {
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
            color: #003745;
            left: 10px;
        }

        .search-element header button.search-trigger:hover {
            color: #027E75;
        }

            .search-element header button.search-trigger:hover:before {
                color: #027E75;
            }

.search-element .fsElementContent {
    background: #E8EBF2;
    width: 0;
    overflow: hidden;
    transition: width .3s;
    position: absolute;
    left: 0;
}

.search-is-active .search-element .fsElementContent {
    width: 300px;
    transition: width .3s;
}

.search-element form {
    border-right: 1px solid rgba(216, 216, 216, 0.2);
    padding: 0 15px 0 25px;
    position: relative;
    height: 32px;
    width: 100%;
}

    .search-element form label {
        position: absolute;
        left: -9999px;
    }

    .search-element form input {
        border: none;
        background: transparent;
        color: #003745;
        font-size: 16px;
        font-weight: 600;
        /* font-family: "brandon-grotesque", sans-serif;*/
        line-height: 19px;
        padding: 7px 10px 6px 10px;
        width: 100%;
    }

        .search-element form input ::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: rgba(0, 55, 69, 0.8);
        }

        .search-element form input ::-moz-placeholder {
            /* Firefox 19+ */
            color: rgba(0, 55, 69, 0.8);
        }

        .search-element form input :-ms-input-placeholder {
            /* IE 10+ */
            color: rgba(0, 55, 69, 0.8);
        }

        .search-element form input :-moz-placeholder {
            /* Firefox 18- */
            color: rgba(0, 55, 69, 0.8);
        }

    .search-element form button.search {
        background: none;
        border: none;
        color: transparent;
        position: absolute;
        height: 20px;
        width: 20px;
        top: 6px;
        left: 5px;
        overflow: hidden;
    }

        .search-element form button.search:before {
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
            color: rgba(0, 55, 69, 0.5);
            font-size: 16px;
            line-height: 16px;
        }

.search-element button.close-search {
    background: none;
    border: none;
    color: transparent;
    position: absolute;
    height: 20px;
    width: 16px;
    top: 6px;
    right: 8px;
    overflow: hidden;
}

    .search-element button.close-search:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: "";
        font-family: "IcoMoon";
        font-smoothing: antialiased;
        font-weight: normal;
        speak: none;
        color: #003745;
        font-size: 14px;
        line-height: 14px;
    }

.fsSearch.site-search form.gsc-search-box-tools {
    width: 300px;
}

    .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input {
        padding: 0;
    }

        .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box {
            border: 0;
            height: 100%;
        }

            .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box input.gsc-input {
                background: #00998F !important;
                background-image: none !important;
                width: 100%;
                height: 32px !important;
                color: #E8EBF2;
                padding-left: 10px !important;
                padding-right: 85px !important;
                margin: 0 !important;
                border-radius: 0 !important;
                font-size: 18px;
                /*font-family: "brandon-grotesque", sans-serif;*/
            }

    .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button {
        padding: 0;
        overflow: hidden;
        height: 32px;
        width: 75px;
        background: #003745;
        position: absolute;
        right: 0;
        top: 0;
        transition: .3s;
    }

        .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:after {
            content: "Search";
            color: #003745;
            /*  font-family: "brandon-grotesque", sans-serif;*/
            opacity: 1;
            display: block;
            position: absolute;
            text-align: center;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            line-height: 32px;
            font-size: 18px;
        }

        .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:hover {
            background: black;
            transition: .3s;
        }

        .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button input.gsc-search-button {
            border: 0;
            height: 100%;
            width: 100%;
            color: transparent;
            opacity: 0;
            padding: 0;
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
        }

/*! _search-box.scss - src/sass/modules/search/ - sitewide search box */
.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-input {
    padding: 0;
}

    .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box {
        border: 0;
        height: 100%;
        border: solid 1px #666;
    }

        .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box input.gsc-input {
            background: #fff !important;
            background-image: none !important;
            width: 100%;
            height: 32px !important;
            color: #666;
            padding-left: 10px !important;
            padding-right: 85px !important;
            margin: 0 !important;
            border-radius: 0 !important;
            font-size: 18px;
            /* font-family: "brandon-grotesque", sans-serif;*/
        }

.fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button {
    padding: 0;
    overflow: hidden;
    height: 100%;
    width: 75px;
    background: #E8EBF2;
    border: solid 1px #666;
    position: absolute;
    transition: .3s;
    right: 0;
    top: 0;
}

    .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:after {
        content: "Search";
        color: #003745;
        opacity: 1;
        display: block;
        position: absolute;
        text-align: center;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        font-size: 14px;
        /* font-family: "brandon-grotesque", sans-serif;*/
        font-weight: 700;
        text-transform: uppercase;
        line-height: 32px;
    }

    .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:hover {
        background: #00998F;
        transition: .3s;
    }

    .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button input.gsc-search-button {
        border: 0;
        height: 100%;
        width: 100%;
        color: transparent;
        opacity: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }

/*! _search-results.scss - src/sass/modules/search/ - sitewide search results */
.fsSearchResults form.gsc-search-box-tools, .fsSearchFieldWithResults form.gsc-search-box-tools {
    margin-bottom: 20px;
}

.fsSearchResults .gsc-control-cse, .fsSearchFieldWithResults .gsc-control-cse {
    padding: 0;
    /*font-family: "brandon-grotesque", sans-serif;*/
    font-size: 18px;
}

.fsSearchResults .gsc-results, .fsSearchFieldWithResults .gsc-results {
    width: 100%;
}

.fsSearchResults .gsc-webResult .gsc-result, .fsSearchFieldWithResults .gsc-webResult .gsc-result {
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc !important;
    padding: 0 0 20px;
}

    .fsSearchResults .gsc-webResult .gsc-result .gs-result .gs-snippet, .fsSearchFieldWithResults .gsc-webResult .gsc-result .gs-result .gs-snippet {
        color: #666;
    }

    .fsSearchResults .gsc-webResult .gsc-result .gs-webResult div.gs-visibleUrl, .fsSearchResults .gsc-webResult .gsc-result .gs-imageResult div.gs-visibleUrl, .fsSearchFieldWithResults .gsc-webResult .gsc-result .gs-webResult div.gs-visibleUrl, .fsSearchFieldWithResults .gsc-webResult .gsc-result .gs-imageResult div.gs-visibleUrl {
        color: #00998F;
    }

.fsSearchResults .gsc-table-result, .fsSearchResults .gsc-thumbnail-inside, .fsSearchResults .gsc-url-top, .fsSearchFieldWithResults .gsc-table-result, .fsSearchFieldWithResults .gsc-thumbnail-inside, .fsSearchFieldWithResults .gsc-url-top {
    padding: 0;
}

.fsSearchResults div.gs-title, .fsSearchFieldWithResults div.gs-title {
    margin-bottom: 10px;
}

.fsSearchResults a.gs-title, .fsSearchResults .gsc-results .gsc-cursor-box .gsc-cursor-page, .fsSearchFieldWithResults a.gs-title, .fsSearchFieldWithResults .gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: #027E75 !important;
    outline: transparent;
}

    .fsSearchResults a.gs-title:hover, .fsSearchResults .gsc-results .gsc-cursor-box .gsc-cursor-page:hover, .fsSearchFieldWithResults a.gs-title:hover, .fsSearchFieldWithResults .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
        color: #003745 !important;
    }

.fsSearchResults .gsc-control-cse .gs-spelling, .fsSearchResults .gsc-control-cse .gs-result .gs-title, .fsSearchResults .gsc-control-cse .gs-result .gs-title *, .fsSearchFieldWithResults .gsc-control-cse .gs-spelling, .fsSearchFieldWithResults .gsc-control-cse .gs-result .gs-title, .fsSearchFieldWithResults .gsc-control-cse .gs-result .gs-title * {
    font-size: 18px;
}

.fsSearchResults .gsc-results .gsc-cursor-box, .fsSearchFieldWithResults .gsc-results .gsc-cursor-box {
    margin: 10px 0;
}

/*! elements - social main */
/*! elements - social facebook */
.fsFacebook {
    margin-bottom: 20px;
}

.fsFacebookList, .fsFacebookList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .fsFacebookList li {
        margin: 0;
        padding: 0;
    }

    .fsFacebookList .fsFacebookListItem {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: solid 1px #dddedf;
    }

.fsFacebookExtras {
    margin-top: 10px;
}

    .fsFacebookExtras .fsFacebookThumb {
        margin-bottom: 10px;
        display: block;
    }

    .fsFacebookExtras .fsFacebookTitle[href*="https://www.facebook.com/finalsite/photos"] {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }

.fsFacebookFollow {
    margin-top: 20px;
}

/*! elements - social twitter */
.fsTwitter {
    margin-bottom: 20px;
}

/*! elements - social vimeo */
.fsVimeo {
    margin-bottom: 20px;
}

    .fsVimeo iframe.fsSocialVideoFrame {
        margin-bottom: 20px;
    }

.fsVimeoList, .fsVimeoList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .fsVimeoList li {
        margin: 0;
        padding: 0;
    }

    .fsVimeoList .fsVimeoListItem {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: solid 1px #dddedf;
        transition: opacity .3s;
        opacity: .6;
        cursor: pointer;
    }

        .fsVimeoList .fsVimeoListItem:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
        }

        .fsVimeoList .fsVimeoListItem:hover {
            border: none;
            border-bottom: solid 1px #dddedf;
            padding: 0;
            padding-bottom: 20px;
            opacity: 1;
            transition: opacity .3s;
        }

            .fsVimeoList .fsVimeoListItem:hover:last-child {
                border-bottom: none;
                padding-bottom: 0;
                margin-bottom: 0;
            }

.fsVimeoThumb {
    margin-bottom: 10px;
    margin-right: 20px;
}

@media (min-width: 600px) {
    .fsVimeoThumb {
        float: left;
        margin-bottom: 0;
    }
}

.vimeo_view_link a {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: #666;
    color: #fff;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
}

    .vimeo_view_link a:hover, .vimeo_view_link a:focus,
    .fsStateSelected .vimeo_view_link a {
        background: #a6a6a6;
        color: #fff;
        text-decoration: none !important;
    }

    .vimeo_view_link a em {
        display: block;
        font-style: normal;
    }

/*! elements - social youtube */
.fsYoutube {
    margin-bottom: 20px;
}

    .fsYoutube .fsSocialVideoFrame {
        margin-bottom: 20px;
    }

.fsYoutubeList, .fsYoutubeList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .fsYoutubeList li {
        margin: 0;
        padding: 0;
    }

    .fsYoutubeList .fsYoutubeListItem {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: solid 1px #dddedf;
        transition: opacity .3s;
        opacity: .6;
    }

        .fsYoutubeList .fsYoutubeListItem:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
        }

        .fsYoutubeList .fsYoutubeListItem:hover {
            border: none;
            border-bottom: solid 1px #dddedf;
            padding: 0;
            padding-bottom: 20px;
            opacity: 1;
            transition: opacity .3s;
        }

            .fsYoutubeList .fsYoutubeListItem:hover:last-child {
                border-bottom: none;
                padding-bottom: 0;
                margin-bottom: 0;
            }

.fsYoutubeThumb {
    margin-bottom: 10px;
    margin-right: 20px;
    float: none;
}

@media (min-width: 600px) {
    .fsYoutubeThumb {
        float: left;
        margin-bottom: 0;
    }
}

.Youtube_view_link a {
    display: inline-block;
    border: 0;
    margin: 0 10px 18px 0;
    padding: 10px 20px;
    background: #666;
    color: #fff;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
}

    .Youtube_view_link a:hover, .Youtube_view_link a:focus,
    .fsStateSelected .Youtube_view_link a {
        background: #a6a6a6;
        color: #fff;
        text-decoration: none !important;
    }

    .Youtube_view_link a em {
        display: block;
        font-style: normal;
    }

/*! elements - tabs */
.fsTabs {
    padding: 0;
    background: none;
    border: 0;
    margin-bottom: 20px;
}

    .fsTabs .fsTabsNav {
        margin: 0;
        padding: 0;
        display: none;
    }

@media (min-width: 600px) {
    .fsTabs .fsTabsNav {
        display: block;
    }
}

.fsTabs .fsTabsNav li {
    margin-right: 10px;
}

    .fsTabs .fsTabsNav li a {
        display: block;
        margin-top: 0;
        font-weight: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
        margin-bottom: 2px;
        display: block;
        font-size: 18px;
        padding: 13.33333px;
        color: #666;
        transition: .3s;
        background: transparent;
        color: #333;
        border-bottom: 2px solid transparent;
    }

        .fsTabs .fsTabsNav li a:hover {
            background: transparent;
            color: #333;
            border-bottom: 2px solid #00998F;
        }

    .fsTabs .fsTabsNav li.fsStateSelected a {
        background: #003745;
        color: #fff;
        border-bottom: transparent;
    }

.fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > .fsElementActionButtonContainer,
.fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) {
    display: block;
}

@media (min-width: 600px) {
    .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > .fsElementActionButtonContainer,
    .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) {
        display: none;
    }
}

/*! -main.scss - /sass/modules/tools  */
/*! _all.scss - src/sass/modules/tools - News, Calendar, & Posts Tools Elements */
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton, .fsElementToolsSearchButton {
    margin: 0 5px 0 0;
    width: auto;
}

.fsToolsList.fsStyleSelectList > li {
    padding: 0;
    margin: 0;
}

.fsToolsList.fsStyleSelectList .fsStyleDefaultButton {
    margin-bottom: 5px;
    padding: 7px 12px;
    font-size: .875em;
    line-height: 1.2;
}

/*! _filter.scss - src/sass/modules/tools/posts - News & Calendar Tools Elements */
.fsBannerLeft .fsElementToolsSearch,
.fsBannerRight .fsElementToolsSearch,
.fsStyleOneThird .fsElementToolsSearch,
.fsThreeColumnLayout > .fsDiv .fsElementToolsSearch,
.fsFourColumnLayout > .fsDiv .fsElementToolsSearch {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .fsBannerLeft .fsElementToolsSearch > div,
    .fsBannerRight .fsElementToolsSearch > div,
    .fsStyleOneThird .fsElementToolsSearch > div,
    .fsThreeColumnLayout > .fsDiv .fsElementToolsSearch > div,
    .fsFourColumnLayout > .fsDiv .fsElementToolsSearch > div {
        width: 100%;
    }

    .fsBannerLeft .fsElementToolsSearch .fsFieldContainer,
    .fsBannerRight .fsElementToolsSearch .fsFieldContainer,
    .fsStyleOneThird .fsElementToolsSearch .fsFieldContainer,
    .fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer,
    .fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .fsBannerLeft .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
        .fsBannerRight .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
        .fsStyleOneThird .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
        .fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
        .fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField {
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

    .fsBannerLeft .fsElementToolsSearch .fsElementToolsSearchButton,
    .fsBannerRight .fsElementToolsSearch .fsElementToolsSearchButton,
    .fsStyleOneThird .fsElementToolsSearch .fsElementToolsSearchButton,
    .fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsElementToolsSearchButton,
    .fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsElementToolsSearchButton {
        width: 100%;
    }

.fsElementToolsSearch .fsSeparator {
    margin: 0 5px;
    display: inline-block;
    text-align: center;
}

.fsElementToolsKeyword + .fsElementToolsDateRange {
    margin-top: 10px;
}

.fsElementToolsSearchButton {
    margin: 10px 0 0;
}

/*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */
.fsLegend .fsElementControls {
    margin-bottom: 5px;
}

    .fsLegend .fsElementControls label input:checked + span {
        background: #333;
        color: white;
    }

    .fsLegend .fsElementControls label input + span {
        color: #333;
        background: #e6e6e6;
    }

/*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */
.fsMiniGrid .fsCalendarEventGrid {
    max-width: 100%;
    width: 280px;
}

    .fsMiniGrid .fsCalendarEventGrid .fsCalendarWeekdays {
        box-shadow: inset 0 -1px 0 0 #E8EBF2;
    }

    .fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox {
        box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff;
        background: #d8dde9;
        color: #666;
        font-size: .875em;
        line-height: 1;
        padding: 10px 5px;
    }

        .fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox:last-child {
            box-shadow: inset 0 -1px 0 0 #fff;
        }

        .fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox.fsStateHasEvents {
            background: #b7c1d6;
            color: #666;
        }

        .fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox.fsCalendarOutOfRange {
            background: #E8EBF2;
            color: #a7b2cd;
        }

        .fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox.fsCalendarToday {
            background: #009dc5;
            color: #fff;
        }

.fsCalendarMonthYearPicker > .fsStyleUpdateButton {
    margin-bottom: 0;
    display: block;
    color: #fff;
    background-color: #333;
}

/*! _category.scss - src/sass/modules/tools/posts - Posts Tools Elements */
/*! _tag.scss - src/sass/modules/tools/posts - Posts Tools Elements */
/*! elements - common v0.0.1 */
/* Contains generic styles that apply to every element */
/*.module {
    padding: 20px;
    color: #fff;
}

    .module h1, .module h2, .module h3, .module h4, .module h5, .module h6 {
        color: inherit;
    }

    .module a {
        color: inherit;
    }

.module {
    background: #003745;
}*/

/*! pages - home v0.0.1 */
/*.home #fsPageBodyWrapper {
    padding: 0;
}

.home #fsPageBody {
    max-width: 100%;
}

.home #fsPageContent > .fsPageLayout.fsLayout > .fsDiv {
    margin-bottom: 0;
}

.home .top-header {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

    .home .top-header .school-title {
        display: none;
    }

.home .search-element header button.search-trigger,
.home .search-element header button.search-trigger:before,
.home .nav-school .fsNavLevel1 > li > a,
.home .nav-school .fsNavLevel1 > li.fsNavParentPage > a:before,
.home .top-portals .portals .fsNavLevel2 > li a,
.home .district-home-link a,
.home .district-home-link a:before {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}*/

 /*   .home .top-portals .portals .fsNavLevel2 > li a:hover,
    .home .search-element header button.search-trigger:hover,
    .home .district-home-link a:hover {
        text-decoration: underline;
    }*/

/*.home .nav-main:not(.sticky-nav) .fsNavLevel1 > li > .fsNavPageInfo {
    bottom: 100%;
    top: auto;
}

.home .nav-main:not(.sticky-nav) .fsNavLevel1 > li > a:after {
    bottom: auto;
    top: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 10px solid #C1E2DC;
    border-bottom: 0;
}

.home .drawer-trigger:before {
    color: #fff;
}

.home-top-resource {
    margin-bottom: 0;
    max-height: calc(100vh - 50px);
    overflow: hidden;
    position: relative;
    z-index: 1;
}*/

    .home-top-resource:before {
        content: '';
        background: url("../../../../../resources.finalsite.net/images/v1522383462/darek12ncus/r94ertdnftfhrzdnaoks/gradient.png");
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 960px;
        background-size: contain;
        background-repeat: repeat-x;
    }

    .home-top-resource > header {
        display: none;
    }

    .home-top-resource > footer {
        position: absolute;
        top: 20px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .home-top-resource > footer .fsElementFooterContent {
            margin: 0;
        }

        .home-top-resource > footer img {
            width: 255px;
        }

@media (max-width: 600px) {
    .home-top-resource > footer img {
        width: 150px;
    }
}

.home-top-resource img {
    width: 100%;
}

.home-top-resource video {
    width: 100%;
    height: 100%;
    display: block;
}

.home-posts {
    position: relative;
    margin: 0 auto;
    max-width: 65.55556em;
    max-width: 73.75rem;
    padding-top: 35px;
}

@media (min-width: 801px) {
    .home-posts .fsPager {
        display: none !important;
    }
}

.home-posts > header,
.home-posts > .fsElementContent {
    padding: 0 20px;
}

.home-posts > header {
    text-align: center;
    margin-bottom: 50px;
}

    .home-posts > header h2.fsElementTitle {
        font-size: 36px;
        line-height: 52px;
        font-weight: 700;
        /*font-family: "brandon-grotesque", sans-serif;*/
        text-transform: uppercase;
        color: #003745;
        padding-bottom: 5px;
        position: relative;
    }

        .home-posts > header h2.fsElementTitle:after {
            content: '';
            width: 52px;
            height: 2px;
            background: #00998F;
            position: absolute;
            bottom: 0;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

.home-posts article {
    border: 0 !important;
    padding: 10px;
}

    .home-posts article .postInner {
        height: 300px;
        position: relative;
        display: block;
        background-size: cover;
        background-position: top center;
        overflow: hidden;
    }

        .home-posts article .postInner:hover .hoverInfo {
            top: 0 !important;
        }

    .home-posts article .fsThumbnail.fsPostLink {
        display: none !important;
    }

    .home-posts article .hoverInfo {
        padding: 25px 20px;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 1;
        transition: all 0.3s;
    }

    .home-posts article .fsTitle a {
        font-size: 18px;
        line-height: 26px;
        color: #fff;
        font-weight: 700;
        /* font-family: "brandon-grotesque", sans-serif;*/
    }

    .home-posts article .fsSummary {
        font-size: 16px;
        line-height: 23px;
        color: #fff;
    }

    .home-posts article .fsPostLink.fsReadMoreLink {
        font-size: 14px;
        line-height: 20px;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
    }

.divider {
    position: relative;
    margin: 0 auto;
    max-width: 65.55556em;
    max-width: 73.75rem;
    max-width: 1140px;
    padding: 0 10px;
    margin-bottom: 25px;
}

    .divider .line {
        border-top: 1px solid #D8D8D8;
        font-size: 0;
    }

.home-cal {
    position: relative;
    margin: 0 auto;
    max-width: 65.55556em;
    max-width: 73.75rem;
}

@media (min-width: 1001px) {
    .home-cal .fsPager {
        display: none !important;
    }
}

.home-cal > header,
.home-cal > .fsElementContent {
    padding: 0 20px;
}

.home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0;
}

    .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article {
        padding: 0 10px;
        text-align: center;
        overflow: hidden;
    }

        .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article.hasNotes:before {
            content: '\f067';
            font-family: "IcoMoon";
            position: absolute;
            background: #003745;
            top: 0;
            right: 10px;
            width: 30px;
            height: 30px;
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            padding-top: 4px;
        }

        .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsDate {
            position: relative;
            border: 0;
            color: #000;
            width: auto;
            height: auto;
            display: block;
        }

            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsDate span.fsDayName,
            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsDate span.fsSeparator,
            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsDate span.fsMonth {
                display: inline-block;
                text-transform: uppercase;
                font-size: 20px;
                line-height: 29px;
                color: #003745;
                font-weight: 400;
            }

            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsDate span.fsSeparator {
                padding: 0 5px 0 10px;
            }

            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsDate span.fsDay {
                display: block;
                font-size: 48px;
                line-height: 58px;
                color: #003745;
                font-weight: 700;
                position: relative;
                padding-bottom: 5px;
                margin-bottom: 20px;
            }

                .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsDate span.fsDay:after {
                    content: '';
                    width: 50px;
                    height: 2px;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    background: #00998F;
                }

        .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsTitle {
            font-size: 20px;
            line-height: 29px;
            font-weight: 700;
            color: #003745;
            margin-bottom: 10px;
        }

            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsTitle a.fsCalendarEventLink {
                font-weight: 700;
                color: #003745;
            }

        .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsEventDetails {
            font-size: 16px;
            line-height: 23px;
            color: #003745;
            font-weight: 400;
            /*  font-family: "brandon-grotesque", sans-serif;*/
        }

            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsEventDetails .fsLocation {
                text-transform: none;
            }

            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsEventDetails .fsMeridian {
                text-transform: lowercase;
            }

        .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .calInner {
            background: rgba(193, 226, 220, 0.2);
            border: 1px solid #C1E2DC;
            height: 300px;
            display: block;
            padding: 20px;
            position: relative;
        }

        .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .calCenter {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsNotes {
            position: absolute;
            padding: 20px;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #003745;
            color: #fff;
            opacity: 0;
            transition: all 0.3s;
            z-index: 1;
        }

            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsNotes .fsTitle {
                color: #fff;
            }

            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsNotes a.fsCalendarEventLink {
                color: #fff;
            }

                .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsNotes a.fsCalendarEventLink:hover {
                    text-decoration: underline;
                }

            .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article .fsNotes .notesInner {
                position: relative;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .home-cal.fsCalendar.fsSlideshowHorizontal:not(.fsElementDialog) .fsElementSlideshow article:hover .fsNotes {
            opacity: 1;
        }

.news-cal-buttons {
    text-align: center;
    padding: 25px 20px;
}

    .news-cal-buttons a.fs_style_26 {
        font-weight: 700;
    }

.stay-connected {
    padding: 60px 15px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

    .stay-connected:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 55, 69, 0.7);
        z-index: 1;
    }

    .stay-connected > header {
        text-align: center;
        position: relative;
        padding-bottom: 5px;
        margin-bottom: 50px;
        position: relative;
        z-index: 2;
    }

        .stay-connected > header h2.fsElementTitle {
            font-size: 20px;
            line-height: 29px;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase;
            margin-bottom: 0;
        }

        .stay-connected > header:after {
            content: '';
            width: 52px;
            height: 2px;
            background: #C1E2DC;
            position: absolute;
            bottom: 0px;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .stay-connected .slick-arrow {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: rgba(33, 37, 41, 0.6);
        color: #fff;
        border: 0;
        padding: 0;
        display: block;
        width: 40px;
        height: 85px;
        cursor: pointer;
        font-size: 0;
        z-index: 2;
        transition: all 0.2s;
    }

        .stay-connected .slick-arrow:before {
            content: '';
            font-size: 40px;
            font-weight: 700;
            color: #fff;
            font-family: "IcoMoon";
            position: relative;
            top: 8px;
        }

        .stay-connected .slick-arrow.slick-prev {
            left: 9px;
        }

            .stay-connected .slick-arrow.slick-prev:before {
                content: '\f104';
            }

        .stay-connected .slick-arrow.slick-next {
            right: 9px;
        }

            .stay-connected .slick-arrow.slick-next:before {
                content: '\f105';
            }

        .stay-connected .slick-arrow:hover {
            background: rgba(0, 0, 0, 0.9);
        }

    .stay-connected.content {
        padding: 100px 15px;
    }

    .stay-connected .featured-content {
        position: relative;
        margin: 0 auto;
        max-width: 65.55556em;
        max-width: 73.75rem;
        overflow: hidden;
        background: #fff;
        min-height: 375px;
    }

@media (max-width: 899px) {
    .stay-connected .featured-content {
        max-width: 640px;
        padding: 20px;
        min-height: 1px;
    }
}

.stay-connected .featured-content > header {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 100%;
    background-size: cover;
    background-position: top center;
}

@media (max-width: 899px) {
    .stay-connected .featured-content > header {
        position: relative;
        width: 100%;
        height: 350px;
    }
}

@media (max-width: 600px) {
    .stay-connected .featured-content > header {
        height: 300px;
    }
}

.stay-connected .featured-content > header .fsElementHeaderContent {
    margin: 0;
}

    .stay-connected .featured-content > header .fsElementHeaderContent figure.fsImage {
        display: none;
    }

.stay-connected .featured-content > .fsElementContent {
    padding: 25px 50px 25px 460px;
    font-size: 18px;
    line-height: 26px;
    color: #003745;
}

@media (max-width: 899px) {
    .stay-connected .featured-content > .fsElementContent {
        padding: 25px 5px 25px 5px;
    }
}

.stay-connected .featured-content > .fsElementContent h3 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 34px;
    position: relative;
    font-weight: 700;
    color: #003745;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

    .stay-connected .featured-content > .fsElementContent h3:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 2px;
        background: #E3D26F;
    }

.stay-connected .featured-content > .fsElementContent a {
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    text-transform: uppercase;
}

.stay-connected > .fsElementContent {
    position: relative;
    z-index: 2;
}

    .stay-connected > .fsElementContent section.fsFeeds {
        padding: 0 10px;
    }

        .stay-connected > .fsElementContent section.fsFeeds article {
            height: 345px;
            background-size: cover;
            background-position: top center;
            overflow: hidden;
        }

    .stay-connected > .fsElementContent .twitter-basic .feed-item.j-twitter {
        height: 345px !important;
        overflow: hidden;
    }

    .stay-connected > .fsElementContent .twitter-basic .j-image,
    .stay-connected > .fsElementContent .twitter-basic .j-paginate.juicer-button {
        display: none !important;
    }

    .stay-connected > .fsElementContent .twitter-basic .j-text {
        padding: 10px !important;
    }

    .stay-connected > .fsElementContent .twitter-basic .j-message {
        font-size: 16px !important;
        line-height: 24px !important;
        font-weight: normal !important;
        /* font-family: "brandon-grotesque", sans-serif;*/
    }

        .stay-connected > .fsElementContent .twitter-basic .j-message br {
            display: none;
        }

    .stay-connected > .fsElementContent .custom-facebook > .fsElementContent {
        background-image: url("https://resources.finalsite.net/images/v1522708270/darek12ncus/ci4yfzwrhtdumyrvar9p/logo_verticle.svg");
        background-color: #027E75;
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook {
        position: relative;
    }

        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook:before {
            content: '\f09a';
            font-family: "IcoMoon";
            position: absolute;
            bottom: 20px;
            right: 20px;
            z-index: 2;
            color: #fff;
            transition: all 0.2s;
        }

        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 1;
            opacity: 0;
            transition: all 0.2s;
        }

        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook:hover:before {
            color: #666;
        }

        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook:hover:after,
        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook:hover .feed-content,
        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook:hover .feed-actions {
            opacity: 1;
        }

        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook .feed-content {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            padding: 0 25px;
            z-index: 2;
            opacity: 0;
            transition: all 0.2s;
            max-height: 180px;
            overflow: hidden;
        }

        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook a:hover,
        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook a:visited {
            text-decoration: none !important;
        }

        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook .feed-desc {
            font-size: 18px;
            line-height: 26px;
            font-weight: 400;
            /* font-family: "brandon-grotesque", sans-serif;*/
            color: #666;
        }

        .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook .feed-actions {
            position: absolute;
            bottom: 20px;
            left: 20px;
            z-index: 2;
            opacity: 0;
            transition: all 0.2s;
        }

            .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook .feed-actions, .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook .feed-actions ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook .feed-actions li {
                    margin: 0;
                    padding: 0;
                }

                .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook .feed-actions li {
                    display: inline-block;
                    padding-right: 15px;
                }

                    .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook .feed-actions li.comment-count:before {
                        content: '\e906';
                        font-family: "IcoMoon";
                        padding-right: 4px;
                    }

                    .stay-connected > .fsElementContent .custom-facebook article.fsFeed-post.Facebook .feed-actions li.like-count:before {
                        content: '\e905';
                        font-family: "IcoMoon";
                        padding-right: 4px;
                    }

    .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram {
        position: relative;
    }

        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram:before {
            content: '\f16d';
            font-family: "IcoMoon";
            position: absolute;
            bottom: 20px;
            right: 20px;
            z-index: 2;
            color: #fff;
            transition: all 0.2s;
        }

        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 1;
            opacity: 0;
            transition: all 0.2s;
        }

        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram:hover:before {
            color: #666;
        }

        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram:hover:after,
        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram:hover .feed-content,
        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram:hover .feed-actions {
            opacity: 1;
        }

        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram .feed-content {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            padding: 0 25px;
            z-index: 2;
            opacity: 0;
            transition: all 0.2s;
        }

        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram a:hover,
        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram a:visited {
            text-decoration: none !important;
        }

        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram .feed-desc {
            font-size: 18px;
            line-height: 26px;
            font-weight: 400;
            /* font-family: "brandon-grotesque", sans-serif;*/
            color: #666;
        }

        .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram .feed-actions {
            position: absolute;
            bottom: 20px;
            left: 20px;
            z-index: 2;
            opacity: 0;
            transition: all 0.2s;
        }

            .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram .feed-actions, .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram .feed-actions ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram .feed-actions li {
                    margin: 0;
                    padding: 0;
                }

                .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram .feed-actions li {
                    display: inline-block;
                    padding-right: 15px;
                }

                    .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram .feed-actions li.comment-count:before {
                        content: '\f075';
                        font-family: "IcoMoon";
                        padding-right: 4px;
                    }

                    .stay-connected > .fsElementContent .custom-instagram article.fsFeed-post.Instagram .feed-actions li.like-count:before {
                        content: '\f004';
                        font-family: "IcoMoon";
                        padding-right: 4px;
                    }

.home:not(.fsComposeMode) .stay-connected > .fsElementContent section.fsFeeds > header {
    display: none !important;
}

.did-you-know {
    padding: 3rem 0;
}

    .did-you-know > header {
        padding: 0 20px;
        text-align: center;
        margin-bottom: 70px;
    }

        .did-you-know > header h2.fsElementTitle {
            font-size: 36px;
            line-height: 52px;
            font-weight: 700;
            /*    font-family: "brandon-grotesque", sans-serif;*/
            text-transform: uppercase;
            color: #003745;
            padding-bottom: 5px;
            position: relative;
        }

            .did-you-know > header h2.fsElementTitle:after {
                content: '';
                width: 52px;
                height: 2px;
                background: #00998F;
                position: absolute;
                bottom: 0;
                left: 50%;
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
            }

.home:not(.fsComposeMode) .did-you-know > .fsElementContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box {
        margin-bottom: 0;
        -ms-flex: 1 0 25%;
        flex: 1 0 25%;
        padding: 10px;
        text-align: center;
        height: 270px;
        position: relative;
        background-size: cover;
        background-position: top center;
    }

@media (max-width: 1024px) {
    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box {
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    }
}

@media (max-width: 600px) {
    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}

.home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box > .fsElementContent {
    position: relative;
    /*top: 50%;*/
    top: 48%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 275px;
    margin: 0 auto;
    z-index: 2;
}

.home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.image:before {
    content: '';
    background: rgba(52, 59, 65, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.2s;
}

.home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.image > .fsElementContent {
    color: #FFFFFF;
    max-width: 300px;
    opacity: 0;
    transition: all 0.2s;
}

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.image > .fsElementContent h4 {
        color: #FFFFFF;
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;
    }

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.image > .fsElementContent p {
        margin-bottom: 10px;
    }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.image > .fsElementContent p:last-child {
            margin-bottom: 0;
        }

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.image > .fsElementContent a {
        color: #EAAC8B;
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }

.home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.image:hover:before,
.home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.image:hover > .fsElementContent {
    opacity: 1;
}

.home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color {
    background: #6e1d26e8;
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    transition: all 0.2s;
}

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:hover {
        background: #EAAC8B;
        color: #fff;
    }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:hover h3, .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:hover a {
            color: #fff;
        }

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(3) {
        background: #00998F;
        color: #fff;
    }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(3):hover {
            background: #003745;
        }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(3) h3 {
            color: #fff;
        }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(3) a {
            color: #C1E2DC;
        }

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(4) {
        background: #355070;
        color: #fff;
    }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(4):hover {
            background: #EAAC8B;
        }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(4) h3 {
            color: #fff;
        }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(4) a {
            color: #fff;
        }

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(5) {
        background: #355070;
        color: #fff;
    }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(5):hover {
            background: #eaac8b;
        }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(5) h3 {
            color: #fff;
        }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(5) a {
            color: #fff;
        }

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(6) {
        background: #00998F;
        color: #fff;
    }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(6) h3 {
            color: #fff;
        }

        .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color:nth-of-type(6) a {
            color: #C1E2DC;
        }

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color h3 {
        /* font-size: 64px;
        line-height: 90px;*/
        font-size: 28px;
        line-height: 1.3;
        font-weight: 700;
        color: #fff;
        transition: all 0.2s;
        margin-bottom: 12px;
        margin-top: 0;
    }

    .home:not(.fsComposeMode) .did-you-know > .fsElementContent .fact-box.color a {
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        line-height: 40px;
        text-transform: uppercase;
        transition: all 0.2s;
    }

.portal-page .fsTwoColumnWideRightLayout > .fsDiv > .fsElement + .fsElement {
    margin-top: 2em;
}


.style-guide-page .fsPageTitle {
    margin-bottom: 1.66667em;
    padding: 1.11111em;
    background: rgba(0, 0, 0, 0.1);
}

.colors ol {
    zoom: 1;
    margin-bottom: 2.22222em;
    padding: 0;
    list-style: none;
}

    .colors ol:after {
        display: table;
        clear: both;
        content: '';
    }

    .colors ol li {
        position: relative;
        float: left;
        margin-bottom: 2em;
        height: 4em;
        width: 57.14286%;
    }

@media (min-width: 600px) {
    .colors ol li {
        width: 28.57143%;
    }
}

@media (min-width: 1180px) {
    .colors ol li {
        margin-bottom: 0;
        width: 14.28571%;
    }
}

.colors ol li:after {
    position: absolute;
    top: 100%;
    left: 0;
}

.colors ol li:nth-of-type(1) {
    background: #666;
    color: #666;
}

    .colors ol li:nth-of-type(1):after {
        content: "#666";
    }

.colors ol li:nth-of-type(2) {
    background: #003745;
    color: #003745;
}

    .colors ol li:nth-of-type(2):after {
        content: "#003745";
    }

.colors ol li:nth-of-type(3) {
    background: #027E75;
    color: #027E75;
}

    .colors ol li:nth-of-type(3):after {
        content: "#027E75";
    }

.colors ol li:nth-of-type(4) {
    background: #00998F;
    color: #00998F;
}

    .colors ol li:nth-of-type(4):after {
        content: "#00998F";
    }

.colors ol li:nth-of-type(5) {
    background: #E8EBF2;
    color: #E8EBF2;
}

    .colors ol li:nth-of-type(5):after {
        content: "#E8EBF2";
    }

.colors ol li:nth-of-type(6) {
    background: #333;
    color: #333;
}

    .colors ol li:nth-of-type(6):after {
        content: "#333";
    }

.colors ol li:nth-of-type(7) {
    background: #F7F8FB;
    color: #F7F8FB;
}

    .colors ol li:nth-of-type(7):after {
        content: "#F7F8FB";
    }

.fonts ol {
    zoom: 1;
    margin-bottom: 2.22222em;
    padding: 0;
    list-style: none;
}

    .fonts ol:after {
        display: table;
        clear: both;
        content: '';
    }

    .fonts ol li {
        margin-bottom: 0.27778em;
        padding: 0.27778em;
    }

        .fonts ol li:nth-of-type(1) {
            /*font-family: "Droid Serif", Georgia, serif;*/
        }

            .fonts ol li:nth-of-type(1):after {
                content: "Droid Serif, Georgia, serif";
            }

        .fonts ol li:nth-of-type(2):after {
            content: "";
        }

        .fonts ol li:nth-of-type(3) {
            /* font-family: "brandon-grotesque", sans-serif;*/
        }

            .fonts ol li:nth-of-type(3):after {
                content: "brandon-grotesque, sans-serif";
            }

        .fonts ol li:nth-of-type(2):after {
            content: "";
        }

        .fonts ol li:nth-of-type(5) {
            font-family: "IcoMoon";
        }

            .fonts ol li:nth-of-type(5):after {
                content: "IcoMoon";
            }

        .fonts ol li:nth-of-type(6) {
            font-family: "FontAwesome";
        }

            .fonts ol li:nth-of-type(6):after {
                content: "FontAwesome";
            }

        .fonts ol li:nth-of-type(7) {
            /*font-family: Menlo, Monaco, Consolas, "Courier New", monospace;*/
        }

            .fonts ol li:nth-of-type(7):after {
                content: "Menlo, Monaco, Consolas, Courier New, monospace";
            }

.headers h1:after {
    content: " size: 36px / line: 38px";
}

.headers h2:after {
    content: " size: 32px / line: 34px";
}

.headers h3:after {
    content: " size: 24px / line: 30px";
}

.headers h4:after {
    content: " size: 22px / line: 26px";
}

.headers h5:after {
    content: " size: 18px / line: 22px";
}

.headers h6:after {
    content: " size: 16px / line: 18px";
}

.post-update.fsPostElement {
    position: relative;
    margin: 0 auto;
    max-width: 65.55556em;
    max-width: 73.75rem;
    padding-top: 57px;
}

@media (min-width: 801px) {
    .post-update.fsPostElement .fsPager {
        display: none !important;
    }
}

.post-update.fsPostElement > header,
.post-update.fsPostElement > .fsElementContent {
    padding: 0 20px;
}

.post-update.fsPostElement > .fsElementContent {
    padding: 0;
}

.post-update.fsPostElement > header {
    text-align: center;
    margin-bottom: 50px;
}

    .post-update.fsPostElement > header h2.fsElementTitle {
        font-size: 36px;
        line-height: 52px;
        font-weight: 700;
        /* font-family: "brandon-grotesque", sans-serif;*/
        text-transform: uppercase;
        color: #003745;
        padding-bottom: 5px;
        position: relative;
    }

        .post-update.fsPostElement > header h2.fsElementTitle:after {
            content: '';
            width: 52px;
            height: 2px;
            background: #00998F;
            position: absolute;
            bottom: 0;
            left: 50%;
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

.post-update.fsPostElement .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
}

    .post-update.fsPostElement .slick-track:before {
        display: none;
    }

    .post-update.fsPostElement .slick-track:after {
        display: none;
    }

.post-update.fsPostElement article {
    padding: 0;
    height: 300px;
    max-width: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 10px;
}

@media (min-width: 700px) {
    .post-update.fsPostElement article {
        max-width: 360px;
        height: 360px;
    }
}

.post-update.fsPostElement article:hover > .fsTitle {
    height: 50% !important;
}

    .post-update.fsPostElement article:hover > .fsTitle .news-toggle,
    .post-update.fsPostElement article:hover > .fsTitle a.fsPostLink {
        -ms-transform: translate(0px, -10px);
        transform: translate(0px, -10px);
    }

.post-update.fsPostElement article.active-post .fsTitle {
    opacity: 0;
}

.post-update.fsPostElement article.active-post .post-detail {
    opacity: 1;
    pointer-events: all;
}

    .post-update.fsPostElement article.active-post .post-detail .fsTitle {
        opacity: 1;
    }

    .post-update.fsPostElement article.active-post .post-detail a.fsPostLink {
        pointer-events: all;
    }

.post-update.fsPostElement article .post-detail {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    background: rgba(0, 0, 0, 0.75);
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

    .post-update.fsPostElement article .post-detail .fsTitle {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        background: none;
        height: auto;
        padding: 35px 25px 20px;
    }

        .post-update.fsPostElement article .post-detail .fsTitle:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
            font-size: 40px;
            line-height: 1;
            margin-bottom: 40px;
            color: #fff;
        }

        .post-update.fsPostElement article .post-detail .fsTitle a.fsPostLink:before {
            content: '';
            width: 52px;
            height: 2px;
            background: #00998F;
            position: absolute;
            left: 50%;
            -ms-transform: translateY(-20px) translateX(-50%);
            transform: translateY(-20px) translateX(-50%);
        }

        .post-update.fsPostElement article .post-detail .fsTitle a.fsPostLink:after {
            display: none;
        }

    .post-update.fsPostElement article .post-detail .fsReadMoreLink,
    .post-update.fsPostElement article .post-detail .fsSummary {
        display: block;
    }

    .post-update.fsPostElement article .post-detail .fsSummary {
        color: #fff;
        text-align: center;
        padding: 0 25px;
        font-size: 16px;
        line-height: 23px;
    }

        .post-update.fsPostElement article .post-detail .fsSummary p {
            margin-bottom: 15px;
        }

    .post-update.fsPostElement article .post-detail .fsReadMoreLink {
        display: inline-block;
        border: 0;
        margin: 0 10px 18px 0;
        padding: 10px 20px;
        background: transparent;
        color: #C1E2DC;
        border-radius: 0;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        border-radius: 2px;
        margin: 0;
        border: 1px solid #C1E2DC;
    }

        .post-update.fsPostElement article .post-detail .fsReadMoreLink:hover, .post-update.fsPostElement article .post-detail .fsReadMoreLink:focus,
        .fsStateSelected .post-update.fsPostElement article .post-detail .fsReadMoreLink {
            background: rgba(64, 64, 64, 0);
            color: #C1E2DC;
            text-decoration: none !important;
        }

        .post-update.fsPostElement article .post-detail .fsReadMoreLink em {
            display: block;
            font-style: normal;
        }

        .post-update.fsPostElement article .post-detail .fsReadMoreLink:focus, .post-update.fsPostElement article .post-detail .fsReadMoreLink:hover {
            background: #C1E2DC;
            color: #003745;
            border: 1px solid #C1E2DC;
        }

.post-update.fsPostElement article .fsThumbnail.fsPostLink {
    display: none;
}

.post-update.fsPostElement article .fsTitle {
    width: 100%;
    text-align: center;
    padding: 25px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.74) 14%, rgba(0, 0, 0, 0.714) 26.2%, rgba(0, 0, 0, 0.672) 36.8%, rgba(0, 0, 0, 0.618) 45.9%, rgba(0, 0, 0, 0.556) 53.7%, rgba(0, 0, 0, 0.486) 60.4%, rgba(0, 0, 0, 0.412) 66.2%, rgba(0, 0, 0, 0.338) 71.2%, rgba(0, 0, 0, 0.264) 75.6%, rgba(0, 0, 0, 0.194) 79.6%, rgba(0, 0, 0, 0.132) 83.4%, rgba(0, 0, 0, 0.078) 87.2%, rgba(0, 0, 0, 0.036) 91.1%, rgba(0, 0, 0, 0.01) 95.3%, rgba(0, 0, 0, 0) 100%);
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 1;
    transition: opacity, height 0.3s ease-in-out;
}

    .post-update.fsPostElement article .fsTitle a.fsPostLink {
        color: #fff;
        line-height: 26px;
        transition: transform 0.3s ease-in-out;
    }

    .post-update.fsPostElement article .fsTitle .news-toggle {
        cursor: pointer;
        width: 24px;
        height: 24px;
        margin: 0 auto;
        border-radius: 50%;
        margin-top: 5px;
        transition: transform 0.3s ease-in-out;
    }

        .post-update.fsPostElement article .fsTitle .news-toggle:before {
            content: "";
            font-family: "IcoMoon";
            font-smoothing: antialiased;
            font-weight: normal;
            speak: none;
            position: relative;
            display: inline-block;
            cursor: pointer;
            padding-top: 0;
            margin: 0 auto;
            text-decoration: none;
            width: 100%;
            line-height: 1;
            text-align: center;
            color: #00998F;
            font-size: 30px;
            bottom: 3px;
            z-index: 2;
        }

        .post-update.fsPostElement article .fsTitle .news-toggle:after {
            content: '';
            width: 18px;
            height: 18px;
            margin: 0 auto;
            border-radius: 50%;
            background: #fff;
            position: absolute;
            z-index: 1;
            left: 50%;
            -ms-transform: translate(-50%, 3px);
            transform: translate(-50%, 3px);
        }

.post-update.fsPostElement article .fsSummary {
    display: none;
}

.post-update.fsPostElement article .fsReadMoreLink {
    display: none;
}

.post-update.fsPostElement article .fsSharingButtonsContainer {
    display: none;
}

.stay-connected.social.feeds-update {
    background: linear-gradient(180deg, #003745 0%, #002933 100%) !important;
}

    .stay-connected.social.feeds-update:before {
        background: none;
    }

    .stay-connected.social.feeds-update > .fsElementContent {
        margin: 0 auto;
        max-width: 73.75rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .stay-connected.social.feeds-update > .fsElementContent section.fsFeeds {
            padding: 0;
        }

            .stay-connected.social.feeds-update > .fsElementContent section.fsFeeds .feed-desc br {
                display: none;
            }

    .stay-connected.social.feeds-update > header {
        text-align: center;
        margin-bottom: 50px;
    }

        .stay-connected.social.feeds-update > header h2.fsElementTitle {
            font-size: 36px;
            line-height: 52px;
            font-weight: 700;
            /* font-family: "brandon-grotesque", sans-serif;*/
            text-transform: uppercase;
            color: #fff;
            position: relative;
        }

    .stay-connected.social.feeds-update .custom-facebook {
        width: 100%;
        display: inline-block;
    }

@media (min-width: 1000px) {
    .stay-connected.social.feeds-update .custom-facebook {
        width: calc(50% - 10px);
        margin-right: 20px;
    }
}

.stay-connected.social.feeds-update .custom-facebook > .fsElementContent {
    background-image: none;
    background-color: transparent;
}

.stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook.no-image:before {
    color: #666;
}

.stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook.no-image:after {
    opacity: 1;
}

.stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook.no-image .feed-content, .stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook.no-image .feed-actions {
    opacity: 1;
}

.stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook .feed-desc {
    overflow: hidden;
}

.stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook:nth-of-type(1) {
    height: 387px;
    margin-bottom: 20px;
}

.stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook:nth-of-type(2) {
    margin-right: 20px;
}

.stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook:nth-of-type(2), .stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook:nth-of-type(3) {
    width: calc(50% - 10px);
    height: 330px;
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 1000px) {
    .stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook:nth-of-type(2), .stay-connected.social.feeds-update .custom-facebook .fsFeed-post.Facebook:nth-of-type(3) {
        height: 187px;
    }
}

.stay-connected.social.feeds-update .custom-instagram {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

@media (min-width: 1000px) {
    .stay-connected.social.feeds-update .custom-instagram {
        width: calc(50% - 10px);
    }
}

.stay-connected.social.feeds-update .custom-instagram .feed-desc {
    overflow: hidden;
}

.stay-connected.social.feeds-update .custom-instagram .fsFeed-post.Instagram.no-image:before {
    color: #666;
}

.stay-connected.social.feeds-update .custom-instagram .fsFeed-post.Instagram.no-image:after {
    opacity: 1;
}

.stay-connected.social.feeds-update .custom-instagram .fsFeed-post.Instagram.no-image .feed-content, .stay-connected.social.feeds-update .custom-instagram .fsFeed-post.Instagram.no-image .feed-actions {
    opacity: 1;
}

.stay-connected.social.feeds-update .custom-instagram .fsFeed-post.Instagram:nth-of-type(1) {
    margin-right: 20px;
}

.stay-connected.social.feeds-update .custom-instagram .fsFeed-post.Instagram:nth-of-type(1), .stay-connected.social.feeds-update .custom-instagram .fsFeed-post.Instagram:nth-of-type(2) {
    width: calc(50% - 10px);
    height: 330px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: end;
    margin-bottom: 20px;
}

.stay-connected.social.feeds-update .twitter-basic .feed-item.j-twitter {
    height: 244px !important;
}

.footer-search {
    visibility: hidden;
    margin-bottom: 0;
    height: 100px;
    background: #003745;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0 130px;
}

#fsPageBodyWrapper + .footer-search {
    visibility: visible;
}

@media (min-width: 700px) {
    .footer-search {
        padding: 0 130px;
    }
}

.footer-search .fsElementContent {
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center;
}

.footer-search .fsFieldLabel {
    display: none;
}

.footer-search .fsSearchElementKeyword {
    margin-bottom: 0;
}

    .footer-search .fsSearchElementKeyword input {
        color: #FFFFFF;
        /*  font-family: "brandon-grotesque", sans-serif;*/
        font-size: 20px;
        font-weight: bold;
        line-height: 25px;
        background: #003745;
        border: none;
        margin-left: 50px;
    }

        .footer-search .fsSearchElementKeyword input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: rgba(255, 255, 255, 0.8);
        }

        .footer-search .fsSearchElementKeyword input::-moz-placeholder {
            /* Firefox 19+ */
            color: rgba(255, 255, 255, 0.8);
        }

        .footer-search .fsSearchElementKeyword input:-ms-input-placeholder {
            /* IE 10+ */
            color: rgba(255, 255, 255, 0.8);
        }

        .footer-search .fsSearchElementKeyword input:-moz-placeholder {
            /* Firefox 18- */
            color: rgba(255, 255, 255, 0.8);
        }

    .footer-search .fsSearchElementKeyword .fsButtonClear {
        display: none;
    }

.footer-search .fsSearchElementSearchButton {
    background: none;
    border: none;
    color: transparent;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 20px;
    left: 130px;
    overflow: hidden;
}

    .footer-search .fsSearchElementSearchButton:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: "";
        font-family: "IcoMoon";
        font-smoothing: antialiased;
        font-weight: normal;
        speak: none;
        color: rgba(255, 255, 255, 0.8);
        font-size: 16px;
        line-height: 16px;
    }

#fsFooter {
    position: relative;
    background: #003745;
    padding: 45px 20px 67px;
    color: #fff;
    overflow: hidden;
    background-image: url("../../../../../resources.finalsite.net/images/v1562867940/darek12ncus/orejnu5rpfkeudfrycgd/DistrictHomepage.jpg");
    background-position: 50% 60%;
    background-size: cover;
}

    #fsFooter:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 55, 69, 0.7);
    }

    #fsFooter .fsBanner {
        padding-top: 30px;
    }

@media print {
    .nav-main,
    .nav-sub,
    .nav-social,
    .nav-utility-header,
    .nav-utility-footer,
    #fsMenu,
    #fsFooter,
    #fsHeader,
    .fsThumbnail,
    .hide-for-print {
        display: none !important;
    }

    #fsPageContent,
    #fsBannerLeft,
    #fsBannerRight {
        width: 100% !important;
    }

    /* html {
        font-size: 100%;
    }*/

    /* body {
        font-size: 62.5%;
    }*/

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .slick-slide {
        display: none !important;
    }

        .slick-slide.slick-active {
            display: block !important;
        }

    .slick-list {
        height: auto !important;
    }

    .slick-track {
        width: auto !important;
        height: auto !important;
        -ms-transform: none !important;
        transform: none !important;
    }

        .slick-track .slick-slide {
            width: auto !important;
        }
    .fact-box.color .fsElementContent h3 {
        margin-top: 0;
        margin-bottom: 12px;
    }

    /*a[class*='fs_style'] {
        border-color: #000;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/
    /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
    /*a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        page-break-inside: avoid;
    }*/
    /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
    /*thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .fsPanel > header ~ .fsElementContent {
        display: block;
    }
}*/