.panel-m,
.s-section+.grid--fullwidth,
.panel-m.s-section+.grid--fullwidth {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media screen and (min-width: 320px) {

    .panel-m,
    .s-section+.grid--fullwidth,
    .panel-m.s-section+.grid--fullwidth {
        margin-top: calc(27.272727px + 7.102273vw);
    }
}

@media screen and (min-width: 1024px) {

    .panel-m,
    .s-section+.grid--fullwidth,
    .panel-m.s-section+.grid--fullwidth {
        margin-top: 100px;
    }
}

@media screen and (min-width: 320px) {

    .panel-m,
    .s-section+.grid--fullwidth,
    .panel-m.s-section+.grid--fullwidth {
        margin-bottom: calc(27.272727px + 7.102273vw);
    }
}

@media screen and (min-width: 1024px) {

    .panel-m,
    .s-section+.grid--fullwidth,
    .panel-m.s-section+.grid--fullwidth {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 1023px) {

    .panel-m .cols .col,
    .s-section+.grid--fullwidth .cols .col,
    .panel-m.s-section+.grid--fullwidth .cols .col {
        margin-bottom: 30px;
    }

    .panel-m .cols .col:last-child,
    .s-section+.grid--fullwidth .cols .col:last-child,
    .panel-m.s-section+.grid--fullwidth .cols .col:last-child {
        margin-bottom: 0;
    }
}

/* Replacing grid--fullwidth with grid__fullwidth */
.panel-m,
.s-section+.grid__fullwidth,
.panel-m.s-section+.grid__fullwidth {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media screen and (min-width: 320px) {

    .panel-m,
    .s-section+.grid__fullwidth,
    .panel-m.s-section+.grid__fullwidth {
        margin-top: calc(27.272727px + 7.102273vw);
    }
}

@media screen and (min-width: 1024px) {

    .panel-m,
    .s-section+.grid__fullwidth,
    .panel-m.s-section+.grid__fullwidth {
        margin-top: 100px;
    }
}

@media screen and (min-width: 320px) {

    .panel-m,
    .s-section+.grid__fullwidth,
    .panel-m.s-section+.grid__fullwidth {
        margin-bottom: calc(27.272727px + 7.102273vw);
    }
}

@media screen and (min-width: 1024px) {

    .panel-m,
    .s-section+.grid__fullwidth,
    .panel-m.s-section+.grid__fullwidth {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 1023px) {

    .panel-m .cols .col,
    .s-section+.grid__fullwidth .cols .col,
    .panel-m.s-section+.grid__fullwidth .cols .col {
        margin-bottom: 30px;
    }

    .panel-m .cols .col:last-child,
    .s-section+.grid__fullwidth .cols .col:last-child,
    .panel-m.s-section+.grid__fullwidth .cols .col:last-child {
        margin-bottom: 0;
    }
}

/* Replacment end */
.panel-m-inverse {
    margin-top: -50px;
    margin-bottom: -50px;
}

@media screen and (min-width: 320px) {
    .panel-m-inverse {
        margin-top: calc(-27.272727px + -7.102273vw);
    }
}

@media screen and (min-width: 1024px) {
    .panel-m-inverse {
        margin-top: -100px;
    }
}

@media screen and (min-width: 320px) {
    .panel-m-inverse {
        margin-bottom: calc(-27.272727px + -7.102273vw);
    }
}

@media screen and (min-width: 1024px) {
    .panel-m-inverse {
        margin-bottom: -100px;
    }
}

.panel-p,
.panel-m-p[class*=" bg-"] {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media screen and (min-width: 320px) {

    .panel-p,
    .panel-m-p[class*=" bg-"] {
        padding-top: calc(27.272727px + 7.102273vw);
    }
}

@media screen and (min-width: 1024px) {

    .panel-p,
    .panel-m-p[class*=" bg-"] {
        padding-top: 100px;
    }
}

@media screen and (min-width: 320px) {

    .panel-p,
    .panel-m-p[class*=" bg-"] {
        padding-bottom: calc(27.272727px + 7.102273vw);
    }
}

@media screen and (min-width: 1024px) {

    .panel-p,
    .panel-m-p[class*=" bg-"] {
        padding-bottom: 100px;
    }
}

.panel-p.invert,
.panel-m-p[class*=" bg-"].invert {
    color: #fff;
}

.panel-p.invert .button:hover,
.panel-m-p[class*=" bg-"].invert .button:hover {
    background: #fff;
    border-color: #fff;
}

.panel-p.invert .button:focus,
.panel-m-p[class*=" bg-"].invert .button:focus {
    background-color: #ffbf47;
    border-color: #ffbf47;
    outline: thin dotted #fff;
    outline-offset: 2px;
    color: var(--lt-theme);
}

.panel-flush+.panel-flush,
.panel-m-p[class*=" bg-"]+.panel-flush,
.panel-flush+.panel-m-p[class*=" bg-"] {
    margin-top: -50px;
}

@media screen and (min-width: 320px) {

    .panel-flush+.panel-flush,
    .panel-m-p[class*=" bg-"]+.panel-flush,
    .panel-flush+.panel-m-p[class*=" bg-"] {
        margin-top: calc(-27.272727px + -7.102273vw);
    }
}

@media screen and (min-width: 1024px) {

    .panel-flush+.panel-flush,
    .panel-m-p[class*=" bg-"]+.panel-flush,
    .panel-flush+.panel-m-p[class*=" bg-"] {
        margin-top: -100px;
    }
}

.panel-flush:last-child,
.panel-m-p[class*=" bg-"] {
    margin-bottom: 0;
}

.panel-m-p[class*=" bg-"]+.panel-m-p[class*=" bg-"] {
    margin-top: 0;
}

.panel-header {
    margin-bottom: 1.875rem;
}

.panel-header .h-h2 {
    text-align: left;
    margin-bottom: 0.625rem;
}

.panel-header .button {
    display: flex;
    width: fit-content;
    margin-right: auto;
}

.panel-header.invert {
    color: #fff;
}

.panel-header.invert .button {
    background-color: #94b7cf;
    border-color: #94b7cf;
    color: var(--lt-theme);
}

@media screen and (min-width: 768px) {
    .panel-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .panel-header .h-h2 {
        margin-left: 0;
        margin-bottom: 0;
    }

    .panel-header .button {
        margin-left: auto;
        margin-right: 0;
    }
}

.panel-border {
    border-top: 4px solid rgba(0, 0, 0, 0.2);
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
}

.s-section {
    width: 100%;
    float: none;
    min-height: auto;
}

.s-section.panel-m {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media screen and (min-width: 320px) {
    .s-section.panel-m {
        margin-top: calc(27.272727px + 7.102273vw);
    }
}

@media screen and (min-width: 1024px) {
    .s-section.panel-m {
        margin-top: 100px;
    }
}

@media screen and (min-width: 320px) {
    .s-section.panel-m {
        margin-bottom: calc(27.272727px + 7.102273vw);
    }
}

@media screen and (min-width: 1024px) {
    .s-section.panel-m {
        margin-bottom: 100px;
    }
}

.s-section+.grid--fullwidth,
.panel-m.s-section+.grid--fullwidth {
    width: 100%;
    max-width: 100rem;
    padding: 0 1.25rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {

    .s-section+.grid--fullwidth,
    .panel-m.s-section+.grid--fullwidth {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media screen and (min-width: 1280px) {

    .s-section+.grid--fullwidth,
    .panel-m.s-section+.grid--fullwidth {
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }
}

.s-section+.grid--fullwidth .grid--gutter,
.panel-m.s-section+.grid--fullwidth .grid--gutter {
    max-width: none;
}



.s-section+.grid--fullwidth .grid--gutter img,
.panel-m.s-section+.grid--fullwidth .grid--gutter img {
    width: 100%;
}

/* Rplacing grid--fullwidth with grid__fullwidth */
.s-section+.grid__fullwidth,
.panel-m.s-section+.grid__fullwidth {
    width: 100%;
    max-width: 100rem;
    padding: 0 1.25rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {

    .s-section+.grid__fullwidth,
    .panel-m.s-section+.grid__fullwidth {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media screen and (min-width: 1280px) {

    .s-section+.grid__fullwidth,
    .panel-m.s-section+.grid__fullwidth {
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }
}

.s-section+.grid__fullwidth .grid__gutter,
.panel-m.s-section+.grid__fullwidth .grid__gutter {
    max-width: none;
}

.s-section+.grid__fullwidth .grid__gutter h3,
.panel-m.s-section+.grid__fullwidth .grid__gutter h3 {
    color: #4a0021;
}

.s-section+.grid__fullwidth .grid__gutter img,
.panel-m.s-section+.grid__fullwidth .grid__gutter img {
    width: 100%;
}

/* End replacment */
.bg-navy {
    background-color: var(--lt-theme);
}

@media screen and (min-width: 768px) {
    .u-utility-menu {
        padding-top: 1.875rem;
    }

    .u-utility-menu .breadcrumb {
        padding-left: 0;
    }
}

.b-breadcrumb a:hover {
    text-decoration-color: var(--theme);
    text-decoration-thickness: 0.125rem;
    transition: none;
}

.show-sr {
    display: none;
}

.content-container {
    padding-top: 80px;
}

@media screen and (min-width: 320px) {
    .content-container {
        padding-top: calc(58.571429px + 6.696429vw);
    }
}

@media screen and (min-width: 768px) {
    .content-container {
        padding-top: 110px;
    }
}

@media (min-width: 1280px) {
    .article-content__inner {
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }
}

.article-content__intro-text {
    text-align: left;
    margin-bottom: -1.25rem;
    line-height: var(--lt-line-height-body);
    font-weight: 700;
}

.article-content__intro-text {
    font-size: var(--lt-body-font-size);
}

@media screen and (min-width: 320px) {
    .article-content__intro-text {
        font-size: var(--lt-heading__h3-font-size)
    }
}

@media screen and (min-width: 1280px) {
    .article-content__intro-text {
        font-size: var(--lt-heading__h2-font-size);
    }
}

@media screen and (min-width: 1024px) {
    .article-content__intro-text {
        margin-bottom: 1.875rem;
        line-height: var(--lt-line-height-body);
    }
}

.article-content__image {
    position: relative;
    padding-top: calc(9 / 16 * 100%);
}

.article-content__image img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.article-content__rich-text {
    text-align: left;
    margin-bottom: 3.75rem;
}

.article-content__rich-text h2,
.article-content__rich-text h3,
.article-content__rich-text h4 {
    line-height: var(--lt-line-height-head);
    margin-bottom: 1.75rem;
}

.article-content__rich-text h2,
.article-content__rich-text h3,
.article-content__rich-text h4 {
    font-size: var(--lt-heading__h2-font-size);
}

@media screen and (min-width: 320px) {

    .article-content__rich-text h2,
    .article-content__rich-text h3,
    .article-content__rich-text h4 {
        font-size: var(--lt-heading__h3-font-size)
    }
}

@media screen and (min-width: 1024px) {

    .article-content__rich-text h2,
    .article-content__rich-text h3,
    .article-content__rich-text h4 {
        font-size: var(--lt-heading__h2-font-size);
    }
}

.article-content__rich-text a:hover {
    text-decoration-color: var(--theme);
    text-decoration-thickness: 0.125rem;
    transition: none;
}

.article-content__rich-text blockquote {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    font-style: italic;
}

@media screen and (min-width: 768px) {
    .article-content__rich-text blockquote {
        padding-left: 160px;
        font-size: var(--lt-heading__h3-font-size);
        line-height: var(--lt-line-height-body);
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }

    .article-content__rich-text blockquote::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 100%;
        width: 0.25rem;
        background: var(--theme);
    }
}

.s-form-field {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #ffffff;
    border: 4px solid #222222;
    border-radius: 0rem;
    height: 62px;
}

.s-form-field label {
    width: calc(100% - 100px);
}

.s-form-field label input[type="search"] {
    padding-left: 0;
}

@media screen and (min-width: 320px) {
    .s-form-field {
        height: calc(58.363636px + 1.136364vw);
    }
}

@media screen and (min-width: 1024px) {
    .s-form-field {
        height: 60px;
    }
}

.s-form-field input[type="search"] {
    background: none;
    border: 0;
    border-radius: 0rem;
    padding: 0;
    padding-left: 1.6875rem;
    line-height: var(--lt-line-height-body);
    color: #000;
    font-weight: 400;
}

.s-form-field input[type="search"]::placeholder {
    color: #000;
}

.s-form-field input[type="search"]:focus {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    padding-left: 20px;
    background-color: #ffbf47;
}

.s-form-field input[type="search"] {
    font-size: var(--lt-body-font-size);
}

@media screen and (min-width: 320px) {
    .s-form-field input[type="search"] {
        font-size: var(--lt-body-font-size);
    }
}

@media screen and (min-width: 1280px) {
    .s-form-field input[type="search"] {
        font-size: var(--lt-body-font-size);
    }
}

.s-form-field .button {
    display: flex;
    align-items: center;
    position: relative;
    left: -0.25rem;
    padding: 0;
    margin: 0;
    background: var(--lt-theme);
    border: 0;
    border-radius: 100%;
    width: 48px;
    height: 48px;
}

@media screen and (min-width: 320px) {
    .s-form-field .button {
        width: calc(45.272727px + 0.852273vw);
    }
}

@media screen and (min-width: 1024px) {
    .s-form-field .button {
        width: 54px;
    }
}

@media screen and (min-width: 320px) {
    .s-form-field .button {
        height: calc(45.272727px + 0.852273vw);
    }
}

@media screen and (min-width: 1024px) {
    .s-form-field .button {
        height: 54px;
    }
}

.s-form-field .button:hover {
    background: var(--theme);
}

.s-form-field .button:hover svg {
    fill: var(--theme) !important;
}

.s-form-field .button:focus {
    background: #ffbf47;
}

.s-form-field .button:focus svg {
    fill: var(--lt-theme);
}

.s-form-field .button svg {
    fill: #fff;
    width: 100%;
    margin: 0;
}

.h-h1 {
    line-height: var(--lt-line-height-head);
    letter-spacing: normal;
}

.h-h1 {
    font-size: var(--lt-heading__h1-font-size);
}

@media screen and (min-width: 320px) {
    .h-h1 {
        font-size: var(--lt-heading__h1-font-size);
    }
}

@media screen and (min-width: 1280px) {
    .h-h1 {
        font-size: var(--lt-heading__h1-font-size);
    }
}

.h-h2 {
    letter-spacing: normal;
    text-align: left;
    line-height: var(--lt-line-height-head);
}

@media screen and (min-width: 320px) {
    .h-h2 {
        letter-spacing: normal;
    }
}

@media screen and (min-width: 1280px) {
    .h-h2 {
        letter-spacing: normal;
    }
}

.h-h2 {
    font-size: var(--lt-heading__h2-font-size);
}

@media screen and (min-width: 320px) {
    .h-h2 {
        font-size: var(--lt-heading__h2-font-size);
    }
}

@media screen and (min-width: 1280px) {
    .h-h2 {
        font-size: var(--lt-heading__h2-font-size);
    }
}

.h-h4 {
    line-height: var(--lt-line-height-head);
    margin-bottom: 0.625rem;
    font-size: var(--lt-heading__h4-font-size);
}

@media screen and (min-width: 320px) {
    .h-h4 {
        font-size: var(--lt-heading__h4-font-size);
    }
}

@media screen and (min-width: 1280px) {
    .h-h4 {
        font-size: var(--lt-heading__h4-font-size);
    }
}

.b-button {
    height: 62px;
    border-radius: 7.5rem;
}

.b-button__full {
    width: 100%;
    justify-content: center;
    text-align: center;
}

.b-button:focus {
    outline: thin dotted #000;
    outline-offset: 2px;
    border-color: #ffbf47;
    color: var(--lt-theme);
}

@media screen and (min-width: 320px) {
    .b-button {
        height: calc(58.363636px + 1.136364vw);
    }
}

@media screen and (min-width: 1024px) {
    .b-button {
        height: 70px;
    }
}

.button:focus {
    outline: thin dotted #000;
    outline-offset: 2px;
    border-color: #ffbf47;
    color: var(--lt-theme);
}

.button-play {
    position: absolute;
    right: 18px;
    bottom: 18px;
    margin: auto;
    border: 0;
    width: 40px;
    height: 40px;
}

@media screen and (min-width: 320px) {
    .button-play {
        width: calc(30.909091px + 2.840909vw);
    }
}

@media screen and (min-width: 1024px) {
    .button-play {
        width: 60px;
    }
}

@media screen and (min-width: 320px) {
    .button-play {
        height: calc(30.909091px + 2.840909vw);
    }
}

@media screen and (min-width: 1024px) {
    .button-play {
        height: 60px;
    }
}

.button-play--center {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.button-play--center svg {
    width: 10px;
}

@media screen and (min-width: 320px) {
    .button-play--center svg {
        width: calc(7.272727px + 0.852273vw);
    }
}

@media screen and (min-width: 1024px) {
    .button-play--center svg {
        width: 16px;
    }
}

.button-play svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    cursor: pointer;
    width: 18px;
}

@media screen and (min-width: 320px) {
    .button-play svg {
        width: calc(13px + 1.5625vw);
    }
}

@media screen and (min-width: 1024px) {
    .button-play svg {
        width: 29px;
    }
}

.button-play::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 6.25rem;
    background: var(--theme);
    z-index: 1;
    width: 40px;
    height: 40px;
}

@media screen and (min-width: 320px) {
    .button-play::before {
        width: calc(30.909091px + 2.840909vw);
    }
}

@media screen and (min-width: 1024px) {
    .button-play::before {
        width: 60px;
    }
}

@media screen and (min-width: 320px) {
    .button-play::before {
        height: calc(30.909091px + 2.840909vw);
    }
}

@media screen and (min-width: 1024px) {
    .button-play::before {
        height: 60px;
    }
}

.button-play:focus::before {
    background: #ffbf47;
    outline: thin dotted #fff;
    outline-offset: 2px;
}

button.button-play:hover {
    background: none;
    border: 0;
}

form button.button:focus {
    background-color: #ffbf47;
}

.f-file-download .download svg {
    width: 100%;
    max-width: 1rem;
    height: fit-content;
    color: #797979;
}

.f-file-download .download span {
    text-align: center;
    max-width: 37.5rem;
}

@media screen and (min-width: 768px) {
    .f-file-download .download span {
        text-align: left;
    }
}

/* Pagination */

.p-pagination {
    display: flex;
    max-width: 16.4375rem;
    margin: auto;

    &ul {
        list-style-type: none
    }
}

.p-pagination span,
.p-pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    text-decoration: none;
}

.p-pagination span {
    background: var(--lt-white);
    color: var(--lt-black);
    border-right: 2px solid var(--lt-black);
}

.p-pagination span:first-child {
    border-radius: 3px 0 0 3px;
}

.p-pagination a {
    color: var(--lt-black);
}

.p-pagination a:hover {
    background: var(--lt-black25);
    color: var(--lt-black);
}

.p-pagination a:not(:last-child) {
    border-right: 2px solid var(--lt-black);
}

.p-pagination a:last-child {
    flex-grow: 1;
}


/* Masthead */

.masthead {
    background-color: var(--lt-theme);
    color: #fff;
    padding-top: 115px;
    padding-bottom: 25px;
}

.masthead h1 {
    text-align: left;
}

@media screen and (min-width: 320px) {
    .masthead {
        padding-top: calc(99.090909px + 4.971591vw);
    }
}

@media screen and (min-width: 1024px) {
    .masthead {
        padding-top: 150px;
    }
}

@media screen and (min-width: 320px) {
    .masthead {
        padding-bottom: calc(13.636364px + 3.551136vw);
    }
}

@media screen and (min-width: 1024px) {
    .masthead {
        padding-bottom: 50px;
    }
}

.masthead-post {
    position: relative;
}

@media screen and (min-width: 1280px) {
    .masthead-post__wrapper {
        display: flex;
        column-gap: 2.5rem;
    }
}

.masthead-post__card>.card {
    position: static;
    margin-bottom: 1.875rem;
}

@media screen and (min-width: 1280px) {
    .masthead-post__card {
        width: 50%;
    }

    .masthead-post__card>.card {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1440px) {
    .masthead-post__card {
        width: 40%;
    }
}

.masthead-post__image {
    position: relative;
    padding-top: 67%;
}

.masthead-post__image img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (min-width: 1280px) {
    .masthead-post__image {
        margin-bottom: 0;
        padding-top: 40%;
        width: 70%;
    }
}

@media screen and (min-width: 1440px) {
    .masthead-post__image {
        width: 80%;
    }
}

.masthead-article {
    position: relative;
    margin-top: 44px;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media screen and (min-width: 320px) {
    .masthead-article {
        padding-top: calc(36.363636px + 4.261364vw);
    }
}

@media screen and (min-width: 1024px) {
    .masthead-article {
        padding-top: 80px;
    }
}

@media screen and (min-width: 320px) {
    .masthead-article {
        padding-bottom: calc(36.363636px + 4.261364vw);
    }
}

@media screen and (min-width: 1024px) {
    .masthead-article {
        padding-bottom: 80px;
    }
}

.masthead-article .h-h1 {
    text-align: left;
    margin-bottom: 1.75rem;
}

@media screen and (min-width: 1024px) {
    .masthead-article .h-h1~.tags__event {
        margin-top: 0.625rem;
    }
}

.masthead-article__published {
    display: flex;
    align-items: center;
    column-gap: 1.25rem;
    margin-bottom: 1.125rem;
}

.masthead-article__published a:hover {
    text-decoration-thickness: 0.125rem;
    text-decoration-color: var(--theme);
    transition: none;
}

.masthead-article__published p,
.masthead-article__published a {
    line-height: var(--lt-line-height-button);
    margin-bottom: 0;
}

.masthead-article__published p,
.masthead-article__published a {
    font-size: var(--lt-button-font-size);
}

@media screen and (min-width: 320px) {

    .masthead-article__published p,
    .masthead-article__published a {
        font-size: var(--lt-button-font-size);
    }
}

@media screen and (min-width: 1280px) {

    .masthead-article__published p,
    .masthead-article__published a {
        font-size: var(--lt-button-font-size);
    }
}

.masthead-article__published p:focus,
.masthead-article__published a:focus {
    background-color: #ffbf47;
    outline: thin dotted #000;
    outline-offset: 0.125rem;
    color: var(--lt-theme);
}

.tags__event+.masthead-article__category {
    margin-top: 1.875rem;
}

.masthead-article__category {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.25rem;
    row-gap: 1.25rem;
    margin-bottom: 1.4375rem;
}

.masthead-article__sharer-links {
    display: flex;
    align-items: center;
    column-gap: 0.625rem;
}

.masthead-article__sharer-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
}

.masthead-article__sharer-links a svg {
    width: 1.125rem;
    height: 1.125rem;
}

@media screen and (min-width: 1024px) {
    .masthead-article__sharer-links a {
        width: 2rem;
        height: 2rem;
    }

    .masthead-article__sharer-links a svg {
        width: 0.9375rem;
        height: 0.9375rem;
    }
}

.masthead-article__sharer-links span {
    font-size: var(--lt-body-font-size);
    line-height: var(--lt-line-height-body);
}

.masthead-article__sharer-links>div {
    display: flex;
    align-items: center;
    column-gap: 0.125rem;
}

.masthead-article__sharer-links>div a:hover {
    color: var(--theme);
}

@media screen and (min-width: 1024px) {
    .masthead-article__sharer-links>div {
        column-gap: 0.3125rem;
    }
}

@media screen and (min-width: 768px) {
    .masthead-article {
        top: 1.25rem;
        margin-top: 0;
    }
}

/* Search banner */

.search-banner {
    border-top: 4px solid rgba(0, 0, 0, 0.2);
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media screen and (min-width: 320px) {
    .search-banner {
        margin-bottom: calc(27.272727px + 7.102273vw);
    }
}

@media screen and (min-width: 1024px) {
    .search-banner {
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 1024px) {
    .search-banner__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .search-banner__wrapper form {
        margin: 0 2.5rem !important;
    }
}

.search-banner .h-h2 {
    text-align: left;
    margin-bottom: 0.625rem;
}

.search-banner form {
    margin-bottom: 1.25rem;
}

@media screen and (min-width: 1024px) {
    .search-banner form {
        width: 70%;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1024px) {
    .search-banner .b-button {
        width: 30%;
    }
}

@media screen and (min-width: 320px) {
    .search-banner {
        padding-top: calc(45px + 1.5625vw);
    }
}

@media screen and (min-width: 1024px) {
    .search-banner {
        padding-top: 61px;
    }
}

@media screen and (min-width: 320px) {
    .search-banner {
        padding-bottom: calc(27.272727px + 7.102273vw);
    }
}

@media screen and (min-width: 1024px) {
    .search-banner {
        padding-bottom: 100px;
    }
}

/* Posts */

.featured-post {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 4px solid rgba(255, 255, 255, 0.2);
}

@media screen and (min-width: 320px) {
    .featured-post {
        padding-bottom: calc(20px + 3.125vw);
    }
}

@media screen and (min-width: 1280px) {
    .featured-post {
        padding-bottom: 60px;
    }
}

@media screen and (min-width: 320px) {
    .featured-post {
        margin-bottom: calc(20px + 3.125vw);
    }
}

@media screen and (min-width: 1280px) {
    .featured-post {
        margin-bottom: 60px;
    }
}

.featured-post__image {
    position: relative;
    margin-bottom: 1.25rem;
    padding-top: 67%;
}

.featured-post__image img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (min-width: 1280px) {
    .featured-post__image {
        margin-bottom: 0;
        padding-top: 36%;
        width: 60%;
    }
}

@media screen and (min-width: 1280px) {
    .featured-post {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 30px;
    }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
    .featured-post {
        column-gap: calc(-906px + 73.125vw);
    }
}

@media screen and (min-width: 1280px) and (min-width: 1440px) {
    .featured-post {
        column-gap: 147px;
    }
}

@media screen and (min-width: 1280px) {
    .featured-post .card {
        width: 50%;
    }

    .featured-post .card__category {
        display: none;
    }
}

.posts__grid {
    margin-bottom: 1.875rem;
}

@media screen and (min-width: 768px) {
    .posts__grid {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.875rem;
        row-gap: 2.5rem;
    }
}

.posts__grid-item:not(:last-child) {
    margin-bottom: 1.875rem;
}

@media screen and (min-width: 768px) {
    .posts__grid-item {
        width: calc(50% - 15px);
    }

    .posts__grid-item .card {
        justify-content: flex-start;
    }
}

.posts__list-item {
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
}

.posts__list-item:first-child {
    padding-top: 1.875rem;
    border-top: 4px solid rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 1024px) {
    .posts__list-item:first-child {
        padding-top: 0;
        border-top: 0;
    }
}

.posts__list-item:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
    .posts__list-item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
}

.posts>.cols .col:not(:last-child) .card {
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
    border-bottom: 4px solid rgba(255, 255, 255, 0.2);
}

@media screen and (min-width: 1024px) {
    .posts>.cols .col:not(:last-child) .card {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
}

@media screen and (min-width: 1024px) {
    .latest-posts .cols .col:first-child {
        width: 60%;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .latest-posts .cols .col:first-child {
        width: 70%;
    }
}

@media screen and (min-width: 1024px) {
    .latest-posts .cols .col:last-child {
        width: 40%;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .latest-posts .cols .col:last-child {
        width: 30%;
    }
}

/* Video */

.video {
    position: relative;
    padding-top: calc(9 / 16 * 100%);
}

.video img,
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video__placeholder .button-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.video__placeholder:hover .button-play::before {
    background: #94b7cf;
}

/* Credit Block */

.credit-block {
    padding: 2rem;
    background: var(--lt-stone);
}

.credit-block p {
    text-align: left;
    font-size: var(--lt-body-font-size);
    line-height: var(--lt-line-height-body);
}

.credit-block__profile {
    margin-bottom: 2.5rem;
}

.credit-block__profile a {
    font-weight: 700;
    font-size: var(--lt-body-font-size);
    line-height: var(--lt-line-height-body);
}

.credit-block__profile a:hover {
    text-decoration-color: var(--theme);
    text-decoration-thickness: 0.125rem;
    transition: none;
}

.credit-block__profile p {
    margin-bottom: 1rem;

}

@media screen and (min-width: 1024px) {
    .credit-block__profile {
        column-gap: 1rem;
        margin-bottom: 0;
    }
}

.credit-block__profile-img {
    margin-bottom: 2.0625rem;
}

.credit-block__profile-img img {
    width: 5.8125rem;
    height: 5.8125rem;
    object-fit: contain;
    margin-left: 0;
}

@media screen and (min-width: 1024px) {
    .credit-block__profile-img {
        width: 5.8125rem;
    }

    .credit-block__profile-img img {
        object-position: top;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .credit-block__profile-img~div {
        width: 70%;
    }
}

.credit-block__articles p {
    margin-bottom: 1rem;
}

.credit-block__articles a {
    font-weight: 700;
    font-size: var(--lt-button-font-size);
    line-height: var(--lt-line-height-button);
}

.credit-block__articles a:hover {
    text-decoration-color: var(--theme);
}

.credit-block__articles a:not(:last-child) {
    margin-bottom: 1rem;
}

.credit-block__articles a:focus {

}

@media screen and (min-width: 1024px) {
    .credit-block {
        padding: 2rem;
    }
}

.tags {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.25rem;
    row-gap: 1.25rem;
}

.tags__event ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.25rem;
    row-gap: 0.8125rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tags__event ul li {
    display: flex;
    align-items: flex-start;
    column-gap: 0.625rem;
    margin-bottom: 0;

    svg {
        margin-top: 3px;
    }
}

.tags__event ul li p {
    line-height: var(--lt-line-height-body);
}

.tags__event ul li p {
    font-size: var(--lt-body-font-size);
}

@media screen and (min-width: 320px) {
    .tags__event ul li p {
        font-size: var(--lt-body-font-size);
    }
}

@media screen and (min-width: 1280px) {
    .tags__event ul li p {
        font-size: var(--lt-body-font-size);
    }
}

.event-button p a {
    display: flex;
    width: fit-content;
    margin-bottom: 1.875rem;
    margin-top: 1.875rem;
    padding: 0.6875rem 1.25rem 0.5625rem;
    background: transparent;
    border: 0.25rem solid var(--theme);
    border-color: var(--primary);
    border-radius: 1.5rem;
    font-weight: 700;
    line-height: var(--lt-line-height-button);
    text-decoration: none;
    text-transform: uppercase;
    transition: all .25s;
}

.event-button p a:hover {
    background: var(--theme);
    background: var(--primary);
    border-color: var(--theme);
    border-color: var(--primary);
}

@media screen and (min-width: 1024px) {
    .tags {
        margin-top: -0.625rem;
    }
}

.tag {
    display: flex;
    height: auto;
    width: fit-content;
    background: #eef5f9;
    color: var(--lt-theme);
    padding: 0.75rem 0.9375rem 0.625rem 0.9375rem;
    border-radius: 3.75rem;
    font-size: var(--lt-body-font-size);
    line-height: var(--lt-line-height-body);
    font-weight: 700;
    text-decoration: none;
}

.tag:hover {
    background: var(--theme);
}

.tag:focus {
    outline: thin dotted #000;
    outline-offset: 2px;
    border-color: #ffbf47;
}

.g-general-content h3.h-h3,
.g-general-content h2.h-h3 {
    text-align: left;
    line-height: var(--lt-line-height-head);
    margin-bottom: 1.875rem;
}

.g-general-content h3.h-h3,
.g-general-content h2.h-h3 {
    font-size: var(--lt-heading__h3-font-size);
}

@media screen and (min-width: 320px) {

    .g-general-content h3.h-h3,
    .g-general-content h2.h-h3 {
        font-size: var(--lt-heading__h3-font-size);
    }
}

@media screen and (min-width: 1280px) {

    .g-general-content h3.h-h3,
    .g-general-content h2.h-h3 {
        font-size: var(--lt-heading__h3-font-size);
    }
}

.g-general-content p,
.g-general-content a {
    position: relative;
    width: fit-content;
    text-align: left;
}

.g-general-content p.download a:hover {
    text-decoration-color: var(--theme);
    text-underline-offset: 0.0625rem;
    text-decoration-thickness: 0.125rem;
}

.g-general-content p.download a:hover svg {
    color: var(--theme);
}

.g-general-content p a:hover {
    text-decoration-color: var(--theme) !important;
    text-decoration-thickness: 0.125rem;
    transition: none;
}

.g-general-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.g-general-content ul li {
    padding: 1.875rem 0;
    /* border-bottom: 4px solid rgba(0, 0, 0, 0.2); */
}

.g-general-content ul li:first-child {
    /* border-top: 4px solid rgba(0, 0, 0, 0.2); */
}

.g-general-content ul li p:not(:last-child) {
    margin-bottom: 0.625rem;
}

/* override for srticle lists start */
.g-general-content .g-general-content__block .article-content__rich-text ul {
    padding-left: 1em;
    text-align: left;
    margin: 0 0 1.25rem;
    list-style-type: disc;
}

.g-general-content .g-general-content__block .article-content__rich-text ul li {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 2rem;
    margin-bottom: 0.3125rem;
    display: list-item;
    list-style-type: disc;
}

/* override for srticle lists end */
.g-general-content__block a:hover {
    text-decoration-color: var(--theme);
    text-decoration-thickness: 0.125rem;
    transition: none;
}

.g-general-content__block~.file-download {
    margin-bottom: 3.125rem;
}

.g-general-content__block~.file-download~.g-general-content__block {
    margin-bottom: 3.125rem;
}

@media screen and (min-width: 1024px) {
    .g-general-content__block~.file-download {
        margin-bottom: 5.625rem;
    }

    .g-general-content__block~.file-download~.g-general-content__block {
        margin-bottom: 3.75rem;
    }
}

.g-general-content__block:first-child {
    margin-top: 3.125rem;
}

@media screen and (min-width: 1024px) {
    .g-general-content__block:first-child {
        margin-top: 5.625rem;
    }
}

.g-general-content__block:not(:last-child) {
    margin-bottom: 3.125rem;
}

@media screen and (min-width: 1024px) {
    .g-general-content__block:not(:last-child) {
        margin-bottom: 5.625rem;
    }
}

.g-general-content__block:last-child {
    margin-bottom: 1.875rem;
}

@media screen and (min-width: 1024px) {
    .g-general-content__block:last-child {
        margin-bottom: 3.75rem;
    }
}

.g-general-content__col {
    text-align: left;
}

.g-general-content__col .h-h4 {
    max-width: 13.9375rem;
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .g-general-content__col .h-h4 {
        max-width: none;
    }
}

.g-general-content__col p {
    max-width: 37.5rem;
}

.g-general-content__col img {
    width: 6.25rem;
    height: 6.25rem;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0;
    margin-bottom: 1.25rem;
}

@media screen and (min-width: 1024px) {
    .g-general-content__col img {
        width: 11.25rem;
        height: 11.25rem;
    }
}

.g-general-content__col:not(:last-child) {
    margin-bottom: 3.125rem;
}

@media screen and (min-width: 425px) {
    .g-general-content__col {
        display: flex;
        column-gap: 1.25rem;
    }

    .g-general-content__col img {
        margin-bottom: 0;
    }
}

.e-events-module {
    padding-top: 3rem;
}

.e-events-module .events_wrapper--list {
    width: 100%;
    margin-bottom: 0;
}

.e-events-module .events_wrapper--list form #search_field>input[type="text"]:focus {
    position: relative;
    background-color: #ffbf47;
}

.e-events-module .events_wrapper--list form legend {
    margin-bottom: 1.25rem;
}

.e-events-module .events_wrapper--list form input[type="text"] {
    margin-bottom: 2rem;
    background-color: var(--lt-white);
    border: 0.15rem solid var(--lt-deepred) !important;
    box-shadow: none;
    border-radius: 0;
    margin-right: 0;
    width: 100%;
}

.e-events-module .events_wrapper--list form input[type="text"]::placeholder {
    color: var(--lt-theme);
}

.e-events-module .events_wrapper--list form #search_field {
    position: relative;
}

.e-events-module .events_wrapper--list form button {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0.375rem;
    right: 0.4375rem;
    padding: 0;
    margin: 0;
    background: var(--lt-theme);
    border: 0;
    border-radius: 100%;
    width: 2.125rem;
    height: 2.125rem;
}

.e-events-module .events_wrapper--list form button:hover {
    background: var(--theme);
}

.e-events-module .events_wrapper--list form button:hover svg {
    fill: var(--lt-theme);
}

.e-events-module .events_wrapper--list form button:focus {
    background: #ffbf47;
}

.e-events-module .events_wrapper--list form button:focus svg {
    fill: var(--lt-theme);
}

.e-events-module .events_wrapper--list form button svg {
    fill: #fff;
    width: 100%;
    margin: 0;
}

.e-events-module .events_wrapper--list .fa {
    margin-right: 0;
}

.e-events-module .events_wrapper--list nav {
    display: flex;
    column-gap: .5rem;
}

.e-events-module {

    .prev-search-link span.fa,
    .next-search-link span.fa {
        top: 2px;
        position: relative;
    }

    .prev-search-link span.fa,
    #prev_month span.fa {
        margin-right: .35rem;
    }

    .next-search-link span.fa,
    #next_month span.fa {
        margin-left: .35rem;
    }
}

.e-events-module .events_wrapper--list nav a {
    display: flex;
    column-gap: 0rem;
    font-weight: bold;
    text-underline-offset: 0.125rem;
}

.e-events-module .events_wrapper--list nav a:hover {
    text-decoration-color: var(--theme);
    text-decoration-thickness: 0.125rem;
    transition: none;
}

@media screen and (min-width: 1024px) {
    .e-events-module .events_wrapper--list nav a {
        font-size: 1.1875rem;
        line-height: var(--lt-line-height-button);
        column-gap: 0rem;
    }
}

.e-events-module section .fa,
.e-events-module aside.e-events-calendar .fa {
    margin-right: 0;
}

.e-events-module section .fa::before,
.e-events-module aside.e-events-calendar .fa::before {
    font-size: var(--lt-button-font-size);
}

.e-events-calendar {
    display: flex;
    flex-direction: column;
}

.e-events-calendar table {
    overflow: inherit;
}

.view_period_switchers {
    margin-bottom: 3rem;
    display: inline-block;
}

.e-events-calendar .view-switchers {
    display: flex;
    justify-content: center;
    column-gap: 1.125rem;
    width: fit-content;
}

.e-events-calendar .view-switchers#view-switchers {
    margin: auto;
    margin-top: 3.25rem;
    margin-bottom: 0;
}

.e-events-calendar .view-switchers a {
    font-weight: 700;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.125rem;
}

.e-events-calendar .view-switchers a:hover {
    text-decoration-color: var(--theme);
    text-decoration-thickness: 0.125rem;
    transition: none;
}

@media screen and (min-width: 1024px) {
    .e-events-calendar .view-switchers {
        column-gap: 0.9375rem;
    }
}

.e-events-calendar .today {
    position: relative;
}

.e-events-calendar .today:after {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--lt-theme);
    border-radius: 9999px;
    position: absolute;
    left: 50%;
    bottom: -0.3125rem;
    transform: translateX(-50%);
}

body.ov .e-events-calendar .cal-table thead {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
}

body.ov .e-events-calendar .cal-table thead th {
    background: none;
    font-size: var(--lt-body-font-size);
    line-height: var(--lt-line-height-body);
    padding: 0;
}

body.ov .e-events-calendar .cal-table thead tr.calendar-box-header,
body.ov .e-events-calendar .cal-table thead tr.calendar-dayhead {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

body.ov .e-events-calendar .cal-table thead tr.calendar-box-header {
    margin-bottom: 1.5625rem;
    padding: 0 5%;
}

body.ov .e-events-calendar .cal-table thead tr.calendar-box-header th {
    font-size: var(--lt-heading__h3-font-size);
    color: var(--lt-black);
}

body.ov .e-events-calendar .cal-table thead tr.calendar-dayhead {
    margin-bottom: 2.1875rem;
}

body.ov .e-events-calendar .cal-table thead tr.calendar-dayhead th {
    width: calc(100% / 7);
    text-transform: capitalize;
}

body.ov .e-events-calendar .cal-table tbody {
    display: flex;
    flex-wrap: wrap;
    row-gap: 2.8125rem;
    width: 100%;
}

body.ov .e-events-calendar .cal-table tbody tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

body.ov .e-events-calendar .cal-table tbody tr td {
    display: flex;
    justify-content: center;
    width: calc(100% / 7);
}

body.ov .e-events-calendar .cal-table tbody tr:nth-child(2n) td,
body.ov .e-events-calendar .cal-table tbody tr:nth-child(2n) th {
    background: none;
}

body.ov .e-events-calendar .cal-table tbody tr:nth-child(odd) td,
body.ov .e-events-calendar .cal-table tbody tr:nth-child(odd) th {
    border: 0;
}

body.ov .e-events-calendar .cal-table th {
    padding: 0;
}

body.ov .e-events-calendar .cal-table td {
    padding: 0;
    font-size: var(--lt-body-font-size);
    line-height: var(--lt-line-height-body);
    font-weight: 500;
}

body.ov .e-events-calendar .cal-table td.hasEvents {
    position: relative;
    cursor: pointer;
}

body.ov .e-events-calendar .cal-table td.hasEvents a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 2;
    background: none;
    color: var(--offwhite);
    text-decoration: none;
}

body.ov .e-events-calendar .cal-table td.hasEvents a:focus {
    outline: none;
}

body.ov .e-events-calendar .cal-table td.hasEvents a:focus::before {
    background-color: #ffbf47;
    outline: thin dotted #000;
    outline-offset: 0.125rem;
}

body.ov .e-events-calendar .cal-table td.hasEvents a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 1.5625rem;
    height: 1.5625rem;
    background: var(--theme);
    border-radius: 6.25rem;
    z-index: -1;
}

@media screen and (min-width: 1280px) {
    body.ov .e-events-calendar .cal-table td.hasEvents a::before {
        width: 3.0625rem;
        height: 3.0625rem;
    }
}

.s-search-categories {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 4px solid rgba(0, 0, 0, 0.2);
}

.s-search-categories form {
    border: 0;
    padding: 0;
    text-align: left;
}

.s-search-categories form input[type="checkbox"]:focus,
.s-search-categories form input[type="radio"]:focus {
    background: #ffbf47;
    outline: thin dotted #000;
    outline-offset: 0.125rem;
}

.s-search-categories ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.s-search-categories ul li label {
    font-weight: 700;
    font-size: var(--lt-body-font-size);
    line-height: var(--lt-line-height-body);
    letter-spacing: normal;
    text-decoration-line: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.125rem;
}

.s-search-categories ul li label:hover {
    text-decoration-color: var(--theme);
    text-decoration-thickness: 0.125rem;
    transition: none;
}

.s-search-categories ul li:not(:last-child) {
    margin-bottom: 0.625rem;
}

.s-search-categories ul:not(:last-child) {
    margin-bottom: 2.5rem;
}

.s-search-categories .h5 {
    text-align: left;
    font-weight: 700;
    font-size: var(--lt-heading__h5-font-size);
    line-height: var(--lt-line-height-head);
    letter-spacing: normal;
    margin-bottom: 1.4375rem;
}

@media screen and (min-width: 1024px) {
    .s-search-categories .h5 {
        margin-bottom: 1.25rem;
    }
}

.s-search-categories input[type="checkbox"]:checked,
.s-search-categories input[type="radio"]:checked {
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: 2px 4px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.28023 4.99043C4.24359 5.02702 4.1843 5.02702 4.14766 4.99043L1.68405 2.52839L0 4.21322L2.46277 6.67666L4.21395 8.42775L10.9574 1.68356L9.27204 0L4.28023 4.99043Z' fill='%230E2234'/%3E%3C/svg%3E") !important;
}

.s-search-categories input[type="checkbox"]:focus,
.s-search-categories input[type="radio"]:focus {
    background-color: #ffbf47 !important;
}

.s-search-categories .calendar-button {
    border: 2px solid var(--lt-black);
    color: var(--lt-black);
    background-color: var(--lt-white);
    padding: 0.5rem 1.5rem;

    &:hover {
        color: var(--lt-white);
        background-color: var(--theme);
    }
}

.event-info-box .event-info .categories_trigger {
    display: flow-root;
    margin-top: -10px;
}

#calendar_events .snippet .date-stamp .month {
    margin-bottom: 0.75rem;
}

.event-card-section {
    text-align: left;
}

.event-card-section .section {
    padding-bottom: 3.125rem;
    margin-top: -2.5rem;
}

.event-card-section .section ul {
    padding: 0;
}

.event-card-section .section ul li:not(:last-child) {
    margin-bottom: 1.875rem;
}

.event-card-section .section .tags__event ul li:not(:last-child) {
    margin-bottom: 0;
}

.event-card-section ul.pagination {
    display: flex;
    flex-direction: row;
    list-style: none;
  	gap: .25rem;

  li a {
    padding: .125rem .5rem;
  }
}

@media screen and (min-width: 1024px) {
    .event-card-section .section {
        padding-top: 1.75rem;
        padding-bottom: 4.375rem;
        margin-top: 0;
    }
}

.card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    position: relative;
    height: 100%;
}

.card:hover .button-play::before {
    background: #94b7cf;
}

.card a {
    text-decoration: none;
    line-height: var(--lt-line-height-button);
}

.card a::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0);
}

.card a:hover {
    text-decoration-color: var(--theme);
    transition: none;
}

.card a:hover .h-h3 {
    text-decoration-thickness: 0.125rem;
    text-decoration-color: var(--theme);
}

.card a:focus,
.card a:focus-within {
    outline: none;
    color: var(--lt-theme);
    background-color: #ffbf47;
    outline: thin dotted;
    z-index: -1;
}

.card .h-h3 {
    text-align: left;
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.1875rem;
    margin-top: 0;
    letter-spacing: normal;
    font-weight: 700;
    max-width: 22.375rem;
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 20px !important;
}

@media screen and (min-width: 320px) {
    .card .h-h3 {
        margin-bottom: calc(15.454545px + 1.420455vw);
    }
}

@media screen and (min-width: 1024px) {
    .card .h-h3 {
        margin-bottom: 30px;
    }
}

.card .h-h3:hover {
    text-decoration-thickness: 0.125rem;
}

@media screen and (min-width: 1280px) {
    .card .h-h3 {
        font-size: 1.375rem !important;
    }
}

.card .tags__event ul {
    row-gap: 0.8125rem;
}

.card p {
    text-align: left;
}

.card__image {
    position: relative;
    padding-top: 67%;
    margin-bottom: 17px;
}

@media screen and (min-width: 320px) {
    .card__image {
        margin-bottom: calc(14px + 0.9375vw);
    }
}

@media screen and (min-width: 1280px) {
    .card__image {
        margin-bottom: 26px;
    }
}

.card__image img {
    position: absolute;
    top: 0;
    /*
  Note: object-fit: cover would be better but images are not always provided in 3:2 - wider images cause cropping 
  width: 100%;
  height: 100%;
  object-fit: cover;
  */
    object-fit: contain;
}

.card__category {
    display: flex;
    font-family: 'Program OT', Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: var(--lt-line-height-body);
    letter-spacing: normal;
    margin-bottom: 0.625rem;
}

.card__category {
    font-size: var(--lt-body-font-size);
}

@media screen and (min-width: 320px) {
    .card__category {
        font-size: var(--lt-body-font-size);
    }
}

@media screen and (min-width: 1280px) {
    .card__category {
        font-size: var(--lt-body-font-size);
    }
}

.card__description {
    line-height: var(--lt-line-height-body) max-width: 22.375rem;
}

.card__description {
    font-size: var(--lt-body-font-size)
}

@media screen and (min-width: 320px) {
    .card__description {
        font-size: var(--lt-body-font-size);
    }
}

@media screen and (min-width: 1280px) {
    .card__description {
        font-size: var(--lt-body-font-size);
    }
}

@media screen and (min-width: 1280px) {
    .card__description {
        line-height: var(--lt-line-height-body)
    }
}

.card__date {
    margin-bottom: 0;
    line-height: var(--lt-line-height-body)
}

.card__date {
    font-size: var(--lt-body-font-size)
}

@media screen and (min-width: 320px) {
    .card__date {
        font-size: var(--lt-body-font-size);
    }
}

@media screen and (min-width: 1280px) {
    .card__date {
        font-size: var(--lt-body-font-size);
    }
}

.card--large h3.h-h3 {
    max-width: 31.25rem;
    margin-left: 0;
    font-size: var(--lt-heading__h3-font-size) !important;
    line-height: var(--lt-line-height-head) !important;
}

.card--large h3.h-h3:hover {
    cursor: pointer;
}

@media screen and (min-width: 1280px) {
    .card--large h3.h-h3 {
        max-width: none;
        font-size: var(--lt-heading__h3-font-size) !important;
        line-height: var(--lt-line-height-head) !important;
    }
}

@media screen and (min-width: 1024px) {
    .card--event {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        border-bottom: 4px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 2rem;
    }

    .card--event::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        /* to fix the link not being clickable on 1023+ */
        /* width: 50%; */
        height: 100%;
        /* border: 4px solid rgba(0, 0, 0, 0.2); */
        border-left: 0;
    }

    .card--event .card__image {
        padding-top: 16.0625rem;
        width: 50%;
        margin-bottom: 0;
    }

    .card--event .card__image~div {
        width: 50%;
        padding: 0 2.625rem;
    }
}

.card:hover {
    background: none;
}

.cta-card {
    position: relative;
}

.cta-card a {
    text-decoration: none;
}

.cta-card a::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0);
}

.cta-card a:focus,
.cta-card a:focus-within {
    outline: none;
    color: var(--lt-theme);
}

.cta-card a:focus::after,
.cta-card a:focus-within::after {
    background-color: #ffbf47;
    outline: thin dotted;
    z-index: -1;
}

.cta-card a:hover .h-h3 {
    text-decoration-thickness: 2px;
}

.cta-card img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 17px;
    height: 230px;
}

@media screen and (min-width: 320px) {
    .cta-card img {
        margin-bottom: calc(11.090909px + 1.846591vw);
    }
}

@media screen and (min-width: 1024px) {
    .cta-card img {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 320px) {
    .cta-card img {
        height: calc(193.636364px + 11.363636vw);
    }
}

@media screen and (min-width: 1024px) {
    .cta-card img {
        height: 310px;
    }
}

.cta-card h3 {
    display: flex;
    text-align: left;
    font-weight: 700;
    line-height: var(--lt-line-height-head);
    letter-spacing: normal;
    text-decoration-line: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.1875rem;
}

.cta-card h3:hover {
    text-decoration-thickness: 0.125rem;
}

.cta-card h3 {
    font-size: var(--lt-heading__h3-font-size);
}

@media screen and (min-width: 320px) {
    .cta-card h3 {
        font-size: var(--lt-heading__h3-font-size);
    }
}

@media screen and (min-width: 1280px) {
    .cta-card h3 {
        font-size: var(--lt-heading__h3-font-size);
    }
}

body.ov .e-events-calendar .cal-table thead tr.calendar-box-header th a.ajax-load-link {
    font-weight: 700;
    text-decoration-color: rgba(0, 0, 0, .4);
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.125rem;
}

body.ov .e-events-calendar .cal-table thead tr.calendar-box-header th a:hover {
    text-decoration-color: var(--theme);
    text-decoration-thickness: 0.125rem;
    transition: none;
}


/* home 23 version override start */

#home23 .card {
    --bs-card-border-width: 0;
    background-color: transparent;
}

#home23 .card a:hover {
    color: var(--navy);
    text-decoration-color: var(--theme);
}

#home23 .invert .card a:hover {
    color: #fff;
}

/* home 23 version override end */

.tags__event svg path {
    fill: var(--theme) !important;
}

body#hybrid .event-card-section .section .tags__event ul li p,
body#hybrid .tags__event ul li p {
    margin: 0;
}