@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Signika+Negative:wght@300..700&display=swap');

/* Google Translate */
#google_translate_element {
    position: relative;
    padding: 5px 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
#google_translate_element:hover {
    background-color: #fff;
}
#google_translate_element:hover .goog-te-gadget .goog-te-combo {
    color:#363636;
}
#desktop-translate {
    padding-left: 20px;
    padding-right: 20px;
}
#google_translate_element .goog-te-gadget .goog-te-combo {
    background-color: transparent !important;
    border: none !important;
    color: #fff;
    margin: 0 !important;
    outline: none;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    width: 150px;
    position: relative;
    appearance: none;
    -webkit-appearance: none; /* Safari/Chrome */
    -moz-appearance: none;    /* Firefox */
    background: none;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
#google_translate_element .goog-te-gadget:after {
    content: "";
    background-image: url('../assets/arrow-down--white.svg');
    background-size: 100%;
    top: calc(50% - 3px);
    right: 10px;
    position: absolute;
    width: 10px;
    height: 6px;
    transition: all 0.3s ease-in-out;
    background-repeat: no-repeat;
}
#google_translate_element:hover .goog-te-gadget:after {
    transform: rotate(180deg);
    background-image: url('../assets/arrow-down--blue.svg');
}
#google_translate_element .skiptranslate {
    height: 21px;
    overflow: hidden;
}
#google_translate_element .skiptranslate span {
    display: none;
}
#google_translate_element .skiptranslate div {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    div#side-menu-translate>div#google_translate_element select.goog-te-combo {
        font-size: 18px !important;
    }
}

/* Top Bar */
#header .searchheader {
    background: #363636;
    padding: 0;
}
.searchheader .wrap {
    display: flex;
    justify-content: end;
    align-items: center;
}

/* Header Menu */
.menu-main-menu-top-container {
    width: 100%;
}
.menu-main-menu-top-container #menu-main-menu-top, .menu-top-main-menu-container #menu-top-main-menu {
    display: flex;
    align-items: center;
    justify-content: end;
    list-style: none;
    gap: 15px;
}
.menu-main-menu-top-container #menu-main-menu-top li, .menu-top-main-menu-container #menu-top-main-menu li {
    list-style: none;
    color: white;
    padding: 5px 10px;
    transition: all 0.3s ease-in-out;
}
.menu-main-menu-top-container #menu-main-menu-top li:hover a {
    background:#363636;
}
.menu-top-main-menu-container #menu-top-main-menu li:hover a {
    background: #fff;
    color:#363636;
}
.menu-main-menu-top-container #menu-main-menu-top li, .menu-top-main-menu-container #menu-top-main-menu li {
    padding: 20px 0;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.menu-main-menu-top-container #menu-main-menu-top li.menu-item-has-children a, .menu-top-main-menu-container #menu-top-main-menu li.menu-item-has-children a {
    padding: 5px 30px 5px 10px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.menu-main-menu-top-container #menu-main-menu-top li a, .menu-top-main-menu-container #menu-top-main-menu li a {
    padding: 5px 10px;
    transition: all 0.3s ease-in-out;
}
.menu-main-menu-top-container #menu-main-menu-top li.menu-item-has-children:hover a:after, .menu-top-main-menu-container #menu-top-main-menu li.menu-item-has-children:hover a:after {
    transform: rotate(180deg);
}
.menu-main-menu-top-container #menu-main-menu-top li.menu-item-has-children:hover a:after {
    background-image: url('../assets/arrow-down--white.svg');
}
.menu-top-main-menu-container #menu-top-main-menu li.menu-item-has-children:hover a:after {
    background-image: url('../assets/arrow-down--blue.svg');
}
.dark-header .menu-main-menu-top-container #menu-main-menu-top li.menu-item-has-children a:after, .menu-top-main-menu-container #menu-top-main-menu li.menu-item-has-children a:after {
    background-image: url('../assets/arrow-down--white.svg');
}
.menu-main-menu-top-container #menu-main-menu-top li.menu-item-has-children a:after {
    background-image: url('../assets/arrow-down--blue.svg');
}
.menu-main-menu-top-container #menu-main-menu-top li.menu-item-has-children a:after, .menu-top-main-menu-container #menu-top-main-menu li.menu-item-has-children a:after {
    content: "";
    background-size: 100%;
    top: calc(50% - 3px);
    right: 10px;
    position: absolute;
    width: 10px;
    height: 6px;
    transition: all 0.3s ease-in-out;
    background-repeat: no-repeat;
}
.menu-main-menu-top-container #menu-main-menu-top li>a {
    color: var(--button-text-color);
}
.menu-top-main-menu-container #menu-top-main-menu li>a, .menu-main-menu-top-container #menu-main-menu-top li:hover>a {
    color: #fff;
}
.menu-main-menu-top-container #menu-main-menu-top li>a, .menu-top-main-menu-container #menu-top-main-menu li>a {
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    position: relative;
}
.menu-main-menu-top-container #menu-main-menu-top .sub-menu li, .menu-top-main-menu-container #menu-top-main-menu .sub-menu li {
    transition: all 0.3s ease-in-out;
    padding: 2px 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}
.menu-main-menu-top-container #menu-main-menu-top .sub-menu li a, .menu-top-main-menu-container #menu-top-main-menu .sub-menu li a {
    color:#363636;
    background-color: transparent;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    position: relative;
    transition: all 0.3s ease-in-out;
    display: flex;
}
.menu-main-menu-top-container #menu-main-menu-top .sub-menu li:hover, .menu-top-main-menu-container #menu-top-main-menu .sub-menu li:hover {
    background:#363636;
}
.menu-main-menu-top-container #menu-main-menu-top .sub-menu li:hover a, .menu-top-main-menu-container #menu-top-main-menu .sub-menu li:hover a {
    color: #fff;
    text-decoration: underline;
}
.menu-main-menu-top-container #menu-main-menu-top .sub-menu a:after, .menu-top-main-menu-container #menu-top-main-menu .sub-menu a:after {
    display: none;
}
.menu-main-menu-top-container #menu-main-menu-top li .sub-menu, .menu-top-main-menu-container #menu-top-main-menu li .sub-menu {
    display: none;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
    justify-content: flex-start !important;
    position: absolute !important;
    padding: 0;
    list-style: none;
    top: 60px !important;
    left: -252px !important;
    width: 500px;
    background: #fff;
    padding: 16px;
    z-index: 11;
    gap: 5px;
    flex-wrap: wrap;
    transition: all 0.3s ease-in-out;
    border: 2px solid var(--primary-color);
    columns: 2;
}
.menu-main-menu-top-container #menu-main-menu-top li.menu-item-has-children:hover .sub-menu, .menu-top-main-menu-container #menu-top-main-menu li.menu-item-has-children:hover .sub-menu, 
.menu-main-menu-top-container #menu-main-menu-top li.menu-item-has-children:focus .sub-menu, .menu-top-main-menu-container #menu-top-main-menu li.menu-item-has-children:focus .sub-menu, 
.menu-main-menu-top-container #menu-main-menu-top li.menu-item-has-children:focus-within .sub-menu, .menu-top-main-menu-container #menu-top-main-menu li.menu-item-has-children:focus-within .sub-menu {
    display: inline;
}
.header-contact a {
    background-color: #fafafa;
    color: #20242F !important;
    padding: 10px 16px !important;
    transition: all 0.3s ease-in-out;
    height: fit-content;
    border: 1px solid var(--primary-color);
}
.dark-header .header-contact a {
    color: var(--primary-color) !important;
}
/* .dark-header .header-contact:hover a {
    background-color: #fafafa !important;
    color: #20242F !important;
} */
.header-contact:hover a {
    background-color: #20242F !important;
    color: #fafafa !important;
    border: 1px solid #fafafa !important;
}
.header--wrap {
    background-color: var(--primary-color) !important;
}
.home-link {
    display: none;
}
@media (min-width: 1024px) and (max-width: 1124px) {
    .menu-main-menu-top-container #menu-main-menu-top li .sub-menu, .menu-top-main-menu-container #menu-top-main-menu li .sub-menu {
        top: 60px !important;
        left: -202px !important;
        width: 400px;
    }
}
@media (max-width: 1024px) {
    .menu-main-menu-top-container #menu-main-menu-top, .menu-top-main-menu-container #menu-top-main-menu {
        gap: 5px;
    }
    .menu-main-menu-top-container {
        display: none;
    }
    .searchheader {
        display: none;
    }
    .home-link {
        display: block;
    }
    .header-contact {
        display: none;
    }
}

/* Header mobile */
.sidemenu-top {
    display: flex;
    align-items: center;
    padding: 12px 32px;
    background-color: #363636 !important;
    justify-content: space-between;
}
#sidemenu a.logobox {
    padding: 0 !important;
}
.sidemenu-close {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    right: 0 !important;
    background: none !important;
    border: none !important;
    color: #fff;
    font-size: 40px;
}
.sidemenu-inner .mainmenu, .sidemenu-inner .resourcemenu, .sidemenu-inner .mobile-menu-bottom {
    padding: 24px 32px;
}
.sidemenu-inner .menu-item-has-children>a {
    position: relative;
}
.sidemenu-inner .mainmenu .menu-item-has-children>a:after {
    background-image: url('../assets/arrow-down--blue.svg');
}
.sidemenu-inner .resourcemenu .menu-item-has-children>a:after {
    background-image: url('../assets/arrow-down--white.svg');
}
.sidemenu-inner .menu-item-has-children>a:after {
    content: "";
    background-size: 100%;
    top: calc(50% - 3px);
    right: 10px;
    position: absolute;
    width: 10px;
    height: 6px;
    transition: all 0.3s ease-in-out;
    background-repeat: no-repeat;
}
.sidemenu-inner .menu-item-has-children.open>a:after {
    transform: rotate(180deg);
}
.resourcemenu {
    background-color: #363636 !important;
    border-bottom: 1px solid var(--secondary-color) !important;
}
#side-menu-translate #google_translate_element .skiptranslate {
    height: 26px !important;
}
#side-menu-translate #google_translate_element:hover .goog-te-gadget:after {
    background-image: url('../assets/arrow-down--white.svg');
}
.footer-buttons-mobile {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer-buttons-mobile a {
    width: auto !important;
    text-align: center;
    display: flex;
    justify-content: center;
}
#sidemenu .accessibility-buttons {
    display: flex;
    padding: 8px 12px 28px;
    justify-content: space-between;
}
#sidemenu .accessibility-buttons a {
    width: 48%;
    color: #363636;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    font-weight: 600;
}
@media (max-width: 767px) {
    .sidemenu-inner .menu-item-has-children>a:after, #google_translate_element .goog-te-gadget:after {
        width: 19px;
        height: 11px;
        top: calc(50% - 5px);
    }
    #sidemenu .accessibility-buttons a {
        font-size: 18px;
    }
}

/* Footer Newsletter */
.footer-newsletter {
    padding: 64px 0;
    background-color: var(--primary-color) !important;
}
.footer-newsletter .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-newsletter .left-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
}
.footer-newsletter .right-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-basis: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
}
.footer-newsletter .search .footer-newsletter__header {
    margin-bottom: 10px !important;
    color: var(--button-text-color) !important;
}
.footer-newsletter__content {
    color: var(--button-text-color) !important;
}
#newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#newsletter-form .newsletter-label {
    color: var(--button-text-color) !important;
}
.newsletter-block {
    display: flex;
    gap: 10px;
}
.footer-newsletter form#newsletter-form #newsletter-input::placeholder {
    color: #667085;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
}
.footer-newsletter form#newsletter-form #newsletter-input {
    border: 1px solid #667085;
    outline: none;
    float: none;
    color: #667085;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    height: fit-content;
    padding: 10px 14px;
}
.footer-newsletter form#newsletter-form .submit {
    border: 1px solid#363636;
    outline: none;
    float: none;
    color:#363636;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    height: fit-content;
    padding: 10px 14px;
    width: fit-content;
    background: #fff;
    transition: all 0.3s ease-in-out;
}
.footer-newsletter form#newsletter-form .submit:hover {
    color: #fff;
    background:#363636;
}
.footer-buttons {
    display: flex;
    width: 25%;
    gap: 20px;
}
.footer-buttons a {
    background-color: #fafafa;
    color: #20242F !important;
    padding: 10px 16px !important;
    transition: all 0.3s ease-in-out;
    border: 1px solid #fafafa;
    height: fit-content;
    text-align: center;
}
.footer-buttons a:hover {
    background-color: transparent !important;
    color: #fafafa !important;
    border: 1px solid #fafafa;
    padding: 10px 16px !important;
}
@media only screen and (max-width: 1000px) {
    .footer-newsletter .wrap {
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }
    .footer-newsletter .right-col {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
    }
    .footer-newsletter form#newsletter-form #newsletter-input {
        width: 60%;
    }
    .footer-newsletter form#newsletter-form .submit {
        width: 30%;
    }
    .footer-logo {
        width: 20% !important;
    }
    .footer-buttons {
        flex-direction: column;
        width: 20%;
    }
    #footer .footer-middle a {
        margin-right: 10px;
    }
}
@media only screen and (max-width: 767px) {
    #footer, .footer-newsletter {
        padding: 48px 0 !important;
    }
    #footer-top, .footer-middle {
        flex-direction: column;
    }
    .footer-logo, .footer-buttons {
        width: 100% !important;
        margin-bottom: 32px;
    }
    #footer .footer-menu .menu>li {
        width: 50% !important;
        margin-bottom: 32px;
    }
    #footer .footer-menu .menu {
        flex-wrap: wrap;
    }
    #footer-top, .footer-middle {
        padding-bottom: 0 !important;
        margin-bottom: 32px !important;
    }
    #footer .parents-footer .sub-menu {
        column-count: 1 !important;
    }
    #footer .footer-middle a {
        margin-right: 0 !important;
        width: fit-content;
    }
    .footer-buttons {
        flex-direction: row;
    }
    #footer .footer-bottom {
        flex-direction: column;
        gap: 24px;
    }
    #footer .footer-bottom .left-col, #footer .footer-bottom .right-col {
        width: 100% !important;
    }
    #footer .footer-bottom .right-col .social-nav {
        justify-content: start !important;
    }
}

/* Typography */
body {
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-size: 1rem;
    line-height: 1.625rem;
    -webkit-font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #363636
}

h1, .h1 {
    font-family: "Signika Negative", sans-serif;
    font-size: 62px;
    line-height: 70px;
    font-weight: 700;
}
h2, .h2 {
    font-family: "Signika Negative", sans-serif;
    font-weight: 700;
    font-size: 52px;
    line-height: 58px;
}
h3, .h3 {
    font-family: "Signika Negative", sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -2%;
}
h4, .h4 {
    font-family: "Signika Negative", sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}
h5, .h5 {
    font-family: "Signika Negative", sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
p {
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-wrap: pretty;
}

.pt-0 {
    padding-top: 0;
}
.pt-s {
    padding-top: 48px;
}
.pt-m {
    padding-top: 64px;
}
.pt-lg {
    padding-top: 96px;
}
.pt-xlg {
    padding-top: 160px;
}
.pb-0 {
    padding-bottom: 0;
}
.pb-s {
    padding-bottom: 48px;
}
.pb-m {
    padding-bottom: 64px;
}
.pb-lg {
    padding-bottom: 96px;
}
.pb-xlg {
    padding-bottom: 160px;
}

@media only screen and (max-width: 767px) {
    h1, .h1 {
        font-size: 38px !important;
        line-height: 42px !important;
    }
    h2, .h2 {
        font-size: 26px !important;
        line-height: 30px !important;
    }
    h3, .h3 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    h4, .h4 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
    h5, .h5 {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .mpt-0 {
        padding-top: 0;
    }
    .mpt-s {
        padding-top: 24px;
    }
    .mpt-m {
        padding-top: 48px;
    }
    .mpt-lg {
        padding-top: 64px;
    }
    .mpt-xlg {
        padding-top: 96px;
    }
    .mpb-0 {
        padding-bottom: 0;
    }
    .mpb-s {
        padding-bottom: 24px;
    }
    .mpb-m {
        padding-bottom: 48px;
    }
    .mpb-lg {
        padding-bottom: 64px;
    }
    .mpb-xlg {
        padding-bottom: 96px;
    }
}

/* Buttons */
.primary-button {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background-color: var(--primary-color);
    color: var(--button-text-color);
    border: 1px solid var(--button-text-color);
    width: fit-content;
}
.primary-button:hover {
    text-decoration: none;
    background-color: var(--button-text-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.secondary-button {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background-color: var(--secondary-color);
    color: var(--button-text-color);
    border: 1px solid var(--button-text-color);
    width: fit-content;
}
.secondary-button:hover {
    text-decoration: none;
    background-color: #fff5dd;
    border: 1px solid #101828;
    color: #101828;
}
.tertiary-button {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 22px;
    padding-right: 22px;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background-color: #eaecf0;
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    width: fit-content;
}
.tertiary-button:hover {
    text-decoration: none;
    background-color: var(--secondary-color);
    color: #fff;
}

/* Announcement */
.announcement {
    padding: 16px 0;
    transition: all 0.3s ease-in-out;
    /* position: fixed; */
    z-index: 99999;
    /* top: 0;
    left: 0; */
    width: 100%;
    display: none;
    background-color: var(--secondary-color) !important;
}
.announcement__text {
    width: 70%;
}
.announcement__close {
    width: 30%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.announcement .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.announcement__button, .announcement__text {
    color: #fff;
    height: fit-content;
    font-family: "Noto Sans", sans-serif;
}
.announcement__text p, .announcement__text a {
    font-size: 14px !important;
}
.announcement__button {
    text-decoration: underline !important;
    padding: 0 20px 0 0 !important;
    font-size: 14px !important;
}
.announcement__button.mobile {
    display: none;
}
.announcement__button:hover {
    background: transparent !important;
    color: #fff !important;
}
#close-announcement {
    background: none;
    border: none;
    font-size: 14px;
    color: #fff !important;
    cursor: pointer;
}
@media only screen and (max-width: 1024px) {
    #close-announcement {
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .announcement__text {
        flex-direction: column !important;
        gap: 10px;
        display: flex;
    }
    .announcement__button.mobile {
        display: block;
    }
    .announcement__button.desktop {
        display: none;
    }
    .announcement__text {
        width: 90% !important;
    }
    .announcement__close {
        width: 10% !important;
    }
}

/* News */
#recent-news img {
    display: none;
}
.news .article .news-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .news-wrapper {
    min-height: 280px;
}
@media only screen and (max-width: 1000px) {
    .news .news-wrapper {
        min-height: 774px;
    }
}
@media only screen and (max-width: 767px) {
    .news .news-wrapper {
        min-height: 814px;
    }
}

/* Two Col */
.two-col .row {
    display: flex;
}
.two-col .column {
    width: 50%;
}
.two-col {
    background: linear-gradient(
    90deg,
    var(--gradient-color-first),
    var(--gradient-color-second)
  );
}
.two-col__left {
    padding-right: 32px;
    text-align: left !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#home .two-col .two-col__header, .two-col .two-col__header {
    font-weight: 700;
    font-size: 62px;
    line-height: 70px;
    letter-spacing: -2%;
    color:#363636 !important;
    font-family: "Signika Negative";
    margin-bottom: 32px !important;
    text-wrap: balance;
    text-align: left;
}
.two-col__subheader, #home .two-col__subheader {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0%;
    color:#363636 !important;
    font-family: "Signika Negative";
    margin-bottom: 12px !important;
    text-wrap: balance;
    text-align: left;
}
.two-content {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #474747;
    font-family: "Noto Sans";
    margin-bottom: 48px !important;
    text-wrap: pretty;
    text-align: left;
}
.two-col .image {
    width: 100%;
    height: 375px !important;
    object-fit: cover;
}
.two-col__left .image {
    display: none;
}

@media only screen and (max-width: 767px) {
    .two-col__left .image {
        display: block;
    }
    .two-col__right {
        display: none;
    }
    .two-col .image {
        margin-bottom: 32px;
    }
    /* .wrap {
        padding: 0;
    } */
    .two-col__left {
        padding-right: unset !important;
    }
    .two-col .column {
        width: 100%;
    }
}

/* Divider */
.divider {
    background-color: var(--primary-color) !important;
}

/* Three Col */
.three-col .card-column {
    background-color: #FFFFFF;
    padding: 24px !important;
    flex: 1 !important;
    text-align: left;
}
.three-col .row, .news .row {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.three-col.gray-background, .news.gray-background {
    background-color: #EBECF0;
}
.three-col.blue-background, .news.blue-background {
    background-color: #363636;
}
.three-col h2, .news h2 {
    margin-bottom: 0 !important;
}
.three-col.gray-background h2, #home .three-col.gray-background h2, .news.gray-background h2 {
    color: #363636 !important;
}
.three-col.blue-background h2, .news.blue-background h2 {
    color: #FAFAFA !important;
}
.three-col .event-listing .wrap, .three-col .card-row, .news #recent-news {
    padding: 0;
    display: flex;
}
.three-col .event-listing .wrap .event {
    float: none;
}
.three-col .events-wrapper {
    min-height: 260px;
}
.three-col .event-listing .wrap .event h3, .three-col .card-column h3, .news .article h3 {
    padding-bottom: 0;
    min-height: 66px;
    max-height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.three-col .date, .news .date {
    border-top: 2px solid var(--primary-color);
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    color: #474747 !important;
    padding-top: 10px;
    margin-bottom: 10px !important;
    text-align: left;
    font-family: "Noto Sans", sans-serif;
}
.three-col .time, .news .news-content {
    color: #474747;
    margin-bottom: 20px !important;
}
.three-col .event-button, .three-col .primary-link, .news .article .info {
    color: var(--secondary-color);
    position: relative;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    padding: 4px 30px 4px 0;
}
.three-col .event-button:hover, .three-col .primary-link:hover, .news .article .info:hover {
    color: var(--button-text-color);
    background: var(--primary-color);
    padding-left: 8px !important;
    text-decoration: none;
}
.three-col .event-button svg, .three-col .primary-link svg, .news .article .info svg {
    stroke: var(--secondary-color);
    transition: all 0.3s ease-in-out;
}
.three-col .event-button:hover svg, .three-col .primary-link:hover svg, .news .article .info:hover svg {
    stroke: var(--button-text-color);
}
.three-col .event-button span, .three-col .primary-link span, .news .article .info span {
    position: absolute;
    right: 8px;
    top: 2px;
    transition: right 0.3s ease-in-out;
}
.three-col .event-button:hover span, .three-col .primary-link:hover span, .news .article .info:hover span {
    right: 8px;
}
.three-col .card-column:has(.card-content) .date {
    margin-bottom: 12px !important;
}
.three-col .card-content {
    font-family: "Noto Sans";
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #474747;
    margin-bottom: 20px !important;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;      
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
@media only screen and (max-width: 1000px) {
    .three-col .event-listing .wrap, .three-col .card-row, .news #recent-news {
        flex-direction: column;
    }
    .three-col .events-wrapper {
        min-height: 728px; 
    }
    .three-col .card-column {
        flex: 0 0 100% !important;
    }
    #home .events-wrapper .event, .three-col .card-column, .news .article {
        width: 100% !important;
        padding: 25px !important;
    }
    #home .events-wrapper .event:not(:last-child), .three-col .card-column:not(:last-child), .news .article:not(:last-child) {
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
    #home .events-wrapper .event:last-child, .three-col .card-column:last-child, .news .article:last-child {
        margin-bottom: 0 !important;
    }
    .three-col .event-listing .wrap .event h3, .three-col .card-column h3, .news .article h3 {
        min-height: 60px;
        max-height: 60px;
    }
    .three-col .event-listing {
        overflow: initial !important;
    }
}
@media only screen and (max-width: 767px) {
    .three-col .card-column {
        flex: 0 0 100% !important;
    }
    .three-col .events-wrapper {
        min-height: 715px; 
    }
}

/* Three Col Links */
.three-col-links .title-row {
    justify-content: center;
}
.three-col-links .title-row h2 {
    text-align: center;
}
.three-col-links .links-row {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.three-col-links .links-row > *:not(:nth-last-child(-n+3)) {
    margin-bottom: 64px;
} 
.three-col-links .link-column {
    display: flex;
    align-items: center;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
}
.three-col-links.white-background {
    background-color: #FFFFFF !important;
}
.three-col-links.blue-background {
    background-color: #363636 !important;
}
#home .three-col-links.white-background h2, .three-col-links.white-background h2 {
    color: #363636 !important;
}
#home .three-col-links.blue-background h2, .three-col-links.blue-background h2 {
    color: #FAFAFA !important;
}
.three-col-links.white-background .secondary-link {
    color: var(--secondary-color);
    text-decoration-color: var(--secondary-color);
}
.three-col-links.blue-background .secondary-link {
    color: #CECFD2;
    text-decoration-color: #CECFD2;
}
.three-col-links.white-background .content {
    color: #474747;
}
.three-col-links.blue-background .content {
    color: #CECFD2;
}
.three-col-links .content {
    text-align: center;
    margin-bottom: 40px;
}
.three-col-links .secondary-link {
    font-family: "Noto Sans";
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0 !important;
    text-transform: unset !important;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: all 0.3s ease-in-out;
    padding: 2px 5px;
    text-align: center;
}
.three-col-links .secondary-link:hover {
    padding-left: 5px;
    background-color: var(--primary-color);
    color: var(--button-text-color);
    text-decoration: none;
}
.three-col-links .icon {
    margin-bottom: 20px;
    width: 48px;
    height: 48px;
}
@media only screen and (max-width: 767px) {
    .links-row > *:not(:nth-last-child(-n+2)) {
        margin-bottom: 40px !important;
    } 
    .three-col-links .icon {
        margin-bottom: 12px !important;
    }
    .three-col-links h2 {
        margin-bottom: 28px !important;
    }
    .three-col-links .content {
        margin-bottom: 32px !important;
    }
    .three-col-links .link-column {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}


* {
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0
}

body {
    /* background: #ece9de; */
    overflow-x: hidden;
    /* min-width: 540px */
}

img {
    border: none
}

h4 a {
    color: #9d2235;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a[href^=tel] {
    color: inherit;
    display: inline !important;
    text-decoration: none;
    white-space: nowrap
}

.error {
    -webkit-box-shadow: 0px 0px 0px 1px #9d2235 inset !important;
    box-shadow: 0px 0px 0px 1px #9d2235 inset !important
}

.clear {
    clear: both
}

.left {
    float: left
}

.right {
    float: right;
    position: relative;
    z-index: 3;
    display: block
}

.bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 1
}

/* .content {
    padding-top: 71px;
    background: #f5f5f5
}

@media (max-width: 900px) {
    .content {
        padding-top: 20px
    }
} */

.pageoverlay {
    z-index: 6000000 !important
}

.page-wrap {
    position: relative;
    overflow: hidden;
    font-size: 0
}

.wrap {
    max-width: 1200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    margin: 0 auto;
    position: relative;
    /* min-width: 540px */
}
@media only screen and (max-width: 767px) {
    .wrap {
        padding: 0 32px; 
    }
}

.social-icons {
    display: inline-block;
    margin-top: 2px
}

.social-icons li {
    display: inline-block;
    list-style: none
}

.social-icons a {
    display: block
}

.social-icons a:hover {
    opacity: 0.8;
}
.twitter-list, .instagram-list {
    width: 26px;
    text-align: center;
    align-items: center;
    display: flex !important;
    justify-content: center;
}
.social-icons .youtube {
    background: url("../assets/social-media/youtube.svg") no-repeat center !important;
    height: 26px !important;
    width: 26px !important;
    background-size: 100% !important;
    transition: all 0.3s ease-in-out;
}
.social-icons .youtube:hover {
    background: url("../assets/social-media/youtube-hover.svg") no-repeat center !important;
}
.social-icons .facebook {
    background: url("../assets/social-media/facebook.svg") no-repeat center !important;
    height: 26px !important;
    width: 26px !important;
    background-size: 100% !important;
    transition: all 0.3s ease-in-out;
}
.social-icons .facebook:hover {
    background: url("../assets/social-media/facebook-hover.svg") no-repeat center !important;
}
.social-icons .twitter {
    background: url("../assets/social-media/twitter.svg") no-repeat center !important;
    height: 24px !important;
    width: 24px !important;
    background-size: 100% !important;
    transition: all 0.3s ease-in-out;
}
.social-icons .twitter:hover {
    background: url("../assets/social-media/twitter-hover.svg") no-repeat center !important;
    height: 26px !important;
    width: 26px !important;
}
.social-icons .instagram {
    background: url("../assets/social-media/instagram.svg") no-repeat center !important;
    height: 24px !important;
    width: 24px !important;
    background-size: 100% !important;
    transition: all 0.3s ease-in-out;
}
.social-icons .instagram:hover {
    background: url("../assets/social-media/instagram-hover.svg") no-repeat center !important;
    height: 26px !important;
    width: 26px !important;
}
.focus-fire {
    font-weight: 400 !important
}

.focus-fire a[name] {
    display: block;
    height: 177px;
    margin-top: -177px;
    visibility: hidden
}

.focus-fire div#form-col {
    margin: 0px !important
}

.focus-fire div.no-image-header {
    height: 200px;
    background: #F5F5F5
}

.focus-fire li#wp-admin-bar-customize.hide-if-no-customize {
    display: none
}

.focus-fire .allthethings {
    overflow: hidden;
    position: relative
}

.not-policy {
    margin-top: 120px
}

.alert {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999999999999999;
    padding-top: 125px;
    bottom: 0;
    background: rgba(157, 34, 53, 0.97)
}

.alert h1 {
    color: #fff;
    margin-bottom: 0px;
    line-height: 60px
}

.alert a.button {
    border: 3px solid #FFF;
    color: #FFF;
    line-height: 43px;
    height: 43px;
    margin-top: 75px
}

.alert h2 {
    color: #fff;
    line-height: 40px;
    font-weight: 400;
    max-width: 85%
}

.alert h3 {
    color: #fff;
    line-height: 30px;
    font-weight: 400;
    max-width: 85%
}

.alert h4 {
    color: #fff;
    line-height: 26px;
    font-weight: 400;
    max-width: 85%
}

.alert p {
    color: #fff;
    line-height: 20px;
    font-weight: 400;
    max-width: 85%
}

.alert a {
    color: #ffffff
}

.alert .close {
    position: absolute;
    top: 0;
    right: 77px;
    cursor: pointer
}

fieldset {
    border: none;
    max-width: 244px
}

fieldset hr {
    clear: both;
    display: block;
    border: none;
    height: 4px;
    margin-top: 5px;
    background: #9D2235;
    margin-bottom: 5px
}

legend {
    width: 100%;
    font-size: 18px;
    color: #9D2235;
    font-weight: 600
}

.right.column {
    width: 27%;
    padding-left: 2%
}

.right.column {
    padding-top: 50px
}

.right.column .box .tweet a,
.right.column .tweet a {
    color: #9D2235
}

.right.column .box .tweet p,
.right.column .tweet p {
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.right.column a {
    text-decoration: none
}

.right.column h2 a {
    color: #9D2235
}

.right.column h3 a {
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 18px
}

.login#center_column input.half {
    z-index: 60;
    position: relative
}

div#load_more {
    width: 96%;
    background: #9D2235;
    float: right;
    max-width: 697px;
    text-align: center;
    padding: 15px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

/* .customize-support .allthethings {
    top: 26px
} */

body.customize-support #top-menu {
    top: 103px
}

/* .customize-support #header {
    top: 32px
} */

.csbox {
    font-size: 16px;
    line-height: 22px;
    color: #9d2235;
    font-weight: 400;
    background: url("assets/down.png") no-repeat right center #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #b4b4b4
}

.csbox:focus {
    outline: none
}

.customselect {
    position: relative
}

.cslist li {
    line-height: 22px;
    cursor: pointer;
    font-size: 18px;
    color: #000;
    list-style: none;
    padding: 5px 15px;
    background: #fff;
    z-index: 500;
    white-space: nowrap
}

ul.cslist {
    position: absolute;
    display: none;
    z-index: 900;
    min-width: 100%;
    overflow: hidden
}

.featured_images.full img {
    position: relative;
    top: 0;
    left: 0;
    min-height: 440px;
    width: auto !important;
    right: 0
}

.half.first {
    float: left;
    max-width: 447px
}

#center_column .centered.column p {
    color: #8e8e8e;
    font-size: 12px;
    line-height: 18px;
    padding-top: 4px;
    padding-bottom: 25px
}

#center_column .centered.column h3 {
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 24px
}

#center_column .centered.column {
    background: #ece9de;
    max-width: 720px;
    padding: 30px 0;
    min-width: 472px;
    width: 100%;
    margin: 0 auto;
    z-index: 5;
    position: relative
}

#center_column {
    min-height: 1200px
}

.content.inner form p {
    padding-bottom: 0 !important;
    position: relative
}

.content.inner.contact form p {
    color: #363636 !important;
    font-size: 14px !important;
    line-height: 24px !important
}

.content.inner form>.right.address {
    position: relative;
    top: 0;
    max-width: 110px
}

.content.inner .right.column .tweet {
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px dashed #363636
}

.content.inner .right.column .tweet p {
    color: #363636;
    max-width: 200px
}

.sidebar_shift .right.column {
    float: none;
    width: 100%;
    clear: both
}

.sidebar_shift .left.main-content {
    width: 100% !important;
    min-height: 800px !important
}

.sidebar_shift .right.column .box {
    float: left;
    margin-left: 5%;
    width: 45%
}

.centered.column>.wrap {
    min-width: 469px
}

.contact .floatright>.address {
    margin-bottom: 20px
}

.shift_wrap .half.first {
    max-width: 100%
}

.sidebar_shift .right.column {
    width: 522px !important;
    margin: 0 auto;
    padding-top: 0px
}

.sidebar_shift .twitter-feed.box {
    max-width: 525px !important;
    margin-top: 35px !important;
    margin-bottom: 50px;
    width: 99% !important
}

.shift_wrap .right.calendar {
    width: 100% !important
}

.sidebar_shift #home .right.column .box {
    margin-left: 0
}

.sidebar_shift #home .right.column .box.calendar {
    float: right
}

.mobile .right.column {
    margin: 0;
    padding-left: 0;
    width: 100% !important
}

.featured_images.full.header_image .bg.shift {
    width: 100% !important;
    height: auto !important;
    min-width: 1920px
}

.featured_images.full.header_image {
    height: 440px;
    overflow: hidden;
    background: #F5F5F5
}

.menu-mobile .featured_images.full.header_image {
    height: 220px
}

.menu-mobile .featured_images.full.header_image .bg.shift {
    min-width: 608px;
    min-height: 220px
}

.menu-mobile .cell-twitter p {
    font-size: 18px !important;
    line-height: 25px !important
}

.menu-mobile .right.column h3 {
    font-size: 18px
}

/* .customize-support.adminbarshift #header {
    top: 46px
} */

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed !important
    }
}

.mobile label.school,
.mobile label.year,
.mobile label.district,
.mobile label.grade,
.mobile label[for="district"] {
    font-size: 18px !important;
    line-height: 40px
}

.mobile form#news_archive_select {
    width: 97%
}

.login#center_column input.half {
    z-index: 60;
    position: relative
}

div#load_more {
    width: 96%;
    background: #9D2235;
    float: right;
    max-width: 697px;
    text-align: center;
    padding: 15px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

/* .customize-support .allthethings {
    top: 26px
} */

body.customize-support #top-menu {
    top: 103px
}

/* .customize-support #header {
    top: 32px
} */

.csbox {
    font-size: 16px;
    line-height: 22px;
    color: #9d2235;
    font-weight: 400;
    background: url("../assets/down.png") no-repeat right center #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #b4b4b4
}

.csbox:focus {
    outline: none
}

.customselect {
    position: relative
}

.cslist li {
    line-height: 22px;
    cursor: pointer;
    font-size: 18px;
    color: #000;
    list-style: none;
    padding: 5px 15px;
    background: #fff;
    z-index: 500;
    white-space: nowrap
}

ul.cslist {
    position: absolute;
    display: none;
    z-index: 900;
    min-width: 100%;
    overflow: hidden
}

.featured_images.full img {
    position: relative;
    top: 0;
    left: 0;
    min-height: 440px;
    width: auto !important;
    right: 0
}

.half.first {
    float: left;
    max-width: 447px
}

#center_column .centered.column p {
    color: #8e8e8e;
    font-size: 12px;
    line-height: 18px;
    padding-top: 4px;
    padding-bottom: 25px
}

#center_column .centered.column h3 {
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 24px
}

#center_column .centered.column {
    background: #ece9de;
    max-width: 720px;
    padding: 30px 0;
    min-width: 472px;
    width: 100%;
    margin: 0 auto;
    z-index: 5;
    position: relative
}

#center_column {
    min-height: 1200px
}

.content.inner form p {
    padding-bottom: 0 !important;
    position: relative
}

.content.inner.contact form p {
    color: #363636 !important;
    font-size: 14px !important;
    line-height: 24px !important
}

.content.inner form>.right.address {
    position: relative;
    top: 0;
    max-width: 110px
}

.content.inner .right.column .tweet {
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px dashed #8e8e8e
}

.content.inner .right.column .tweet p {
    color: #363636;
    max-width: 200px
}

.content.inner .right.column .tweet h5 {
    margin-bottom: 10px
}

.sidebar_shift .right.column {
    float: none;
    width: 100%;
    clear: both
}

.sidebar_shift .left.main-content {
    width: 100% !important;
    min-height: 800px !important
}

.sidebar_shift .right.column .box {
    float: left;
    margin-left: 5%;
    width: 45%
}

.centered.column>.wrap {
    min-width: 469px
}

.contact .floatright>.address {
    margin-bottom: 20px
}

.shift_wrap .half.first {
    max-width: 100%
}

.sidebar_shift .right.column {
    width: 522px !important;
    margin: 0 auto;
    padding-top: 0px
}

.sidebar_shift .twitter-feed.box {
    max-width: 525px !important;
    margin-top: 35px !important;
    margin-bottom: 50px;
    width: 99% !important
}

.shift_wrap .right.calendar {
    width: 100% !important
}

.sidebar_shift #home .right.column .box {
    margin-left: 0
}

.sidebar_shift #home .right.column .box.calendar {
    float: right
}

.mobile .right.column {
    margin: 0;
    padding-left: 0;
    width: 100% !important
}

.featured_images.full.header_image .bg.shift {
    width: 100% !important;
    height: auto !important;
    min-width: 1920px
}

.featured_images.full.header_image {
    height: 440px;
    overflow: hidden;
    background: #F5F5F5
}

.menu-mobile .featured_images.full.header_image {
    height: 220px
}

.menu-mobile .featured_images.full.header_image .bg.shift {
    min-width: initial;
    min-height: initial;
    width: 100vw !important;
    top: 105px
}

.menu-mobile .cell-twitter p {
    font-size: 18px !important;
    line-height: 25px !important
}

.menu-mobile .right.column h3 {
    font-size: 18px
}

/* .customize-support.adminbarshift #header {
    top: 46px
} */

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed !important
    }
}

.mobile label.school,
.mobile label.year,
.mobile label.district,
.mobile label.grade,
.mobile label[for="district"] {
    font-size: 18px !important;
    line-height: 40px
}

.lunch-menu.resources.side_section {
    margin-top: 20px
}

.left.main-content .user-content ul li ul {
    display: block
}

li#wp-admin-bar-customize.hide-if-no-customize {
    display: none
}

.lunch-menu.resources.side_section {
    margin-top: 20px
}

.left.main-content .user-content ul li ul {
    display: block
}

.button {
    font-family: "Noto Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding: 15px;
    text-decoration: none
}

.button:hover {
    background-color: #fff;
    color: #363636;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

form {
    position: relative
}

form#news_archive_select {
    margin-top: 100px
}

form#news_archive_select>select {
    line-height: 30px;
    font-size: 14px;
    padding-left: 13px;
    font-weight: 400;
    font-family: verdana;
    width: 100%
}

#submit_results_contact_us {
    min-height: 448px
}

#submit_results_contact_board {
    min-height: 550px
}

#submit_results_contact_safety {
    min-height: 475px
}

#contact_safety .floatright {
    min-height: 550px
}

form#newsletter-form {
    padding-top: 11px
}

form#newsletter-form input {
    float: left
}

input#newsletter-input {
    border: none;
    padding: 0 0 0 10px;
    line-height: 25px;
    height: 25px;
    margin: 0;
    width: 176px;
    font-size: 14px;
    color: #8e8e8e
}

input.submit.button {
    background: #9D2235;
    color: #fff;
    width: 71px;
    border: none;
    height: 25px;
    line-height: 25px;
    margin: 0;
    cursor: pointer;
    padding: 0
}

form {
    position: relative
}

.form_shift .floatright {
    float: left;
    clear: both !important;
    width: 100%;
    margin-bottom: 25px
}

.form_shift .floatright .address {
    float: left;
    margin-right: 58px
}

.form_shift .floatright>p {
    float: right;
    clear: right;
    text-align: left;
    width: 148px
}

.form_shift .floatleft {
    width: 100% !important;
    float: none !important;
    max-width: 100%
}

input[type="text"],
input[type="password"],
textarea {
    background: #fff;
    border: none;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 100%;
    height: 43px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 43px
}

textarea {
    height: 160px;
    line-height: 24px
}

#center_column.login .centered.column .half.first {
    clear: both
}

#center_column .centered.column a,
#center_column .centered.column h3 {
    text-decoration: underline;
    color:#363636 !important;
}

input[type="checkbox"] {
    width: 14px;
    height: 14px;
    border-left: 1px solid #8e8e8e;
    border-top: 2px solid #8e8e8e;
    border-right: 2px solid #8e8e8e;
    border-bottom: 2px solid #8e8e8e;
    display: inline-block
}

input[type="checkbox"]:checked {
    background: #9D2235;
    border: 1px solid #9D2235 !important;
    border-left: 1px solid #9D2235;
    border-top: 2px solid #9D2235;
    border-right: 2px solid #9D2235;
    border-bottom: 2px solid #9D2235
}

input[type=checkbox] {
    position: absolute;
    opacity: 0;
    left: -20px
}

input[type=checkbox]~div {
    width: 14px;
    height: 14px;
    border-left: 1px solid #8e8e8e;
    border-top: 2px solid #8e8e8e;
    border-right: 2px solid #8e8e8e;
    border-bottom: 2px solid #8e8e8e;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1px;
    margin-right: 15px;
    position: relative;
    top: 2px
}

input[type=checkbox]:checked~div {
    background: #9D2235;
    border: 1px solid #9D2235 !important;
    border-left: 1px solid #9D2235;
    border-top: 2px solid #9D2235;
    border-right: 2px solid #9D2235;
    border-bottom: 2px solid #9D2235
}

#login {
    position: absolute;
    right: -40px;
    bottom: -30px;
    border: none;
    background: #9d2235;
    color: #e7e3d6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    font-size: 14px;
    text-align: center;
    width: 150px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

#login:hover,
#submit:hover {
    background: #8e8e8e;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

#submit {
    position: absolute;
    right: -40px;
    font-size: 14px;
    bottom: -30px;
    border: none;
    background: #9d2235;
    color: #e7e3d6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    text-align: center;
    width: 150px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

label {
    color: #8e8e8e;
    font-size: 14px;
    line-height: 18px
}

.content.inner .main-content .user-content .related-block {
    color: #fff
}

.content.inner .main-content .user-content .related-block:hover .block-content {
    background-color: #9D2235
}

.content.inner .main-content .user-content .related-block div {
    margin-bottom: 0
}

.content.inner .main-content .user-content .related-block .block-bg {
    background-size: cover;
    background-color: #666
}

.content.inner .main-content .user-content .related-block .block-content {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.content.inner .main-content .user-content .related-block .block-content .pre-title {
    color: #fff;
    font-size: .875rem;
    margin-bottom: 15px !important
}

.content.inner .main-content .user-content .related-block .block-content a {
    text-decoration: none
}

.content.inner .main-content .user-content .related-block .block-content a:hover {
    -webkit-text-decoration: #fff underline;
    text-decoration: #fff underline
}

.content.inner .main-content .user-content .related-block .block-content .title {
    color: #fff;
    font-size: 1.25rem;
    line-height: normal
}

.content.inner .main-content .user-content .related-block .block-content .content {
    color: #fff;
    background-color: unset;
    padding: 0;
    margin-bottom: 30px !important
}

.content.inner .main-content .user-content .related-block .block-footer {
    background-color: #9D2235;
    padding: 5px 20px 6px;
    margin-bottom: 0
}

.content.inner .main-content .user-content .related-block .block-footer a {
    color: #fff;
    font-size: .875rem;
    text-decoration: none
}

.content.inner .main-content .user-content .related-block .block-footer a:hover {
    -webkit-text-decoration: #fff underline;
    text-decoration: #fff underline
}

.content.inner .main-content .user-content .quote-block .block-content {
    background: #9D2235;
    padding: 73.5px 20px;
    margin: 0
}

.content.inner .main-content .user-content .quote-block .block-content .quote {
    color: #fff;
    font-size: 1.125rem;
    font-style: italic
}

.content.inner .main-content .user-content .quote-block .block-content .quote-author {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 0 !important
}

.content.inner .main-content .user-content .block,
.content.inner .main-content .user-content .related-page {
    display: inline-block;
    vertical-align: top;
    margin: 20px
}

.content.inner .main-content .user-content .block {
    width: calc(100% / 2 - 44px)
}

@media (max-width: 900px) {
    .content.inner .main-content .user-content .block {
        width: calc(100% / 1 - 44px)
    }
}

.content.inner .main-content .user-content .related-page {
    width: calc(100% / 3 - 44px)
}

@media (max-width: 1200px) {
    .content.inner .main-content .user-content .related-page {
        width: calc(100% / 2 - 44px)
    }
}

@media (max-width: 900px) {
    .content.inner .main-content .user-content .related-page {
        width: calc(100% / 1 - 44px)
    }
}

.content.inner .main-content .user-content .related-page .block-content .title {
    min-height: 100px
}

.aligncenter {
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px
}

.alignright {
    float: right;
    margin-left: 10px
}

.alignnone {
    float: none;
    width: 100%;
    height: auto
}

.alignleft,
.content.inner .main-content .user-content img.imagefloat.alignleft {
    float: left;
    margin-right: 10px
}

.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
    content: "";
    display: table
}

.wp-caption {
    margin-bottom: 1em;
    max-width: 100%;
    background: #e1e1e1;
    color: #949494;
    margin-top: 2em;
    margin-right: 2em
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
    width: 100%;
    height: auto
}

.wp-caption.alignright {
    margin-left: 2em
}

p.wp-caption-text,
.user-content p.wp-caption-text {
    color: #949494;
    padding: 0.7em;
    font-weight: 400;
    line-height: 14px !important;
    font-size: 12px !important;
    margin-bottom: 0 !important
}

.floatleft {
    float: left;
    width: 70% !important;
    display: block;
    position: relative
}

.floatright {
    float: right;
    text-align: left;
    width: 22%;
    display: block;
    position: relative;
    height: 100%;
    min-height: 484px;
    padding-bottom: 30px
}

.mobile .floatright {
    float: left !important
}

/* mobile translation styling */
div#side-menu-translate {
    padding: 8px 0 0;
}
#side-menu-translate #google_translate_element .skiptranslate div {
    justify-content: start;
}
#side-menu-translate #google_translate_element {
    padding: 5px 0px;
}
#side-menu-translate #google_translate_element:hover {
    background-color: transparent !important;
}
div#side-menu-translate>div#google_translate_element {
    float: none;
}
#sidemenu div#side-menu-translate>div#google_translate_element a {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    text-transform: initial;
    display: initial;
}
div#side-menu-translate>div#google_translate_element select.goog-te-combo {
    display: block;
    padding: 4px 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
/* end mobile translation styling */

.goog-te-combo {
    height: auto;
    appearance: listbox;
}

div#google_translate_element a span {
    font-size: 0.9em;
    color: #ffffff;
    font-family: "Noto Sans", sans-serif
}

img.goog-te-gadget-icon {
    display: none !important
}

.goog-te-banner-frame {
    display: none !important;
    visibility: hidden !important
}

.goog-te-gadget-simple {
    background-color: #363636 !important;
    border: none !important;
    color: #fff !important
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #e8e8e8 !important;
    font-family: "Noto Sans", sans-serif;
    font-size: 11px
}

.goog-te-menu2-item span {
    font-family: "Noto Sans", sans-serif;
    font-size: 11px;
    color: #9D2235
}

.goog-te-menu2-item-selected span {
    font-family: "Noto Sans", sans-serif;
    font-size: 11px;
    color: #363636
}

/*html.translated-ltr body {
    top: 0px !important
}*/ /*allow body to shift when translated*/

div.printhead {
    display: none
}

@media print {
    div.printhead {
        display: block
    }

    div.right.column>:not(#calendar) {
        display: none
    }

    div#footer {
        display: none
    }

    body {
        background: white;
        color: black;
        margin: 0
    }

    div.district.fullsurround {
        display: none
    }

    #standard.content,
    #news-calendar.content {
        padding-bottom: 0px
    }

    .content {
        padding-top: 0px;
        background: white
    }

    .wrap {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        position: relative
    }

    #standard.content .left.main-content {
        width: 100%
    }

    .left.main-content {
        width: 100%;
        position: relative;
        z-index: 6;
        padding-top: 0px
    }

    .content.inner .main-content .user-content p,
    .content.inner .main-content .user-content li,
    .content.inner .main-content .user-content div {
        color: #000000;
        font-size: 12px;
        line-height: 14px;
        page-break-inside: avoid
    }

    .content.inner .main-content .user-content h1,
    .content.inner .main-content .user-content h1>a {
        font-size: 36px;
        line-height: 38px;
        margin-bottom: 24px;
        page-break-inside: avoid
    }

    .content.inner .main-content .user-content h2,
    .content.inner .main-content .user-content h2>a {
        font-size: 27px;
        line-height: 29px;
        margin-bottom: 26px;
        page-break-inside: avoid
    }

    .user-content h3,
    .user-content h3>a {
        font-size: 18px;
        line-height: 25px;
        page-break-inside: avoid
    }

    .user-content h4,
    .user-content h4>a {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 11px;
        page-break-inside: avoid
    }

    .user-content h1 {
        margin-top: 15px
    }
}

#header {
    /* height: 162px; */
    position: relative;
    z-index: 9998;
    /*top: 0;*/ /*allow header to shift down for the Google Translate bar*/
    /* left: 0;
    right: 0;
    position: fixed;
    top: 0; */
    transition: all 0.3s ease-in-out;
    width: 100%;
}

/* @media (max-width: 900px) {
    #header {
        height: 105px
    }
} */

#header>.wrap {
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width: 1024px) {
    #header>.wrap {
        padding: 12px 32px !important;
    }
}

#header .parent-menu {
    /* position: absolute; */
    /* right: 151px; */
    list-style: none;
}

@media (max-width: 1075px) {
    #header .parent-menu {
        right: 100px
    }
}

@media (max-width: 985px) {
    #header .parent-menu {
        right: 65px
    }
}

#header .parent-menu li, #header .parent-menu a {
    float: left;
    list-style: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: white;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    margin-right: 5%;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
#header .parent-menu li:hover {
    text-decoration: underline
}
#header .logobox, .sidemenu-top .logobox {
    max-height: 90px;
    width: auto;
    max-width: 180px;
    display: block;
    text-align: center;
    border-radius: 8px;
    border: 3px solid transparent;
    transition: all 0.3s ease-in-out;
    padding: 5px;
    z-index: 10
}
#header .logobox:hover {
    border: 3px solid #101828;
}
@media (max-width: 1024px) {
    #header .logobox .logomain, .sidemenu-top .logobox .logomain, #header .logobox, .sidemenu-top .logobox  {
        max-height: 70px !important;
        height: 70px;
        width: auto;
        padding: 0;
        border: none;
    }

}
#header .logobox .logomain {
    display: inline-block !important;
    padding-left: 0;
    padding-top: 0;
    max-height: 90px;
    width: auto;
    max-width: 180px;
    padding-top: 0 !important;
}
#header #menu {
    height: 100%;
    z-index: 1;
    padding-top: 25px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-top: 0;
}

#header .social-icons {
    float: right;
    width: 102px;
    position: relative;
    right: 45px;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#header .social-icons li {
    float: left
}

#header .social-icons li:not(:last-child) {
    margin-right: 15px
}

#header .social-icons a {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 13px;
    width: 13px
}

#header .social-icons .twitter {
    background-image: url("../assets/social-media/twit_g.svg")
}

#header .social-icons .facebook {
    background-image: url("../assets/social-media/fb_g.svg")
}

#header .social-icons .youtube {
    background-image: url("../assets/social-media/yt_g.svg")
}

#header .social-icons .instagram {
    background-image: url("../assets/social-media/ig_g.svg")
}

#header .header-area {
    height: 71px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #9D2235
}

@media (max-width: 945px) {
    #header .header-area {
        height: 105px
    }
}

#header .menu-indent .menu {
    right: 70px
}

.shortmenu .menu li {
    float: none
}

.fullsurround {
    position: relative;
    /* overflow: hidden; */
    background: #ece9de;
    width: 100%;
    /* min-width: 540px */
}

/* #header.inner .wrap {
    padding: 0 0 0 40px
} */

/* #header.inner .searchheader>.wrap {
    max-width: 1099px
} */

/* .searchheader {
    display: block
} */

.menu-small .searchheader {
    display: none
}

#menu-sidebar-button {
    display: none;
    width: 30px;
    height: 24px;
    background: url(" ../assets/hamburgler.png ") no-repeat;
    background-size: 100%;
    position: absolute;
    top: calc(50% - 12px);
    right: 32px;
    cursor: pointer
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
    #menu-sidebar-button {
        right: 40px;
    }
}
@media only screen and (max-width: 767px) {
    #menu-sidebar-button {
        right: 32px;
    }
}

.menu-small #menu-sidebar-button {
    display: block
}

.menu-small .header-area {
    height: 100px
}

/* .shift_wrap #header .wrap {
    padding: 0
} */

/* .shift_wrap #header .alert .wrap {
    padding: 0 40px !important
}

.shift_wrap #header .searchheader .wrap {
    padding: 0 40px !important
}

.shift_wrap #header .social-icons {
    right: 85px
} */

.top-menu-collapse #menu.menu li {
    margin-left: 0 !important;
    text-align: right
}

.top-menu-collapse .tm-3 {
    display: none
}

.top-menu-collapse #header .menu {
    right: 35px !important
}

.top-menu-collapse .tm-2 {
    margin-right: 9px !important
}

.menu-small #header #menu {
    display: none
}

.mobileonly a#logo {
    display: block;
    margin-left: 40px
}

.mobileonly a#logo {
    display: block;
    margin-left: 40px
}

#header .logomobile {
    display: none
}

.menu-small #header .logomobile {
    /* display: block; */
    /* margin-left: 31px;
    padding-top: 10px */
}

#header .logomain {
    display: block
}

/* .menu-small #header .logomain,
.menu-small #header .logobg {
    display: none
} */

.menu-small #header .social-icons {
    display: none
}

/* #header .searchform>input.submit.button {
    float: right
} */

/* #header .searchheader>.wrap {
    max-width: 1076px
} */

#header .searchform input[type="text"] {
    float: right;
    margin-bottom: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 8px;
    outline: none;
    padding-left: 32px;
    width: 100%;
    border: 1px solid #667085;
    height: 100%;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #667085;
}

.mega-menu {
    max-height: calc(100vh - 71px);
    overflow-y: auto;
    background-color: #fff;
    position: absolute;
    top: 71px;
    width: 100%;
    display: none
}

.mega-menu .menu-header {
    text-align: right;
    padding-top: 50px
}

.mega-menu .menu-toggle {
    display: inline-block;
    border: 2px solid #9D2235;
    color: #9D2235;
    padding: 0.1875rem 0.4375rem;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.mega-menu .menu-toggle:hover {
    background-color: #9D2235
}

.mega-menu .menu-toggle:hover span {
    color: #fff
}

.mega-menu .menu-toggle:hover svg {
    stroke: #fff
}

.mega-menu .menu-toggle span {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: .9rem;
    letter-spacing: 1px
}

.mega-menu .menu-toggle svg {
    height: .8rem
}

.mega-menu .menu-main-menu-top-container>.menu {
    padding-top: 30px
}

.mega-menu .no-link {
    display: none
}

.mega-menu .no-link.visible {
    display: block
}

.mega-menu .no-link a:hover {
    text-decoration: underline;
    font-weight: bold
}

.mega-menu .no-link .wrap {
    padding-top: 5px;
    padding-bottom: 40px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media (max-height: 780px) {
    .mega-menu .no-link .wrap {
        padding-bottom: 20px
    }
}

@media (max-height: 700px) {
    .mega-menu .no-link .wrap {
        padding-bottom: 15px
    }
}

.mega-menu .no-link a,
.mega-menu .no-link span {
    font-size: .875rem;
    color: #363636;
    text-decoration: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.mega-menu .no-link span {
    text-transform: uppercase;
    letter-spacing: 1px
}

.mega-menu li {
    list-style: none
}

.mega-menu li .menu-group-title {
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    width: 16%
}

@media (max-width: 1065px) {
    .mega-menu li .menu-group-title {
        width: 12%;
        padding-left: 10px
    }
}

.mega-menu li .sub-menu {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    zoom: 1;
    overflow: auto;
    width: 83%;
    padding-top: 10px
}

.mega-menu li .sub-menu li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 20%;
    margin-bottom: 10px;
    padding: 0 10px
}

.mega-menu li .sub-menu li a {
    display: block;
    line-height: 1.4
}

.mega-menu li .sub-menu li:nth-child(5n+6) {
    clear: both
}

#sidemenu.open {
    opacity: 1;
    pointer-events: initial
}

#sidemenu #side-menu-search {
    padding: 0 40px;
    margin-bottom: 35px
}

#sidemenu #side-menu-search input[type="text"] {
    display: inline-block;
    width: 80%;
    height: auto;
    margin-right: -5px;
    margin-bottom: 0;
    background-color: #E5E5E5
}

#sidemenu #side-menu-search input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    background: url(../assets/search.png) no-repeat center #363636;
    background-size: 13px;
    padding: 21.5px 0
}

#sidemenu .menu {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#sidemenu .menu li {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin: 2px 0;
}
#sidemenu .mainmenu .menu li.current_page_item a {
    background: #101828;
    color: #fff;
}
#sidemenu .resourcemenu .menu li.current_page_item a {
    background: #fff;
    color: #101828;
}

#sidemenu .sub-menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 10px 0
}

#sidemenu .mainmenu a {
    display: block;
    padding: 4px 0;
    font-size: 18px;
    font-weight: 600;
    color:#363636;
    text-decoration: none
}
#sidemenu .resourcemenu a {
    display: block;
    padding: 4px 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-decoration: none
}
#sidemenu .menu .open {
    background-color: #fff !important;
}
#sidemenu .resourcemenu .open {
    background-color: #363636 !important;
}
#sidemenu .side-menu-links {
    padding: 0 40px;
    margin-bottom: 35px
}

#sidemenu .side-menu-links a {
    padding: 20px 0
}

#sidemenu .side-menu-links a:not(:last-child) {
    border-bottom: 2px solid rgba(0, 0, 0, 0.05)
}

#footer {
    background-color: #363636;
    padding: 64px 0;
}

#footer p {
    color: #fafafa
}

#footer li {
    color: #fafafa;
    line-height: 1.25rem;
    list-style-type: none;
    padding-top: 2px;
    padding-bottom: 2px;
}

#footer a {
    color: #fafafa;
    text-decoration: none
}

#footer .search {
    width: 260px
}

@media (max-width: 900px) {
    #footer .search {
        width: 100%
    }
}

#footer .search a {
    cursor: pointer
}

#footer .search form {
    zoom: 1
}

#footer .search input[type="text"] {
    height: 1.5rem;
    padding: .4rem .6rem;
    border: 2px solid #9D2235;
    color: #363636;
    width: 75%
}

@media (max-width: 900px) {
    #footer .search input[type="text"] {
        font-size: .875rem;
        height: 1.5625rem
    }
}

#footer .search input[type="text"]::-webkit-input-placeholder {
    color: #363636
}

#footer .search input[type="text"]:-moz-placeholder {
    color: #363636
}

#footer .search input[type="text"]::-moz-placeholder {
    color: #363636
}

#footer .search input[type="text"]:-ms-input-placeholder {
    color: #363636
}

#footer .search input[type="submit"] {
    width: 25%;
    height: 1.5rem
}

@media (max-width: 900px) {
    #footer .search input[type="submit"] {
        font-size: 1rem;
        height: 1.5625rem
    }
}

#footer .footer-left {
    width: 25%
}

@media (max-width: 900px) {
    #footer .footer-left {
        width: 100%;
        margin-bottom: 25px
    }
}

/* #footer #footer-top {
    padding: 22px 0;
} */

/* @media (max-width: 900px) {
    #footer #footer-top {
        padding: 30px 0
    }
} */

#footer #footer-top #logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
#footer #footer-top #logo:hover {
    background-color: transparent !important;
    padding: 0px;
}
#footer #footer-top #logo img {
    max-height: 50px;
    display: inline
}

#footer #footer-top #logo #tagtext {
    width: 150px;
    height: 28px;
    -webkit-transform: translateY(80%);
    -ms-transform: translateY(80%);
    transform: translateY(80%)
}

@media (max-width: 900px) {
    #footer #footer-top .left,
    #footer #footer-top .right {
        float: none;
        width: 100%
    }
}
#footer .sub-menu li a {
    color: #fafafa !important;
}
#footer #footer-top p, #footer #footer-top a, #footer .footer-middle p, #footer .footer-middle a {
    font-family: "DM Sans", sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 600;
    /* color: #fafafa; */
    transition: all 0.3s ease-in-out;
    padding-left: 4px;
    padding-right: 4px;
}
#footer #footer-top .sub-menu a:hover, #footer .footer-middle .sub-menu a:hover {
    background-color: #fff;
    color: #20242F !important;
    text-decoration: none;
}
#footer #footer-top .menu-item-has-children>a:hover, #footer .footer-middle .menu-item-has-children>a:hover {
    background-color: transparent !important;
    /* color: #fafafa !important; */
}

/* @media (max-width: 900px) {
    #footer #footer-top p {
        font-size: 1.2rem;
        margin-bottom: 5px
    }
} */

/* @media (max-width: 900px) {
    #footer #footer-top .footer-logo {
        margin-bottom: 35px
    }
}

@media (max-width: 900px) {
    #footer #footer-top .social-nav {
        margin-bottom: 25px
    }
} */

#footer #footer-top .social-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 900px) {
    #footer #footer-top .social-icons {
        position: relative;
        top: initial;
        left: initial;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%
    }
}

#footer #footer-top .social-icons li:not(:last-child) {
    margin-right: 20px
}

@media (max-width: 900px) {
    #footer #footer-top .social-icons li:not(:last-child) {
        margin-right: 50px
    }
}

#footer .footer-bottom {
    display: flex;
    justify-content: space-between;
}
#footer .footer-bottom .left-col {
    width: 60%;
}
#footer .footer-bottom .right-col {
    width: 40%;
}
#footer .footer-bottom .right-col .social-nav {
    display: flex;
    justify-content: end;
}
#footer .footer-bottom .right-col .social-nav ul {
    display: flex;
    gap: 30px;
    align-items: center;
}

#footer .footer-menu {
    width: 75%;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 700
}

@media (max-width: 900px) {
    #footer .footer-menu {
        width: 100%;
        -webkit-column-count: inherit;
        column-count: inherit;
        /* margin-bottom: 25px */
    }
}
.footer-logo {
    width: 25%;
}
#footer-top, .footer-middle {
    display: flex;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #333642;
}
#footer .footer-menu .menu {
    /* zoom: 1;
    overflow: auto; */
    display: flex;
    justify-content: space-between;
}

#footer .footer-menu .menu>li {
    width: fit-content;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/* @media (max-width: 900px) {
    #footer .footer-menu .menu>li {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }
} */

#footer .footer-menu .menu>li a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
#footer .footer-menu .menu>.menu-item-has-children>a {
    cursor: initial;
    color: var(--accent-color) !important;
}

/* @media (max-width: 900px) {
    #footer .footer-menu .menu>li a {
        font-size: 1.2rem;
        padding: .8rem;
        color: #fff
    }
} */

/* @media (max-width: 900px) {
    #footer .footer-menu .menu>li:after {
        content: '';
        display: block;
        position: absolute;
        top: 15px;
        right: 20px;
        height: 15px;
        width: 15px;
        background: url("../assets/plus-white.png") center;
        background-size: contain;
        z-index: 2
    }
} */

@media (max-width: 900px) {
    #footer .footer-menu .menu>li.open:after {
        background: url("../assets/minus-white.png") center
    }
}

#footer .footer-menu .menu>li a {
    display: inline-block
}
#footer .parents-footer .sub-menu {
    column-count: 2;
}
#footer .sub-menu {
    margin-top: 8px;
    font-size: .875rem;
    line-height: 1.125rem;
    /* display: flex;
    flex-direction: column; */
}
.footer-logo__wrap {
    display: flex;
    gap: 15px;
}
/* @media (max-width: 900px) {
    #footer .sub-menu {
        display: none
    }
} */

#footer .sub-menu a:hover {
    /* color: #9D2235; */
    /* text-decoration: underline */
}

/* @media (max-width: 900px) {
    #footer .copy {
        display: none
    }
} */

#footer .copy p {
    font-size: 0.875rem
}

#footer .copy p:not(:last-child) {
    margin-bottom: 15px
}

#footer .copy a {
    text-decoration: underline;
}

#footer .copy a:hover {
    text-decoration: underline
}

#footer .shortmenu {
    text-transform: none;
    margin-bottom: 30px
}

@media (max-width: 900px) {
    #footer .shortmenu {
        margin-bottom: 0
    }
}

#footer .shortmenu .menu li {
    margin-left: 0;
    margin-bottom: 5px
}

#footer .shortmenu a {
    font-size: .875rem;
    text-transform: none;
    font-weight: 400
}

#footer .shortmenu a:hover {
    color: #9D2235;
    text-decoration: underline
}

@media (max-width: 900px) {
    #footer .shortmenu a {
        font-size: 1.2rem
    }
}

#footer .address {
    margin-top: 25px;
    font-weight: 700
}

#footer .address p {
    font-size: 1rem
}

@media (max-width: 900px) {
    #footer .address p {
        font-size: 1.3rem
    }
}

#footer .mobile-copyright {
    display: none;
    font-size: 1.2rem
}

@media (max-width: 900px) {
    #footer .mobile-copyright {
        display: block
    }
}

#footer .mobile-copyright p:not(:last-child) {
    margin-bottom: 35px
}

#footer .footer-menu .menu>li .sub-menu>li>a {
    font-family: "DM Sans", sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 600;
    text-decoration: underline;
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
}

#footer #logo>#tagtext {
    margin-bottom: 20px;
    margin-left: 10px
}

.searchform {
    position: relative;
    /* width: 100% */
}

#header .searchheader #search-form {
    height: 28px;
    z-index: 2
}

.searchform input[type="text"] {
    width: 68%;
    margin-right: 0;
    max-width: 190px;
    line-height: 26px;
    margin-left: 0;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px
}

.search-filter-box .searchform input[type="text"] {
    display: table-cell;
    width: inherit;
    max-width: inherit;
    margin-bottom: 0px
}

.textinput {
    display: table-cell;
    width: 100%
}

.inputsubmit {
    display: table-cell;
    vertical-align: top
}

.search-filter-box {
    background: #eaeaea;
    padding: 1em;
    border: 1px dashed;
    margin-bottom: 40px
}

.search-filter-box .search-contents {
    width: 90%;
    margin-right: auto;
    margin-left: auto
}

.search-contents .searchform {
    display: table
}

#home .twitter-text2,
#home .twitter-text3 {
    display: none !important
}

#header .searchform>input.submit.button,
#header .searchform .inputsubmit>input.submit.button {
    background: url("../assets/search.svg");
    background-size: 100%;
    height: 16px;
    position: absolute;
    left: 8px;
    width: 16px;
    top: calc(50% - 8px);
}

.search-result a {
    color: #9D2235;
    text-decoration: none;
    margin-bottom: 5px;
    display: block
}

.searchlimit legend {
    margin-top: 10px;
    font-size: 16px
}

.searchlimit {
    margin-top: 10px
}

.searchlimit label {
    color: #363636
}

.search-result a:hover {
    text-decoration: underline
}

.fluid #news-calendar.calendar .right.column {
    float: right
}

.calendar-144 h3 {
    color: #9d2235 !important
}

.calendar-144 .popover-event-content h4 {
    color: #9d2235
}

.calendar-144 .popover-event-content .event-details {
    background: #9d2235
}

.calendar-237 h3 {
    color: #9d2235 !important
}

.calendar-237 .popover-event-content h4 {
    color: #9d2235
}

.calendar-237 .popover-event-content .event-details {
    background: #9d2235
}

.calendar-143 h3 {
    color: #9d2235 !important
}

.today .calendar-143 h3 {
    color: white !important
}

td.today h3 {
    color: white !important
}

.calendar-143 .popover-event-content h4 {
    color: #9d2235
}

.calendar-143 .popover-event-content .event-details {
    background: #9d2235
}

.calendar-6790 h3 {
    color: #754fc9 !important
}

.today .calendar-6790 h3 {
    color: white !important
}

.calendar-6790 .popover-event-content h4 {
    color: #754fc9
}

.calendar-6790 .popover-event-content .event-details {
    background: #754fc9
}

.calendar-238 h3 {
    color: #474747 !important;
}

.calendar-238 .popover-event-content h4 {
    color: #84bd00
}

.cslist li:first-child {
    display: none
}

.calendar-238 .popover-event-content .event-details {
    background: #84bd00
}

.calendar-236 h3 {
    color: #001489 !important
}

.calendar-236 .popover-event-content h4 {
    color: #001489
}

.calendar-236 .popover-event-content .event-details {
    background: #001489
}

.calendar-235 h3 {
    color: #008eaa !important
}

.calendar-235 .popover-event-content h4 {
    color: #008eaa
}

.calendar-235 .popover-event-content .event-details {
    background: #008eaa
}

.calendar-233 h3 {
    color: #0069b1 !important
}

.calendar-233 .popover-event-content h4 {
    color: #0069b1
}

.calendar-233 .popover-event-content .event-details {
    background: #0069b1
}

.calendar-232 h3 {
    color: #9d2235 !important
}

.calendar-232 .popover-event-content h4 {
    color: #9d2235
}

.calendar-232 .popover-event-content .event-details {
    background: #9d2235
}

.calendar-234 h3 {
    color: #00afd7 !important
}

.calendar-234 .popover-event-content h4 {
    color: #00afd7
}

.calendar-234 .popover-event-content .event-details {
    background: #00afd7
}

.calendar_pdfs a {
    color: #474747 !important;
    font-size: 14px;
    text-decoration: none;
    display: block;
    margin-top: 20px;
    font-weight: 600
}

.calendar label[for="district"],
.calendar label[for="bfac"] {
    border-bottom: none !important;
    margin-top: 35px;
    margin-bottom: 0px
}

.calendar .left {
    width: calc(20% - 15px);
    margin-right: 30px
}

.calendar .right {
    width: calc(80% - 15px)
}

.returnnews {
    float: right
}

.returnnews a {
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    color: #9d2235;
    display: block;
    margin-bottom: 50px
}

#standard.content,
#news-calendar.content {
    padding-bottom: 100px
}

#news-calendar .right.column {
    width: 78%;
    padding-left: 3%;
    float: left;
    margin-top: -200px;
    clear: none
}

#news-calendar .right.column .article {
    max-width: 343px;
    width: 46%;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    height: 265px;
    float: left;
    position: relative;
    margin-left: 4%
}

#news-calendar .right.column .article .bg {
    width: auto !important;
    height: 100%
}

label.school,
label.year,
label.district,
label.grade,
label[for="district"],
label[for="bfac"] {
    color: #363636;
    display: block;
    font-weight: 600;
    line-height: 28px;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px dashed #8e8e8e
}

label[for="district"],
label[for="bfac"] {
    border-color: #353535;
    margin-top: 65px;
    margin-bottom: 65px
}

#news-calendar fieldset>label>input[type="checkbox"] {
    margin-right: 20px;
    border: 2px solid #8e8e8e;
    border-radius: 3px
}

#news-calendar .left.column h1 {
    color: #232323;
    font-size: 37px;
    line-height: 50px;
    padding-bottom: 20px;
    margin-top: 0
}

.staff label[for="district"] {
    border: none;
    margin-top: 30px;
    margin-bottom: 40px
}

#news-calendar .left.column p {
    color: #8e8e8e;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px
}

#news-calendar .left {
    width: calc(20% - 15px)
}

#news-calendar .article .info {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #9D2235;
    right: 0;
    z-index: 56;
    padding: 15px;
    color: #fff;
    font-style: italic
}

#news-calendar .article p.date {
    color: #000;
    z-index: 6;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    padding: 15px;
    line-height: 18px
}

#news-calendar .article h3 {
    color: #ffffff;
    line-height: 24px;
    margin-bottom: 0;
    padding: 10px 15px;
    z-index: 6;
    position: relative;
    text-transform: initial
}

#news-calendar .article h5 {
    color: #E7E3D6;
    padding: 10px 15px;
    font-size: 1rem;
    line-height: 20px;
    font-weight: 400;
    text-transform: none;
    z-index: 6;
    position: relative
}

#news-calendar .overlay-color {
    background: url("../assets/newsoverlay.png") repeat;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#news-calendar .article:hover .overlay-color {
    background: #9D2235
}

option.no-link {
    display: none
}

.news-filters>a {
    color: #9D2235;
    font-weight: 600;
    padding-bottom: 3px;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    line-height: 14px;
    margin-top: 65px;
    display: inline-block;
    margin-bottom: 160px
}

.news-filters>a:hover {
    border-bottom: 2px solid #9D2235
}

#news-calendar.staff .left.column {
    width: 25%
}

#news-calendar.staff .right.column {
    padding-left: 0 !important;
    width: 75%
}

#news-calendar.calendar .right.column {
    background: #F5F5F5;
    min-height: 600px;
    padding: 3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#news-calendar .left.column .event p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 18px
}

#news-calendar .upcoming_events.side_section {
    padding-bottom: 40px
}

#center_column,
#news {
    margin-top: -165px
}

#news-calendar .right.column.sportcal {
    margin-top: 0
}

.article-trim #news-calendar .right.column {
    width: 100%;
    padding: 0;
    margin-top: 0;
    clear: both;
    float: none
}

.article-trim form#news_archive_select {
    width: 98%;
    margin: 0 auto 75px 0;
    display: block;
    float: left
}

.staff_shift #news-calendar.staff .right.column {
    width: 522px !important;
    margin: 0 auto;
    float: none
}

.staff_shift #news-calendar.staff .left.column {
    width: 100%;
    float: none
}

.sidebar_shift #news-calendar .right.column {
    width: 100% !important;
    max-width: 764px
}

.article-trim #news-calendar .left.column {
    width: 100%
}

.article-trim #news-calendar .left.column .group-filter {
    float: left;
    width: 45%;
    margin-top: 50px;
    margin-bottom: 50px
}

.article-trim #news-calendar .left.column #grade-filter {
    float: right;
    margin-bottom: 50px
}

.article-trim #news-calendar .left.column #year-filter {
    float: right;
    margin-top: 50px
}

.article-trim .news-filters>a {
    clear: both;
    margin-bottom: 50px;
    float: left
}

.article-trim #news-calendar .article h5 {
    display: none
}

.column-3-collapse #news-calendar.calendar .right.column,
.column-3-collapse #news-calendar.calendar .left.column {
    width: 100%;
    margin: 0;
    max-width: 100%;
    float: none;
    clear: both
}

.column-3-collapse #news-calendar.calendar .left.column {
    max-width: 100%;
    float: none;
    width: 100%
}

.column-3-collapse #news-calendar.calendar .calendar_pdfs {
    padding-top: 65px
}

@media (max-width: 900px) {
    .column-3-collapse #news-calendar.calendar .calendar_pdfs {
        padding-top: 0
    }
}

.column-3-collapse #news-calendar.calendar .group-filter {
    float: left;
    margin-bottom: 50px
}

.news-filters {
    position: relative
}

.mobile #news-calendar .right.column {
    margin-left: -12px;
    width: 497px
}

.mobile #standard.content,
.mobile #news-calendar.content {
    padding-bottom: 35px
}

.mobile form#news_archive_select {
    width: 97%
}

#sidemenu {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    width: 100vw;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    height: 100%;
    /* max-height: calc(100vh - 105px); */
    overflow: scroll
}

html.translated-ltr #sidemenu {
    top: 145px;
}

#sidemenu.open {
    opacity: 1;
    pointer-events: initial
}

#sidemenu #side-menu-search {
    padding: 0 40px;
    margin-bottom: 35px
}

#sidemenu #side-menu-search input[type="text"] {
    display: inline-block;
    width: 80%;
    height: auto;
    margin-right: -5px;
    margin-bottom: 0;
    background-color: #E5E5E5
}

#sidemenu #side-menu-search input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    background: url(../assets/search.png) no-repeat center #363636;
    background-size: 13px;
    padding: 21.5px 0
}

#sidemenu .sub-menu {
    display: none;
    list-style: none;
    margin: 10px 0;
    padding: 12px 0;
    border: 1px solid #667085;
    box-shadow: 0px 12px 16px -4px rgb(16 24 40 / 8%);
}
#sidemenu .sub-menu a {
    padding: 4px 16px;
}

#sidemenu .side-menu-links {
    padding: 0 40px;
    margin-bottom: 35px
}

#sidemenu .side-menu-links a {
    padding: 20px 0
}

.catalog hr,
.database hr {
    background: #9d2235;
    height: 4px;
    border: none;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px
}

.catalog h2,
.database h2 {
    color: #9d2235;
    font-size: 18px;
    line-height: 24px
}

.library .featured-images {
    margin-bottom: 25px !important
}

.lrc_resources a,
.resources a {
    color: #9d2235
}

.lrc_resources li:hover>a,
.resources li:hover>a {
    color: #8e8e8e
}

.lrc_resources>ul>li,
.resources>ul>li {
    list-style: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 14px;
    display: block;
    width: 100%;
    margin-left: 0
}

.sidebar_shift #home .right.column .box.pto {
    margin-top: 30px
}

.lrc_resources,
.resources {
    margin-bottom: 75px
}

.library .listing {
    float: left;
    position: relative;
    width: 30%;
    margin-left: 23px;
    margin-top: 45px;
    background: #9d2235
}

.library .main-content .catalog {
    margin-bottom: 50px
}

.library .listing h2 {
    color: #e7e3d6;
    position: relative;
    display: block;
    z-index: 66;
    font-size: 18px;
    line-height: 20px;
    padding: 15px 10px;
    letter-spacing: 0
}

.library .listing a {
    text-decoration: none
}

.library .listing .library-overlay {
    background: url("../assets/libraryoverlay.png") repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60;
    right: 0;
    bottom: 0;
    display: none
}

.library .listing:hover .library-overlay {
    display: block
}

.library .listing img {
    width: 100%;
    height: auto
}

#standard.athletics .left.main-content {
    padding-top: 0;
    padding-left: 40px;
    min-height: 0
}

.lrc_resources li>.sub-menu>li,
.resources li>.sub-menu>li {
    list-style: none;
    margin-left: 15px;
    padding-top: 8px;
    padding-bottom: 5px;
    font-weight: 400;
    color: #8e8e8e
}

.lrc_resources li.menu-item-has-children:hover>a,
.resources li.menu-item-has-children:hover>a {
    color: #9d2235 !important
}

.lrc_resources li.menu-item-has-children,
.resources li.menu-item-has-children {
    background: url("../assets/plus-sm.png") no-repeat top right
}

.lrc_resources li.menu-item-has-children.open,
.resources li.menu-item-has-children.open {
    background: url("../assets/minus-sm.png") no-repeat top right
}

.lrc_resources li>.sub-menu>li a,
.resources li>.sub-menu>li a {
    color: #8e8e8e;
    text-decoration: none
}

.lrc_resources li>.sub-menu>li a:hover,
.resources li>.sub-menu>li a:hover {
    color: #9d2235
}

.athletics .athletic_info.resources.side_section {
    margin-top: 85px;
    max-width: 340px;
    min-height: 188px
}

.lrc_resources li>.sub-menu,
.resources li>.sub-menu {
    background: #fff;
    display: none
}

.lrc_resources>ul>li>a,
.resources>ul>li>a {
    border-bottom: 1px dashed #8E8E8E;
    padding-top: 3px !important;
    margin-top: 4px !important;
    padding-bottom: 8px;
    display: block;
    text-decoration: none;
    color: #9d2235;
    letter-spacing: 0
}

.catalog .listing:first-child,
.catalog .listing.first {
    margin-left: 0 !important
}

.menu-mobile .lrc_resources li.menu-item-has-children,
.menu-mobile .resources li.menu-item-has-children {
    background: url("../assets/plus-sm.png") no-repeat 457px 9px
}

.menu-mobile .lrc_resources li.menu-item-has-children.open,
.menu-mobile .resources li.menu-item-has-children.open {
    background: url("../assets/minus-sm.png") no-repeat 457px 9px
}

.menu-mobile .content.inner .right.column .tweet p {
    max-width: 100%
}

.content.inner.library .main-content .user-content {
    padding-bottom: 50px;
    padding-top: 20px
}

.content.inner.library .main-content .user-content {
    padding-bottom: 50px;
    padding-top: 20px
}

.library .listing {
    height: 272px
}

#standard.athletics {
    padding-top: 0
}

#standard.athletics .right.column {
    padding-top: 0;
    margin-top: -150px;
    width: 33%;
    padding-left: 1%
}

#standard.athletics .event {
    max-width: 240px
}

#standard.athletics .left.main-content {
    width: 60%
}

.athletics .upcoming_events.left {
    max-width: 340px;
    width: 48%
}

.athletics .upcoming_events .events {
    margin-bottom: 45px
}

.athletics_shift .event {
    max-width: 100% !important
}

.athletics .right.calendar {
    width: 60% !important;
    margin-left: 3%;
    margin-top: 30px
}

.athletics .event h2 {
    padding-bottom: 12px
}

.athletics_shift .athletics .full>.left,
.athletics_shift .athletics .full>.right,
.athletics_shift .athletics fieldset {
    float: none;
    max-width: 100%;
    margin-top: 45px;
    width: 100% !important
}

.athletics_shift .athletics .full>.right {
    margin-right: 0;
    margin-left: 0
}

label.team {
    color: #8e8e8e;
    display: block;
    font-weight: 600;
    line-height: 28px;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px dashed #8e8e8e
}

.athletics fieldset {
    max-width: 340px
}

.athletics fieldset>label>input[type="checkbox"] {
    margin-right: 20px;
    border: 2px solid #8e8e8e;
    border-radius: 3px
}

.athletics .article .bg {
    width: auto !important;
    height: 100%
}

.athletics .article:hover .overlay-color {
    background: #9D2235
}

.athletics .article .overlay-color {
    background: url("../assets/newsoverlay.png") repeat;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.athletics .article p.date {
    color: #000;
    z-index: 6;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    padding: 15px;
    line-height: 18px
}

.athletics .article h2 {
    color: #e7e3d6;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    padding: 10px 15px;
    z-index: 6;
    position: relative;
    text-transform: uppercase
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.athletics .article {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    height: 277px;
    float: none;
    position: relative
}

.athletics .article .info {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #9D2235;
    right: 0;
    z-index: 56;
    padding: 15px;
    color: #fff;
    font-style: italic
}

.sidebar_shift .athletics .article:nth-child(odd) {
    margin-left: 0 !important
}

.article-mobile .athletics .left.column {
    width: 100%
}

.athletic_news.side_section {
    margin-bottom: 85px;
    min-height: 150px
}

.game_results {
    max-width: 570px;
    margin-bottom: 50px
}

.game_results table,
.user-content table {
    width: 100%;
    color: #363636;
    border-collapse: collapse
}

.game_results table th,
.game_results table td,
.user-content table td,
.user-content table th {
    text-align: left;
    padding: 7px 0;
    font-size: 16px;
    line-height: 30px
}

.game_results table tr.bottom,
.user-content table tr.bottom {
    border-bottom: 1px dashed #8e8e8e
}

.athletics .article h5 {
    color: #E7E3D6;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 10px 15px;
    font-style: italic;
    z-index: 6;
    position: relative
}

.athletics.content.inner .main-content .game_results>.user-content {
    min-height: 0;
    padding-top: 10px
}

.athletics.content.inner .main-content .user-content {
    min-height: 408px
}

.athletics .section.full.side_section {
    padding-left: 40px
}

.sidebar_shift .athletics .section.full.side_section {
    padding-left: 0
}

.shift_right .tm-2 {
    margin-right: 46px !important
}

.sidebar_shift .athletics .right.column {
    margin: 0 !important;
    width: 100% !important
}

.article-mobile .athletics .right.column {
    width: 361px !important;
    padding: 0;
    margin: 0 auto !important;
    clear: both;
    float: none
}

.sidebar_shift .athletics .right.column .article {
    float: left;
    margin-left: 23px;
    width: 47%
}

.shift_right .top-menu-interior {
    padding-right: 10px
}

.sidebar_shift .athletics .right.column .article:first-child {
    padding: 0
}

.article-mobile .athletics .right.column .article {
    float: none;
    width: 362px;
    margin: 25px auto
}

.top-menu-collapse .tm-1 {
    margin-right: 27px !important
}

.article-mobile .athletics .athletic_info.resources.side_section {
    width: 340px;
    margin: 85px auto
}

.menu-small .athletics .right.calendar {
    width: 100%;
    float: none;
    clear: both;
    margin-top: 50px;
    display: block;
    margin-left: 0
}

.menu-small .athletics .upcoming_events.left {
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%
}

.menu-small #standard.athletics .event {
    max-width: 100%
}

.sidebar_shift #standard.athletics .left.main-content {
    padding-left: 0
}

.menu-mobile .game_results table th,
.menu-mobile .game_results table td {
    font-size: 18px;
    line-height: 22px;
    text-align: center
}

.menu-mobile .athletics .article p,
.menu-mobile .side_section .event p {
    font-size: 18px !important;
    line-height: 22px !important
}

.menu-mobile .tweet h5 {
    font-size: 18px !important;
    line-height: 25px !important
}

.menu-mobile .lrc_resources>ul>li>a,
.menu-mobile .resources>ul>li>a,
.menu-mobile .lrc_resources li>.sub-menu>li a,
.menu-mobile .resources li>.sub-menu>li a {
    font-size: 18px !important;
    line-height: 25px !important
}

.menu-mobile .athletics .athletic_info.resources.side_section {
    margin: 85px 0 !important;
    width: 100%;
    max-width: 100%
}

.menu-mobile .athletics .article h5 {
    display: none
}

.shift_right .athletics .article h5 {
    display: none
}

.athletics .upcoming_events.left .clear {
    height: 50px
}

.athletics.content.inner .right.column .tweet p {
    width: 100%;
    max-width: 100%
}

.shift_right .athletics .article h5 {
    display: none
}

.athletics .user-content ul {
    display: block
}

.athletic_news .twitter-feed.box {
    height: 277px;
    background: #232323;
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px
}

.athletics.content.inner .right.column .athletic_news .twitter-feed.box .tweet {
    padding: 17px 12px;
    border-bottom: none
}

.athletic_news .twitter-feed.box .tweet h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px
}

.athletic_news .twitter-feed.box .info {
    background: url("https://bhs.bps101.net/wp-content/themes/district/assets/tweet2.png") no-repeat center right #9D2235;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    padding: 17px 12px 18px 14px
}

.athletics.content.inner .right.column .athletic_news .twitter-feed.box .tweet p {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px
}

.alert#emergency-banner span>a {
    text-decoration: underline;
    color: #fff;
    margin-top: 5px;
    display: block
}

.alert#emergency-banner span>a.readmore {
    display: block;
    margin-top: 15px
}

.alert#emergency-banner span>a:hover {
    text-decoration: none
}

.group-filter #school-filter label,
#year-filter label {
    border-bottom: 1px dashed #8E8E8E;
    width: 100%;
    display: block
}

.alert#emergency-banner span {
    padding-top: 50px;
    display: block
}

#home .gallery ul {
    list-style: none;
    overflow: hidden;
    position: absolute;
    margin-left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.gallery ul {
    list-style: none;
    margin-left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.video-gallery-overlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../assets/full_blank_overlay.png") repeat-x repeat-y left bottom
}

.slider .slider-image-list {
    overflow: hidden;
    position: relative;
    cursor: move
}

.slider .slider-image-list ul {
    list-style: none
}

.slider .slider-image-list ul li {
    position: absolute;
    width: 100%;
    top: 0;
    min-width: 720px
}

.slider .slider-image-list ul li img {
    width: 100%;
    height: auto
}

.gallery-navigation {
    position: absolute;
    top: 10px;
    right: 35px;
    z-index: 8
}

.gallery-home.gallery {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gallery-navigation a,
.gallery-button-container a {
    color: transparent;
    background: #fff;
    margin: 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    padding: 0;
    display: inline-block;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.gallery-navigation a.active,
.gallery-button-container a.active {
    background: #9D2235;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.gallery-home.gallery li>img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

#home .headliner h1 {
    font-size: 2.5rem;
    line-height: 2.8125rem;
    letter-spacing: .03rem;
    color: #fff
}

#home .headliner h1,
#home .headliner h2,
#home .headliner h3,
#home .headliner h4,
#home .headliner h5,
#home .headliner h6 {
    color: #fff
}

#home .headliner p {
    font-family: "Noto Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #fff
}

@media (max-width: 900px) {
    #home .headliner p {
        font-size: 0.9375rem !important;
        margin-bottom: 25px;
        line-height: 1.4
    }
}

#home .headliner .read_more {
    display: block;
    text-align: left;
    margin-top: 25px
}

#home .headliner a {
    color: #fff
}

#home .headliner .button {
    color: #fff
}

#home .headliner .button:hover {
    color: #363636;
    text-decoration: none
}

.home-hero {
    position: relative;
    height: calc(100vh - 150px);
    min-height: 710px;
    max-height: 900px
}

.headliner-parent {
    display: table;
    vertical-align: middle;
    max-width: 1180px;
    height: 100%;
    margin: 0 auto;
    padding: 0 40px
}

.headliner-child {
    display: table-cell;
    vertical-align: middle
}

.sidebar_shift .left.main-content .headliner {
    max-width: 100% !important;
    margin-bottom: 20px !important
}

.featured_video.full.header_video .headliner {
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 40%;
    float: right;
    padding: 0 50px;
    z-index: 10
}

.featured_video.full.header_video .headliner p {
    margin: 30px 0px
}

.home-gallery-overlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../assets/fullgradient.png") repeat-x left bottom
}

.sidebar_shift .home-gallery-overlay {
    background: url("../assets/try1.png") repeat-x left top;
    height: 969px
}

#home .event-top {
    background: #9D2235;
    clear: both;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 20px 0
}

#home .event-top:before {
    content: '';
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #9D2235
}

/* #home .events-wrapper {
    background-color: #f5f5f5
} */

#home .events-wrapper .event, .three-col .card-column, .news .article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    max-width: 100%;
    width: calc((100% / 3) - (40px / 3));
    min-height: 225px;
    padding: 25px 25px 40px 25px;
}

@media (max-width: 900px) {
    #home .events-wrapper .event {
        width: 100%;
        margin-bottom: 25px
    }
}

#home .events-wrapper .event:not(:last-child), .three-col .card-column:not(:last-child), .news .article:not(:last-child) {
    margin-right: 20px
}

@media (max-width: 900px) {
    #home .events-wrapper .event:not(:last-child), .three-col .card-column:not(:last-child), .news .article:not(:last-child) {
        margin-right: 0
    }
}

#home .events-wrapper .event h2, .events-wrapper .event h2 {
    font-size: 1.25rem;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #9D2235;
    border-bottom: 2px solid #9D2235
}

@media (max-width: 900px) {
    #home .events-wrapper .event h2 {
        line-height: 1.8;
        font-size: 1.6rem;
        padding-bottom: 25px;
        margin-bottom: 25px
    }
}

/* #home .events-wrapper .event p {
    color: #000;
    text-transform: uppercase
} */

/* @media (max-width: 900px) {
    #home .events-wrapper .event p {
        font-size: 1.2rem
    }
} */

.event {
    float: left;
    max-width: 24%;
    color: #fff;
    padding-bottom: 15px;
    padding-right: 8%;
    padding-left: 1%;
    border-left: 1px solid #fff;
    width: 100%
}

.event-top h3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1180px;
    padding: 0 40px;
    margin: 0 auto;
    position: relative
}

.event-top h3,
.event-top h3>a {
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
    color: #fff
}

.upcoming_events.side_section .event h2 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 17px
}

.side_section .event p.datetime {
    color: #363636;
    padding-top: 10px;
    font-weight: 600;
    border-top: 1px dashed #8e8e8e;
    padding-bottom: 10px;
    max-width: 100% !important
}

.side_section .event p {
    font-size: 14px;
    line-height: 18px;
    color: #8e8e8e;
    max-width: 80%
}

.upcoming_events.side_section {
    padding-bottom: 100px;
    color: #474747 !important;
}

.upcoming_events.side_section h2 {
    margin-bottom: 5px;
    color: #363636 !important;
}

.lrc_resources > ul > li > a, .resources > ul > li > a {
    color: #474747;
}

.upcoming_events .event {
    float: none;
    margin-top: 20px;
    max-width: 100%;
    border-left: none;
    padding-bottom: 0
}

#home .right.column {
    padding-top: 120px;
    font-family: "Noto Sans", sans-serif
}

#home .right.column h3 {
    font-family: "Signika Negative", sans-serif;
    font-size: 0.875rem
}

#home .right.column h3 a {
    padding: 12px 12px 12px 14px
}

@media (max-width: 900px) {
    #home .event-listing {
        overflow: auto
    }
}

#home .event-link {
    float: right;
    font-size: 0.875rem
}

#home .event-link:after {
    content: '';
    display: inline-block;
    width: 80px;
    height: 22px;
    background: url(../assets/events-home-white.svg) no-repeat center right
}

@media (max-width: 900px) {
    #home .event-link {
        display: none
    }
}

#home .mobile-event-link {
    display: none
}

@media (max-width: 900px) {
    #home .mobile-event-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 42px;
        background: url(../assets/events-mobile.png) no-repeat center right;
        background-size: 97px 27px
    }

    #home .mobile-event-link a {
        width: 100%;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
        color: #9D2235
    }

    #home .mobile-event-link a:hover {
        color: #363636;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
}

#home .event h2 {
    line-height: 1.75rem
}

#home.content {
    min-height: 814px;
    /* border-bottom: 2px solid #E5E5E5; */
    overflow: hidden;
    position: relative
}

.sidebar_shift #home.content {
    border: none !important
}

.left.main-content {
    width: 71%;
    position: relative;
    z-index: 6;
    padding-top: 115px
}

.full-width.main-content {
    position: relative;
    z-index: 6;
    padding-top: 115px
}

#home .left.main-content {
    min-height: 699px
}

.headliner-container {
    background: rgba(54, 54, 54, 0.9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 235px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 2
}

.headliner-container .headliner {
    color: #fff;
    padding: 35px 0
}

.headliner-container .headliner h1 {
    line-height: 2.1875rem !important;
    margin-bottom: 10px
}

.headliner-container .headliner p {
    font-size: 16px
}

.headliner-container .wrap {
    position: relative
}

#home .right.column.mobileonly {
    padding-top: 0;
    width: auto !important;
    margin: 0 40px 100px;
    padding-left: 0
}

@media (min-width: 900px) {
    #home .right.column.mobileonly {
        height: auto;
        display: none
    }
}

#home .right.column.mobileonly .box.mobile {
    margin-top: 24px !important;
    max-width: none !important;
    width: 100% !important
}

@media (max-width: 900px) {
    #home .right.column.mobileonly .box.mobile {
        display: block;
        height: 47px
    }
}

#home .right.column .box {
    height: 47px;
    position: relative;
    max-width: 245px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px
}

@media (max-width: 900px) {
    #home .right.column .box {
        height: auto;
        display: none
    }
}

#home .right.column .box h3 {
    margin-bottom: 0
}

@media (max-width: 900px) {
    #home .right.column .box h3 {
        padding-top: 0;
        font-size: 1rem
    }
}

#home .right.column .box .info {
    background: #363636;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s
}

#home-content-bg {
    position: absolute;
    top: -84px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

#home-content-bg img {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: auto;
    top: 0
}

#home .right.column .box a>img {
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 150px
}

.sidebar_shift #home .right.column .box.news,
.sidebar_shift #home .right.column .box.calendar {
    margin-top: 90px
}

.sidebar_shift #home.content {
    min-height: 1430px
}

.mobile #home .right.column .box.calendar {
    float: left
}

.twitter-feed.multi.side_section h2 {
    text-transform: uppercase;
    margin-bottom: 5px
}

.right.column .box .tweet h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px
}

#home .right.column .box.twitter-feed .info {
    background: url("../assets/twitter-home.png") no-repeat center right 15px #363636;
    background-size: 22px
}

#home .right.column .box.twitter-feed .info a {
    text-decoration: underline
}

#home .right.column .box.calendar .info {
    background: url("../assets/calendar-home.png") no-repeat center right 15px #363636;
    background-size: 22px
}

#home .right.column .box.news .info {
    background: url("../assets/news-home.png") no-repeat center right 15px #363636;
    background-size: 22px
}

#home .right.column .box .tweet {
    padding: 12px 12px;
    background: #fff;
    margin-top: 5px
}

#home .right.column .box .tweet p {
    color: #363636;
    font-size: 0.8125rem;
    line-height: 22px
}

#home .right.column .box:hover .info {
    background-color: #9D2235;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s
}

.main-content {
    width: 100%
}

.right .column {
    width: 100%
}

.skip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    text-align: left;
    overflow: hidden
}

a.skip:active,
a.skip:focus,
a.skip:hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible
}

#standard .right.column .user-content a {
    margin-bottom: 10px;
    display: block
}

.side_section h2,
.right.column .user-content h2 {
    color: #9d2235;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.right.column .user-content ul {
    list-style: none
}

.right.column .user-content ul.children {
    padding-left: 20px;
    color: #000000 !important
}

.right.column .user-content ul.children li.page_item ul.children li.page_item a {
    color: #000000 !important
}

.right.column>.user-content>ul>li.page_item>ul.children {
    padding-left: 0px
}

.right.column>.user-content>ul>li.page_item>ul.children>li.page_item>a {
    color: #363636
}

.right.column .user-content .children a {
    font-weight: normal !important;
    border-bottom: none !important;
    color: #363636
}

.right.column .user-content ul.children {
    padding-top: 0px
}

.right.column .user-content li.page_item {
    padding-top: 10px !important
}

.user-content ul ul,
.user-content .current_page_item ul ul,
.user-content .current_page_ancestor ul ul,
.user-content .current_page_ancestor .current_page_item ul ul,
.user-content .current_page_ancestor .current_page_ancestor ul ul {
    display: none
}

.user-content .current_page_item ul,
.user-content .current_page_ancestor ul,
.user-content .current_page_ancestor .current_page_item ul,
.user-content .current_page_ancestor .current_page_ancestor ul,
.user-content .current_page_ancestor .current_page_ancestor .current_page_item ul,
.user-content .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
    display: block
}

.right.column .user-content h2 {
    border-bottom: solid 4px #9D2235;
    padding-bottom: 5px
}

.right.column .user-content p {
    font-size: 14px;
    line-height: 16px;
    color: #363636
}

.right.column .user-content a,
#standard .right.column .user-content a {
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    border-bottom: 1px dashed #363636;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 0
}

.right.column .user-content p:last-child a {
    border-bottom: none !important
}

.right.column .user-content {
    margin-bottom: 40px
}

.content.inner .right.column .tweet.last {
    border: none;
    padding-bottom: 50px
}

.side_section hr {
    background: #9d2235;
    height: 4px;
    border: none;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px
}

.content.inner .main-content .user-content h1,
.content.inner .main-content .user-content h1>a {
    color:#363636 !important;
    margin-bottom: 30px;
    text-decoration: none
}

.content.inner .main-content .user-content ul,
.content.inner .main-content .user-content ol {
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 15px
}

.content.inner .main-content .user-content p,
.content.inner .main-content,
.content.inner .main-content .user-content div {
    color: #474747;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 14px
}

.content.inner .user-content li {
    margin-bottom: 10px
}

.content.inner .main-content .user-content .wp-caption.alignright img {
    margin: 0
}

.user-content h2,
.user-content h3,
.user-content h4,
.user-content table,
.user-content hr,
.user-content p,
.user-content ul,
.user-content ol {
    margin-bottom: 20px !important
}

.user-content table th {
    background: #9D2235;
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #fff
}

.user-content table td {
    border-bottom: 1px solid #363636;
    border-top: 1px solid #363636;
    border-right: 1px solid #363636;
    border-left: 1px solid #363636;
    padding-left: 10px !important;
    padding-right: 10px !important;
    vertical-align: top
}

.user-content table tr td:first-child {
    border: 1px solid #363636
}

.user-content table {
    border: 2px solid #363636;
    border-collapse: collapse;
    margin-top: 25px;
    padding: 0;
    border-spacing: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.user-content table.styled-table td {
    border-bottom: 1px dashed #CACACA;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-top: none
}

.user-content table tr td:last-of-type {
    border-right: 2px solid #363636
}

.user-content table tr:last-of-type td {
    border-bottom-color: transparent
}

.user-content p a,
.user-content td a,
.user-content li a,
.user-content th a {
    color: #363636 !important;
    text-decoration: underline !important;
    font-weight: 400
}

.user-content p a:hover,
.user-content td a:hover,
.user-content li a:hover,
.user-content th a:hover {
    color: #9D2235
}

.user-content p a {
    text-decoration: underline
}

.user-content h1 {
    margin-top: 60px
}

.user-content h4 {
    line-height: 38px;
    color:#363636 !important
}

.content.inner .main-content .user-content img {
    margin: 20px 0
}

.content.inner .main-content .user-content img.alignright {
    margin-left: 10px
}

.user-content h2 {
    content: "";
    clear: left
}

.user-content p a img {
    height: auto;
    max-width: 100%;
    width: auto;
    margin-right: 32px;
    margin-bottom: 45px
}

.featured_video.full.header_video {
    overflow: hidden;
    position: relative;
    height: 720px
}

.standard.content.inner .left.main-content.video-full {
    width: 100%;
    padding-top: 0px;
    float: none
}

.standard.content.inner .video-wrap {
    vertical-align: middle;
    display: table-cell
}

.button.play-video {
    border: 2px solid white;
    padding: 10px
}

.left.main-content.video-full .user-content {
    vertical-align: middle;
    margin-bottom: 60px
}

.featured_video.full.header_video {
    overflow: hidden;
    position: relative;
    height: 720px
}

.standard.content.inner .left.main-content.video-full {
    width: 100%;
    padding-top: 0px;
    float: none
}

.standard.content.inner .video-wrap {
    vertical-align: middle;
    display: table-cell
}

.left.main-content.video-full .user-content {
    vertical-align: middle;
    margin-bottom: 60px
}

.button.play-video {
    border: 2px solid white;
    padding: 10px
}

#standard .featured-images img {
    width: 100%;
    height: auto
}

#standard .featured-images {
    position: relative;
    overflow: hidden;
    min-height: 400px
}

#standard .featured-images .adtl-info {
    position: absolute;
    width: 60%;
    padding: 1.5em 1.7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 60;
    bottom: 23px;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.7)
}

#standard .featured-images .adtl-info p {
    padding-top: 5px
}

#standard.content .right.column {
    padding-top: 110px
}

#standard.content .left.main-content {
    width: 66%
}

#standard .right.column {
    width: 21%
}

#standard.library .left.main-content {
    width: 75%
}

.mobile #standard .featured-images .adtl-info {
    width: 100%
}

#standard .featured-images img {
    width: 100%;
    height: auto
}

#standard .featured-images {
    position: relative;
    overflow: hidden;
    min-height: 400px
}

#standard .featured-images .adtl-info {
    position: absolute;
    width: 60%;
    padding: 1.5em 1.7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 60;
    bottom: 23px;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.7)
}

#standard .featured-images .adtl-info p {
    padding-top: 5px
}

#standard.content .right.column {
    padding-top: 110px
}

#standard.content .left.main-content {
    width: 66%
}

#standard .right.column {
    width: 21%
}

#standard.library .left.main-content {
    width: 75%
}

.mobile #standard .featured-images .adtl-info {
    width: 100%
}

.standard.content.inner.even {
    background: #ffffff;
    padding: 0px;
    display: table;
    width: 100%
}

.standard.content.inner.odd {
    background: #f9f9f9;
    padding: 0px;
    display: table;
    width: 100%
}

.standard.content.inner.even {
    background: #ffffff;
    padding: 0px;
    display: table;
    width: 100%
}

.standard.content.inner.odd {
    background: #f9f9f9;
    padding: 0px;
    display: table;
    width: 100%
}

.faculty p:hover>a {
    color: #8e8e8e
}

.faculty {
    display: block;
    float: left;
    margin-left: 3%;
    margin-bottom: 20px;
    background: #e7e3d6;
    max-width: 245px;
    min-height: 400px;
    position: relative
}

.faculty .info {
    padding: 10px
}

.faculty h2 {
    color:#363636 !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px
}

.faculty h4 {
    color: #363636;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 16px
}

.faculty p,
.faculty p>a {
    color:#363636 !important;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px
}
.wp-caption-text strong, h1, div:not(.catalog) > div:not(.listing) > h2, h4 {
    color:#474747 !important;
}
.staff .right.column {
    margin-top: 0 !important
}

.faculty img {
    width: 100%;
    height: auto
}

.content.staff {
    padding-top: 199px;
    padding-bottom: 50px
}

.staff_shift .staff .faculty:nth-child(odd) {
    margin-left: 0 !important
}

.staff_shift .staff_search .searchform #search-staff {
    width: 88%;
    max-width: 100%
}

.staff_shift .staff .faculty {
    margin-left: 4%
}

.staff_shift .staff .news-filters {
    margin-bottom: 50px;
    width: 518px;
    margin: 0 auto 50px auto
}

.staff_shift .staff form#grade-filter {
    float: right;
    min-width: 208px;
    margin-right: 8%
}

.mobile .staff fieldset {
    max-width: 100%
}

.mobile .staff .group-filter,
.mobile .staff #grade-filter {
    width: 100% !important;
    float: none !important
}

.mobile .staff .faculty:nth-child(odd) {
    margin-left: auto !important
}

.mobile .staff_listing.faculty {
    max-width: 300px;
    float: none;
    margin-right: auto !important;
    margin-left: auto !important
}

.staff_shift .staff .group-filter {
    float: left;
    margin-top: 0 !important
}

.menu-mobile .staff .wrap {
    padding: 0 15px !important
}

.handbook .left {
    width: 70% !important
}

.handbook .breadcrumbs {
    padding-top: 150px;
    margin-bottom: 50px;
    font-size: 0.875rem;
    line-height: 1.125rem
}

.handbook .breadcrumbs a {
    color: #363636
}

.handbook .breadcrumbs a:hover {
    color: #9D2235
}

@media (max-width: 900px) {
    .handbook .breadcrumbs a {
        text-decoration: none;
        font-size: 1rem
    }

    .handbook .breadcrumbs.nav-open {
        margin-bottom: 0
    }
}

.handbook .breadcrumbs .policy-breadcrumb-desktop {
    position: relative;
    display: inline-block;
    background-color: white;
    border: 1px solid #E5E5E5;
    font-weight: 700;
    padding: 20px 0 20px 0;
    opacity: 1
}

.handbook .breadcrumbs .policy-breadcrumb-desktop.nav-open:after {
    -webkit-transform: translateY(-50%) rotateX(-180deg);
    transform: translateY(-50%) rotateX(-180deg);
    opacity: 0
}

.handbook .breadcrumbs .policy-breadcrumb-desktop ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 900px) {
    .handbook .breadcrumbs .policy-breadcrumb-desktop ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.handbook .breadcrumbs .policy-breadcrumb-desktop li {
    position: relative;
    list-style: none;
    display: inline-block
}

.handbook .breadcrumbs .policy-breadcrumb-desktop li:not(:last-child) {
    margin-right: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.handbook .breadcrumbs .policy-breadcrumb-desktop li a {
    line-height: 25px
}

.handbook .breadcrumbs .policy-breadcrumb-desktop li:last-child a {
    color: #9D2235
}

.handbook .breadcrumbs .policy-breadcrumb-desktop li:not(:first-child):last-child a {
    pointer-events: none
}

.handbook .breadcrumbs .policy-breadcrumb-desktop li.active {
    color: #9D2235
}

.handbook .breadcrumbs .policy-breadcrumb-desktop li:not(:last-child):after {
    content: "";
    width: 1px;
    background: #000000;
    position: absolute;
    height: 40px;
    margin-left: 20px;
    top: -8px;
    right: -20px
}

@media (max-width: 900px) {
    .handbook .breadcrumbs .policy-breadcrumb-desktop li:not(:last-child):after {
        height: 100%;
        top: 0
    }
}

@media (max-width: 900px) {
    .handbook .breadcrumbs .policy-breadcrumb-desktop.nav-open {
        display: none
    }
}

.handbook .breadcrumbs .close-policy-nav-mobile {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 15px;
    top: 102px;
    height: 40px;
    width: 160px;
    border: 1px solid #9D2235;
    color: #9D2235;
    font-weight: 600;
    text-align: center;
    padding: 10px 10px;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.handbook .breadcrumbs .close-policy-nav-mobile:hover {
    background-color: #9D2235;
    color: #fff
}

@media (max-width: 900px) {
    .handbook .breadcrumbs .close-policy-nav-mobile.nav-open {
        display: block
    }
}

.handbook .policy-back-button {
    display: none;
    height: 50px
}

.handbook .policy-back-button:after {
    content: '';
    display: inline-block;
    background: url("../assets/arrow-down.svg") no-repeat center;
    background-size: 10px;
    width: 20px;
    height: 14px;
    margin-left: 10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.handbook .policy-back-button a {
    color: #9D2235;
    text-decoration: none;
    text-transform: uppercase
}

.handbook .policy-back-button svg {
    height: 5px
}

@media (max-width: 900px) {
    .handbook .policy-back-button.nav-open {
        display: block
    }
}

.handbook .wrap .left.main-content {
    padding-top: 0 !important
}

.handbook .wrap .user-content h1 {
    margin: 0 0 39px 0 !important
}

.handbook .wrap .user-content p {
    color: #363636 !important;
    line-height: 1.625rem !important;
    margin-bottom: 9px !important
}

@media (max-width: 900px) {
    .handbook .wrap .user-content p {
        font-size: 0.9375rem !important;
        line-height: 1.5625rem !important
    }
}

.handbook .wrap .user-content p a {
    text-decoration: underline
}

.handbook .wrap .user-content p a:hover {
    color: #9D2235
}

.handbook .main-content h1 {
    font-size: 2.5rem !important;
    line-height: 2.6875rem !important
}

@media (max-width: 900px) {
    .handbook .main-content h1 {
        font-size: 1.625rem !important
    }
}

.policy-navigation-content {
    margin-bottom: 50px
}

@media (max-width: 900px) {
    .policy-navigation-content {
        margin-bottom: 0
    }
}

.policy-nav-wrap {
    display: none;
    background-color: #fff;
    border-top: 1px solid #E5E5E5
}

.policy-nav-wrap .close-policy-nav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 22px;
    right: 15px;
    height: 40px;
    width: 40px;
    border: 1px solid #9D2235;
    color: #9D2235;
    font-weight: normal;
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.policy-nav-wrap .close-policy-nav:hover {
    background-color: #9D2235;
    color: #fff
}

@media (max-width: 900px) {
    .policy-nav-wrap .close-policy-nav {
        display: none
    }
}

.policy-nav-wrap .wrap {
    background-color: #fff
}

.policy-nav {
    margin-bottom: 50px;
    padding: 17px 0 46px 0
}

.policy-nav ul {
    font-family: "Noto Sans", sans-serif;
    font-size: 0.875rem;
    letter-spacing: 1px
}

.policy-nav ul:not(.sub-nav-visible) {
    -webkit-column-count: 3;
    column-count: 3
}

@media (max-width: 900px) {
    .policy-nav ul:not(.sub-nav-visible) {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.policy-nav ul li {
    text-transform: uppercase;
    list-style: none;
    padding-right: 25px;
    margin-bottom: 2px
}

.policy-nav ul li a {
    display: inline-block;
    color: #363636;
    text-decoration: none;
    line-height: 1.5
}

.policy-nav ul li a:hover {
    text-decoration: underline;
    color: #9D2235
}

.policy-nav .sub-menu {
    display: none
}

.policy-nav .child-has-visible-sub-nav {
    margin: 0;
    padding-right: 0
}

.policy-nav .child-has-visible-sub-nav>a {
    display: none
}

.policy-nav .child-has-visible-sub-nav>a.prev-nav {
    display: none
}

.policy-nav .child-has-visible-sub-nav>.sub-menu {
    -webkit-column-count: initial;
    column-count: initial
}

.policy-nav .has-visible-sub-nav {
    margin: 0;
    padding-right: 0
}

.policy-nav .has-visible-sub-nav>a {
    display: inline-block;
    color: #9D2235;
    margin-bottom: 15px;
    font-weight: bold
}

.policy-nav .has-visible-sub-nav .sub-menu {
    -webkit-column-count: 3;
    column-count: 3
}

.policy-nav .has-visible-sub-nav .sub-menu>ul,
.policy-nav .has-visible-sub-nav .sub-menu li {
    text-transform: capitalize
}

@media (max-width: 900px) {
    .policy-nav .has-visible-sub-nav .sub-menu {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.policy-nav .has-visible-sub-nav .no-col {
    -webkit-column-count: initial;
    column-count: initial
}

.policy-nav p {
    font-size: 0.875rem;
    font-weight: 700;
    color: #9D2235;
    line-height: 1.125rem;
    text-transform: uppercase;
    margin-bottom: 15px
}

.policy-nav a.prev-nav {
    display: block;
    padding-left: 20px
}

.policy-nav a.prev-nav:before {
    content: '';
    position: absolute;
    display: inline-block;
    background: url("../assets/arrow-down.svg") no-repeat center;
    background-size: 10px;
    width: 20px;
    height: 14px;
    top: 20px;
    left: 35px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.table-col-1 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 1);
    flex: 1 0 calc((100% / 24) * 1)
}

@media (max-width: 900px) {
    .table-col-1 {
        width: 100%
    }
}

.table-col-2 {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 2);
    flex: 1 0 calc((100% / 24) * 2)
}

@media (max-width: 900px) {
    .table-col-2 {
        width: 100%
    }
}

.table-col-3 {
    width: 33.33333%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 3);
    flex: 1 0 calc((100% / 24) * 3)
}

@media (max-width: 900px) {
    .table-col-3 {
        width: 100%
    }
}

.table-col-4 {
    width: 25%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 4);
    flex: 1 0 calc((100% / 24) * 4)
}

@media (max-width: 900px) {
    .table-col-4 {
        width: 100%
    }
}

.table-col-5 {
    width: 20%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 5);
    flex: 1 0 calc((100% / 24) * 5)
}

@media (max-width: 900px) {
    .table-col-5 {
        width: 100%
    }
}

.table-col-6 {
    width: 16.66667%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 6);
    flex: 1 0 calc((100% / 24) * 6)
}

@media (max-width: 900px) {
    .table-col-6 {
        width: 100%
    }
}

.table-col-7 {
    width: 14.28571%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 7);
    flex: 1 0 calc((100% / 24) * 7)
}

@media (max-width: 900px) {
    .table-col-7 {
        width: 100%
    }
}

.table-col-8 {
    width: 12.5%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 8);
    flex: 1 0 calc((100% / 24) * 8)
}

@media (max-width: 900px) {
    .table-col-8 {
        width: 100%
    }
}

.table-col-9 {
    width: 11.11111%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 9);
    flex: 1 0 calc((100% / 24) * 9)
}

@media (max-width: 900px) {
    .table-col-9 {
        width: 100%
    }
}

.table-col-10 {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 10);
    flex: 1 0 calc((100% / 24) * 10)
}

@media (max-width: 900px) {
    .table-col-10 {
        width: 100%
    }
}

.table-col-11 {
    width: 9.09091%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 11);
    flex: 1 0 calc((100% / 24) * 11)
}

@media (max-width: 900px) {
    .table-col-11 {
        width: 100%
    }
}

.table-col-12 {
    width: 8.33333%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 12);
    flex: 1 0 calc((100% / 24) * 12)
}

@media (max-width: 900px) {
    .table-col-12 {
        width: 100%
    }
}

.table-col-13 {
    width: 7.69231%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 13);
    flex: 1 0 calc((100% / 24) * 13)
}

@media (max-width: 900px) {
    .table-col-13 {
        width: 100%
    }
}

.table-col-14 {
    width: 7.14286%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 14);
    flex: 1 0 calc((100% / 24) * 14)
}

@media (max-width: 900px) {
    .table-col-14 {
        width: 100%
    }
}

.table-col-15 {
    width: 6.66667%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 15);
    flex: 1 0 calc((100% / 24) * 15)
}

@media (max-width: 900px) {
    .table-col-15 {
        width: 100%
    }
}

.table-col-16 {
    width: 6.25%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 16);
    flex: 1 0 calc((100% / 24) * 16)
}

@media (max-width: 900px) {
    .table-col-16 {
        width: 100%
    }
}

.table-col-17 {
    width: 5.88235%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 17);
    flex: 1 0 calc((100% / 24) * 17)
}

@media (max-width: 900px) {
    .table-col-17 {
        width: 100%
    }
}

.table-col-18 {
    width: 5.55556%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 18);
    flex: 1 0 calc((100% / 24) * 18)
}

@media (max-width: 900px) {
    .table-col-18 {
        width: 100%
    }
}

.table-col-19 {
    width: 5.26316%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 19);
    flex: 1 0 calc((100% / 24) * 19)
}

@media (max-width: 900px) {
    .table-col-19 {
        width: 100%
    }
}

.table-col-20 {
    width: 5%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 20);
    flex: 1 0 calc((100% / 24) * 20)
}

@media (max-width: 900px) {
    .table-col-20 {
        width: 100%
    }
}

.table-col-21 {
    width: 4.7619%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 21);
    flex: 1 0 calc((100% / 24) * 21)
}

@media (max-width: 900px) {
    .table-col-21 {
        width: 100%
    }
}

.table-col-22 {
    width: 4.54545%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 22);
    flex: 1 0 calc((100% / 24) * 22)
}

@media (max-width: 900px) {
    .table-col-22 {
        width: 100%
    }
}

.table-col-23 {
    width: 4.34783%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 23);
    flex: 1 0 calc((100% / 24) * 23)
}

@media (max-width: 900px) {
    .table-col-23 {
        width: 100%
    }
}

.table-col-24 {
    width: 4.16667%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc((100% / 24) * 24);
    flex: 1 0 calc((100% / 24) * 24)
}

@media (max-width: 900px) {
    .table-col-24 {
        width: 100%
    }
}

.content.inner .main-content .user-content .table-wrap {
    display: inline-block;
    min-width: 100%;
    float: left;
    clear: both
}

.content.inner .main-content .user-content .table-wrap:after {
    content: "";
    display: table;
    clear: both
}

.content.inner .main-content .user-content .table-wrap.table-cols-1 {
    min-width: 25%
}

.content.inner .main-content .user-content .table-wrap.table-cols-2 {
    min-width: 33%
}

.content.inner .main-content .user-content .table-wrap.table-cols-3 {
    min-width: 50%
}

.content.inner .main-content .user-content .table-wrap.table-cols-4 {
    min-width: 75%
}

.content.inner .main-content .user-content .table-wrap.table-cols-5 {
    min-width: 90%
}

.content.inner .main-content .user-content .table {
    margin-bottom: 25px !important
}

@media (max-width: 900px) {
    .content.inner .main-content .user-content .table {
        margin-top: 50px !important
    }
}

.content.inner .main-content .user-content .table .table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 0 !important
}

@media (max-width: 900px) {
    .content.inner .main-content .user-content .table .table-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px !important
    }
}

.content.inner .main-content .user-content .table .table-row.table-header .cell {
    font-weight: bold;
    color: #9D2235
}

@media (max-width: 900px) {
    .content.inner .main-content .user-content .table .table-row.table-header {
        display: none
    }
}

.content.inner .main-content .user-content .table .table-row .table-col {
    margin-bottom: 0
}

@media (max-width: 900px) {
    .content.inner .main-content .user-content .table .table-row .table-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .content.inner .main-content .user-content .table .table-row .table-col:last-child {
        margin-bottom: 15px
    }
}

.content.inner .main-content .user-content .table .table-row .table-col .title {
    display: none
}

@media (max-width: 900px) {
    .content.inner .main-content .user-content .table .table-row .table-col .title {
        display: block;
        font-weight: bold;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
        color: #9D2235
    }
}

@media (max-width: 900px) {
    .content.inner .main-content .user-content .table .table-row .table-col .cell {
        width: 50%
    }
}

.content.inner .main-content .user-content .table .cell {
    margin-bottom: 0;
    padding: 4px
}

.main-content.chart-page {
    padding-top: 115px;
    position: relative;
    z-index: 6
}

.main-content.chart-page .user-content .chart-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bps-chart {
    width: 45%;
    min-width: 400px;
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 50px !important
}

.bps-chart h4 {
    float: left
}

.bps-chart img.chart-about {
    width: 25px;
    margin: 0px !important
}

.bps-chart .bps-chart-about {
    float: right
}

.chart-modal {
    display: none;
    position: fixed;
    z-index: 100000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    cursor: pointer;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4)
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}

.chart-modal-body {
    position: relative;
    background-color: #f5f5f5;
    cursor: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px;
    border: 1px solid #888;
    width: 80%;
    max-width: 700px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.3s;
    animation-name: animatetop;
    animation-duration: 0.3s;
    min-height: 250px;
    display: table;
    border-bottom: 15px solid #9d2235;
    border-top: 15px solid #9d2235
}

.modal-staff-body:after,
.modal-staff-pic:after {
    visibility: hidden;
    display: block;
    clear: both;
    content: ""
}

section.dark.grid-text .wrap .grid-head .text h2 {
    color: #ffffff !important;
}

.staff legend, .handbookBreadCrumbs .currentBreadCrumb, #news-calendar legend, .news-filters legend {
    color: #474747 !important
}
#news-calendar .article h3 {
    order: 2;
}
#news-listing .news-content {
    order: 3;
}
#news-listing .date {
    z-index: 9999;
    position: relative;
    padding: 0px 15px;
    color: white !important;
    font-weight: 400;
    font-size: 16px;
    order: 1;
    margin-bottom: 10px;
    margin-top: 10px;
}
#news-calendar .right.column .article {
    display: flex;
    flex-direction: column;
}
#news-calendar {
    padding-top: 60px;
}