@font-face {
    font-family: "Museo";
    src: url("../fonts/Museo 100 Regular/Museo 100 Regular.svg") format("svg");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: "Museo";
    src: url("../fonts/Museo 700 Regular/Museo 700 Regular.svg") format("svg");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Museo Sans";
    src: url("../fonts/Museo Sans 700/Museo Sans W01 700.svg#Museo Sans W01 700") format("svg");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Museo Sans";
    src: url("../fonts/Museo Sans 900/Museo Sans W01 900.svg#Museo Sans W01 900") format("svg");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.wp-block-heading,
.intro__title,
[class*="__title"],
[class*="__heading"],
[class*="__subtitle"],
[class*="__uptitle"] {
    font-family: "Museo Sans", "Noto Serif", Arial, sans-serif !important;
    font-weight: 700;
}

h1,
.h1 {
    font-weight: 900;
}

body,
p,
span,
li,
td,
th,
label,
input,
textarea,
select,
a {
    font-family: "Museo", Arial, sans-serif;
    font-weight: 100;
}

.noto-serif-regular {
    font-family: "Museo Sans", "Noto Serif", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .noto-serif-medium {
    font-family: "Museo Sans", "Noto Serif", Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .noto-serif-semibold {
    font-family: "Museo Sans", "Noto Serif", Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .noto-serif-bold {
    font-family: "Museo Sans", "Noto Serif", Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .noto-serif-regular-italic {
    font-family: "Museo Sans", "Noto Serif", Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .noto-serif-semibold-italic {
    font-family: "Museo Sans", "Noto Serif", Arial, sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .noto-serif-bold-italic {
    font-family: "Museo Sans", "Noto Serif", Arial, sans-serif;
    font-weight: 700;
    font-style: italic;
  }
@media(prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}




img {
    vertical-align: middle
}

button:focus:not(:focus-visible) {
    outline: 0
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

::file-selector-button {
    -webkit-appearance: button;
    font: inherit
}

.img-fluid {
    height: auto;
    max-width: 100%
}

.container-fluid {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: auto
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-8 {
    width: 66.66666667%
}

.offset-4 {
    margin-left: 33.33333333%
}

@media(min-width:768px) {

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control::file-selector-button {
    margin: -.95em -1em;
    padding: .95em 1em;
    -webkit-margin-end: 1em;
    background-color: var(--bs-tertiary-bg);
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    color: var(--bs-body-color);
    margin-inline-end: 1em;
    pointer-events: none;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {

    .form-control::file-selector-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--bs-secondary-bg)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-sm::file-selector-button {
    margin: -.95em -1em;
    padding: .95em 1em;
    -webkit-margin-end: 1em;
    margin-inline-end: 1em
}

.form-control-lg::file-selector-button {
    margin: -.5rem -1rem;
    padding: .5rem 1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E")
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-control-plaintext:not(:-ms-input-placeholder),
.form-floating>.form-control:not(:-ms-input-placeholder) {
    padding-bottom: .625rem;
    padding-top: 1.625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label:after {
    background-color: transparent;
    border-radius: 1.6rem;
    content: "";
    height: 1.5em;
    inset: 1rem .5em;
    position: absolute;
    z-index: -1
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label:after {
    background-color: transparent;
    border-radius: 1.6rem;
    content: "";
    height: 1.5em;
    inset: 1rem .5em;
    position: absolute;
    z-index: -1
}

.form-floating>:disabled~label {
    color: #6c757d
}

.form-floating>:disabled~label:after {
    background-color: var(--bs-secondary-bg)
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.btn:focus-visible {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
    box-shadow: var(--bs-btn-focus-box-shadow);
    color: var(--bs-btn-hover-color);
    outline: 0
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
    box-shadow: var(--bs-btn-focus-box-shadow);
    outline: 0
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.nav-link:focus-visible {
    -webkit-box-shadow: 0 0 0 .25rem rgba(16, 57, 42, .25);
    box-shadow: 0 0 0 .25rem rgba(16, 57, 42, .25);
    outline: 0
}

.icon-link-hover:focus-visible>.bi {
    -webkit-transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0));
    transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.visually-hidden-focusable:not(:focus):not(:focus-within) {
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    white-space: nowrap !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
    position: absolute !important
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.plyr__control:focus-visible {
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr__menu__container .plyr__control--forward:focus-visible:after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back:focus-visible:after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before {
    background: rgba(35, 40, 47, .1)
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr .plyr__control:focus-visible .plyr__tooltip {
    opacity: 1;
    -webkit-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1)
}

.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip {
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

.plyr--audio .plyr__control:focus-visible {
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: var(--plyr-audio-control-color-hover, #fff)
}

@supports not (aspect-ratio:16/9) {}

.plyr--video .plyr__control:focus-visible {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {

    .plyr:fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

:root {
    --swiper-navigation-size: 44px
}

:root {
    --swiper-navigation-size: 1.6em;
    --swiper-navigation-color: #000;
    --swiper-pagination-color: #00;
    --swiper-pagination-bullet-size: 0.7em;
    --swiper-pagination-bullet-horizontal-gap: .4em;
    --swiper-pagination-bullet-inactive-opacity: .4;
    --plyr-color-main: #000
}




body,
html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale
}

body {
    --plyr-color-main: #10392a;
}

:root {
    --logo-width: clamp(100px, 11.71vw, 150px);
    --logo-height: calc(var(--logo-width)/1.546);
    --outline-color: #3f8c73;
    --color-gs-bg: #10392a
}

:focus-visible {
    outline: 2px solid var(--outline-color)
}

::-webkit-input-placeholder {
    color: #323232;
    opacity: 1
}

::-moz-placeholder {
    color: #323232;
    opacity: 1
}

:-ms-input-placeholder {
    color: #323232;
    opacity: 1
}

::-ms-input-placeholder {
    color: #323232;
    opacity: 1
}

.container-fluid {
    max-width: 1440px
}



.site-banner:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#0b291e), color-stop(31%, rgba(11, 41, 30, .75)), color-stop(75%, rgba(11, 41, 30, .2)), to(rgba(11, 41, 30, 0)));
    background: linear-gradient(180deg, #0b291e, rgba(11, 41, 30, .75) 31%, rgba(11, 41, 30, .2) 75%, rgba(11, 41, 30, 0));
    content: "";
    height: 22rem;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: -1
}

@media(max-width:991.98px) {
    .site-banner:after {
        height: 15rem
    }
}

.site-banner .container-fluid {
    position: relative;
    z-index: 2
}

body.page-template-page-story .site-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    min-height: 100svh;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #10392a;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: -2
}

body.page-template-page-story .site-banner:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#10392a));
    background-image: linear-gradient(180deg, transparent, #10392a);
    bottom: 0;
    content: "";
    height: 20rem;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

body.page-template-page-story .site-banner .header-banner-img img {
    -webkit-filter: contrast(1) saturate(0);
    filter: contrast(1) saturate(0);
    height: 100%;
    mix-blend-mode: multiply;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

body.page-template-page-story .site-banner .container-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-bottom: 8em;
    padding-top: calc(var(--logo-height) + 5em);
    position: relative;
    -webkit-transition: padding .3s ease-in-out;
    transition: padding .3s ease-in-out
}

body.page-template-page-story .site-banner .container-fluid .header-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

body.page-template-page-story .site-banner .container-fluid .header-page-content h1 {
    color: #faf7e6;
    font-size: 64px;
    margin: 0;
}

body.page-template-page-story .site-banner .container-fluid .header-page-content p {
    max-width: 67rem;
    font-size: 24px;
}

.header-banner-img {
    overflow: hidden;
    z-index: -1
}

.header-banner-img,
.header-banner-img:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.header-banner-img:after {
    background-color: #10392a;
    content: "";
    opacity: .8
}

.header-banner-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    scale: 1;
    width: 100%
}

#site-navbar .nav-link:focus-visible {
    outline: 2px solid var(--outline-color)
}

nav#story-timeline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: -webkit-fill-available;
    min-height: calc(100vh - (var(--logo-height) + 2.5rem)*2);
    position: fixed;
    right: max(1.5rem, (1440px - 100vw - 1.5rem)/-2);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 33;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5em;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media(max-width:991.98px) {
    nav#story-timeline {
        min-height: -webkit-fill-available;
        min-height: calc(100vh - (var(--logo-height) + 5rem)*2)
    }
}

nav#story-timeline.active {
    opacity: 1
}

nav#story-timeline .story-timeline-thumb {
    height: 100%;
    position: relative;
    -webkit-box-flex: 1;
    background-color: hsla(51, 67%, 94%, .3);
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: .5rem
}

nav#story-timeline .story-timeline-thumb span {
    background-color: #faf7e6;
    display: block;
    height: 1px;
    position: absolute;
    width: 100%
}

.btn-outline-primary:focus-visible {
    background-color: #10392a;
    color: #faf7e6
}

section.story-block {
    padding: calc(4.13333rem + 4.07407vw) 0
}

@media(min-width:1440px) {
    section.story-block {
        padding: 10rem 0
    }
}

section.story-block.active .bg-year,
section.story-block.active .story-info {
    display: block
}



@media(max-width:991.98px) {

    section.story-block.active .bg-year,
    section.story-block.active .story-info {
        display: inline
    }
}

section.story-block .bg-year {
    color:#ffffff26;
    display: none;
    font-size: min(45vw, 650px);
    font-weight: 600;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

@media(max-width:767.98px) {
    section.story-block .bg-year {
        font-size: 70vw;
        line-height: .8;
        text-align: center;
        white-space: normal;
        width: 100%;
        word-break: break-all
    }
}

section.story-block .story-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    display: none;
    justify-content: center;
    left: 50%;
    margin: auto;
    max-width: 55.5rem;
    position: fixed;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 3
}

@media(max-width:767.98px) {
    section.story-block .story-info {
        padding: 0 1.5rem
    }

    body:not(.page-template-page-home) section.story-block .story-info {
        padding-right: 5rem;
        text-align: left;
        width: 80%;
    }
}

section.story-block .story-info .wp-block-heading {
    color: #faf7e6;
    font-size: 36px;
    font-family: "Museo Sans", "Noto Serif", Arial, sans-serif !important;
}

section.story-block .story-info h6 {
    color: #e0ca9d
}

section.story-block .story-gallery {
    position: relative;
    z-index: 2
}

section.story-block .story-gallery>.row * {
    margin-top: -1rem
}

section.story-block .story-gallery>.row :nth-child(2) {
    margin-top: calc(10.8rem + 13.33333vw)
}

@media(min-width:1440px) {
    section.story-block .story-gallery>.row :nth-child(2) {
        margin-top: 30rem
    }
}

section.story-block .story-gallery .story-img {
    position: relative;
    width: 100%
}

@media(max-width:767.98px) {
    section.story-block .story-gallery .story-img {
        margin-bottom: 20vh
    }
}

section.story-block .story-gallery .story-img img {
    border-radius: 1.6rem;
    height: auto;
    width: 100%
}

.wpc-custom-selected-terms .wpc-filter-chips-list .btn:focus-visible {
    outline: 1px solid #10392a;
    outline-offset: 2px
}

.rte {
    padding: calc(2.46667rem + 1.75926vw) 0
}

@media(min-width:1440px) {
    .rte {
        padding: 5rem 0
    }
}

section.rte h6 {
    color: #0d5640;
    margin-bottom: 1em
}

body.page-template-page-story section.rte {
    overflow: hidden
}

main {
    overflow-x: hidden
}

body.page-template-page-story main {
    position: relative;
    z-index: -3
}

body.page-template-page-story {
    --bs-body-bg: #10392a;
    --bs-body-color: #faf7e6
}

.story-info p {
    font-size: 20px;
    }

.story-info h6  {
 font-size: 20px;
}

@media(max-width:767px) {
   .story-info p {
    font-size: 14px !important;
    }

    section.story-block .story-info .wp-block-heading {
    font-size: 24px !important;
    }

    body.page-template-page-story .site-banner .container-fluid .header-page-content h1 {
    color: #faf7e6;
    font-size: 40px;
    }

    body.page-template-page-story .site-banner .container-fluid .header-page-content p {
    font-size: 16px;
    }

}