html {
    box-sizing: border-box;
    scroll-behavior: smooth
}

*,
:after,
:before {
    box-sizing: inherit
}

:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px
}

body,
html {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,
main {
    overflow-x: clip
}

main {
    flex: 1 0 auto
}

.footer {
    flex-shrink: 0
}

embed,
iframe,
object {
    max-width: 100%;
    width: 100%
}

button,
label {
    cursor: pointer
}

figure {
    display: block;
    margin-inline: auto
}

img,
picture {
    margin: 0;
    max-width: 100%
}

img,
video {
    display: block
}

.container {
    flex-grow: 1;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: auto
}

.container--medium {
    max-width: 800px
}

.container--small {
    max-width: 600px
}

address {
    font-style: normal
}

.underline {
    --underline-color: #fff;
    text-decoration: none
}

.underline.dark {
    --underline-color: #000
}

.underline .line {
    background-image: linear-gradient(var(--underline-color) 0 0);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1.5px;
    display: inline-block;
    margin-bottom: -1px;
    padding-bottom: 5px;
    transition: background-size .4s, background-position 0s .4s
}

.underline:hover {
    text-decoration: none !important
}

@keyframes content-fade-in {
    to {
        opacity: 1;
        scale: 1
    }
}

p {
    transition: opacity .2s ease-in-out
}

@starting-style {
    p {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translate(-100px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translate(100px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes scaleUp {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.auto-grid {
    --min-col-size: 290px;
    display: grid;
    gap: 64px 16px !important;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--min-col-size), 100%), 1fr)) !important
}

.auto-grid-4 {
    --min-col-size: 260px;
    gap: 24px 34px !important
}

.is-clearfix:after {
    clear: both;
    content: " ";
    display: table
}

.is-marginless {
    margin: 0 !important
}

.is-paddingless {
    padding: 0 !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: .75rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.m-4 {
    margin: 1rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.m-5 {
    margin: 1.5rem !important
}

.mt-5 {
    margin-top: 1.5rem !important
}

.mr-5 {
    margin-right: 1.5rem !important
}

.mb-5 {
    margin-bottom: 1.5rem !important
}

.ml-5 {
    margin-left: 1.5rem !important
}

.m-6 {
    margin: 3rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mr-6 {
    margin-right: 3rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.ml-6 {
    margin-left: 3rem !important
}

.m-7 {
    margin: 40px !important
}

.mt-7 {
    margin-top: 40px !important
}

.mr-7 {
    margin-right: 40px !important
}

.mb-7 {
    margin-bottom: 40px !important
}

.ml-7 {
    margin-left: 40px !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: .75rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pr-3 {
    padding-right: .75rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pl-4 {
    padding-left: 1rem !important
}

.p-5 {
    padding: 1.5rem !important
}

.pt-5 {
    padding-top: 1.5rem !important
}

.pr-5 {
    padding-right: 1.5rem !important
}

.pb-5 {
    padding-bottom: 1.5rem !important
}

.pl-5 {
    padding-left: 1.5rem !important
}

.p-6 {
    padding: 3rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pr-6 {
    padding-right: 3rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pl-6 {
    padding-left: 3rem !important
}

.p-7 {
    padding: 40px !important
}

.pt-7 {
    padding-top: 40px !important
}

.pr-7 {
    padding-right: 40px !important
}

.pb-7 {
    padding-bottom: 40px !important
}

.pl-7 {
    padding-left: 40px !important
}

.gap {
    gap: 16px !important
}

.gap-2 {
    gap: 24px !important
}

.gap-3 {
    gap: 8px !important
}

.mt-40 {
    margin-top: 40px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.is-block {
    display: block !important
}

.is-flex {
    display: flex !important
}

.is-inline {
    display: inline !important
}

.is-inline-block {
    display: inline-block !important
}

.is-inline-flex {
    display: inline-flex !important
}

.is-hidden {
    display: none !important
}

.is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: .01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: .01em !important
}

.is-sr-only--fixed {
    position: fixed;
    top: 0
}

.is-invisible {
    visibility: hidden !important
}

.is-relative {
    position: relative !important
}

.is-flex-direction-row {
    flex-direction: row !important
}

.is-flex-direction-row-reverse {
    flex-direction: row-reverse !important
}

.is-flex-direction-column {
    flex-direction: column !important
}

.is-flex-direction-column-reverse {
    flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
    flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
    flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
    justify-content: flex-start !important
}

.is-justify-content-flex-end {
    justify-content: flex-end !important
}

.is-justify-content-center {
    justify-content: center !important
}

.is-justify-content-space-between {
    justify-content: space-between !important
}

.is-justify-content-space-around {
    justify-content: space-around !important
}

.is-justify-content-space-evenly {
    justify-content: space-evenly !important
}

.is-align-content-flex-start {
    align-content: flex-start !important
}

.is-align-content-flex-end {
    align-content: flex-end !important
}

.is-align-content-center {
    align-content: center !important
}

.is-align-content-space-between {
    align-content: space-between !important
}

.is-align-content-space-around {
    align-content: space-around !important
}

.is-align-content-space-evenly {
    align-content: space-evenly !important
}

.is-align-items-flex-start {
    align-items: flex-start !important
}

.is-align-items-flex-end {
    align-items: flex-end !important
}

.is-align-items-center {
    align-items: center !important
}

.is-align-self-flex-start {
    align-self: flex-start !important
}

.is-align-self-flex-end {
    align-self: flex-end !important
}

.is-align-self-center {
    align-self: center !important
}

a {
    font-weight: 700;
    text-decoration: none
}

a:not(.wp-element-button):focus-visible,
a:not(.wp-element-button):hover {
    text-decoration: underline
}

.entry-content a {
    color: var(--wp--preset--color--theme-primary)
}

.is-family-primary {
    font-family: var(--wp--preset--font-family--primary)
}

.is-family-secondary {
    font-family: var(--wp--preset--font-family--secondary)
}

.is-family-tertiary {
    font-family: var(--wp--preset--color--tertiary)
}

.is-capitalized {
    text-transform: capitalize !important
}

.is-lowercase {
    text-transform: lowercase !important
}

.is-underline {
    text-decoration: underline !important
}

.is-uppercase {
    text-transform: uppercase !important
}

.is-italic {
    font-style: italic !important
}

.has-text-weight-light {
    font-weight: 100 !important
}

.has-text-weight-normal {
    font-weight: 400 !important
}

.has-text-weight-bold {
    font-weight: 700 !important
}

.has-list-style-none {
    list-style: none !important
}

.has-3-font-size,
.has-4-font-size,
.has-5-font-size,
.has-6-font-size,
.has-7-font-size {
    font-family: var(--wp--preset--font-family--secondary);
    letter-spacing: normal;
    line-height: 1.5
}

.has-secondary-font-family {
    letter-spacing: normal !important
}

.faux-link {
    background-image: none;
    display: block;
    inset: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 200%;
    visibility: visible;
    white-space: nowrap;
    z-index: 2
}

.faux-link:focus-visible {
    opacity: 1
}

.faux-link--element {
    position: relative
}

.faux-link--element a:not(.faux-link) {
    position: relative;
    z-index: 3
}

.skip-to {
    background-image: none;
    height: 1px;
    left: -999px;
    outline-offset: -8px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
    z-index: -999
}

.skip-to:active,
.skip-to:focus-visible {
    background: var(--wp--preset--color--theme-primary);
    color: var(--wp--preset--color--white);
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: auto;
    left: 8px;
    line-height: 1.5;
    padding: 16px 24px;
    text-decoration: none;
    top: 8px;
    width: auto;
    z-index: 100000
}

.has-bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.section {
    padding: 40px 16px
}

.happypress-custom-fields :first-child {
    margin-top: 0
}

.happypress-custom-fields :last-child {
    margin-bottom: 0
}

.post dd {
    margin-bottom: 1em
}

.post ol,
.post ul {
    margin-top: 0
}

address {
    margin-bottom: 1em
}

pre {
    background-color: var(--wp--preset--color--cyan-bluish-gray);
    display: block;
    margin: 2em 0;
    padding: 2em
}

code,
pre {
    border-radius: 6px
}

code {
    position: relative;
    top: -.2em
}

.post-password-form {
    background-color: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--cyan-bluish-gray);
    border-radius: 6px;
    margin: 2em 0 !important;
    padding: 2em
}

input[type=checkbox] {
    margin-right: 8px
}

textarea {
    font-family: var(--wp--preset--font-family--secondary)
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
select,
textarea {
    border: 1px solid #8c8c8c !important;
    color: #65696a !important;
    display: block;
    padding: 5px 4px !important;
    width: 100%
}

input[type=checkbox],
input[type=radio] {
    appearance: none;
    background-color: #fff;
    border: 2px solid black !important;
    display: grid !important;
    height: 24px;
    margin: 0 !important;
    place-content: center;
    width: 24px
}

input[type=radio] {
    border-radius: 50%
}

input[type=checkbox] {
    border-radius: 12%
}

input[type=checkbox]:before,
input[type=radio]:before {
    box-shadow: inset 16px 16px black;
    clip-path: polygon(21% 40%, 21% 40%, 8% 54%, 25% 68%, 36% 77%, 47% 65%, 48% 64%, 64% 47%, 75% 35%, 93% 13%, 81% 4%, 36% 54%);
    content: "";
    height: 14px;
    transform: scale(0);
    transform-origin: bottom left;
    transition: transform .12s ease-in-out;
    width: 14px
}

input[type=radio]:before {
    border-radius: 50%
}

input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
    transform: scale(1)
}

input[type=checkbox]:focus-visible,
input[type=radio]:focus-visible {
    outline: max(2px, .15em) solid currentcolor;
    outline-offset: max(2px, .15em)
}

.gfield_label,
.gform-field-label {
    color: var(--text) !important;
    font-size: 16px !important;
    font-weight: 700 !important
}

.gform-field-label {
    cursor: pointer !important;
    padding-bottom: 8px
}

.gchoice,
.gfield_radio {
    display: flex;
    gap: 8px
}

.gfield_radio {
    flex-direction: column
}

.ui-datepicker-month,
.ui-datepicker-year {
    text-align-last: left !important;
    width: 100px !important
}

.pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 16px;
    width: 100%
}

.pagination a,
.pagination span {
    align-items: center;
    color: var(--wp--preset--color--dark-blue);
    display: inline-flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    line-height: 16px;
    margin: 0 4px;
    padding: initial;
    width: 40px
}

.pagination .current {
    background-color: var(--wp--preset--color--dark-blue);
    color: var(--wp--preset--color--white)
}

.pagination .next,
.pagination .prev {
    background: none;
    padding: 16px;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    width: auto
}

.pagination .next:focus-visible,
.pagination .next:hover,
.pagination .prev:focus-visible,
.pagination .prev:hover {
    opacity: .7;
    transform: scale(.9)
}

.button {
    background-size: 0 !important
}

.button-reset {
    background-color: transparent;
    border: none
}

.button-full {
    width: 100%
}

.button {
    --outline-color: black;
    --border: black;
    --background: #82aeb3;
    --text: black;
    --background-hover: black;
    --text-hover: #fff;
    background-color: var(--background);
    border: none;
    color: var(--text);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    min-width: 229px;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: center;
    text-decoration: none !important
}

.button--primary {
    --background: black;
    --text: #fff;
    --background-hover: #afcb37;
    --text-hover: black
}

.button--secondary {
    --background: #afcb37
}

.button--tertiary {
    --text: #fff;
    --background: #006379;
    --text-hover: black;
    --background-hover: #fff
}

.button--lighter {
    --background: #cddfe1;
    --text: black
}

.button--outline {
    --background: transparent;
    --background-hover: black;
    --text: black;
    --text-hover: #fff;
    border: 1px solid var(--border)
}

.button--outline.button--secondary {
    --background: transparent;
    --background-hover: #fff;
    --text: #fff;
    --text-hover: black;
    --border: #fff;
    --outline-color: #fff
}

.button--outline.button--tertiary {
    --background: transparent;
    --background-hover: #82aeb3;
    --text: #82aeb3;
    --text-hover: #fff;
    --border: #82aeb3;
    --outline-color: #fff
}

.button--outline.button--quaternary {
    --background: transparent;
    --background-hover: #fff;
    --text: #fff;
    --text-hover: black;
    --border: #fff;
    --outline-color: black
}

.button--outline.button--quinary {
    --background: transparent;
    --background-hover: black;
    --text: black;
    --text-hover: #fff;
    border: 1px solid var(--border)
}

.button--outline.button--filled-white {
    --background: #fff;
    --text: black;
    --text-hover: #fff;
    --background-hover: black;
    --border: black;
    --outline-color: black
}

.button--outline.button--filled-blue {
    --background: black;
    --text: #fff;
    --text-hover: black;
    --background-hover: #fff;
    --border: #fff;
    --outline-color: #fff
}

.button span {
    background: linear-gradient(to bottom, var(--text) 50%, var(--text-hover) 50%);
    background-clip: text;
    color: transparent;
    position: relative;
    -webkit-text-fill-color: transparent;
    background-position: 0 0;
    background-size: 100% 200%;
    z-index: 10
}

.button svg path {
    fill: var(--text);
    transition: fill .3s ease-in-out
}

.button:after {
    background-color: var(--background-hover);
    content: "";
    inset: 0;
    position: absolute;
    transform: translateY(100%);
    z-index: 1
}

.button:focus-visible {
    outline: 2px solid var(--outline-color);
    outline-offset: 4px
}

.button:focus-visible span,
.button:focus-within span,
.button:has(:checked) span,
.button:hover span {
    background-position: 0 100%
}

.button:focus-visible svg path,
.button:focus-within svg path,
.button:has(:checked) svg path,
.button:hover svg path {
    fill: var(--text-hover)
}

.button:focus-visible:after,
.button:focus-within:after,
.button:has(:checked):after,
.button:hover:after {
    transform: translateY(0)
}

.button.searchwp-related-settings-toggle {
    border: 2px solid var(--wp--preset--color--blue)
}

.button.browser,
.button.copy-attachment-url,
.button.media-button,
.button.tribe-dependent {
    background: #2271b1;
    border-color: #2271b1;
    color: #fff;
    font-weight: 400;
    min-width: auto;
    text-decoration: none;
    text-shadow: none;
    width: auto
}

.button.browser:after,
.button.copy-attachment-url:after,
.button.media-button:after,
.button.tribe-dependent:after,
.loader {
    display: none
}

.loader {
    aspect-ratio: 4;
    width: 60px;
    --_g: no-repeat radial-gradient(circle closest-side, var(--wp--preset--color--blue) 90%, #fff0);
    animation: l7 1s linear infinite;
    background: var(--_g) 0 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: 33.3333333333% 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12
}

@keyframes l7 {
    33% {
        background-size: 33.3333333333% 0, 33.3333333333% 100%, 33.3333333333% 100%
    }

    50% {
        background-size: 33.3333333333% 100%, 33.3333333333% 0, 33.3333333333% 100%
    }

    66% {
        background-size: 33.3333333333% 100%, 33.3333333333% 100%, 33.3333333333% 0
    }
}

.rank-math-breadcrumb p {
    align-items: center;
    color: #55595a;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    overflow: auto;
    padding: 16px;
    white-space: nowrap
}

.rank-math-breadcrumb .separator {
    display: flex
}

.masthead {
    background-color: var(--wp--preset--color--blue);
    position: relative;
    z-index: 1000
}

.masthead-logo {
    background: none;
    transition: opacity .2s ease-in-out
}

.masthead-logo:focus-visible,
.masthead-logo:hover {
    opacity: .6
}

.masthead-button img {
    margin: 0 auto
}

.masthead-right {
    align-items: center;
    display: flex;
    gap: 24px
}

.masthead-right button {
    font-family: var(--wp--preset--font-family--secondary) !important;
    padding: 0
}

body.no-scroll.admin-bar .masthead {
    margin-top: 32px
}

#primary-menu:after {
    background: var(--wp--preset--color--dark-blue);
    content: "";
    inset: 0 auto 0 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1
}

.masthead-menu {
    inset: 0;
    position: fixed;
    visibility: visible;
    z-index: 9999
}

.masthead-menu .top-level {
    text-decoration: none !important
}

.masthead-menu--container {
    backface-visibility: hidden;
    background: var(--wp--preset--color--blue);
    height: 100%;
    pointer-events: all;
    position: absolute;
    right: 0;
    width: 400px;
    will-change: transform
}

.masthead-menu--container.sub-is-active {
    transform: translate(-100%);
    transition-delay: .1s
}

.masthead-menu--container .masthead-buttons .button {
    --background: black;
    background: var(--background)
}

.masthead-menu--scroll-block {
    background: var(--wp--preset--color--blue);
    height: 100vh;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s ease-in-out;
    width: 400px;
    will-change: opacity;
    z-index: -1
}

.masthead-menu--overlay {
    backface-visibility: hidden;
    background-color: black;
    inset: 0;
    opacity: .7;
    position: absolute;
    will-change: opacity, right;
    z-index: -2
}

.masthead-menu--overlay.active {
    right: 400px
}

.masthead-menu--close {
    font-family: var(--wp--preset--font-family--secondary);
    opacity: 1;
    pointer-events: all;
    position: absolute;
    right: 18px;
    text-transform: uppercase;
    top: 20px;
    z-index: 99
}

.masthead-menu.open .masthead-menu--scroll-block {
    opacity: 1;
    transition-delay: .6s
}

.masthead-menu:not(.open) {
    opacity: 0;
    pointer-events: none;
    transition-delay: 1s;
    visibility: hidden
}

.masthead-menu:not(.open) .masthead-menu--close {
    opacity: 0;
    transition-delay: 0s
}

.masthead-menu:not(.open) .masthead-menu--container {
    transform: translate(100%)
}

.masthead-menu:not(.open) .masthead-menu--overlay {
    opacity: 0
}

.masthead-menu--scroll {
    height: 100vh;
    inset: 0;
    overflow: clip auto;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.masthead-menu--back {
    align-items: center;
    background: var(--wp--preset--color--dark-blue);
    display: none;
    font-size: 16px;
    gap: 8px;
    margin: 4px auto 0;
    max-width: calc(100% - 8px);
    padding: 16px;
    position: sticky;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 10
}

.masthead-menu a {
    background: none;
    color: var(--wp--preset--color--white);
    display: block;
    padding: 8px 16px
}

.masthead-menu a.top-level {
    background: none
}

.masthead-menu .underline span {
    background-image: linear-gradient(currentcolor, currentcolor);
    background-position: 0 100% !important;
    background-repeat: no-repeat;
    background-size: 0 2px;
    line-height: 1.5;
    text-decoration: none !important;
    transition: background-size .3s
}

.masthead-menu .masthead-buttons {
    padding: 40px 24px
}

.masthead-menu ul {
    display: flex;
    flex-direction: column;
    font-weight: 700;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.masthead-menu .sub-menu {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out 0s;
    visibility: hidden
}

.masthead-menu li {
    font-size: 16px
}

.masthead-menu li .menu-btn {
    font-weight: 700;
    text-align: left
}

.masthead-menu li .menu-btn span {
    font-family: var(--wp--preset--font-family--secondary)
}

.masthead-menu li .menu-btn,
.masthead-menu li a {
    align-items: center;
    justify-content: space-between;
    line-height: 1.2;
    outline-offset: -2px;
    padding: 12px 24px 12px 12px;
    text-decoration: none;
    transition: background-color .2s ease-in-out;
    width: 100%
}

.masthead-menu .depth-1 {
    font-weight: 500;
    gap: 0;
    height: 0;
    overflow: hidden;
    padding-left: 24px;
    visibility: hidden;
    width: 100%
}

.masthead-menu .depth-1 a {
    padding: 8px !important;
    transition: visibility .3s ease-in-out;
    visibility: hidden
}

.masthead-menu .depth-1 li {
    font-family: var(--wp--preset--font-family--secondary)
}

.masthead-menu .depth-0 {
    background: var(--wp--preset--color--dark-blue);
    gap: 0;
    inset: 80px 0 0 100%;
    max-height: 100vh;
    overflow: auto !important;
    padding-bottom: 80px;
    position: absolute;
    width: 100%
}

.masthead-menu .depth-0 .menu-btn {
    font-size: 16px;
    padding-inline: 24px
}

.masthead-menu .depth-0.is-active {
    opacity: 1
}

.masthead-menu .depth-0>li {
    display: flex;
    flex-wrap: wrap;
    transition: background-color .2s ease-in-out
}

.masthead-menu .depth-0>li.is-show {
    background-color: black;
}

.masthead-menu .depth-0>li a {
    padding-inline: 24px;
    width: 100%
}

.masthead-menu .is-show .depth-1 {
    height: auto !important
}

.masthead-menu .is-show .depth-1 li:last-child a {
    padding-bottom: 12px !important
}

.masthead-menu .menu {
    background: var(--wp--preset--color--blue);
    height: 100%;
    padding-top: 80px;
    right: 0;
    width: 400px
}

.masthead-menu .menu>li>.menu-btn {
    font-size: 20px
}

.masthead-menu .menu>li>.menu-btn,
.masthead-menu .menu>li>a {
    padding-inline: 24px 28px !important;
    position: relative
}

.masthead-menu .menu>li>.menu-btn img,
.masthead-menu .menu>li>.menu-btn span,
.masthead-menu .menu>li>a img,
.masthead-menu .menu>li>a span {
    position: relative;
    z-index: 10
}

.masthead-menu .menu>li>.menu-btn:after,
.masthead-menu .menu>li>a:after {
    background: var(--wp--preset--color--dark-blue);
    content: "";
    inset: 0;
    opacity: 0;
    outline-offset: -3px;
    position: absolute;
    transition: opacity .2s ease-in-out
}

.masthead-menu .menu>li>.menu-btn:focus-visible:after,
.masthead-menu .menu>li>a:focus-visible:after {
    outline: 2px solid #fff
}

.masthead-menu .menu>li>.menu-btn:focus-visible:after,
.masthead-menu .menu>li>.menu-btn:hover:after,
.masthead-menu .menu>li>a:focus-visible:after,
.masthead-menu .menu>li>a:hover:after {
    opacity: 1
}

.masthead-menu .menu>li {
    font-size: 20px
}

.masthead-menu .menu li.item-is-active .sub-menu {
    opacity: 1;
    pointer-events: auto;
    transition: opacity .3s ease-in-out .3s;
    visibility: visible !important
}

.masthead-menu .menu li.item-is-active>button:after {
    opacity: 1
}

.masthead-menu .menu li.item-is-active .is-show button img {
    transform: rotate(180deg)
}

.masthead-menu .menu li.item-is-active .is-show .depth-1 {
    transition: height .5s ease, opacity .3s ease-in-out 0s, visibility 0s ease-in-out .3s !important
}

.masthead-menu .menu li.item-is-active .is-show .depth-1 a {
    transition: visibility .3s ease-in-out 0s;
    visibility: visible
}

.menu-spacer {
    display: block;
    height: 16px
}

.masthead-search--overlay {
    backface-visibility: hidden;
    background-color: black;
    height: 100vh;
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease-in-out;
    transition-delay: 0s;
    will-change: opacity;
    z-index: -2
}

.masthead-search {
    position: fixed;
    top: 84px;
    width: 100%;
    z-index: 160
}

.masthead-search--button .img-contain {
    display: block;
    min-height: 24px;
    position: relative
}

.masthead-search--button .faded {
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translate(-50%);
    visibility: hidden
}

.masthead-search .search-form,
.masthead-search--recommended {
    transition: opacity .2s ease-in-out;
    width: 50%
}

.masthead-search--recommended h3 {
    line-height: 1.2
}

.masthead-search--recommended ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none
}

.masthead-search--recommended li {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    opacity: 0;
    transform: translate(-8px);
    transition: opacity .2s ease-in-out, transform .2s ease-in-out
}

.masthead-search .search-form,
.masthead-search--recommended {
    opacity: 0
}

.masthead-search[aria-hidden=true] {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.masthead-search[aria-hidden=true] .masthead-search--overlay {
    transition-delay: .6s
}

.masthead-search--container {
    padding: 80px 16px;
    transform: translateY(-100%)
}

.masthead-search[aria-hidden=false] .masthead-search--container {
    transform: translateY(0)
}

.masthead-search[aria-hidden=false] .masthead-search--overlay {
    opacity: 1;
    transition-delay: 0s
}

.masthead-search[aria-hidden=false] .masthead-search--recommended,
.masthead-search[aria-hidden=false] .search-form {
    opacity: 1
}

.masthead-search[aria-hidden=false] .masthead-search--recommended li {
    opacity: 1;
    transform: translate(0)
}

.masthead-search .container {
    gap: 120px
}

.masthead-search .search-switch {
    border: none;
    margin: 0 0 40px;
    padding: 0
}

.masthead-search .search-switch input:focus-visible+label {
    outline: 2px solid var(--wp--preset--color--white);
    outline-offset: 4px
}

.masthead-search .search-switch input:checked~label {
    font-weight: 700;
    text-decoration: underline
}

.masthead-search .search-label--course {
    opacity: 0;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out
}

.masthead-search .search-label--course[aria-hidden=false] {
    opacity: 1;
    visibility: visible
}

.footer:focus-within {
    position: relative
}

.footer__wrapper {
    gap: 16px 32px
}

.footer a {
    font-weight: 400
}

.footer .col {
    width: 100%
}

.footer-menu-title {
    line-height: 24px
}

.footer ul {
    list-style: none
}

.footer-menu {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.footer .social-links a {
    background-image: none;
    text-decoration: none !important;
    transition: all .2s ease-in-out
}

.footer .social-links a:focus-visible,
.footer .social-links a:hover {
    opacity: .7;
    transform: scale(.9)
}

img[src*=pixelId] {
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    overflow: hidden
}

.no-results {
    padding: 80px 0;
    width: 100%
}

.search-header label {
    background-image: linear-gradient(currentcolor, currentcolor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    text-decoration: none !important
}

.search-header label:has(:checked) {
    font-weight: 700;
    opacity: 1 !important
}

.search-header label:has(:focus-within),
.search-header label:hover {
    opacity: .6
}

.search-header label:has(:checked),
.search-header label:has(:focus-within),
.search-header label:hover {
    background-size: 100% 2px
}

.search-header--container {
    max-width: 600px
}

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

.searchform button {
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px
}

.searchform button img {
    transition: transform .2s ease-in-out
}

.searchform button:focus-visible img,
.searchform button:hover img {
    transform: scale(.8)
}

.searchform [aria-selected=true],
.searchform li:hover {
    background-color: var(--wp--preset--color--sky) !important;
    cursor: pointer
}

.searchform ul {
    position: absolute;
    width: 100%;
    z-index: 100
}

.searchform input[type=text] {
    background: transparent;
    border: 1px solid var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--white) !important;
    font-family: var(--wp--preset--font-family--secondary);
    font-size: 14px;
    height: 48px;
    line-height: 1.2;
    padding-inline: 16px 48px !important
}

.searchform input[type=text]::placeholder {
    color: var(--wp--preset--color--white)
}

.searchform input[type=text]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background-image: url(../img/icons/close.svg);
    background-size: 16px;
    cursor: pointer;
    height: 16px;
    width: 16px
}

.search-results__main {
    gap: 24px;
    padding: 40px 0;
    width: 100%
}

.reset-filters-button {
    transition: all .3s ease-in-out
}

.reset-filters-button img {
    transition: transform .3s ease-in-out
}

.reset-filters-button strong {
    background-image: linear-gradient(currentcolor, currentcolor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    line-height: 1.5;
    text-decoration: none !important;
    transition: background-size .3s
}

.reset-filters-button:focus-visible strong,
.reset-filters-button:hover strong {
    background-size: 100% 2px
}

.reset-filters-button:focus-visible img,
.reset-filters-button:hover img {
    transform: rotate(-90deg)
}

.card {
    animation: fadeInUp .4s ease-out forwards;
    opacity: 0;
    transform: translateY(20px)
}

.card:first-child {
    animation-delay: .1s
}

.card:nth-child(2) {
    animation-delay: .2s
}

.card:nth-child(3) {
    animation-delay: .3s
}

.card:nth-child(4) {
    animation-delay: .4s
}

.card:nth-child(5) {
    animation-delay: .5s
}

.card:nth-child(6) {
    animation-delay: .6s
}

.card:nth-child(7) {
    animation-delay: .7s
}

.card:nth-child(8) {
    animation-delay: .8s
}

.card:nth-child(9) {
    animation-delay: .9s
}

.card:nth-child(10) {
    animation-delay: 1s
}

.card:nth-child(11) {
    animation-delay: 1.1s
}

.card:nth-child(12) {
    animation-delay: 1.2s
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.search-filter {
    margin-top: 40px;
    min-width: 293px
}

.search-filter ul {
    gap: 8px;
    list-style: none;
    margin: 0 0 0 16px;
    padding: 8px 0
}

.search-filter input {
    transition: background .2s ease-in-out
}

.search-filter label:hover input {
    background-color: #eee
}

.search-filter button {
    min-width: auto;
    width: 100%
}

.search-filter details {
    margin-bottom: 24px
}

.search-filter details summary {
    margin: 0;
    outline-offset: 0;
    padding: 8px
}

.search-filter details summary:after {
    right: 0;
    top: 50%;
    transform: translateY(-50%) !important
}

.search-filter details[open]>summary:after {
    transform: translateY(-50%) rotate(180deg) !important
}

.spinner-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 80px;
    width: 100%
}

.spinner {
    animation: spin .8s linear infinite;
    border: 4px solid #ccc;
    border-radius: 50%;
    border-top-color: #333;
    height: 24px;
    width: 24px
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.skeleton-item {
    animation: shimmer 1.2s ease-in-out infinite;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    border-radius: 4px
}

.card--image {
    border-radius: 0;
    max-height: 223px;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.card--image img {
    height: 223px;
    object-fit: cover;
    transition: transform .2s ease-in-out;
    width: 100%
}

.card--image.no-image {
    background-color: #64696a;
    display: grid;
    height: 223px;
    place-items: center
}

.card--image.no-image img {
    height: 86px;
    opacity: .4;
    width: 64px
}

.card h2,
.card h3 {
    background-image: linear-gradient(currentcolor, currentcolor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    color: var(--wp--preset--color--blue);
    text-decoration: none !important
}

.card .faux-link:focus-visible~.card--image img,
.card .faux-link:hover~.card--image img {
    transform: scale(1.1)
}

.card .faux-link:focus-visible~.card--info h2,
.card .faux-link:focus-visible~.card--info h3,
.card .faux-link:hover~.card--info h2,
.card .faux-link:hover~.card--info h3 {
    background-size: 100% 2px
}

.skeleton {
    background: #e0e0e0;
    overflow: hidden;
    position: relative
}

.skeleton-text {
    border-radius: 4px;
    height: 16px;
    margin-bottom: 8px
}

.skeleton:after {
    animation: shimmer 1.5s infinite;
    background: linear-gradient(90deg, #e0e0e0, #f5f5f5 50%, #e0e0e0);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes shimmer {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

.card--loading {
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden
}

.card--loading .card--image {
    min-height: 223px
}

.card--loading .card--info-title h3 {
    height: 24px
}

.card--loading .card--info-date {
    width: 30%
}

.card--loading .card--info-title {
    width: 80%
}

.card--loading .card--info-excerpt {
    height: 48px;
    width: 100%
}

.card .categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 4px;
    list-style: none;
    margin: 0;
    padding: 16px;
    position: absolute
}

.card .categories a {
    background-color: var(--wp--preset--color--blue);
    background-image: none !important;
    color: var(--wp--preset--color--white);
    display: block;
    font-size: 12px;
    font-weight: 500;
    max-width: 200px;
    outline-offset: 4px;
    padding: 4px 8px;
    transition: all .2s ease-in-out
}

.card .categories a:focus-visible,
.card .categories a:hover {
    background-color: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--blue) !important
}

.card--staff .card--image {
    height: 100%;
    max-height: 274px;
    min-height: 274px
}

.card--staff .card--image:not(.no-image) img {
    height: 274px
}

.related {
    padding-block: 80px
}

.template-error {
    height: calc(100vh - 56px)
}

.search-results__main-container {
    width: 100%
}

.search-filters-details>summary:after {
    background: var(--wp--preset--color--blue) !important;
    height: 24px;
    width: 24px
}

#search-filters-details>summary {
    font-size: 24px;
    line-height: 1.2
}

.stack-trace {
    padding: 16px
}

.stack-trace .is-error-line {
    background-color: #df7979
}

.stack-trace table {
    width: 100%
}

.stack-trace table td,
.stack-trace table th {
    padding: 8px !important
}

.stack-trace h1 {
    font-size: 32px;
    font-weight: 500
}

.stack-trace-tabs {
    display: flex;
    flex-wrap: wrap
}

.stack-trace-tabs h2 {
    font-size: 24px;
    font-weight: 500;
    margin-block: 16px
}

.stack-trace-tabs .radiotab {
    opacity: 0;
    position: absolute
}

.stack-trace-tabs .label {
    color: #7f7f7f;
    cursor: pointer;
    font-weight: 700;
    padding: 16px;
    text-align: center;
    transition: background-color .3s, color .3s;
    width: 100%
}

.stack-trace-tabs .label:hover {
    background-color: #f2f2f2
}

.stack-trace-tabs .radiotab:checked+.label {
    background-color: #f2f2f2;
    color: #000
}

.stack-trace-tabs .panel {
    background: #fff;
    border: 2px solid #f2f2f2;
    display: none;
    overflow: auto;
    padding: 16px;
    width: 100%
}

.stack-trace-tabs .radiotab:checked+.label+.panel {
    display: block
}

@media(prefers-reduced-motion:reduce) {
    .underline:hover span {
        text-decoration: underline
    }

    .masthead-menu .menu li.item-is-active .is-show .depth-1,
    .masthead-menu .menu li.item-is-active .sub-menu {
        transition: none !important
    }
}

@media(prefers-reduced-motion:no-preference) {
    .underline:hover span {
        background-position: 100% 100%;
        background-size: 100% 2px
    }

    a {
        background-image: linear-gradient(currentcolor, currentcolor);
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 0 2px;
        text-decoration: none !important;
        transition: background-size .3s
    }

    a:focus-visible,
    a:hover {
        background-size: 100% 2px
    }

    .animate-content,
    .wp-block-newman-timeline--content {
        animation: content-fade-in linear forwards;
        animation-fill-mode: both;
        animation-range: entry 0 cover 30%;
        animation-timeline: view();
        backface-visibility: hidden;
        opacity: 0;
        scale: .8
    }

    .wp-block-post-content-is-layout-constrained>* {
        backface-visibility: hidden
    }

    @view-transition {
        navigation: auto
    }

    .fade-in {
        transition: transform .4s ease-in-out .2s, opacity .5s ease-in-out .2s
    }

    @starting-style {
        .fade-in {
            opacity: 0;
            transform: translateY(30px)
        }
    }

    .fade-in-up {
        animation: fadeIn linear both;
        animation-range: entry 0 cover 40%;
        animation-timeline: view();
        contain: paint;
        will-change: transform, opacity
    }

    .slide-in-left {
        animation: slideInLeft linear both;
        animation-range: entry 0 cover 40%;
        animation-timeline: view()
    }

    .slide-in-left,
    .slide-in-right {
        clip-path: inset(0 0 0 0);
        contain: paint;
        will-change: transform, opacity
    }

    .slide-in-right {
        animation: slideInRight linear both;
        animation-range: entry 0 cover 40%;
        animation-timeline: view()
    }

    .scale-up {
        animation: scaleUp linear both;
        animation-range: entry 0 cover 40%;
        animation-timeline: view();
        contain: paint;
        will-change: transform, opacity
    }

    .button span {
        transition: background-position .3s ease-in-out
    }

    .button:after {
        transition: transform .3s ease-in-out
    }

    .masthead-menu {
        transition: opacity .1s ease-in-out, visibility 0s ease-in-out
    }

    .masthead-menu .masthead-buttons {
        opacity: 0;
        transition: opacity .2s ease-in-out 1.2s
    }

    .masthead-menu .menu>li .top-level {
        opacity: 0;
        transform: translate(40px);
        transition: opacity .3s ease-in-out, transform .3s ease-in-out;
        will-change: opacity, transform
    }

    .masthead-menu.open .menu>li .top-level {
        opacity: 1;
        transform: translate(0);
        transition: opacity .3s ease-in-out .8s, transform .3s ease-in-out .8s
    }

    .masthead-menu.open .masthead-buttons {
        opacity: 1
    }

    .masthead-menu .menu>li:first-child .top-level {
        transition-delay: .6s !important
    }

    .masthead-menu .menu>li:nth-child(2) .top-level {
        transition-delay: .7s !important
    }

    .masthead-menu .menu>li:nth-child(3) .top-level {
        transition-delay: .8s !important
    }

    .masthead-menu .menu>li:nth-child(4) .top-level {
        transition-delay: .9s !important
    }

    .masthead-menu .menu>li:nth-child(5) .top-level {
        transition-delay: 1s !important
    }

    .masthead-menu .menu>li:nth-child(6) .top-level {
        transition-delay: 1.1s !important
    }

    .masthead-menu .menu>li:nth-child(7) .top-level {
        transition-delay: 1.2s !important
    }

    .masthead-menu .menu>li:nth-child(8) .top-level {
        transition-delay: 1.3s !important
    }

    .masthead-menu .menu>li:nth-child(9) .top-level {
        transition-delay: 1.4s !important
    }

    .masthead-menu--container {
        transition: transform .3s ease-in-out;
        transition-delay: .3s
    }

    .masthead-menu--overlay {
        transition: opacity .2s ease-in-out
    }

    .masthead-menu--close {
        transition: opacity .3s ease-in-out 1.4s
    }

    .masthead-menu:not(.open) .masthead-menu--overlay {
        transition: opacity .3s ease-in-out .8s
    }

    .masthead-menu .depth-1 {
        transition: height .5s ease, opacity .3s ease-in-out 0s !important;
        will-change: height, opacity
    }

    .masthead-search {
        transition: opacity .1s ease-in-out, visibility 0s ease-in-out
    }

    .masthead-search--button img {
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out
    }

    .masthead-search .search-form {
        transition-delay: .6s
    }

    .masthead-search--recommended {
        transition-delay: .8s
    }

    .masthead-search[aria-hidden=true] {
        transition-delay: 1s
    }

    .masthead-search--container {
        transition: transform .4s ease-in-out;
        transition-delay: 0s
    }

    .masthead-search[aria-hidden=false] .masthead-search--recommended li:nth-child(n) {
        transition-delay: 1.2s
    }

    .masthead-search[aria-hidden=false] .masthead-search--recommended li:nth-child(2n) {
        transition-delay: 1.4s
    }

    .masthead-search[aria-hidden=false] .masthead-search--recommended li:nth-child(3n) {
        transition-delay: 1.6s
    }

    .search-header label {
        transition: background-size .3s, opacity .3s
    }

    .card h2,
    .card h3 {
        transition: background-size .3s
    }
}

@media screen and (max-width:768px) {
    .is-block-mobile {
        display: block !important
    }

    .is-flex-mobile {
        display: flex !important
    }

    .is-inline-mobile {
        display: inline !important
    }

    .is-inline-block-mobile {
        display: inline-block !important
    }

    .is-inline-flex-mobile {
        display: inline-flex !important
    }

    .is-hidden-mobile {
        display: none !important
    }

    .is-invisible-mobile {
        visibility: hidden !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-block-tablet {
        display: block !important
    }

    .is-flex-tablet {
        display: flex !important
    }

    .is-inline-tablet {
        display: inline !important
    }

    .is-inline-block-tablet {
        display: inline-block !important
    }

    .is-inline-flex-tablet {
        display: inline-flex !important
    }

    .is-hidden-tablet {
        display: none !important
    }

    .is-invisible-tablet {
        visibility: hidden !important
    }
}

@media screen and (min-width:1024px) {
    .is-block-desktop {
        display: block !important
    }

    .is-flex-desktop {
        display: flex !important
    }

    .is-inline-desktop {
        display: inline !important
    }

    .is-inline-block-desktop {
        display: inline-block !important
    }

    .is-inline-flex-desktop {
        display: inline-flex !important
    }

    .is-hidden-desktop {
        display: none !important
    }

    .is-invisible-desktop {
        visibility: hidden !important
    }
}

@media(max-width:769px) {
    body {
        --wp--preset--font-size--1: 40px;
        --wp--preset--font-size--2: 32px;
        --wp--preset--font-size--3: 24px;
        --wp--preset--font-size--4: 20px;
        --wp--preset--font-size--5: 16px;
        --wp--custom--line-height-responsive-1: 1.5;
        --wp--custom--line-height-responsive-2: 1.5;
        --wp--custom--line-height-responsive-3: 1.5;
        --wp--custom--line-height-responsive-4: 1.5;
        --wp--custom--line-height-responsive-5: 1.5
    }

    .has-1-font-size--mobile {
        font-size: var(--wp--custom--font-size-1) !important;
        line-height: var(--wp--custom--line-height-1) !important
    }

    .has-2-font-size--mobile {
        font-size: var(--wp--custom--font-size-2) !important;
        line-height: var(--wp--custom--line-height-2) !important
    }

    .has-3-font-size--mobile {
        font-size: var(--wp--custom--font-size-3) !important;
        line-height: var(--wp--custom--line-height-3) !important
    }

    .has-3-font-size--mobile,
    .has-4-font-size--mobile {
        font-family: var(--wp--preset--font-family--secondary) !important
    }

    .has-4-font-size--mobile {
        font-size: var(--wp--custom--font-size-4) !important;
        line-height: var(--wp--custom--line-height-4) !important
    }

    .has-5-font-size--mobile {
        font-family: var(--wp--preset--font-family--secondary) !important;
        font-size: var(--wp--custom--font-size-5) !important;
        line-height: var(--wp--custom--line-height-5) !important
    }

    .masthead-search--container {
        padding-block: 40px
    }

    .masthead-search .container {
        flex-direction: column
    }

    .masthead-search .search-form,
    .masthead-search--recommended {
        width: 100%
    }

    .search-results__main {
        padding: 24px 0
    }

    .search-results .container {
        flex-direction: column
    }

    #search-filters-details>summary {
        border-block: 1px solid var(--wp--preset--color--blue);
        padding-block: 16px
    }
}

@media(max-width:768px) {
    .section {
        margin-bottom: 40px
    }
}

@media(max-width:782px) {
    body.no-scroll.admin-bar .masthead {
        margin-top: 46px
    }
}

@media(max-width:800px) {
    .masthead-menu .item-is-active .masthead-menu--back {
        display: flex;
        visibility: visible
    }

    .masthead-menu ul.menu,
    .masthead-menu--container,
    .masthead-menu--scroll,
    .masthead-menu--scroll-block {
        width: 100%
    }
}

@media(max-width:970px) {
    .masthead-search--recommended li {
        font-size: 24px
    }

    .masthead-search .container {
        gap: 40px;
        justify-content: space-between
    }
}

@media(min-width:1024px) {
    .footer .col:not(:last-child) {
        max-width: 240px
    }

    .footer .col:last-child {
        min-width: 350px
    }

    .footer .col .map {
        margin-top: -48px
    }
}

@media(max-width:1024px) {
    .footer .footer__wrapper {
        flex-wrap: wrap;
        gap: 40px
    }

    .footer .col {
        max-width: calc(50% - 32px) !important;
        min-width: calc(50% - 32px) !important
    }

    .footer .map-col {
        position: relative
    }

    .footer .map-col:after {
        background: linear-gradient(to top, transparent, var(--wp--preset--color--blue));
        content: "";
        height: 40px;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media(max-width:700px) {
    .footer .col {
        max-width: 100% !important;
        min-width: 100% !important
    }

    .footer .map {
        margin: 0 auto;
        max-width: 100%
    }
}

@media(min-width:769px) {
    #search-filters-details>summary:after {
        display: none
    }
}

@media(min-width:600px) {
    .stack-trace-tabs .panel {
        order: 99
    }

    .stack-trace-tabs .label {
        width: 33.33%
    }
}