@font-face {
    font-family:"hello";
    font-style:normal;
    font-weight:normal;
    src:local("hello"),
    url("./fonts/hello-headline.woff2") format("woff2"),
    url("./fonts/hello-headline.eot?#iefix") format("embedded-opentype")
}
@font-face {
    font-family:"open-sans";
    font-style:normal;
    font-weight:normal;
    src:local("open-sans"),
    url("./fonts/open-sans-regular.woff2") format("woff2"),
    url("./fonts/open-sans-regular.eot?#iefix") format("embedded-opentype")
}
@font-face {
    font-family:"open-sans";
    font-style:normal;
    font-weight:bold;
    src:local("open-sans"),
    url("./fonts/open-sans-bold.woff2") format("woff2"),
    url("./ofonts/pen-sans-bold.eot?#iefix") format("embedded-opentype")
}
:root,
body {
    --cl__white: #ffffff;
    --cl__off-white: #f4f4f4;
    --cl__black: #000000;
    --cl__black--rgb: 0, 0, 0;
    --cl__governor-bay: #2f30bf;
    --cl__persian-blue: #2d38dd;
    --cl__cornflower-blue: #6589eb;
    --cl__cornflower-blue--two: #6398f5;
    --cl__cornflower-blue--three: #3695d9;
    --cl__portage: #7794eb;
    --cl__cornflower: #87c0e8;
    --cl__french-pass: #c2e3fe;
    --cl__pattens-blue: #d4eafe;
    --cl__link-water: #ecf5fa;
    --cl__jagged-ice: #c6ede3;
    --cl__mint-tulip: #c4f1e7;
    --cl__polar: #d6f5ee;
    --cl__tea-green: #d4eeba;
    --cl__spring-sun: #f5ffdf;
    --cl__orinoco: #e5fbc9;
    --cl__aqua-forest: #5b9f77;
    --cl__aqua-forest--rgb: 91, 159, 119;
    --cl__amazon: #226252;
    --cl__corduroy: #5a6c69;
    --cl__perfume: #dcd2fb;
    --cl__scorpion: #5b5b5b;
    --cl__mule-fawn: #9b5e33;
    --cl__buff: #f1dc86;
    --cl__wewak: #f09aae;
    --cl__chinook: #a0e3b6;
    --cl__riptide: #77e0c7;
    --cl__clear-day: #e9fffa;
    --cl__blue: #82c9ff;
    --cl__dark-blue: #060821;
    --cl__purple: #5a5a87;
    --cl__brown: #9c5d32;
    --cl__light-burgundy: #97394e;
    --cl__dusk: #434365;
    --cl__iron: #e6e7e8;
    --cl__manatee: #9e9e9f;
    --cl__mulled-wine: #4d3f61;
    --cl__martinique: #3e3152;
    --cl__sail: #ade0f9;
    --cl__riptide: #77e0c7;
    --cl__dusk-two: #52527c;
    --cl__dusk-three: #5a5a87;
    --cl__slate-blue: #69699b;
    --cl__scampi: #5e5ea0;
    --cl__fiord: #4c4c77;
    --cl__fiord--two: #43436d;
    --cl__athens-grey: #f0f0f4;
    --cl__east-bay: #4e4e7a;
    --cl__error: #f86468;
    --cl__success: #77e0c7;
    --cl__malibu: #6bc0fd;
    --cl__charlotte: #c4e9fb;
    --cl__sail: #abe0fa;
    --cl__royal-blue: #3862e2;
    --cl__royal-blue--two: #3b65e3;
    --cl__royal-blue--three: #355ee0;
    --cl__dark-blue--focus: #042658;
    --cl__comet: #5a5a87;
    --cl__comet--two: #52527f;
    --cl__sky-blue: #c2e3f3;
    --cl__moon: #d8d7f8;
    --cl__mint: #cbf3ea;
    --cl__curious-blue: #2f8ad4;
    --cl_background-color: var(--cl__french-pass);
    --cl__menu-item-background--active: var(--cl__athens-grey);
    --cl__menu-item-foreground--active: var(--cl__comet);
    --cl__menu-item-background--hover: var(--cl__comet);
    --cl__menu-item-foreground--hover: var(--cl__white);
    --cl__footer-background: var(--cl__purple);
    --cl__footer-button--background: var(--cl__white);
    --cl__footer-subscribe-button--background: var(--cl__sail);
    --cl__footer-button--foreground: var(--cl__comet);
    --cl__footer-button--focus: var(--cl__charlotte);
    --cl__footer-button--hover: var(--cl__charlotte);
    --cl__footer-button--active: var(--cl__charlotte);
    --cl__primary-header: var(--cl__dusk-three);
    --cl__secondary-header: var(--cl__brown);
    --cl__body-copy: var(--cl__dusk-three);
    --cl__primary-button--background: var(--cl__comet);
    --cl__primary-button--foreground: var(--cl__white);
    --cl__primary-button--focus: var(--cl__manatee);
    --cl__primary-button--hover: var(--cl__east-bay);
    --cl__primary-button--active: var(--cl__fiord--two);
    --cl__cookie-message--background: var(--cl__dusk-two);
    --cl__cookie-message--foreground: var(--cl__white);
    --cl__cookie-message--copy: var(--cl__riptide);
    --cl__button--background: var(--cl__riptide);
    --cl__post-grid-counters: var(--cl__comet);
    --cl__post-card--title-hover: var(--cl__scampi)
}
@keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity:1
    }
}
@keyframes zoomOut {
    0% {
        opacity:1
    }
    50% {
        opacity:0;
        transform:scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity:0
    }
}
@keyframes fadeIn {
    0% {
        opacity:0
    }
    50% {
        opacity:1
    }
}
@keyframes jello-horizontal {
    0% {
        transform:scale3d(1, 1, 1)
    }
    30% {
        transform:scale3d(1.25, 0.75, 1)
    }
    40% {
        transform:scale3d(0.75, 1.25, 1)
    }
    50% {
        transform:scale3d(1.15, 0.85, 1)
    }
    65% {
        transform:scale3d(0.95, 1.05, 1)
    }
    75% {
        transform:scale3d(1.05, 0.95, 1)
    }
    100% {
        transform:scale3d(1, 1, 1)
    }
}
@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        transform:scale(0)
    }
    40% {
        transform:scale(1)
    }
}
@keyframes hvr-pop {
    50% {
        transform:scale(1.2)
    }
}
@keyframes bbc-icon-pop {
    50% {
        transform:scale(1.4)
    }
}
html {
    max-width:100vw;
    overflow-x:hidden;
    scroll-behavior:smooth;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -webkit-backface-visibility:hidden;
    -moz-osx-font-smoothing:grayscale
}
@keyframes fadeIn {
    0% {
        opacity:0
    }
    50% {
        opacity:1
    }
}
img[height] {
    height:auto
}
body {
    animation-name:fadeIn;
    animation-delay:450ms;
    animation-duration:350ms;
    animation-fill-mode:both;
    color:var(--cl__body-copy);
    display:flex;
    flex-direction:column;
    font:normal 100% "open-sans","arial","sans-serif";
    min-height:100vh;
    max-width:100vw;
    overflow-x:hidden
}
*:focus-visible {
    outline:none !important;
    border-radius:4px;
    box-shadow:0 0 0 2px var(--cl__white),0 0 0 4px var(--cl__dark-blue--focus)
}
@supports(--css: variables) {
    body {
        animation-delay:300ms
    }
}
body.loading:before {
    animation-name:fadeIn;
    animation-duration:200ms;
    animation-fill-mode:both;
    animation-timing-function:ease-in-out;
    background-color:hsla(0,0%,100%,.5);
    content:"";
    height:100vh;
    pointer-events:none;
    position:fixed;
    width:100%;
    z-index:999
}
main.site {
    display:inline-block;
    margin:0 auto auto;
    position:relative;
    width:100%;
    z-index:1;
    overflow:hidden;
    padding-bottom:270px
}
@media(max-width: 1440px) {
    main.site {
        max-width:100vw
    }
}
@media(max-width: 700px) {
    main.site {
        padding-bottom:135px
    }
}
h1,
h2,
h3 {
    color:var(--cl__primary-header);
    font-family:"hello","open-sans","arial","sans-serif";
    text-transform:capitalize
}
h1 {
    font-size:2.8125rem;
    letter-spacing:0;
    line-height:1.2em
}
@media(max-width: 700px) {
    h1 {
        font-size:2rem;
        line-height:1.21875em
    }
}
h2 {
    font-size:2.125rem;
    margin-bottom:1.2058823529em
}
@media(max-width: 700px) {
    h2 {
        font-size:1.625rem;
        line-height:1.1923076923em
    }
}
h3 {
    font-size:1.75rem;
    line-height:1.2142857143em;
    margin-bottom:.8928571429em
}
@media(max-width: 700px) {
    h3 {
        font-size:1.5rem;
        line-height:1.125em
    }
}
p,
a {
    color:inherit;
    font-family:inherit;
    font-size:inherit
}
p,
.wp-block-paragraph {
    font-size:1.25rem;
    line-height:1.5em;
    margin-bottom:1.5em
}
@media(max-width: 700px) {
    p,
    .wp-block-paragraph {
        font-size:1rem;
        line-height:1.5em
    }
}
p>a {
    text-decoration:none;
    border-bottom:3px solid var(--cl__comet)
}
p>a:hover {
    color:#4e4e7a;
    border-bottom:3px solid #4e4e7a
}
img {
    -ms-interpolation-mode:bicubic
}
@keyframes cloudsFloatLeft {
    0% {
        transform:translateX(-90%)
    }
    100% {
        transform:translateX(-95%)
    }
}
@keyframes cloudsFloatRight {
    0% {
        transform:translateX(90%)
    }
    100% {
        transform:translateX(95%)
    }
}
.left-floating-cloud,
.right-floating-cloud {
    position:absolute;
    width:50%;
    z-index:-1
}
.left-floating-cloud {
    animation:cloudsFloatLeft 7s ease-in-out 0s infinite alternate both;
    left:0
}
.right-floating-cloud {
    animation:cloudsFloatRight 7s ease-in-out 0s infinite alternate both;
    right:0
}
@media(max-width: 981px) {
    .left-floating-cloud,
    .right-floating-cloud {
        display:none
    }
}
@keyframes errorIn {
    0% {
        opacity:0;
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity:1
    }
}
.bbc__footer {
    background-size:cover;
    background-position:top center;
    background-repeat:repeat-x;
    display:block;
    height:150px;
    width:100%
}

@media(max-width: 1080px) {
    .bbc__footer {
        height:80px
    }
}
.bbc__footer {
    background-image:url("./images/")
}
body.homepage-theme .bbc__footer {
    background-image:url("./images/backgrounds/footer-bush@2x.png")
}
@keyframes slideUpDown {
    0% {
        transform:translate3d(0, 100%, 0);
        visibility:visible
    }
    to {
        transform:translateZ(0);
        visibility:visible
    }
}
@keyframes slideDownOut {
    0% {
        transform:translateZ(0);
        visibility:visible
    }
    to {
        transform:translate3d(0, 100%, 0);
        visibility:hidden
    }
}
@keyframes hero-default {
    100% {
        background-position-x:-10000px
    }
}
@keyframes hero-default {
    100% {
        background-position-x:-10000px
    }
}
@keyframes hero-default {
    100% {
        background-position-x:-10000px
    }
}
@keyframes hero-default {
    100% {
        background-position-x:-10000px
    }
}
@keyframes hero-default {
    100% {
        background-position-x:-10000px
    }
}
@keyframes largeHero {
    100% {
        background-position-x:-16000px
    }
}
:root.homepage-theme,
body.homepage-theme {
    --cl__background-color: var(--cl__french-pass);
    background:var(--cl__background-color);
    background-image:url("./images/backgrounds/clouds-background.png");
    background-repeat:repeat;
    background-size:1865px;
    background-position-y:672px
}
@media(max-width: 700px) {
    :root.homepage-theme,
    body.homepage-theme {
        background-image:url("./images/backgrounds/mobile-clouds-background.png");
        background-size:100%;
        background-position-y:462px
    }
}
@keyframes hero-default {
    100% {
        background-position-x:-10000px
    }
}
:root.homepage-theme,
body.homepage-theme {
    --cl__footer-background: var(--cl__purple);
    --cl__primary-header: var(--cl__dusk-three);
    --cl__secondary-header: var(--cl__dusk-three);
    --cl__body-copy: var(--cl__dusk-three);
    --cl__primary-button--background: var(--cl__comet);
    --cl__primary-button--foreground: var(--cl__white);
    --cl__primary-button--focus: var(--cl__manatee);
    --cl__primary-button--hover: var(--cl__east-bay);
    --cl__primary-button--active: var(--cl__fiord--two);
    --cl__post-grid-counters: var(--cl__comet)
}
@keyframes hero-default {
    100% {
        background-position-x:-10000px
    }
}
@keyframes hero-default {
    100% {
        background-position-x:-10000px
    }
}
@keyframes hero-default {
    100% {
        background-position-x:-10000px
    }
}