@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@600&family=Poppins:ital,wght@0,500;0,600;1,500;1,600&family=Yellowtail&display=swap);

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted 
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

html {
    box-sizing: border-box;
    font: 16px georgia, serif;
    overflow-y: scroll
}

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

body {
    word-wrap: break-word;
    -ms-font-feature-settings: "kern", "liga", "clig", "calt";
    font-feature-settings: "kern", "liga", "clig", "calt";
    color: rgba(0, 0, 0, .8);
    font-family: georgia, serif;
    font-kerning: normal
}

img {
    margin: 0 0 1.45rem;
    max-width: 100%;
    padding: 0
}

h1 {
    font-size: 2.25rem
}

h1,
h2 {
    text-rendering: optimizeLegibility;
    color: inherit;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 1.45rem;
    padding: 0
}

h2 {
    font-size: 1.62671rem
}

h3 {
    font-size: 1.38316rem
}

h3,
h4 {
    text-rendering: optimizeLegibility;
    color: inherit;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 1.45rem;
    padding: 0
}

h4 {
    font-size: 1rem
}

h5 {
    font-size: .85028rem
}

h5,
h6 {
    text-rendering: optimizeLegibility;
    color: inherit;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 1.45rem;
    padding: 0
}

h6 {
    font-size: .78405rem
}

hgroup {
    margin: 0 0 1.45rem;
    padding: 0
}

ol,
ul {
    list-style-image: none;
    list-style-position: outside;
    margin: 0 0 1.45rem 1.45rem;
    padding: 0
}

dd,
dl,
figure,
p {
    margin: 0 0 1.45rem;
    padding: 0
}

pre {
    word-wrap: normal;
    background: rgba(0, 0, 0, .04);
    border-radius: 3px;
    font-size: .85rem;
    line-height: 1.42;
    margin: 0 0 1.45rem;
    overflow: auto;
    padding: 1.45rem
}

table {
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 1.45rem;
    width: 100%
}

fieldset,
table {
    margin: 0 0 1.45rem;
    padding: 0
}

blockquote {
    margin: 0 1.45rem 1.45rem;
    padding: 0
}

form,
iframe,
noscript {
    margin: 0 0 1.45rem;
    padding: 0
}

hr {
    background: rgba(0, 0, 0, .2);
    border: none;
    height: 1px;
    margin: 0 0 calc(1.45rem - 1px);
    padding: 0
}

address {
    margin: 0 0 1.45rem;
    padding: 0
}

b,
dt,
strong,
th {
    font-weight: 700
}

li {
    margin-bottom: .725rem
}

ol li,
ul li {
    padding-left: 0
}

li>ol,
li>ul {
    margin-bottom: .725rem;
    margin-left: 1.45rem;
    margin-top: .725rem
}

blockquote :last-child,
li :last-child,
p :last-child {
    margin-bottom: 0
}

li>p {
    margin-bottom: .725rem
}

code,
kbd,
samp {
    font-size: .85rem;
    line-height: 1.45rem
}

abbr,
abbr[title],
acronym {
    border-bottom: 1px dotted rgba(0, 0, 0, .5);
    cursor: help
}

abbr[title] {
    text-decoration: none
}

td,
th,
thead {
    text-align: left
}

td,
th {
    font-feature-settings: "tnum";
    -moz-font-feature-settings: "tnum";
    -ms-font-feature-settings: "tnum";
    -webkit-font-feature-settings: "tnum";
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: .725rem .96667rem calc(.725rem - 1px)
}

td:first-child,
th:first-child {
    padding-left: 0
}

td:last-child,
th:last-child {
    padding-right: 0
}

code,
tt {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 3px;
    font-family: SFMono-Regular, Consolas, Roboto Mono, Droid Sans Mono, Liberation Mono, Menlo, Courier, monospace;
    padding: .2em 0
}

pre code {
    background: none;
    line-height: 1.42
}

code:after,
code:before,
tt:after,
tt:before {
    content: " ";
    letter-spacing: -.2em
}

pre code:after,
pre code:before,
pre tt:after,
pre tt:before {
    content: ""
}

@media only screen and (max-width:480px) {
    html {
        font-size: 100%
    }
}

.spacing--none {
    padding: 0
}

.spacing--xxxs {
    padding: var(--spacing-xxx-small)
}

.spacing--xxs {
    padding: var(--spacing-xx-small)
}

.spacing--xs {
    padding: var(--spacing-x-small)
}

.spacing--s {
    padding: var(--spacing-small)
}

.spacing--b {
    padding: var(--spacing-base)
}

.spacing--m {
    padding: var(--spacing-medium)
}

.spacing--l {
    padding: var(--spacing-large)
}

.spacing--xl {
    padding: var(--spacing-x-large)
}

.spacing--xxl {
    padding: var(--spacing-xx-large)
}

.spacing--xxxl {
    padding: var(--spacing-x-large)
}

.spacing--bottom--none {
    margin-bottom: 0
}

.spacing--bottom--xxxs {
    margin-bottom: var(--spacing-xxx-small)
}

.spacing--bottom--xxs {
    margin-bottom: var(--spacing-xx-small)
}

.spacing--bottom--xs {
    margin-bottom: var(--spacing-x-small)
}

.spacing--bottom--s {
    margin-bottom: var(--spacing-small)
}

.spacing--bottom--m {
    margin-bottom: var(--spacing-medium)
}

.spacing--bottom--l {
    margin-bottom: var(--spacing-large)
}

.spacing--bottom--xl {
    margin-bottom: var(--spacing-x-large)
}

.spacing--bottom--xxl {
    margin-bottom: var(--spacing-xx-large)
}

.spacing--bottom--xxxl {
    margin-bottom: var(--spacing-x-large)
}

@media only screen and (min-width:768px) {
    .spacing--bottom--xxxl {
        margin-bottom: var(--spacing-xxx-large)
    }
}

.spacing--bottom--big {
    margin-bottom: 30px
}

@media only screen and (min-width:1024px) {
    .spacing--bottom--big {
        margin-bottom: 150px
    }
}

.spacing--bottom--double {
    margin-bottom: 300px
}

.spacing--top--none {
    margin-top: 0
}

.spacing--top--xxxs {
    margin-top: var(--spacing-xxx-small)
}

.spacing--top--xxs {
    margin-top: var(--spacing-xx-small)
}

.spacing--top--xs {
    margin-top: var(--spacing-x-small)
}

.spacing--top--s {
    margin-top: var(--spacing-small)
}

.spacing--top--m {
    margin-top: var(--spacing-medium)
}

.spacing--top--l {
    margin-top: var(--spacing-large)
}

.spacing--top--xl {
    margin-top: var(--spacing-x-large)
}

.spacing--top--xxl {
    margin-top: var(--spacing-xx-large)
}

.spacing--top--xxxl {
    margin-top: var(--spacing-xxx-large)
}

.spacing--top--xxxxl {
    margin-top: var(--spacing-xxxx-large)
}

.spacing--top--mobile {
    margin-top: 2rem
}

@media only screen and (min-width:768px) {
    .spacing--top--mobile {
        margin-top: 0
    }
}

.spacing--top--big {
    margin-top: 30px
}

@media only screen and (min-width:1024px) {
    .spacing--top--big {
        margin-top: 150px
    }
}

.spacing--top--double {
    margin-top: 300px
}

.spacing--right--none {
    margin-right: 0
}

.spacing--right--xxxs {
    margin-right: var(--spacing-xxx-small)
}

.spacing--right--xxs {
    margin-right: var(--spacing-xx-small)
}

.spacing--right--xs {
    margin-right: var(--spacing-x-small)
}

.spacing--right--s {
    margin-right: var(--spacing-small)
}

.spacing--right--m {
    margin-right: var(--spacing-medium)
}

.spacing--right--l {
    margin-right: var(--spacing-large)
}

.spacing--right--xle {
    margin-right: var(--spacing-x-large)
}

.spacing--right--xxl {
    margin-right: var(--spacing-xx-large)
}

.spacing--right--xxxl {
    margin-right: var(--spacing-xxx-large)
}

.spacing--left--none {
    margin-left: 0
}

.spacing--left--xxxs {
    margin-left: var(--spacing-xxx-small)
}

.spacing--left--xxs {
    margin-left: var(--spacing-xx-small)
}

.spacing--left--xs {
    margin-left: var(--spacing-x-small)
}

.spacing--left--s {
    margin-left: var(--spacing-small)
}

.spacing--left--m {
    margin-left: var(--spacing-medium)
}

.spacing--left--l {
    margin-left: var(--spacing-large)
}

.spacing--left--xle {
    margin-left: var(--spacing-x-large)
}

.spacing--left--xxl {
    margin-left: var(--spacing-xx-large)
}

.spacing--left--xxxl {
    margin-left: var(--spacing-xxx-large)
}

.spacing__fullWidth__section--none {
    margin: 0
}

.spacing__fullWidth__section--xxxs {
    margin: 0 var(--spacing-xxx-small) 0
}

.spacing__fullWidth__section--l,
.spacing__fullWidth__section--m,
.spacing__fullWidth__section--s,
.spacing__fullWidth__section--xle,
.spacing__fullWidth__section--xs,
.spacing__fullWidth__section--xxl,
.spacing__fullWidth__section--xxs,
.spacing__fullWidth__section--xxxl {
    margin-right: 0 var(--spacing-xxx-small) 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--font-sans);
    font-weight: var(--font-sans-300);
    line-height: var(--line-height-heading);
    margin: 0
}

@font-face {
    font-family: HeyBoyHeyGirl;
    src: url(/static/HeyBoyHeyGirl-a387c3b0ec14a14c3a82a3d0468f9675.ttf)
}

h1 {
    font-size: 27.648px
}

@media (min-width:400px) and (max-width:900px) {
    h1 {
        font-size: calc(21.6448px + 1.5008vw)
    }
}

@media (min-width:900px) and (max-width:1200px) {
    h1 {
        font-size: calc(-56px + 10.128vw)
    }
}

@media (min-width:1200px) {
    h1 {
        font-size: 65.536px
    }
}

h2 {
    font-size: 23.04px
}

@media (min-width:400px) and (max-width:900px) {
    h2 {
        font-size: calc(19.84px + .8vw)
    }
}

@media (min-width:900px) and (max-width:1200px) {
    h2 {
        font-size: calc(-14.72px + 4.64vw)
    }
}

@media (min-width:1200px) {
    h2 {
        font-size: 40.96px
    }
}

h3 {
    font-size: 23.04px
}

@media (min-width:400px) and (max-width:900px) {
    h3 {
        font-size: calc(19.84px + .8vw)
    }
}

@media (min-width:900px) and (max-width:1200px) {
    h3 {
        font-size: calc(-14.72px + 4.64vw)
    }
}

@media (min-width:1200px) {
    h3 {
        font-size: 40.96px
    }
}

h4 {
    font-size: 19.2px
}

@media (min-width:400px) and (max-width:900px) {
    h4 {
        font-size: calc(17.92px + .32vw)
    }
}

@media (min-width:900px) and (max-width:1200px) {
    h4 {
        font-size: calc(6.4px + 1.6vw)
    }
}

@media (min-width:1200px) {
    h4 {
        font-size: 25.6px
    }
}

h5 {
    font-size: 19.2px
}

@media (min-width:400px) and (max-width:900px) {
    h5 {
        font-size: calc(17.92px + .32vw)
    }
}

@media (min-width:900px) and (max-width:1200px) {
    h5 {
        font-size: calc(6.4px + 1.6vw)
    }
}

@media (min-width:1200px) {
    h5 {
        font-size: 25.6px
    }
}

h6 {
    font-size: 19.2px
}

@media (min-width:400px) and (max-width:900px) {
    h6 {
        font-size: calc(17.92px + .32vw)
    }
}

@media (min-width:900px) and (max-width:1200px) {
    h6 {
        font-size: calc(6.4px + 1.6vw)
    }
}

@media (min-width:1200px) {
    h6 {
        font-size: 25.6px
    }
}

:root {
    --color-blue: #51b6d2;
    --color-blue-dark: #309dbb;
    --color-blue-darker: #2b8ca6;
    --color-blue-darkest: #0f6780;
    --color-blue-light: #4db4d1;
    --color-blue-lighter: #61bdd6;
    --color-blue-lightest: #75c5db;
    --color-blue-gradient: linear-gradient(225deg, #71c8be, #50b6d2);
    --color-blue-gradientMask: linear-gradient(270deg, rgba(206, 235, 232, 0), rgba(98, 189, 213, .86) 78.97%, rgba(82, 183, 210, .99) 100%, #50b6d2 0);
    --color-blue-green-gradient: linear-gradient(90deg, #51b6d2 23.11%, #71c8bf 99.97%);
    --color-blue-header: #0097bd;
    --color-red: #ff3860;
    --color-red-dark: #eb002f;
    --color-red-darker: #d1002a;
    --color-red-darkest: #b80025;
    --color-red-light: #ff859d;
    --color-red-lighter: #ffb8c6;
    --color-red-lightest: #ffebef;
    --color-green: #23d160;
    --color-green-dark: #22c95c;
    --color-green-darker: #1eb352;
    --color-green-darkest: #1b9d48;
    --color-green-light: #3fde77;
    --color-green-lighter: #55e286;
    --color-green-lightest: #6be696;
    --color-yellow: #ffdd57;
    --color-yellow-dark: #ebbc00;
    --color-yellow-darker: #d1a700;
    --color-yellow-darkest: #b89300;
    --color-yellow-light: #ffe785;
    --color-yellow-lighter: #fff1b8;
    --color-yellow-lightest: #fffbeb;
    --color-neutral: #4a4a4a;
    --color-neutral-dark: #363636;
    --color-neutral-darker: #242424;
    --color-neutral-darkest: #0a0a0a;
    --color-neutral-light: #dbdbdb;
    --color-neutral-lighter: #f5f5f5;
    --color-neutral-lightest: #fff;
    --color-neutral-overlay: rgba(0, 0, 0, .7);
    --color-secondary: #595959;
    --color-global-grey: #aeb6bf;
    --color-global-blue: #2b8ca6;
    --color-global-very-white: #fdffff;
    --color-global-footer: #3e4744;
    --color-global-aqua: #71c8be;
    --color-global-dk-green: #67bc6b;
    --color-global-lt-green: #96da99;
    --color-global-dk-heading: #363636;
    --color-global-red: #e31313;
    --color-global-dk-red: #ae2d2a;
    --color-global-grapefruit: #ff805a;
    --color-global-yellow: #f8cc37;
    --color-global-orange: #f5a623;
    --color-global-light-blue: #0b7e9d;
    --color-global-gold: #ffd100;
    --color-orange: #f5a624;
    --color-orange-dark: #ebbc00;
    --color-orange-darker: #d1a700;
    --color-orange-darkest: #b89300;
    --color-orange-light: #ffe785;
    --color-orange-lighter: #fff1b8;
    --color-orange-lightest: #fffbeb;
    --color-orange-gradient: linear-gradient(225deg, #f79a2e, #e66c1f);
    --color-orange-gradientReverse: linear-gradient(148.27deg, #fad961 20.77%, #f76b1c 100.29%);
    --color-orange-gradientLocals: linear-gradient(248.83deg, #f3c300 15.95%, #f9a51a 73.95%);
    --color-green-gradient: linear-gradient(225deg, #387452, #7aae96);
    --color-b-orange-gradient: linear-gradient(225deg, #7e5622, #b8982f);
    --color-orange-yellow-gradient: linear-gradient(90deg, #f58a33 13.54%, #ffd100);
    --fh-color-light-blue: var(--color-global-light-blue);
    --fh-color-blue: #2c4cad;
    --fh-color-dark-blue: #0f6780;
    --fh-color-dark-gray: #232528;
    --fh-color-rich-black: #17181a;
    --fh-color-rich-black-gradient: linear-gradient(180deg, rgba(23, 24, 26, 0), rgba(23, 24, 26, .7) 10%, #17181a 23%);
    --nh-color-blue: #00558c;
    --nh-color-gray: #d6c8c3;
    --nh-color-orange: #ea7600;
    --nh-color-gold: #b8982f;
    --nh-color-bronze: #7e5622;
    --font-scale-ratio: 1.333;
    --line-height-text: 1.6;
    --line-height-heading: 1.25;
    --font-sans: Poppins, Helvetica Neue, Arial, sans-serif;
    --font-sans-100: 100;
    --font-sans-200: 200;
    --font-sans-300: 300;
    --font-sans-400: 400;
    --font-sans-500: 500;
    --font-sans-600: 600;
    --font-sans-700: 700;
    --font-serif: Merriweather, serif;
    --font-serif-100: 100;
    --font-serif-200: 200;
    --font-serif-300: 300;
    --font-serif-400: 400;
    --font-serif-500: 500;
    --font-serif-600: 600;
    --font-serif-700: 700;
    --font-Raleway: Raleway, sans-serif;
    --font-Raleway-100: 100;
    --font-Raleway-200: 200;
    --font-Raleway-300: 300;
    --font-Raleway-400: 400;
    --font-Raleway-500: 500;
    --font-Raleway-600: 600;
    --font-Raleway-700: 700;
    --font-size-xxxx-large: 3.125rem;
    --font-size-xxx-large: 2.488rem;
    --font-size-xx-large: 2.074rem;
    --font-size-x-large: 1.728rem;
    --font-size-large: 1.44rem;
    --font-size-medium: 1.2rem;
    --font-size-base: 1rem;
    --font-size-small: 0.833rem;
    --font-size-x-small: 0.694rem;
    --font-size-xx-small: 0.579rem;
    --color-text-link: #0f6780;
    --color-text-link-active: #309dbb;
    --color-text-link-focus: #2b8ca6;
    --color-text-link-hover: #51b6d2;
    --color-text-link-visited: #4db4d1;
    --border-radius-x-small: 2px;
    --border-radius-small: 5px;
    --border-radius-medium: 10px;
    --border-radius-large: 100rem;
    --border-radius-large: 20px;
    --border-radius-x-large: 50px;
    --border-radius-circle: 50%;
    --border-width-hairline: 1px;
    --border-width-thin: 2px;
    --border-width-thick: 3px;
    --spacing-xxx-small: 0.1rem;
    --spacing-xx-small: 0.125rem;
    --spacing-x-small: 0.25rem;
    --spacing-small: 0.5rem;
    --spacing-base: 0.75rem;
    --spacing-medium: 1rem;
    --spacing-large: 1.5rem;
    --spacing-x-large: 2rem;
    --spacing-xx-large: 3rem;
    --spacing-xxx-large: 5rem;
    --spacing-xxxx-large: 8rem;
    --breakpoint-xxsmall: 280px;
    --breakpoint-xsmall: 400px;
    --breakpoint-small: 640px;
    --breakpoint-mediun: 768px;
    --breakpoint-large: 1024px;
    --breakpoint-xlarge: 1248px;
    --breakpoint-xxlarge: 1440px;
    --shadow-default: 0 40px 40px rgba(0, 0, 0, .2);
    --shadow-big: 0 40px 40px rgba(0, 0, 0, .2);
    --shadow-big-hover: 0 50px 50px rgba(0, 0, 0, .1);
    --shadow-x-small: 0 15px 25px rgba(0, 0, 0, .1);
    --shadow-medium: 0 2px 4px 0 rgba(0, 0, 0, .5);
    --shadow-medium-hover: 0 4px 10px 0 rgba(0, 0, 0, .7);
    --shadow-small: 0 15px 25px rgba(0, 0, 0, .2);
    --shadow-small-hover: 0 40px 45px rgba(0, 0, 0, .1);
    --shadow-vertical-card: -1rem 0 1.5rem rgba(0, 0, 0, .3);
    --shadow-vertical-card-hover: -1rem 1.5rem 1rem rgba(0, 0, 0, .2);
    --shadow-toggle: 0 2px 4px 0 rgba(0, 0, 0, .27);
    --shadow-blue: 0 6px 22px 0 rgba(80, 182, 210, .32);
    --shadow-blue-hover: 0 15px 35px 0 rgba(80, 182, 210, .32);
    --shadow-dropdown: 0 2px 22px 0 rgba(0, 0, 0, .13);
    --shadow-filterButton: 0 2px 10px 0 rgba(0, 0, 0, .2);
    --shadow-filterButton-hover: 0 1px 5px 0 rgba(0, 0, 0, .2);
    --shadow-containerIntroLine: 0 0 20px 0 rgba(0, 0, 0, .2);
    --shadow-iconCTA: 0 6px 20px 0 rgba(13, 51, 32, .1);
    --shadow-iconCTAHover: 0 2px 6px 0 rgba(0, 0, 0, .2);
    --shadow-mobileNavCTA: 0 4px 10px 0 rgba(0, 0, 0, .66);
    --shadow-detailCardHorizontal: 5px 5px 20px 1px rgba(0, 0, 0, .3);
    --shadow-detailCardHorizontalHover: 0 10px 22px 0 rgba(80, 182, 210, .5);
    --height-input: auto;
    --color-background-input: #fff;
    --color-background-input-active: #dbdbdb;
    --color-background-input-disabled: #dbdbdb;
    --color-background-input-focus: #f5f5f5;
    --color-background-input-negative: #dbdbdb;
    --color-background-input-positive: #dbdbdb;
    --color-background-input-hover: #f5f5f5;
    --color-border-input: #4a4a4a;
    --color-border-input-active: #309dbb;
    --color-border-input-disabled: #75c5db;
    --color-border-input-focus: #309dbb;
    --color-border-input-hover: #51b6d2;
    --color-border-input-negative: #eb002f;
    --color-border-input-positive: #309dbb;
    --color-text-label: #363636;
    --color-text-label-hover: #fff;
    --color-text-input: #4a4a4a;
    --color-text-input-active: #242424;
    --color-text-input-disabled: #dbdbdb;
    --color-text-input-focus: #363636;
    --color-text-input-hover: #4a4a4a;
    --color-text-input-negative: #4a4a4a;
    --color-text-input-positive: #4a4a4a;
    --color-text-placeholder: #4a4a4a;
    --color-text-placeholder-inverse: #4a4a4a;
    --color-background-input-checkbox: #fff;
    --color-background-input-checkbox-disabled: #fff;
    --color-background-input-checkbox-selected: #fff;
    --header-height-mobile: 78px;
    --card-padding: 24px;
    --card-height: 360px;
    --card-skeleton: linear-gradient(#d3d3d3 var(--card-height), transparent 0);
    --category-height: 12px;
    --category-width: 80px;
    --category-position: var(--card-padding) 165px;
    --category-skeleton: linear-gradient(#e2e2e2 var(--category-height), transparent 0);
    --title-height: 40px;
    --title-width: 200px;
    --title-position: var(--card-padding) 190px;
    --title-skeleton: linear-gradient(#d3d3d3 var(--title-height), transparent 0);
    --desc-line-height: 16px;
    --desc-line-skeleton: linear-gradient(#e2e2e2 var(--desc-line-height), transparent 0);
    --desc-line-1-width: 200px;
    --desc-line-1-position: var(--card-padding) 245px;
    --desc-line-2-width: 180px;
    --desc-line-2-position: var(--card-padding) 265px;
    --desc-line-3-width: 160px;
    --desc-line-3-position: var(--card-padding) 285px;
    --footer-height: 200px;
    --footer-position: 0 calc(var(--card-height) - var(--footer-height));
    --footer-skeleton: linear-gradient(#fff var(--footer-height), transparent 0);
    --blur-width: 200px;
    --blur-size: var(--blur-width) var(--card-height)
}

.u-flex--row {
    flex-direction: row
}

.u-flex--column,
.u-flex--row {
    display: flex;
    flex-wrap: nowrap
}

.u-flex--column {
    flex-direction: column
}

.u-flex--wrap {
    flex-wrap: wrap
}

.u-flex--baseline {
    align-items: baseline
}

.u-flex--center {
    align-items: center;
    justify-content: center
}

.u-flex--space-between {
    justify-content: space-between
}

.u-flex--end {
    justify-content: flex-end
}

.u-flex--v-center {
    align-items: center
}

.u-font-size-xxxxlarge {
    font-size: var(--font-size-xxxx-large)
}

.u-font-size-xxxlarge {
    font-size: var(--font-size-xxx-large)
}

.u-font-size-xxlarge {
    font-size: var(--font-size-xx-large)
}

.u-font-size-xlarge {
    font-size: var(--font-size-x-large)
}

.u-font-size-large {
    font-size: var(--font-size-large)
}

.u-font-size-medium {
    font-size: var(--font-size-medium)
}

.u-font-size-base {
    font-size: var(--font-size-base)
}

.u-font-size-small {
    font-size: var(--font-size-small)
}

.u-font-size-xsmall {
    font-size: var(--font-size-x-small)
}

.u-font-size-xxsmall {
    font-size: var(--font-size-xx-small)
}

.u-font-weight--100 {
    font-weight: 100
}

.u-font-weight--200 {
    font-weight: 200
}

.u-font-weight--300 {
    font-weight: 300
}

.u-font-weight--400 {
    font-weight: 400
}

.u-font-weight--500 {
    font-weight: 500
}

.u-font-weight--600 {
    font-weight: 600
}

.u-font-weight--700 {
    font-weight: 700
}

.u-lowercase {
    text-transform: lowercase
}

body {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #333;
    font-family: var(--font-sans);
    font-weight: var(--font-sans-300);
    font-weight: 400;
    height: 100%;
    line-height: 1.5;
    margin: 0;
    text-align: left
}

html {
    font-size: 14px
}

@media only screen and (min-width:768px) {
    html {
        font-size: 15px
    }
}

@media only screen and (min-width:1440px) {
    html {
        font-size: 16px
    }
}

@media only screen and (max-height:768px) {
    html {
        font-size: 14px
    }
}

::selection {
    background-color: #277e96;
    color: #fff
}

.html--no-scroll {
    overflow: hidden
}

#main {
    max-width: 100vw
}

img {
    margin-bottom: 0
}

.container {
    margin-inline: auto;
    padding-left: var(--spacing-base);
    padding-right: var(--spacing-base)
}

@media only screen and (min-width:768px) {
    .container {
        padding-left: var(--spacing-medium);
        padding-right: var(--spacing-medium);
        width: 768px
    }
}

@media only screen and (min-width:1024px) {
    .container {
        padding-left: var(--spacing-large);
        padding-right: var(--spacing-large);
        width: 1024px
    }
}

@media only screen and (min-width:1248px) {
    .container {
        padding-left: var(--spacing-x-large);
        padding-right: var(--spacing-x-large);
        width: 1248px
    }
}

@media only screen and (min-width:1440px) {
    .container {
        padding-left: var(--spacing-xx-large);
        padding-right: var(--spacing-xx-large);
        width: 1440px
    }
}

.container_bottom {
    margin: 0 auto;
    max-width: 1440px;
    padding-bottom: var(--spacing-large);
    padding-left: var(--spacing-base);
    padding-right: var(--spacing-base)
}

@media only screen and (min-width:1024px) {
    .container_bottom {
        padding-left: var(--spacing-x-large);
        padding-right: var(--spacing-x-large)
    }
}

@media print {
    .no-print {
        display: none !important
    }
}

.print-only {
    display: none !important
}

@media print {
    .print-only {
        display: inline-block !important
    }
}

/* @page {
    margin-bottom: 100pt;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        break-before: page
    }
} */

.layout__experience__body {
    justify-content: center;
    margin: var(--spacing-xx-large) auto
}

.layout__experience__body h1,
.layout__experience__body h2,
.layout__experience__body h3,
.layout__experience__body h4,
.layout__experience__body h5,
.layout__experience__body h6 {
    font-weight: var(--font-sans-700)
}

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

    .layout__experience__body--left,
    .layout__experience__body--right {
        margin-bottom: 0
    }
}

.layout__experience__body--right .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.layout__experience__body .a-simpleTags {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .layout__experience__body .a-simpleTags {
        margin-bottom: var(--spacing-large)
    }
}

.layout__experience__body .a-iconCTA {
    display: flex;
    position: relative;
    width: 100%
}

.layout__experience__body .a-iconCTA a {
    height: 40px;
    margin-right: var(--spacing-small);
    position: relative;
    width: 40px
}

@media only screen and (min-width:1024px) {
    .layout__experience__body .a-iconCTA a {
        height: 56px;
        width: 56px
    }

    .layout__experience__body {
        grid-gap: 50px;
        display: grid;
        grid-template-columns: 600px 300px
    }
}

@media only screen and (min-width:1248px) {
    .layout__experience__body {
        grid-gap: 50px;
        display: grid;
        grid-template-columns: 680px 380px
    }
}

.layout__experience__body .m-detailCard__link {
    color: var(--color-neutral)
}

.layout__welcomemap__body {
    grid-gap: 1rem;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: .7fr 3fr;
    grid-template-columns: minmax(20px, auto);
    height: 500px;
    margin: var(--spacing-xx-large) auto
}

.layout__welcomemap__body h1,
.layout__welcomemap__body h2,
.layout__welcomemap__body h3,
.layout__welcomemap__body h4,
.layout__welcomemap__body h5,
.layout__welcomemap__body h6 {
    font-weight: var(--font-sans-700)
}

.layout__welcomemap__body p {
    margin-bottom: var(--spacing-xx-large)
}

.layout__welcomemap__body--left {
    margin-bottom: var(--spacing-large)
}

@media only screen and (min-width:768px) {
    .layout__welcomemap__body--left {
        margin-bottom: 0
    }
}

.layout__welcomemap__body--rightmap {
    margin-bottom: var(--spacing-large)
}

@media only screen and (min-width:1024px) {
    .layout__welcomemap__body--rightmap {
        margin-bottom: 0
    }
}

.layout__welcomemap__body .a-simpleTags {
    margin-bottom: var(--spacing-large)
}

.layout__welcomemap__body .a-iconCTA {
    display: flex;
    margin-bottom: var(--spacing-large);
    position: relative;
    width: 100%
}

.layout__welcomemap__body .a-iconCTA a {
    height: 40px;
    margin-right: var(--spacing-small);
    position: relative;
    width: 40px
}

@media only screen and (min-width:1024px) {
    .layout__welcomemap__body {
        grid-gap: 9rem;
        display: grid;
        grid-auto-flow: row;
        grid-auto-rows: minmax(20px, auto);
        grid-template-columns: .7fr 3fr;
        height: 500px;
        margin: var(--spacing-xxx-large) auto
    }
}

.layout--welcome-centers {
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-template-rows: 100vh
}

.layout--welcome-centers--sidebar {
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--spacing-large) var(--spacing-medium) var(--spacing-large) 0
}

@media only screen and (min-width:768px) {
    .layout--welcome-centers--sidebar {
        padding: 55px 55px var(--spacing-large) var(--spacing-large)
    }
}

.layout--welcome-centers--sidebar select {
    background: none;
    border: 0
}

.isMobile {
    display: block
}

@media only screen and (min-width:1248px) {
    .isMobile {
        display: none
    }
}

.isDesktop {
    display: none
}

@media only screen and (min-width:1248px) {
    .isDesktop {
        display: block
    }
}

.footer {
    background-color: var(--color-global-footer);
    width: 100%
}

.footer__inner {
    grid-row-gap: 2rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    padding: var(--spacing-xx-large);
    text-align: center
}

@media only screen and (min-width:1024px) {
    .footer__inner {
        grid-gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
        text-align: left
    }

    .footer__inner-col1 {
        grid-column: 1/span 2
    }
}

.footer__inner--heading {
    color: var(--color-neutral-lightest);
    font-weight: var(--font-serif-600);
    margin-bottom: var(--spacing-large);
    padding-bottom: var(--spacing-base);
    position: relative;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .footer__inner--heading {
        margin-bottom: var(--spacing-x-large)
    }

    .footer__inner--heading:before {
        background: var(--color-blue-gradient);
        border-left-width: 0;
        border-right-width: 0;
        bottom: 0;
        content: " ";
        height: 5px;
        left: 0;
        position: absolute;
        right: 0;
        width: 25%
    }
}

.footer__inner--aboutUs {
    margin-bottom: 0;
    margin-left: 0
}

.footer__inner--aboutUs--link {
    list-style-type: none
}

.footer__inner--aboutUs--link a {
    font-size: var(--font-size-medium);
    text-decoration: none
}

.footer__inner--aboutUs--link a,
.footer__inner--aboutUs--link a:active,
.footer__inner--aboutUs--link a:hover,
.footer__inner--aboutUs--link a:visited {
    color: var(--color-neutral-lightest)
}

.footer__socialIcons {
    margin-left: 0
}

.footer__socialIcons--icon {
    display: inline-block;
    list-style-type: none;
    margin-right: var(--spacing-base)
}

:root {
    --nh-logo-width: 210px
}

.footerMain {
    background-color: var(--color-blue-darkest);
    color: var(--color-neutral-lightest);
    padding-bottom: 52px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .footerMain {
        padding-bottom: 0
    }
}

.native-hub .footerMain {
    background-color: var(--nh-color-gray);
    color: var(--nh-color-blue)
}

.footerMain__image {
    background-repeat-x: repeat;
    height: 333px
}

.footerMain__image--family-hub {
    background-image: url(/assets/images/family-hub/trees-and-mountains.png)
}

.footerMain__image--native-california {
    background-image: url(/assets/images/native-cali/trees-and-mountians.png)
}

.footerMain__inner {
    grid-row-gap: 1rem;
    display: grid;
    font-family: var(--font-sans);
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    padding-bottom: var(--spacing-large);
    padding-top: var(--spacing-large);
    text-align: center
}

@media only screen and (min-width:1024px) {
    .footerMain__inner {
        grid-gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(15%, 1fr));
        text-align: left
    }

    .footerMain__inner-col1 {
        grid-column: 1/span 1
    }
}

.footerMain__inner-col1 img {
    margin-bottom: 0;
    width: 55%
}

@media only screen and (min-width:768px) {
    .footerMain__inner-col1 img {
        width: 40%
    }
}

@media only screen and (min-width:1024px) {
    .footerMain__inner-col1 img {
        width: inherit
    }

    .native-hub .footerMain__inner-col1 img {
        margin-bottom: 1rem;
        width: var(--nh-logo-width)
    }
}

.footerMain__inner-col2 {
    align-items: center;
    border-bottom: 1px solid var(--color-blue-light);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

@media only screen and (min-width:1024px) {
    .footerMain__inner-col2 {
        align-items: baseline;
        border-bottom: 0;
        flex-direction: column
    }
}

.footerMain__inner-col2 ul {
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

@media only screen and (min-width:400px) {
    .footerMain__inner-col2 ul {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:1024px) {
    .footerMain__inner-col2 ul {
        flex-direction: column
    }
}

.footerMain__inner-col2 ul li {
    margin-left: 5px;
    margin-right: 5px
}

@media only screen and (min-width:768px) {
    .footerMain__inner-col2 ul li {
        margin-right: 20px
    }
}

@media only screen and (min-width:1024px) {
    .footerMain__inner-col2 ul li {
        margin-right: 5px
    }

    .footerMain__inner-col3 {
        grid-column: 4/span 2;
        margin-left: 2rem
    }
}

.footerMain__inner-col4 {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .footerMain__inner-col4 {
        align-items: flex-start;
        text-align: right
    }
}

.footerMain__inner-col4 a {
    color: var(--color-neutral-lightest);
    max-width: 100px;
    text-decoration: none
}

@media only screen and (min-width:1024px) {
    .footerMain__inner-col4 a {
        margin-left: auto
    }
}

@media only screen and (min-width:1248px) {
    .footerMain__inner-col4 a {
        margin-left: inherit
    }
}

.native-hub .footerMain__inner-col4 a {
    color: var(--nh-color-blue)
}

.footerMain__inner-col4 a:active,
.footerMain__inner-col4 a:hover,
.footerMain__inner-col4 a:visited {
    color: var(--color-neutral-lightest)
}

.native-hub .footerMain__inner-col4 a:active,
.native-hub .footerMain__inner-col4 a:hover,
.native-hub .footerMain__inner-col4 a:visited {
    color: var(--nh-color-blue)
}

.footerMain__inner-sub-text {
    font-size: var(--font-size-base);
    margin: auto;
    width: var(--nh-logo-width)
}

@media only screen and (min-width:400px) {
    .footerMain__inner-sub-text {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .footerMain__inner-sub-text {
        width: var(--nh-logo-width)
    }
}

.footerMain__inner-sub-text a {
    font-weight: var(--font-sans-500)
}

.native-hub .footerMain__inner-sub-text a:active,
.native-hub .footerMain__inner-sub-text a:hover,
.native-hub .footerMain__inner-sub-text a:visited {
    color: var(--nh-color-blue);
    text-decoration: underline
}

.footerMain__inner--heading {
    color: var(--color-neutral-lightest);
    font-weight: var(--font-serif-600);
    padding-bottom: var(--spacing-base)
}

.native-hub .footerMain__inner--heading {
    color: var(--nh-color-blue)
}

.footerMain__inner--aboutUs {
    font-size: var(--font-size-small);
    margin-bottom: 0;
    margin-left: 0
}

.footerMain__inner--aboutUs--link {
    list-style-type: none
}

.footerMain__inner--aboutUs--link a {
    color: var(--color-neutral-lightest);
    text-decoration: none
}

.native-hub .footerMain__inner--aboutUs--link a {
    color: var(--nh-color-blue);
    font-size: var(--font-size-base);
    font-weight: var(--font-sans-500)
}

.footerMain__inner--aboutUs--link a:active,
.footerMain__inner--aboutUs--link a:hover,
.footerMain__inner--aboutUs--link a:visited {
    color: var(--color-neutral-lightest)
}

.native-hub .footerMain__inner--aboutUs--link a:active,
.native-hub .footerMain__inner--aboutUs--link a:hover,
.native-hub .footerMain__inner--aboutUs--link a:visited {
    color: var(--nh-color-blue);
    text-decoration: underline
}

.footerMain__inner--cookie--button#ot-sdk-btn.ot-sdk-show-settings {
    background: no-repeat;
    border: none;
    color: var(--color-neutral-lightest);
    cursor: pointer;
    font-size: var(--font-size-small);
    margin-bottom: .725rem;
    padding: 0;
    text-align: left
}

.native-hub .footerMain__inner--cookie--button#ot-sdk-btn.ot-sdk-show-settings {
    color: var(--nh-color-blue);
    font-size: var(--font-size-base);
    font-weight: var(--font-sans-500)
}

.native-hub .footerMain__inner--cookie--button#ot-sdk-btn.ot-sdk-show-settings:active,
.native-hub .footerMain__inner--cookie--button#ot-sdk-btn.ot-sdk-show-settings:hover,
.native-hub .footerMain__inner--cookie--button#ot-sdk-btn.ot-sdk-show-settings:visited {
    text-decoration: underline
}

.footerMain__inner--copyright {
    font-family: var(--font-Raleway);
    font-size: var(--font-size-x-small);
    font-weight: var(--font-Raleway-300)
}

@media only screen and (min-width:1024px) {
    .footerMain__inner--copyright {
        font-size: var(--font-size-small);
        grid-column: 1/span 2
    }
}

.native-hub .footerMain__inner--copyright {
    font-family: var(--font-sans-500);
    font-size: var(--font-size-base);
    font-weight: var(--font-sans-500)
}

.footerMain__inner--copyright span {
    margin-right: .25rem;
    text-transform: uppercase
}

.footerMain__inner--socialIcons {
    border-bottom: 1px solid var(--color-blue-light);
    margin-bottom: 0;
    margin-left: 0;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .footerMain__inner--socialIcons {
        border-bottom: 0;
        text-align: left
    }
}

.footerMain__inner--socialIcons .footer__socialIcons--icon {
    display: inline-block;
    list-style-type: none
}

.footerMain__inner--socialIcons .footer__socialIcons--icon:not(:last-of-type) {
    margin-right: var(--spacing-base)
}

.footerMain__inner--socialIcons .footer__socialIcons--icon:last-of-type {
    margin-right: 0
}

.native-hub .footerMain__inner--socialIcons svg.a-icon {
    fill: var(--nh-color-blue) !important
}

.footerMain a:focus {
    outline-color: var(--color-neutral-lightest)
}

.native-hub .footerMain a:focus {
    outline-color: var(--nh-color-blue)
}

.mobileNavCTA {
    background-color: var(--color-blue-light);
    border: 0;
    border-radius: var(--border-radius-circle);
    bottom: 24px;
    box-shadow: var(--shadow-mobileNavCTA);
    cursor: pointer;
    height: 52px;
    position: fixed;
    right: 24px;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    width: 52px;
    z-index: 1001
}

.mobileNavCTA span {
    background: var(--color-neutral-lightest);
    display: block;
    height: 3px;
    left: 14px;
    opacity: 1;
    position: absolute;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    width: 24px
}

.mobileNavCTA span:first-child {
    top: 17px
}

.mobileNavCTA span:nth-child(2),
.mobileNavCTA span:nth-child(3) {
    top: 25px
}

.mobileNavCTA span:nth-child(4) {
    top: 33px
}

.mobileNavCTA.--open {
    background-color: var(--color-neutral-lightest)
}

.mobileNavCTA.--open span {
    background-color: var(--color-secondary)
}

.mobileNavCTA.--open span:first-child {
    left: 50%;
    top: 17px;
    width: 0
}

.mobileNavCTA.--open span:nth-child(2) {
    transform: rotate(45deg)
}

.mobileNavCTA.--open span:nth-child(3) {
    transform: rotate(-45deg)
}

.mobileNavCTA.--open span:nth-child(4) {
    left: 50%;
    top: 17px;
    width: 0
}

@media only screen and (min-width:768px) {
    .mobileNavCTA {
        display: none
    }
}

.headerMain {
    background-color: var(--color-blue-lighter);
    display: flex;
    flex-direction: column;
    height: 100%;
    height: 100vh;
    left: -115%;
    overflow-y: auto;
    padding: var(--spacing-x-large) var(--spacing-medium);
    position: fixed;
    transition: .3s ease-in-out;
    width: 100%;
    z-index: 1000
}

@media only screen and (min-width:768px) {
    .headerMain {
        background-color: var(--color-neutral-lightest);
        bottom: auto;
        height: auto;
        left: auto;
        overflow-y: visible;
        padding: 0;
        position: static;
        right: auto;
        top: auto
    }

    .headerMain.fullBleedBannerSupport {
        background: transparent !important;
        left: 0;
        position: fixed;
        right: 0;
        top: 0
    }

    .headerMain.fullBleedBannerSupport .headerMain__nav,
    .headerMain.fullBleedBannerSupport .headerMain__top {
        background-color: rgba(0, 0, 0, .4)
    }

    .headerMain.fullBleedBannerSupport .headerMain__more {
        background-color: transparent
    }

    .headerMain.fullBleedBannerSupport .headerMain__more--inner {
        background-color: rgba(0, 0, 0, .4)
    }

    .headerMain.fullBleedBannerSupport .headerMain__more--inner__intro,
    .headerMain.fullBleedBannerSupport .headerMain__more--inner__link a {
        color: #fff
    }

    .headerMain.fullBleedBannerSupport .headerMain__more--inner__link:after {
        border-right: 1px solid #fff
    }

    .headerMain.fullBleedBannerSupport .headerMain__nav--inner__link a,
    .headerMain.fullBleedBannerSupport .headerMain__nav--inner__link button {
        border-bottom: 0
    }
}

.headerMain.--open {
    left: 0
}

.headerMain__top {
    background-color: var(--color-blue-lighter);
    margin-bottom: var(--spacing-medium)
}

@media only screen and (min-width:768px) {
    .headerMain__top {
        background-color: var(--color-blue-darker);
        margin-bottom: 0
    }
}

.headerMain__top--inner {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 1440px;
    padding-bottom: var(--spacing-small);
    padding-top: var(--spacing-small)
}

@media only screen and (min-width:768px) {
    .headerMain__top--inner {
        flex-direction: row;
        justify-content: space-between
    }
}

.headerMain__top--inner.activeSearch {
    justify-content: space-between
}

.headerMain__top--inner__left {
    display: flex
}

@media only screen and (min-width:768px) {
    .headerMain__top--inner__left {
        justify-self: flex-start
    }
}

.headerMain__top--inner__left .LanguageSwitcher {
    border: 1px solid var(--color-blue-lightest);
    border-radius: var(--border-radius-large);
    padding: 0 var(--spacing-medium) 0 var(--spacing-small)
}

.headerMain__top--inner__left .LanguageSwitcher .current:after {
    content: "∟";
    right: 10px;
    transform: rotate(-45deg)
}

.headerMain__top--inner__center,
.headerMain__top--inner__right {
    align-items: center;
    display: flex;
    flex-direction: row
}

.headerMain__top--inner__center .a-searchBar,
.headerMain__top--inner__right .a-searchBar {
    height: 24px;
    padding-right: .5rem;
    width: 183px
}

.headerMain__top--inner__center .a-searchBar svg,
.headerMain__top--inner__right .a-searchBar svg {
    height: 13px;
    width: 13px
}

.headerMain__top--inner__center .a-searchBar input,
.headerMain__top--inner__right .a-searchBar input {
    font-size: var(--font-size-small);
    padding: 0 0 0 var(--spacing-x-small);
    width: 90%
}

.headerMain__top--inner__center--links,
.headerMain__top--inner__right--links {
    display: none
}

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

    .headerMain__top--inner__center--links,
    .headerMain__top--inner__right--links {
        align-items: center;
        display: flex;
        flex-direction: row
    }
}

.headerMain__top--inner__center--links a,
.headerMain__top--inner__center--links button,
.headerMain__top--inner__right--links a,
.headerMain__top--inner__right--links button {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--color-neutral-lightest);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 500;
    margin-left: 0;
    padding: 0
}

.headerMain__top--inner__center--links a:active,
.headerMain__top--inner__center--links a:focus,
.headerMain__top--inner__center--links a:hover,
.headerMain__top--inner__center--links a:visited,
.headerMain__top--inner__center--links button:active,
.headerMain__top--inner__center--links button:focus,
.headerMain__top--inner__center--links button:hover,
.headerMain__top--inner__center--links button:visited,
.headerMain__top--inner__right--links a:active,
.headerMain__top--inner__right--links a:focus,
.headerMain__top--inner__right--links a:hover,
.headerMain__top--inner__right--links a:visited,
.headerMain__top--inner__right--links button:active,
.headerMain__top--inner__right--links button:focus,
.headerMain__top--inner__right--links button:hover,
.headerMain__top--inner__right--links button:visited {
    color: var(--color-neutral-lightest)
}

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

    .headerMain__top--inner__center--links a,
    .headerMain__top--inner__center--links button,
    .headerMain__top--inner__right--links a,
    .headerMain__top--inner__right--links button {
        font-size: 14px;
        margin-left: var(--spacing-medium)
    }
}

.headerMain__top--inner__center--links a:first-child,
.headerMain__top--inner__center--links button:first-child,
.headerMain__top--inner__right--links a:first-child,
.headerMain__top--inner__right--links button:first-child {
    margin-left: 0
}

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

    .headerMain__top--inner__center--links a:first-child,
    .headerMain__top--inner__center--links button:first-child,
    .headerMain__top--inner__right--links a:first-child,
    .headerMain__top--inner__right--links button:first-child {
        margin-left: var(--spacing-xx-large)
    }
}

.headerMain__top--inner__center .a-searchBar {
    width: 200px
}

@media only screen and (min-width:768px) {
    .headerMain__top--inner__center .a-searchBar {
        width: 600px
    }
}

.headerMain__nav {
    background-color: var(--color-blue-lighter);
    margin-bottom: var(--spacing-x-large)
}

@media only screen and (min-width:768px) {
    .headerMain__nav {
        background-color: var(--color-blue);
        margin-bottom: 0
    }
}

.headerMain__nav--inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 1440px;
    padding-bottom: 1px
}

@media only screen and (min-width:768px) {
    .headerMain__nav--inner {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end
    }
}

.headerMain__nav--inner__logo {
    display: none
}

@media only screen and (min-width:768px) {
    .headerMain__nav--inner__logo {
        display: flex;
        justify-self: flex-start
    }
}

.headerMain__nav--inner__logo svg {
    margin-bottom: 0;
    max-height: 50px;
    max-width: 160px
}

.headerMain__nav--inner__logo:focus {
    color: var(--color-neutral-lightest)
}

.headerMain__nav--inner__link {
    cursor: pointer;
    margin: 0 10px
}

@media only screen and (min-width:768px) {
    .headerMain__nav--inner__link {
        margin: 0 10px
    }
}

@media only screen and (min-width:1248px) {
    .headerMain__nav--inner__link {
        margin: 0 20px
    }
}

.headerMain__nav--inner__link:last-child {
    margin: 0 0 0 10px
}

.headerMain__nav--inner__link a,
.headerMain__nav--inner__link button {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--color-neutral-lightest);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize
}

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

    .headerMain__nav--inner__link a,
    .headerMain__nav--inner__link button {
        font-size: 28px
    }
}

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

    .headerMain__nav--inner__link a,
    .headerMain__nav--inner__link button {
        border-bottom: 3px solid var(--color-blue);
        font-size: 12px;
        padding: var(--spacing-large) 0;
        text-align: center
    }
}

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

    .headerMain__nav--inner__link a,
    .headerMain__nav--inner__link button {
        font-size: 18px
    }
}

.headerMain__nav--inner__link a:hover,
.headerMain__nav--inner__link button:hover {
    border-bottom: 0
}

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

    .headerMain__nav--inner__link a:hover,
    .headerMain__nav--inner__link button:hover {
        border-bottom: 3px solid var(--color-neutral-lightest)
    }
}

.headerMain__nav--inner__link a:active,
.headerMain__nav--inner__link a:focus,
.headerMain__nav--inner__link a:hover,
.headerMain__nav--inner__link a:visited,
.headerMain__nav--inner__link button:active,
.headerMain__nav--inner__link button:focus,
.headerMain__nav--inner__link button:hover,
.headerMain__nav--inner__link button:visited {
    color: var(--color-neutral-lightest);
    text-decoration: none
}

.headerMain__nav--inner__link:last-of-type {
    display: none
}

@media only screen and (min-width:768px) {
    .headerMain__nav--inner__link:last-of-type {
        display: block
    }
}

.headerMain__nav--inner__link:last-of-type a svg,
.headerMain__nav--inner__link:last-of-type button svg {
    height: 18px;
    margin-left: var(--spacing-x-small);
    transform: rotate(90deg);
    transition: .2s;
    width: 18px
}

.headerMain__nav--inner__link.--expanded a svg,
.headerMain__nav--inner__link.--expanded button svg {
    margin-top: 3px;
    transform: rotate(270deg)
}

.headerMain__more {
    background-color: var(--color-blue-lighter);
    display: block;
    margin-bottom: var(--spacing-large);
    min-height: 180px;
    position: relative;
    transition: opacity .3s
}

@media only screen and (min-width:768px) {
    .headerMain__more {
        background-color: var(--color-neutral-lightest);
        display: none;
        min-height: 50px
    }
}

.headerMain__more--inner {
    background-color: var(--color-blue-lighter);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    margin: 0 auto;
    margin-bottom: var(--spacing-large);
    padding: 0 var(--spacing-medium);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

@media only screen and (min-width:768px) {
    .headerMain__more--inner {
        align-content: center;
        background-color: var(--color-neutral-lightest);
        flex-direction: row;
        justify-content: center;
        margin-bottom: 0
    }
}

.headerMain__more--inner__intro {
    border-bottom: 1px solid var(--color-neutral-lightest);
    color: var(--color-neutral-lightest);
    display: block;
    font-size: 10px;
    opacity: .7;
    padding-bottom: var(--spacing-x-small);
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .headerMain__more--inner__intro {
        display: none
    }
}

.headerMain__more--inner__link {
    cursor: pointer;
    padding: 0 10px;
    position: relative
}

@media only screen and (min-width:768px) {
    .headerMain__more--inner__link {
        padding: 0 20px
    }
}

@media only screen and (min-width:1024px) {
    .headerMain__more--inner__link {
        padding: 0 40px
    }
}

.headerMain__more--inner__link a {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    padding: var(--spacing-x-small) 0;
    text-align: left;
    text-transform: capitalize
}

.headerMain__more--inner__link a,
.headerMain__more--inner__link a:active,
.headerMain__more--inner__link a:focus,
.headerMain__more--inner__link a:hover,
.headerMain__more--inner__link a:visited {
    color: var(--color-neutral-lightest)
}

@media only screen and (min-width:768px) {
    .headerMain__more--inner__link a {
        align-items: center;
        color: var(--color-text-link);
        font-size: 14px;
        padding: var(--spacing-large) 0;
        text-align: center
    }

    .headerMain__more--inner__link a:active,
    .headerMain__more--inner__link a:focus,
    .headerMain__more--inner__link a:hover {
        color: var(--color-text-link-hover)
    }

    .headerMain__more--inner__link a:visited {
        color: var(--color-text-link)
    }

    .headerMain__more--inner__link a:visited:hover {
        color: var(--color-text-link-hover)
    }
}

.headerMain__more--inner__link a svg {
    display: none;
    height: 24px;
    margin-bottom: var(--spacing-medium);
    width: 24px
}

@media only screen and (min-width:768px) {
    .headerMain__more--inner__link a svg {
        display: flex
    }
}

.headerMain__more--inner__link a:hover svg {
    fill: var(--color-text-link-hover) !important
}

.headerMain__more--inner__link:not(:last-of-type):after {
    content: "";
    height: 30%;
    position: absolute;
    right: 0;
    top: 35%
}

@media only screen and (min-width:768px) {
    .headerMain__more--inner__link:not(:last-of-type):after {
        border-right: 1px solid var(--color-text-link)
    }
}

.headerMain__more.--expanded {
    display: block;
    transition: opacity .3s
}

.headerMain__extra {
    align-items: left;
    display: flex;
    flex-direction: column;
    padding-left: var(--spacing-base);
    padding-right: var(--spacing-base)
}

@media only screen and (min-width:768px) {
    .headerMain__extra {
        display: none
    }
}

.headerMain__extra a {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 500;
    margin-left: 0
}

.headerMain__extra a,
.headerMain__extra a:active,
.headerMain__extra a:focus,
.headerMain__extra a:hover,
.headerMain__extra a:visited {
    color: var(--color-neutral-lightest)
}

@media only screen and (min-width:768px) {
    .headerMain__extra a {
        font-size: 14px;
        margin-left: var(--spacing-medium)
    }
}

.headerMain__extra a:first-of-type {
    margin-left: 0
}

@media only screen and (min-width:1024px) {
    .headerMain__extra a:first-of-type {
        margin-left: var(--spacing-xx-large)
    }
}

.headerMain__extra a svg {
    margin-right: var(--spacing-x-small)
}

@media only screen and (min-width:768px) {
    .headerMain--landing {
        background: transparent
    }

    .headerMain--landing .headerMain__nav,
    .headerMain--landing .headerMain__top {
        background-color: transparent
    }

    .headerMain--landing .LanguageSwitcher .current,
    .headerMain--landing .headerMain__nav--inner__link a,
    .headerMain--landing .headerMain__nav--inner__link button,
    .headerMain--landing .headerMain__top--inner__center--links a,
    .headerMain--landing .headerMain__top--inner__right--links a,
    .headerMain--landing .headerMain__top--inner__right--links button {
        color: #303030
    }

    .headerMain--landing .headerMain__nav--inner__link a,
    .headerMain--landing .headerMain__nav--inner__link button {
        border-bottom-color: #fff
    }

    .headerMain--landing .headerMain__nav--inner__link a:hover,
    .headerMain--landing .headerMain__nav--inner__link button:hover {
        border-bottom-color: #303030
    }

    .headerMain--landing .headerMain__top--inner__left .LanguageSwitcher {
        border-color: #303030
    }
}

@media only screen and (max-height:600px) {
    .headerMain--landing .headerMain__top {
        display: none
    }
}

.mobileWrapper {
    display: flex;
    flex-direction: column;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999
}

@media only screen and (min-width:768px) {
    .mobileWrapper {
        display: none;
        visibility: hidden
    }
}

.mobileWrapper .mobileSearch {
    align-items: center;
    background-color: var(--color-global-very-white);
    display: flex;
    flex-direction: row;
    height: 56px;
    justify-content: space-between;
    padding: 0 var(--spacing-small);
    width: 100%;
    z-index: 999
}

.native-hub .mobileWrapper .mobileSearch {
    background-color: var(--nh-color-gray)
}

@media only screen and (min-width:768px) {
    .mobileWrapper .mobileSearch {
        display: none;
        visibility: hidden
    }
}

.mobileWrapper .mobileSearch__menu {
    height: 40px;
    width: 40px
}

.mobileWrapper .mobileSearch__menu svg {
    height: 100%;
    padding: .5rem 0 0 .5rem;
    width: 100%
}

.native-hub .mobileWrapper .mobileSearch__menu svg {
    fill: var(--nh-color-blue) !important
}

.mobileWrapper .mobileSearch__logoWithSearch {
    align-items: center;
    display: flex;
    height: 56px;
    justify-content: center;
    position: relative;
    width: 70%
}

.native-hub .mobileWrapper .mobileSearch__logoWithSearch a {
    height: 50px;
    width: 150px
}

.mobileWrapper .mobileSearch__logoWithSearch a svg {
    height: inherit;
    width: inherit
}

.mobileWrapper .mobileSearch__logoWithSearch a img {
    margin-bottom: 0;
    margin-top: 8px;
    max-width: 100px
}

.mobileWrapper .mobileSearch__logoWithSearch--search {
    align-items: center;
    display: none;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.mobileWrapper .mobileSearch__logoWithSearch--search .a-searchBar {
    background: var(--color-blue-lightest) !important
}

.mobileWrapper .mobileSearch__logoWithSearch.--searchOpened .mobileSearch__logoWithSearch--search {
    display: flex
}

.mobileWrapper .mobileSearch__searchCTA {
    height: 40px;
    padding: var(--spacing-small);
    width: 40px
}

.mobileWrapper .mobileSearch__searchCTA svg {
    height: 100%;
    width: 100%
}

.native-hub .mobileWrapper .mobileSearch__searchCTA svg {
    fill: var(--nh-color-blue) !important
}

.mobileWrapper .mobileSearch__searchCTA svg:last-of-type,
.mobileWrapper .mobileSearch__searchCTA.--open svg:first-of-type {
    display: none
}

.mobileWrapper .mobileSearch__searchCTA.--open svg:last-of-type {
    display: block
}

.mobileWrapper .mobileSearch.--hidden {
    height: 0
}

.search-header__mobile {
    background-color: var(--color-global-light-blue);
    box-shadow: -12px 0 24px rgba(0, 0, 0, .16);
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: .5s ease-in-out;
    width: 0;
    z-index: 1002
}

.mobileSearch.fullBleedBanner {
    background: rgba(0, 0, 0, .4);
    position: absolute;
    width: 100%;
    z-index: 2
}

.mobileSearch--landing {
    background-color: #fff
}

.mobileSearch--landing .mobileSearch__logoWithSearch svg {
    height: 31px;
    width: 100px
}

.o-landing {
    align-items: center;
    display: flex;
    inset: 56px 0 0;
    line-height: 162%;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-landing {
        inset: 85px 0 0
    }
}

.o-landing--open-modal {
    inset: 0;
    padding-top: 112px
}

@media only screen and (min-width:768px) {
    .o-landing--open-modal {
        padding-top: 85px
    }
}

.o-landing__panel {
    line-height: 162%;
    width: 100%
}

@media only screen and (max-width:767px) {
    .o-landing__panel {
        display: flex;
        flex-direction: column-reverse
    }
}

.o-landing__content {
    height: 100%;
    overflow: hidden;
    width: 200%
}

.o-landing__popup {
    align-items: center;
    background-color: rgba(48, 48, 48, .8);
    display: flex;
    inset: 0;
    opacity: 0;
    position: fixed;
    transition: opacity .4s, visibility 0s ease .4s;
    visibility: hidden;
    z-index: 2000
}

.o-landing__popup--show {
    opacity: 1;
    transition: opacity .4s, visibility 0s;
    visibility: visible
}

@media only screen and (min-width:768px) {
    .o-landing__copy {
        margin-left: 3%;
        max-width: 600px;
        position: absolute
    }
}

@media only screen and (max-width:767px) {
    .o-landing__copy {
        margin-bottom: 3rem
    }
}

.o-landing__video {
    margin-left: auto;
    width: 100%;
    z-index: -1
}

.o-landing__video video {
    margin-left: -25%;
    width: 150%
}

@media only screen and (min-width:768px) {
    .o-landing__video video {
        margin-left: 0;
        width: 100%
    }

    .o-landing__video {
        width: 70%
    }
}

@media only screen and (max-width:767px) {
    .o-landing__video {
        left: 0;
        position: absolute;
        top: 0
    }
}

.p-home .o-landing__panel {
    overflow: hidden
}

.p-home .o-landing__video {
    position: relative
}

.p-home .o-landing__copy {
    margin-bottom: -5rem;
    transform: translateY(-5rem)
}

@media only screen and (min-width:768px) {
    .p-home .o-landing__copy {
        margin-bottom: 0;
        transform: none
    }
}

.o-landing__popup-centering {
    width: 100%
}

.o-landing__popup-video-container {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.o-landing__popup-video {
    height: 80%;
    left: 10%;
    margin: 0;
    position: absolute;
    top: 10%;
    width: 80%
}

.o-landing__image-group {
    pointer-events: none;
    position: absolute;
    transition: transform .5s ease-in-out
}

.o-landing__image-group .gatsby-image-wrapper,
.o-landing__image-group>img {
    margin: 0;
    position: absolute;
    z-index: 1
}

@media only screen and (min-width:1024px) {
    .o-landing__image-group--dream {
        z-index: 1
    }
}

.o-landing__cloud {
    animation: cloud 30s ease-in-out infinite
}

.o-landing__svg-cloud {
    left: 62%;
    top: 5%;
    z-index: 0
}

@media only screen and (min-width:768px) {
    .o-landing__svg-cloud {
        left: 82%
    }
}

.o-landing__balloon1,
.o-modal__balloon-image-1 {
    animation: balloon 8s ease-in-out infinite normal
}

.o-landing__balloon2,
.o-modal__balloon-image-2 {
    animation: balloon 12s ease-in-out infinite reverse
}

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

    .o-landing__balloon1,
    .o-landing__balloon2 {
        display: none !important
    }
}

.o-landing__shape {
    transform: translateY(100%);
    transition: transform 1s cubic-bezier(.16, 1, .3, 1)
}

.o-landing__shape--open {
    transform: translateY(0)
}

.o-landing__pool {
    bottom: -3vw;
    transform: translateY(100%);
    transition: transform .5s
}

@media only screen and (min-width:1024px) {
    .o-landing__pool {
        bottom: -2vw
    }
}

.o-landing__pool--active {
    transform: translateY(0)
}

@keyframes cloud {

    0%,
    to {
        transform: translateX(0)
    }

    50% {
        transform: translateX(160px)
    }
}

@keyframes balloon {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(30px)
    }
}

.mobileNavBar {
    align-items: center;
    background-color: var(--color-blue-darker);
    bottom: 0;
    display: flex;
    height: 50px;
    padding-left: 10px;
    position: fixed;
    width: 100%;
    z-index: 1000
}

.mobileNavBar a {
    border-right: 1px solid var(--color-neutral-lightest);
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    padding-right: 10px
}

.mobileNavBar a,
.mobileNavBar a:active,
.mobileNavBar a:focus,
.mobileNavBar a:hover,
.mobileNavBar a:visited {
    color: var(--color-neutral-lightest)
}

.mobileNavBar a:last-of-type {
    border-right: 0
}

@media only screen and (min-width:768px) {
    .mobileNavBar {
        display: none
    }
}

.mobileNavCTA {
    display: block
}

.header--main {
    background-color: var(--color-blue-lighter);
    display: flex;
    flex-direction: column;
    height: 100%;
    height: 100vh;
    left: -115%;
    overflow-y: auto;
    padding: var(--spacing-x-large) var(--spacing-medium);
    position: fixed;
    transition: .3s ease-in-out;
    width: 100%;
    z-index: 1000
}

.header--main .header-border {
    border-bottom: 1px solid #dae3ea
}

.header--main .sidenav {
    background-color: #fff;
    box-shadow: -12px 0 24px rgba(0, 0, 0, .16);
    height: 100%;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: .5s;
    width: 0;
    z-index: 1005
}

.header--main .sidenav .nav--links__main {
    color: #282d30;
    display: block;
    font-family: Poppins;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    transition: .3s
}

.header--main .sidenav .nav--links__main:hover {
    border-image: linear-gradient(356.42deg, #ffd100, #f58a33) 1;
    border-left-style: solid;
    border-left-width: 8px;
    font-weight: 600
}

.native-hub .header--main .sidenav .nav--links__main:hover {
    border-image: linear-gradient(356.42deg, var(--nh-color-gold) 0, var(--nh-color-bronze) 100%) 1
}

.header--main .sidenav .nav--links__subnav {
    color: #282d30;
    display: block;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    transition: .3s
}

.header--main .sidenav .nav--links__subnav:hover {
    border-image: linear-gradient(356.42deg, #ffd100, #f58a33) 1;
    border-left-style: solid;
    border-left-width: 8px
}

.native-hub .header--main .sidenav .nav--links__subnav:hover {
    border-image: linear-gradient(356.42deg, var(--nh-color-gold) 0, var(--nh-color-bronze) 100%) 1
}

.header--main .sidenav .nav--links__lastnav {
    align-items: center;
    color: #282d30;
    display: block;
    display: flex;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    transition: .3s
}

.header--main .sidenav .nav--links__lastnav:hover {
    border-image: linear-gradient(356.42deg, #ffd100, #f58a33) 1;
    border-left-style: solid;
    border-left-width: 8px;
    transition: .3s
}

.header--main .sidenav .LanguageSwitcher {
    border: 1px solid #dae3ea;
    border-radius: var(--border-radius-large);
    margin-right: 5px;
    padding: 0 var(--spacing-medium) 0 var(--spacing-small)
}

.header--main .sidenav .LanguageSwitcher .current:after {
    color: var(--color-global-light-blue);
    content: "∟";
    right: 13px;
    top: 8px;
    transform: rotate(-45deg);
    width: 10px
}

.header--main .sidenav--closelang__wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.header--main .sidenav .closebtn {
    color: var(--color-global-light-blue);
    font-size: 36px;
    padding: 8px 8px 8px 32px
}

.native-hub .header--main .sidenav .closebtn {
    color: var(--nh-color-blue)
}

.header--main .sidenav .closebtn:hover {
    border: none
}

.header--main .sidenav .auth-button {
    align-items: center;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    color: #282d30;
    cursor: pointer;
    display: block;
    display: flex;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    transition: .3s
}

.header--main .sidenav .auth-button:hover {
    border-image: linear-gradient(356.42deg, #ffd100, #f58a33) 1;
    border-left-style: solid;
    border-left-width: 8px
}

.header--main .search--header {
    background-color: var(--color-global-light-blue);
    box-shadow: -12px 0 24px rgba(0, 0, 0, .16);
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    z-index: 1004
}

.native-hub .header--main .search--header {
    background-color: var(--nh-color-blue)
}

.header--main .search--header__open {
    animation: fadeIn .7s
}

@media only screen and (min-width:280px) {
    .header--main .search--header__open {
        height: 60px
    }
}

@media only screen and (min-width:768px) {
    .header--main .search--header__open {
        height: 75px
    }
}

.header--main .search--header__close {
    animation: fadeOut 1s
}

@keyframes fadeIn {
    0% {
        opacity: .9
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.header--main .search--header__wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 6px 10px 10px
}

@media only screen and (min-width:280px) {
    .header--main .search--header__wrapper {
        padding: 0 10px
    }
}

@media only screen and (min-width:768px) {
    .header--main .search--header__wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

.header--main .side--panel__divider {
    background: rgba(0, 0, 0, .1);
    margin-bottom: 25px;
    margin-left: 5%;
    margin-top: 25px;
    width: 90%
}

.header--main .search--header a {
    color: #818181;
    display: none;
    font-size: 25px;
    text-decoration: none;
    transition: .3s linear;
    width: 0
}

@media only screen and (min-width:768px) {
    .header--main .search--header a {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .header--main .search--header a {
        display: block
    }
}

.header--main .search--header .closebtn {
    font-size: 36px
}

.header--main .search--header .closebtn>svg {
    fill: #fff !important
}

.header--main .search--header .closebtn>svg:hover {
    fill: var(--color-global-light-blue) !important;
    background: #fff;
    border-radius: 50%;
    padding: 3px
}

.header--main .search--header .closebtn:focus {
    outline: none !important
}

@media only screen and (min-width:280px) {
    .header--main .search--header .closebtn {
        display: block;
        margin-right: 30px
    }
}

.header--main .search--navicon__wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 38px
}

.header--main .search--navicon__wrapper>svg {
    fill: var(--color-global-light-blue) !important
}

.native-hub .header--main .search--navicon__wrapper>svg {
    fill: var(--nh-color-blue) !important
}

.header--main .search--navicon__wrapper:hover svg {
    fill: #fff !important;
    background: transparent
}

.header--main .search--navicon__wrapper:hover {
    background: var(--color-global-light-blue);
    border-radius: 50%;
    padding: 7px;
    width: 38px
}

.native-hub .header--main .search--navicon__wrapper:hover {
    background-color: var(--nh-color-blue)
}

@media only screen and (min-width:768px) {
    .header--main {
        background-color: var(--color-neutral-lightest);
        bottom: auto;
        height: auto;
        left: auto;
        overflow-y: visible;
        padding: 0;
        position: -webkit-sticky;
        position: sticky;
        right: auto;
        top: 0;
        z-index: 1000
    }

    .header--main.fullBleedBannerSupport {
        background: transparent !important;
        left: 0;
        position: fixed;
        right: 0;
        top: 0
    }

    .header--main.fullBleedBannerSupport .header--main__nav,
    .header--main.fullBleedBannerSupport .header--main__top {
        background-color: rgba(0, 0, 0, .4)
    }

    .header--main.fullBleedBannerSupport .header--main__more {
        background-color: transparent
    }

    .header--main.fullBleedBannerSupport .header--main__more--inner {
        background-color: rgba(0, 0, 0, .4)
    }

    .header--main.fullBleedBannerSupport .header--main__more--inner__intro,
    .header--main.fullBleedBannerSupport .header--main__more--inner__link a {
        color: #fff
    }

    .header--main.fullBleedBannerSupport .header--main__more--inner__link:after {
        border-right: 1px solid #fff
    }

    .header--main.fullBleedBannerSupport .header--main__nav--innerlink a,
    .header--main.fullBleedBannerSupport .header--main__nav--innerlink button {
        border-bottom: 0
    }
}

.header--main.--open {
    left: 0
}

.header--main__top {
    background-color: var(--color-blue-lighter);
    margin-bottom: var(--spacing-medium)
}

@media only screen and (min-width:768px) {
    .header--main__top {
        background-color: var(--color-blue-darker);
        margin-bottom: 0
    }
}

.header--main__top--inner {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    margin: 0 auto;
    padding-bottom: var(--spacing-small);
    padding-top: var(--spacing-small)
}

@media only screen and (min-width:768px) {
    .header--main__top--inner {
        flex-direction: row;
        justify-content: space-between
    }
}

.header--main__top--inner.activeSearch {
    justify-content: space-between
}

.header--main__top--inner__left {
    display: flex
}

@media only screen and (min-width:768px) {
    .header--main__top--inner__left {
        justify-self: flex-start
    }
}

.header--main__top--inner__left .LanguageSwitcher {
    border: 1px solid var(--color-blue-lightest);
    border-radius: var(--border-radius-large);
    padding: 0 var(--spacing-medium) 0 var(--spacing-small)
}

.header--main__top--inner__left .LanguageSwitcher .current:after {
    content: "∟";
    right: 10px;
    transform: rotate(-45deg)
}

.header--main__top--inner__center,
.header--main__top--inner__right {
    align-items: center;
    display: flex;
    flex-direction: row
}

.header--main__top--inner__center .a-searchBar,
.header--main__top--inner__right .a-searchBar {
    height: 24px;
    padding-right: .5rem;
    width: 183px
}

.header--main__top--inner__center .a-searchBar svg,
.header--main__top--inner__right .a-searchBar svg {
    height: 13px;
    width: 13px
}

.header--main__top--inner__center .a-searchBar input,
.header--main__top--inner__right .a-searchBar input {
    font-size: var(--font-size-small);
    padding: 0 0 0 var(--spacing-x-small);
    width: 90%
}

.header--main__top--inner__center--links,
.header--main__top--inner__right--links {
    display: none
}

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

    .header--main__top--inner__center--links,
    .header--main__top--inner__right--links {
        align-items: center;
        display: flex;
        flex-direction: column
    }
}

.header--main__top--inner__center--links a,
.header--main__top--inner__center--links button,
.header--main__top--inner__right--links a,
.header--main__top--inner__right--links button {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--color-blue-darkest);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 500;
    margin-left: 0;
    padding: 0
}

.native-hub .header--main__top--inner__center--links a,
.native-hub .header--main__top--inner__center--links button,
.native-hub .header--main__top--inner__right--links a,
.native-hub .header--main__top--inner__right--links button {
    color: var(--nh-color-blue)
}

.header--main__top--inner__center--links a:active,
.header--main__top--inner__center--links a:focus,
.header--main__top--inner__center--links a:hover,
.header--main__top--inner__center--links a:visited,
.header--main__top--inner__center--links button:active,
.header--main__top--inner__center--links button:focus,
.header--main__top--inner__center--links button:hover,
.header--main__top--inner__center--links button:visited,
.header--main__top--inner__right--links a:active,
.header--main__top--inner__right--links a:focus,
.header--main__top--inner__right--links a:hover,
.header--main__top--inner__right--links a:visited,
.header--main__top--inner__right--links button:active,
.header--main__top--inner__right--links button:focus,
.header--main__top--inner__right--links button:hover,
.header--main__top--inner__right--links button:visited {
    color: var(--color-neutral-lightest)
}

.native-hub .header--main__top--inner__center--links a:active,
.native-hub .header--main__top--inner__center--links a:focus,
.native-hub .header--main__top--inner__center--links a:hover,
.native-hub .header--main__top--inner__center--links a:visited,
.native-hub .header--main__top--inner__center--links button:active,
.native-hub .header--main__top--inner__center--links button:focus,
.native-hub .header--main__top--inner__center--links button:hover,
.native-hub .header--main__top--inner__center--links button:visited,
.native-hub .header--main__top--inner__right--links a:active,
.native-hub .header--main__top--inner__right--links a:focus,
.native-hub .header--main__top--inner__right--links a:hover,
.native-hub .header--main__top--inner__right--links a:visited,
.native-hub .header--main__top--inner__right--links button:active,
.native-hub .header--main__top--inner__right--links button:focus,
.native-hub .header--main__top--inner__right--links button:hover,
.native-hub .header--main__top--inner__right--links button:visited {
    color: var(--nh-color-blue)
}

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

    .header--main__top--inner__center--links a,
    .header--main__top--inner__center--links button,
    .header--main__top--inner__right--links a,
    .header--main__top--inner__right--links button {
        font-size: 14px;
        margin-left: var(--spacing-medium)
    }
}

.header--main__top--inner__center--links a:first-child,
.header--main__top--inner__center--links button:first-child,
.header--main__top--inner__right--links a:first-child,
.header--main__top--inner__right--links button:first-child {
    margin-left: 0
}

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

    .header--main__top--inner__center--links a:first-child,
    .header--main__top--inner__center--links button:first-child,
    .header--main__top--inner__right--links a:first-child,
    .header--main__top--inner__right--links button:first-child {
        margin-left: var(--spacing-xx-large)
    }
}

.header--main__top--inner__center .a-searchBar {
    width: 200px
}

@media only screen and (min-width:768px) {
    .header--main__top--inner__center .a-searchBar {
        width: 600px
    }
}

.header--main__nav {
    background-color: hsla(0, 0%, 100%, .95);
    margin-bottom: var(--spacing-x-large);
    z-index: 1000
}

.native-hub .header--main__nav {
    background-color: var(--nh-color-gray)
}

@media only screen and (min-width:768px) {
    .header--main__nav {
        margin-bottom: 0
    }
}

.header--main__nav--inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 24px;
    padding-bottom: 1px
}

@media only screen and (min-width:768px) {
    .header--main__nav--inner {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end
    }
}

.header--main__nav--inner__logo {
    display: block
}

@media only screen and (min-width:768px) {
    .header--main__nav--inner__logo {
        display: flex;
        justify-self: flex-start;
        margin-right: auto;
        padding-top: 5px
    }
}

.header--main__nav--inner__logo svg {
    margin-bottom: 0;
    max-height: 50px;
    max-width: 160px;
    width: 100%
}

.header--main__nav--inner__logo:focus {
    color: var(--color-neutral-lightest)
}

.header--main__nav--inner__link {
    cursor: pointer;
    margin: 0 10px
}

@media only screen and (min-width:768px) {
    .header--main__nav--inner__link {
        margin: 0 10px
    }
}

@media only screen and (min-width:1248px) {
    .header--main__nav--inner__link {
        margin: 0 15px
    }
}

.header--main__nav--inner__link:last-child {
    border-bottom: none;
    margin: 0 0 0 10px
}

.header--main__nav--inner__link:last-child:hover {
    border-bottom: none !important
}

.header--main__nav--inner__link button {
    align-items: center;
    background: transparent;
    background-color: transparent;
    border: 2px solid #0b7e9d !important;
    border: 0;
    border-radius: 100px !important;
    color: var(--color-blue-darkest);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    padding: 4px 12px 4px 16px !important;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize
}

.native-hub .header--main__nav--inner__link button {
    border-color: var(--nh-color-blue) !important;
    color: var(--nh-color-blue)
}

.header--main__nav--inner__link button svg {
    fill: #0b7e9d !important
}

.native-hub .header--main__nav--inner__link button svg {
    fill: var(--nh-color-blue) !important
}

.header--main__nav--inner__link button:hover {
    background: var(--color-global-light-blue);
    color: #fff
}

.native-hub .header--main__nav--inner__link button:hover {
    background-color: var(--nh-color-blue)
}

.header--main__nav--inner__link button:hover svg {
    fill: #fff !important
}

.header--main__nav--inner__link button:focus {
    outline: none !important
}

.header--main__nav--inner__link button:active {
    background: #0f6780;
    color: #0b7e9d;
    outline: none !important
}

.native-hub .header--main__nav--inner__link button:active {
    background-color: var(--nh-color-blue);
    color: var(--color-global-very-white)
}

.header--main__nav--inner__link button:active svg {
    fill: #0b7e9d !important;
    background: #0f6780 !important
}

.native-hub .header--main__nav--inner__link button:active svg {
    fill: var(--color-global-very-white) !important;
    background-color: var(--nh-color-blue) !important
}

.header--main__nav--inner__link a {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--color-blue-darkest);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize
}

.native-hub .header--main__nav--inner__link a {
    color: var(--nh-color-blue)
}

@media only screen and (min-width:400px) {
    .header--main__nav--inner__link a {
        font-size: 28px
    }
}

@media only screen and (min-width:768px) {
    .header--main__nav--inner__link a {
        border-bottom: 6px solid #fff;
        font-size: 12px;
        padding: var(--spacing-large) 5px var(--spacing-medium) 5px;
        text-align: center
    }

    .native-hub .header--main__nav--inner__link a {
        border-bottom-color: var(--nh-color-gray)
    }
}

@media only screen and (min-width:1024px) {
    .header--main__nav--inner__link a {
        font-size: 18px
    }
}

.header--main__nav--inner__link a:hover {
    border-bottom-style: solid;
    border-bottom-width: 6px;
    border-image: var(--color-blue-green-gradient) 1
}

.native-hub .header--main__nav--inner__link a:hover {
    border-image: var(--color-green-gradient) 1;
    color: var(--nh-color-blue)
}

.header--main__nav--inner__link a:focus {
    background: var(--color-blue-green-gradient);
    color: #fff !important;
    outline: none !important;
    padding-left: 5px;
    padding-right: 5px
}

.native-hub .header--main__nav--inner__link a:focus {
    background: var(--color-green-gradient)
}

.header--main__nav--inner__link a:active {
    color: #fff !important;
    transition: 0s !important
}

.header--main__nav--inner__link a:active,
.header--main__nav--inner__link a:hover,
.header--main__nav--inner__link a:visited {
    color: var(--color-blue-darkest);
    text-decoration: none
}

.native-hub .header--main__nav--inner__link a:active,
.native-hub .header--main__nav--inner__link a:hover,
.native-hub .header--main__nav--inner__link a:visited {
    color: var(--nh-color-blue)
}

.header--main__nav--inner__link:last-of-type {
    display: none
}

@media only screen and (min-width:768px) {
    .header--main__nav--inner__link:last-of-type {
        display: block
    }
}

.header--main__more {
    background-color: var(--color-blue-lighter);
    display: block;
    margin-bottom: var(--spacing-large);
    min-height: 180px;
    position: relative;
    transition: opacity .3s
}

@media only screen and (min-width:768px) {
    .header--main__more {
        background-color: var(--color-neutral-lightest);
        display: none;
        min-height: 50px
    }
}

.header--main__more--inner {
    background-color: var(--color-blue-lighter);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    margin: 0 auto;
    margin-bottom: var(--spacing-large);
    padding: 0 var(--spacing-medium);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

@media only screen and (min-width:768px) {
    .header--main__more--inner {
        align-content: center;
        background-color: var(--color-neutral-lightest);
        flex-direction: row;
        justify-content: center;
        margin-bottom: 0
    }
}

.header--main__more--inner--intro {
    border-bottom: 1px solid var(--color-neutral-lightest);
    color: var(--color-neutral-lightest);
    display: block;
    font-size: 10px;
    opacity: .7;
    padding-bottom: var(--spacing-x-small);
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .header--main__more--inner--intro {
        display: none
    }
}

.header--main__more--inner__link {
    cursor: pointer;
    padding: 0 10px;
    position: relative
}

@media only screen and (min-width:768px) {
    .header--main__more--inner__link {
        padding: 0 20px
    }
}

@media only screen and (min-width:1024px) {
    .header--main__more--inner__link {
        padding: 0 40px
    }
}

.header--main__more--inner__link a {
    align-items: flex-start;
    color: var(--color-neutral-lightest);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    padding: var(--spacing-x-small) 0;
    text-align: left;
    text-transform: capitalize
}

.native-hub .header--main__more--inner__link a {
    color: var(--nh-color-blue)
}

.header--main__more--inner__link a:active,
.header--main__more--inner__link a:focus,
.header--main__more--inner__link a:hover,
.header--main__more--inner__link a:visited {
    color: var(--color-neutral-lightest)
}

.native-hub .header--main__more--inner__link a:active,
.native-hub .header--main__more--inner__link a:focus,
.native-hub .header--main__more--inner__link a:hover,
.native-hub .header--main__more--inner__link a:visited {
    color: var(--nh-color-blue)
}

@media only screen and (min-width:768px) {
    .header--main__more--inner__link a {
        align-items: center;
        color: var(--color-text-link);
        font-size: 14px;
        padding: var(--spacing-medium) 0;
        text-align: center
    }

    .header--main__more--inner__link a:active,
    .header--main__more--inner__link a:focus,
    .header--main__more--inner__link a:hover {
        color: var(--color-text-link-hover)
    }

    .header--main__more--inner__link a:visited {
        color: var(--color-text-link)
    }

    .header--main__more--inner__link a:visited:hover {
        color: var(--color-text-link-hover)
    }
}

.header--main__more--inner__link a svg {
    display: none;
    height: 24px;
    margin-bottom: var(--spacing-medium);
    width: 24px
}

@media only screen and (min-width:768px) {
    .header--main__more--inner__link a svg {
        display: flex
    }
}

.header--main__more--inner__link a:hover svg {
    fill: var(--color-text-link-hover) !important
}

.header--main__more--inner__link:not(:last-of-type):after {
    content: "";
    height: 30%;
    position: absolute;
    right: 0;
    top: 35%
}

@media only screen and (min-width:768px) {
    .header--main__more--inner__link:not(:last-of-type):after {
        border-right: 1px solid var(--color-text-link)
    }
}

.header--main__more.--expanded {
    display: block;
    transition: opacity .3s
}

.header--main__extra {
    align-items: left;
    display: flex;
    flex-direction: column;
    padding-left: var(--spacing-base);
    padding-right: var(--spacing-base)
}

@media only screen and (min-width:768px) {
    .header--main__extra {
        display: none
    }
}

.header--main__extra a {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 500;
    margin-left: 0
}

.header--main__extra a,
.header--main__extra a:active,
.header--main__extra a:focus,
.header--main__extra a:hover,
.header--main__extra a:visited {
    color: var(--color-neutral-lightest)
}

@media only screen and (min-width:768px) {
    .header--main__extra a {
        font-size: 14px;
        margin-left: var(--spacing-medium)
    }
}

.header--main__extra a:first-of-type {
    margin-left: 0
}

@media only screen and (min-width:1024px) {
    .header--main__extra a:first-of-type {
        margin-left: var(--spacing-xx-large)
    }
}

.header--main__extra a svg {
    margin-right: var(--spacing-x-small)
}

@media only screen and (min-width:768px) {
    .header--main--landing {
        background: transparent
    }

    .header--main--landing .header--main__nav,
    .header--main--landing .header--main__top {
        background-color: transparent
    }

    .header--main--landing .LanguageSwitcher .current,
    .header--main--landing .header--main__nav--inner__link a,
    .header--main--landing .header--main__nav--inner__link button,
    .header--main--landing .header--main__top--inner__center--links a,
    .header--main--landing .header--main__top--inner__right--links a,
    .header--main--landing .header--main__top--inner__right--links button {
        color: var(--color-blue-darkest)
    }

    .native-hub .header--main--landing .LanguageSwitcher .current,
    .native-hub .header--main--landing .header--main__nav--inner__link a,
    .native-hub .header--main--landing .header--main__nav--inner__link button,
    .native-hub .header--main--landing .header--main__top--inner__center--links a,
    .native-hub .header--main--landing .header--main__top--inner__right--links a,
    .native-hub .header--main--landing .header--main__top--inner__right--links button {
        color: var(--nh-color-blue)
    }

    .header--main--landing .header--main__nav--inner__link a,
    .header--main--landing .header--main__nav--inner__link button {
        border-bottom-color: #fff
    }

    .header--main--landing .header--main__nav--inner__link a:hover,
    .header--main--landing .header--main__nav--inner__link button:hover {
        border-bottom-color: #303030
    }

    .header--main--landing .header--main__top--inner__left .LanguageSwitcher {
        border-color: #303030
    }
}

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

    .mobileNavBar--landing,
    .mobileNavCTA--landing {
        display: none
    }
}

@media only screen and (max-height:600px) {
    .header--Main__landing .header--main__top {
        display: none
    }
}

.a-ad {
    overflow: hidden;
    text-align: center
}

.a-ad :before {
    color: silver;
    content: "Advertisement";
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.a-articleText {
    margin-bottom: 100px;
    position: relative
}

.a-articleText .a-simpleTags {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .a-articleText .a-simpleTags {
        margin-bottom: 100px
    }
}

.a-articleText__iconCTAs {
    align-items: center;
    display: flex;
    flex-direction: row;
    position: absolute
}

.a-articleText .a-iconCTA svg {
    fill: #000;
    height: 20px;
    width: 20px
}

@media only screen and (min-width:1024px) {
    .a-articleText .a-iconCTA svg {
        height: 30px;
        width: 30px
    }
}

.a-articleText a {
    color: #258196;
    font-weight: 700
}

.a-articleText .media--type-image img {
    height: auto
}

.o-kidiforniaQuiz-container-answer {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: repeat(4, auto);
    justify-items: center;
    padding: 45px 40px
}

@media only screen and (max-width:1023px) {
    .o-kidiforniaQuiz-container-answer {
        grid-template-columns: repeat(auto-fill, 200px);
        justify-content: center
    }
}

@media only screen and (max-width:639px) {
    .o-kidiforniaQuiz-container-answer {
        grid-template-columns: auto;
        padding: 45px 15px
    }
}

.o-kidiforniaQuiz-container-answer .eachAnswerCard {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 20px;
    box-shadow: -4px -2px 8px hsla(0, 0%, 43%, .15), 4px 4px 8px hsla(0, 0%, 43%, .15);
    display: grid;
    grid-template-columns: auto;
    height: 200px;
    padding: 0;
    position: relative;
    width: 200px;
    z-index: 3
}

.o-kidiforniaQuiz-container-answer .eachAnswerCard p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0
}

.o-kidiforniaQuiz-container-answer .eachAnswerCard:hover {
    cursor: pointer
}

.o-kidiforniaQuiz-container-answer .eachAnswerCard:focus {
    outline: none
}

.o-kidiforniaQuiz-container-answer .eachAnswerCard .correctSym,
.o-kidiforniaQuiz-container-answer .eachAnswerCard .wrongSym {
    display: block;
    left: 50%;
    margin: 0 auto 10px;
    position: absolute;
    top: 44px;
    transform: translate(-50%)
}

.o-kidiforniaQuiz-container-answer .eachAnswerCard .correctSym {
    height: 22px;
    width: 30px
}

.o-kidiforniaQuiz-container-answer .eachAnswerCard .wrongSym {
    height: 30px;
    width: 30px
}

@media only screen and (max-width:639px) {
    .o-kidiforniaQuiz-container-answer .eachAnswerCard {
        border-radius: 30px;
        height: 60px;
        width: 300px
    }

    .o-kidiforniaQuiz-container-answer .eachAnswerCard .correctSym,
    .o-kidiforniaQuiz-container-answer .eachAnswerCard .wrongSym {
        margin: 0;
        top: 50%;
        transform: translateX(100px) translateY(-50%)
    }

    .o-kidiforniaQuiz-container-answer .eachAnswerCard .wrongSym {
        height: 25px;
        width: 25px
    }
}

.o-kidiforniaQuiz-container-answer .eachAnswerCard.correctCard {
    border: 2.5px solid #7cb545;
    transform: rotate(-3deg)
}

.o-kidiforniaQuiz-container-answer .eachAnswerCard.wrongCard {
    border: 2.5px solid #ff5117
}

.o-kidiforniaQuiz-container-answer .backgroundOverlay {
    background: #fff;
    border-radius: 20px;
    box-shadow: -4px -2px 8px hsla(0, 0%, 43%, .15), 4px 4px 8px hsla(0, 0%, 43%, .15);
    height: 180px;
    left: 10px;
    opacity: .6;
    position: relative;
    top: -170px;
    width: 180px;
    z-index: 2
}

@media only screen and (max-width:1023px) {
    .o-kidiforniaQuiz-container-answer .backgroundOverlay {
        display: none
    }
}

.logo-wrapper {
    display: flex
}

.a-sectionBackButtonLogo {
    margin-top: var(--spacing-x-large);
    max-width: 120px;
    position: relative
}

@media only screen and (min-width:768px) {
    .a-sectionBackButtonLogo {
        max-width: 250px
    }
}

.a-sectionBackSponsor {
    margin-left: auto;
    order: 2
}

.a-sectionBackSponsor img {
    max-height: 80px
}

@media only screen and (min-width:768px) {
    .a-sectionBackSponsor img {
        margin-top: 36px;
        max-height: 70px
    }
}

.a-button {
    background-color: #277e96;
    border: 0;
    border-radius: 32px;
    color: #fdffff;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
    padding: 12px 18px;
    text-shadow: none;
    transition: background-color .6s cubic-bezier(.16, 1, .3, 1), box-shadow 1s cubic-bezier(.16, 1, .3, 1)
}

.a-button svg {
    fill: #277e96
}

.a-button:hover {
    background-color: #145769;
    color: #fdffff
}

.a-button:hover .a-button__icon {
    margin-left: .25rem;
    margin-right: -.25rem
}

.a-button:focus {
    box-shadow: inset 0 0 0 2px rgba(48, 48, 48, .2);
    outline-color: #277e96
}

.a-button:active,
.a-button:focus {
    background-color: #277e96;
    color: #fdffff
}

.a-button:active {
    box-shadow: inset 0 2px 0 rgba(48, 48, 48, .2)
}

.a-button:active svg,
.a-button:focus svg,
.a-button:hover svg {
    fill: #fff
}

.a-button--secondary {
    background-color: #fdffff;
    box-shadow: inset 0 0 0 2px #277e96;
    color: #277e96
}

.a-button--secondary:hover:not(:focus) {
    box-shadow: none
}

.a-button--tertiary {
    background-color: #f68b33
}

.a-button--text-link {
    background-color: transparent;
    border: none;
    color: var(--fh-color-light-blue);
    padding: .5rem 0;
    text-decoration: none
}

.a-button--text-link:active,
.a-button--text-link:focus,
.a-button--text-link:hover {
    text-decoration: underline
}

.a-button__larger {
    font-size: var(--font-size-medium);
    padding: 1.15rem 1.65rem
}

.a-button__icon {
    line-height: 0;
    transition: margin .2s ease-out
}

.a-dropDown {
    position: relative
}

.a-dropDown__select {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-dropdown);
    font-size: var(--font-size-small);
    padding: .65rem 1.5rem .5rem .5rem
}

.a-dropDown:after,
.a-dropDown__select {
    background-color: var(--color-neutral-lightest);
    color: var(--color-neutral)
}

.a-dropDown:after {
    content: "\2303";
    font-size: .75rem;
    height: 1rem;
    pointer-events: none;
    position: absolute;
    right: .5rem;
    top: 10px;
    transform: rotate(180deg);
    width: 1rem
}

@media only screen and (min-width:768px) {
    .a-dropDown:after {
        top: 12px
    }
}

.a-filterButtons {
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .5rem .25rem;
    scroll-snap-type: x mandatory
}

.a-filterButtons__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: -3px
}

.a-filterButtons__button {
    background-color: var(--color-neutral-lifhtest);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-filterButton);
    color: var(--color-neutral);
    flex: 0 0 auto;
    font-weight: var(--font-sans-600);
    margin-bottom: var(--spacing-medium);
    padding: 1rem .75rem;
    position: relative;
    scroll-snap-align: start;
    width: 216px
}

.a-filterButtons__button:not(:last-of-type) {
    margin-right: var(--spacing-medium)
}

.a-filterButtons__button:active,
.a-filterButtons__button:focus,
.a-filterButtons__button:hover,
.a-filterButtons__button:visited {
    color: var(--color-neutral);
    text-decoration: none
}

.a-filterButtons__button:after {
    background: var(--color-blue-darkest);
    border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
    bottom: 0;
    content: "";
    display: block;
    height: .5rem;
    left: 0;
    position: absolute;
    right: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: 10
}

.a-filterButtons.--withDetails .a-filterButtons__button {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    min-height: 95px;
    padding: .5rem;
    width: 248px
}

@media only screen and (min-width:768px) {
    .a-filterButtons.--withDetails .a-filterButtons__button {
        width: 320px
    }
}

.a-filterButtons.--withDetails .a-filterButtons__button--icon {
    margin-right: 1rem
}

.a-filterButtons.--withDetails .a-filterButtons__button--content {
    align-self: flex-start
}

.a-filterButtons.--withDetails .a-filterButtons__button--content__headline {
    color: var(--color-secondary);
    font-size: var(--font-size-x-small);
    text-transform: uppercase
}

.a-filterButtons.--withDetails .a-filterButtons__button--content__text {
    font-size: .75rem;
    margin-bottom: var(--spacing-small);
    word-break: break-word
}

@media only screen and (min-width:768px) {
    .a-filterButtons.--withDetails .a-filterButtons__button--content__text {
        font-size: .9rem
    }
}

.a-filterButtons.--noBorderBottom .a-filterButtons__button {
    font-size: 12px;
    font-weight: var(--font-sans-500);
    width: 100%
}

@media only screen and (min-width:640px) {
    .a-filterButtons.--noBorderBottom .a-filterButtons__button {
        width: 47%
    }
}

@media only screen and (min-width:768px) {
    .a-filterButtons.--noBorderBottom .a-filterButtons__button {
        font-size: 16px;
        width: 30%
    }
}

@media only screen and (min-width:1024px) {
    .a-filterButtons.--noBorderBottom .a-filterButtons__button {
        width: 31%
    }
}

@media only screen and (min-width:1248px) {
    .a-filterButtons.--noBorderBottom .a-filterButtons__button {
        width: 23.5%
    }
}

.a-filterButtons.--noBorderBottom .a-filterButtons__button:after {
    height: 0
}

.a-filterButtons.--vertical {
    height: auto
}

.p-sitemap .a-filterButtons__wrapper {
    width: 100%
}

.a-filterButton {
    background-color: var(--color-neutral-lightest);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-filterButton);
    color: var(--color-neutral);
    display: inline-block;
    flex: 0 0 auto;
    font-weight: var(--font-sans-600);
    margin-bottom: var(--spacing-medium);
    padding: 1rem .75rem;
    position: relative;
    scroll-snap-align: start;
    width: 216px
}

.a-filterButton:not(:last-of-type) {
    margin-right: var(--spacing-medium)
}

.a-filterButton:active,
.a-filterButton:focus,
.a-filterButton:hover {
    background: var(--color-blue-darkest);
    box-shadow: var(--shadow-filterButton-hover);
    color: var(--color-neutral-lightest)
}

.a-filterButton:visited {
    text-decoration: none
}

.a-filterButton:after {
    background: var(--color-blue-darkest);
    border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
    bottom: 0;
    content: "";
    display: block;
    height: .5rem;
    left: 0;
    position: absolute;
    right: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: 10
}

.a-filterButton.--withDetails {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    padding: .5rem;
    width: 248px
}

@media only screen and (min-width:768px) {
    .a-filterButton.--withDetails {
        width: 320px
    }
}

.a-filterButton.--withDetails .a-filterButton__icon {
    margin-right: 1rem
}

.a-filterButton.--withDetails .a-filterButton__content {
    align-self: flex-start
}

.a-filterButton.--withDetails .a-filterButton__content--headline {
    color: var(--color-secondary);
    font-size: var(--font-size-x-small);
    text-transform: uppercase
}

.a-filterButton.--withDetails .a-filterButton__content--text {
    font-size: .75rem;
    margin-bottom: var(--spacing-small)
}

@media only screen and (min-width:768px) {
    .a-filterButton.--withDetails .a-filterButton__content--text {
        font-size: .9rem
    }
}

.a-filterButton.--noBorderBottom {
    font-size: 12px;
    font-weight: var(--font-sans-500);
    width: 100%
}

@media only screen and (min-width:640px) {
    .a-filterButton.--noBorderBottom {
        width: 47%
    }
}

@media only screen and (min-width:768px) {
    .a-filterButton.--noBorderBottom {
        font-size: 16px;
        width: 30%
    }
}

@media only screen and (min-width:1024px) {
    .a-filterButton.--noBorderBottom {
        width: 31%
    }
}

@media only screen and (min-width:1248px) {
    .a-filterButton.--noBorderBottom {
        width: 23.5%
    }
}

.a-filterButton.--noBorderBottom:after {
    height: 0
}

.a-headingLevel1 {
    color: var(--color-neutral-lightest);
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: var(--font-sans-600);
    line-height: 40px;
    margin: 0
}

@media only screen and (max-width:639px) {
    .a-headingLevel1 {
        font-size: 24px;
        line-height: 32px
    }
}

.a-heading {
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none
}

.a-heading--1 {
    font-family: Oswald, sans-serif;
    font-size: 3rem;
    line-height: 3rem;
    text-transform: uppercase
}

.a-heading--1 .a-heading__callout {
    font-size: 5rem
}

.a-heading--2 {
    font-weight: 500
}

.a-heading--2,
.a-heading--3 {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.a-heading--4 {
    font-size: 1.5rem;
    line-height: 2rem
}

.a-heading--5 {
    font-size: 1rem;
    line-height: 1.5rem
}

.a-heading--6 {
    font-size: .75rem;
    line-height: 1rem;
    text-transform: uppercase
}

.a-heading__callout {
    color: #277e96;
    font-family: Yellowtail, cursive;
    font-weight: 400;
    margin-left: -1rem;
    text-transform: none
}

.a-heading--banner {
    line-height: 3rem;
    margin-bottom: 2rem
}

@media only screen and (min-height:700px) and (min-width:1024px) {
    .a-heading--banner {
        font-size: 7rem;
        line-height: 5rem
    }

    .a-heading--banner .a-heading__callout {
        font-size: 7rem
    }
}

.a-icon {
    height: 40px;
    overflow: visible;
    width: 40px
}

.a-icon--xxxsmall {
    height: 12px;
    width: 12px
}

.a-icon--xxsmall {
    height: 16px;
    width: 16px
}

.a-icon--xsmall {
    height: 24px;
    width: 24px
}

.a-icon--small {
    height: 32px;
    width: 32px
}

.a-icon--medium {
    height: 40px;
    width: 40px
}

.a-icon--large {
    height: 44px;
    width: 44px
}

.a-icon--xlarge {
    height: 48px;
    width: 48px
}

.a-icon--xxlarge {
    height: 60px;
    width: 60px
}

.a-iconCTA {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative
}

.a-iconCTA.--leftAligned {
    justify-content: flex-start;
    margin-left: 30px
}

.a-iconCTA.--rightAligned {
    justify-content: flex-end
}

.a-iconCTA a {
    align-items: center;
    background-color: var(--color-neutral-lightest);
    border-radius: var(--border-radius-circle);
    box-shadow: 0 1px 1px rgba(48, 48, 48, .14), 0 2px 1px rgba(48, 48, 48, .12), 0 1px 3px rgba(48, 48, 48, .2);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    transition: all .2s;
    -webkit-user-select: none;
    user-select: none;
    width: 32px;
    z-index: 4
}

.a-iconCTA a:not(:last-of-type) {
    margin-right: var(--spacing-medium)
}

.a-iconCTA a.a-iconCTA--inverse {
    background-color: var(--color-blue)
}

.a-iconCTA a.a-iconCTA--inverse svg {
    fill: #fff
}

.a-iconCTA a:hover svg {
    fill: #277e96
}

.a-iconCTA a>svg {
    fill: #303030;
    transition: fill .4s
}

.a-iconCTA a:active {
    transform: scale(.9)
}

.a-iconCTA__prev {
    right: 86px
}

.a-iconCTA__prev svg {
    transform: rotate(180deg);
    width: 24px
}

.a-iconCTA__next {
    right: 0
}

.a-iconCTA__next svg {
    width: 24px
}

.a-input--submit-default {
    background: var(--color-neutral-lightest);
    border: none;
    border-radius: var(--border-radius-medium);
    color: var(--color-blue-light);
    cursor: pointer;
    width: 100%
}

.a-input--submit-default:hover {
    box-shadow: var(--shadow-blue)
}

.form-group {
    margin-bottom: var(--spacing)
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    background-color: var(--color-background-input);
    border: var(--border-width-hairline) solid var(--color-border-input);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    display: block;
    font-family: var(--font-sans);
    font-weight: var(--font-sans-500);
    height: var(--height-input);
    padding: var(--spacing-small);
    transition: all .1 ease;
    width: 100%
}

input[type=date]:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=url]:hover,
textarea:hover {
    background-color: var(--color-background-input-hover);
    border-color: var(--color-border-input-hover);
    color: var(--color-text-input-hover)
}

input[type=date]:active,
input[type=email]:active,
input[type=number]:active,
input[type=password]:active,
input[type=search]:active,
input[type=tel]:active,
input[type=text]:active,
input[type=url]:active,
textarea:active {
    background-color: var(--color-background-input-active);
    border-color: var(--color-border-input-active);
    color: var(--color-text-input-active)
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
    background-color: var(--color-background-input-focus);
    border-color: var(--color-border-input-focus);
    color: var(--color-text-input-focus);
    outline: none
}

input[type=date]:disabled,
input[type=date][readonly],
input[type=email]:disabled,
input[type=email][readonly],
input[type=number]:disabled,
input[type=number][readonly],
input[type=password]:disabled,
input[type=password][readonly],
input[type=search]:disabled,
input[type=search][readonly],
input[type=tel]:disabled,
input[type=tel][readonly],
input[type=text]:disabled,
input[type=text][readonly],
input[type=url]:disabled,
input[type=url][readonly],
textarea:disabled,
textarea[readonly] {
    background-color: var(--color-background-input-disabled)
}

::-webkit-input-placeholder {
    color: var(--color-text-placeholder)
}

:-moz-placeholder,
::-moz-placeholder {
    color: var(--color-text-placeholder)
}

:-ms-input-placeholder {
    color: var(--color-text-placeholder)
}

[placeholder]:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity .1 ease .1;
    transition: opacity .1 ease .1
}

[type=search] {
    -webkit-appearance: none
}

[type=checkbox],
[type=radio] {
    line-height: normal
}

select {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    width: 100%
}

textarea {
    height: 12rem
}

fieldset {
    background-color: var(--color-background-selection);
    border-radius: var(--border-radius-small);
    border-width: 0;
    display: block;
    margin-left: -var(--spacing-large);
    padding: var(--spacing-large);
    padding-bottom: var(--spacing)
}

.form-group--positive .form-text,
.form-group--positive label {
    color: var(--color-text-input-positive)
}

.form-group--positive input[type=date],
.form-group--positive input[type=email],
.form-group--positive input[type=number],
.form-group--positive input[type=password],
.form-group--positive input[type=search],
.form-group--positive input[type=tel],
.form-group--positive input[type=text],
.form-group--positive input[type=url],
.form-group--positive textarea {
    border-color: var(--color-border-input-positive);
    border-width: var(--border-width-thin)
}

.form-group--negative .form-text,
.form-group--negative label {
    color: var(--color-text-input-negative)
}

.form-group--negative input[type=date],
.form-group--negative input[type=email],
.form-group--negative input[type=number],
.form-group--negative input[type=password],
.form-group--negative input[type=search],
.form-group--negative input[type=tel],
.form-group--negative input[type=text],
.form-group--negative input[type=url],
.form-group--negative textarea {
    border-color: var(--color-border-input-negative);
    border-width: var(--border-width-thin)
}

.form-check {
    margin-bottom: var(--spacing)
}

.form-check label {
    margin-bottom: 0
}

.form-check-input {
    background-color: var(--color-background-input-checkbox);
    margin-left: -var(--spacing);
    margin-top: var(--spacing-small);
    position: absolute
}

.form-check-input:only-child {
    position: static
}

.form-check-inline {
    display: inline-block
}

.form-check-inline .form-check-input {
    margin-left: 0;
    margin-top: 0;
    position: static
}

.form-check-inline .form-check-label {
    vertical-align: middle
}

.form-check-inline+.form-check-inline {
    margin-left: var(--spacing-large)
}

.a-likeCTA {
    align-items: center;
    align-self: flex-start;
    display: flex;
    justify-content: center;
    margin-left: 5px;
    position: relative
}

.a-likeCTA svg {
    fill: #303030;
    height: 20px;
    pointer-events: none;
    position: absolute;
    transition: fill .4s;
    width: 20px
}

.visit-native-california .m-detailCard--algolia .a-likeCTA svg {
    fill: #387452
}

.a-likeCTA__input {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border-radius: 32px;
    box-shadow: 0 1px 1px rgba(48, 48, 48, .14), 0 2px 1px rgba(48, 48, 48, .12), 0 1px 3px rgba(48, 48, 48, .2);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    transition: transform .4s, background-color .4s;
    width: 32px
}

.a-likeCTA__input:focus,
.a-likeCTA__input:hover {
    background-color: #145769
}

.visit-native-california .m-detailCard--algolia .a-likeCTA__input:focus,
.visit-native-california .m-detailCard--algolia .a-likeCTA__input:hover {
    background-color: #ceb975
}

.a-likeCTA__input:focus~svg,
.a-likeCTA__input:hover~svg {
    fill: #fff
}

.a-likeCTA__input:active {
    transform: scale(.9)
}

.a-likeCTA--checked .a-likeCTA__input {
    background-color: #277e96
}

.visit-native-california .m-detailCard--algolia .a-likeCTA--checked .a-likeCTA__input {
    background-color: #ceb975
}

.a-likeCTA--checked svg {
    fill: #fff
}

.visit-native-california .m-detailCard--algolia .a-likeCTA--checked svg {
    fill: #387452
}

a {
    color: var(--color-text-link);
    text-decoration: none;
    transition: color .3s
}

a:active {
    color: var(--color-text-link-active);
    text-decoration: underline
}

a:hover {
    color: var(--color-text-link-hover);
    text-decoration: none
}

.a-link .icon {
    height: 40px;
    width: 40px
}

.a-link__sectionSubnav {
    margin-bottom: var(--spacing-xx-large)
}

.a-link__sectionSubnav--link {
    display: block;
    margin-bottom: var(--spacing-medium);
    margin-right: var(--spacing-large);
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .a-link__sectionSubnav--link {
        display: inline-block
    }
}

.a-linkBtn {
    border-radius: 32px;
    border-style: none;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-sans-600);
    line-height: 40px;
    text-align: center;
    transition: background-color .4s, color .4s cubic-bezier(.175, .885, .32, 1.275)
}

.a-linkBtn,
.a-linkBtn:visited {
    color: var(--color-global-very-white)
}

.a-filterWrapper {
    grid-gap: 20px;
    align-items: center;
    background: #fff;
    border-radius: 9px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    display: grid;
    grid-template-columns: 1fr auto;
    height: 41px;
    justify-content: center;
    margin: 28px auto;
    padding: 0 16px;
    width: 292px
}

@media only screen and (max-width:639px) {
    .a-filterWrapper {
        margin: 16px auto
    }
}

.a-filterWrapper p {
    color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    margin: 6px 0
}

.a-filterWrapper .a-arrow {
    background: none;
    border: none;
    outline: none
}

.a-filterWrapper .a-arrow img {
    height: 10px;
    margin: 0;
    width: 17px
}

.a-filterWrapper .a-arrow:hover {
    cursor: pointer
}

.a-filterWrapper.a-expanded {
    margin: 28px auto 4px
}

.a-dropdown {
    background: hsla(0, 0%, 100%, .98);
    border-radius: 0 0 9px 9px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    margin: 0 auto 20px;
    padding: 0;
    width: 292px
}

.a-dropdown-overlay {
    max-height: 500px;
    overflow-y: scroll
}

@media only screen and (max-width:639px) {
    .a-dropdown-overlay {
        max-height: 400px
    }
}

.a-clearBtn {
    background: #51b7d2;
    border: none;
    border-radius: 3px;
    height: 26px;
    margin: 20px 0 18px 12px;
    width: 86px
}

.a-clearBtn p {
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    margin: 0;
    text-align: center
}

.a-clearBtn:hover {
    cursor: pointer
}

.a-clearBtn:focus {
    outline: none
}

.a-niceDropDown {
    background-color: var(--color-neutral-lightest);
    display: flex;
    flex-direction: column;
    transition: .3s;
    z-index: 10000
}

@media only screen and (min-width:768px) {
    .a-niceDropDown {
        width: 448px
    }
}

.a-niceDropDown__panel {
    width: 100%
}

.a-niceDropDown__panel--heading {
    background-color: var(--color-neutral-lightest);
    border: 0;
    border-radius: var(--border-radius-small);
    box-shadow: var(--shadow-dropdown);
    color: var(--color-neutral-darker);
    cursor: pointer;
    display: block;
    font-size: var(--font-size-x-small);
    font-weight: var(--font-sans-500);
    outline: 0;
    padding: var(--spacing-small) var(--spacing-medium);
    position: relative;
    text-align: left;
    text-transform: capitalize;
    transition: .4s;
    width: 100%
}

.a-niceDropDown__panel--heading.error {
    background-color: #f9ebeb;
    outline: 2px solid #a30000;
    outline-style: auto
}

.a-niceDropDown__panel--heading:after {
    color: var(--color-neutral-darker);
    content: "\2303";
    font-size: .8rem;
    position: absolute;
    right: 20px;
    top: 18%;
    transform: rotate(-180deg);
    transition: .3s
}

.a-niceDropDown__panel--heading.--active:after {
    content: "\2303";
    top: 25%;
    transform: rotate(0);
    transition: .3s
}

.a-niceDropDown__panel--content {
    background-color: var(--color-neutral-lightest);
    border: 0;
    border-radius: var(--border-radius-small);
    box-shadow: var(--shadow-dropdown);
    color: var(--color-neutral-darker);
    margin: var(--spacing-small) 0;
    max-height: 0;
    outline: 0;
    overflow: auto;
    padding: 0 var(--spacing-medium);
    transition: max-height .3s ease-out
}

.a-niceDropDown__panel--content__options {
    color: var(--color-neutral-darker);
    cursor: pointer;
    display: block;
    font-size: var(--font-size-x-small);
    font-weight: var(--font-sans-400);
    margin: 10px 0;
    text-align: left;
    text-transform: capitalize
}

.a-niceDropDown__panel--content__options:active,
.a-niceDropDown__panel--content__options:focus,
.a-niceDropDown__panel--content__options:hover,
.a-niceDropDown__panel--content__options:visited {
    color: var(--color-neutral-darker);
    text-decoration: none
}

.a-podcastPlayer {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);
    color: var(--color-neutral-dark);
    height: 122px;
    max-width: 344px;
    padding: 16px
}

.a-podcastPlayer iframe {
    margin: 0
}

@media only screen and (min-width:768px) {
    .a-podcastPlayer {
        max-width: 640px;
        position: static;
        width: 100%
    }
}

.progressBar {
    background: #9be0f3;
    border: 0;
    height: 9px;
    position: relative;
    width: inherit
}

.progressBar--filler {
    background: var(--color-blue-darkest);
    height: 100%;
    opacity: 1;
    transition: width .3 ease-in
}

.a-searchBar {
    align-items: center;
    border-radius: var(--border-radius-x-large);
    display: flex;
    flex-direction: row;
    padding: 0 0 0 5px;
    position: relative;
    width: 310px
}

.a-searchBar .searchbar--search__icon {
    background: #282d30;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 1px;
    padding: 7px 7px 0 9px
}

.a-searchBar .searchbar--search__icon:hover svg {
    fill: #000 !important;
    background: transparent
}

.a-searchBar .searchbar--search__icon:hover {
    fill: #000 !important;
    background: rgba(0, 0, 0, .1)
}

.a-searchBar .searchbar--close__icon {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    margin-right: 5px;
    padding: 3px 4px
}

.a-searchBar .searchbar--close__icon:hover {
    background: rgba(0, 0, 0, .1);
    border-radius: 50%;
    padding: 3px 4px
}

@media only screen and (min-width:768px) {
    .a-searchBar {
        margin-left: 30px;
        width: 350px
    }
}

@media only screen and (min-width:1024px) {
    .a-searchBar {
        width: 528px
    }
}

.a-searchBar ::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

.a-searchBar ::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.a-searchBar :-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.a-searchBar :-moz-placeholder {
    color: #fff;
    opacity: 1
}

.a-searchBar svg {
    height: 18px;
    width: 15px
}

.a-searchBar input {
    font-size: var(--font-size-base);
    font-weight: var(--font-sans-300)
}

.a-searchBar.--small {
    max-width: 280px
}

.a-searchBar.--blueGradient {
    background: var(--color-global-very-white)
}

.a-searchBar.--blueGradient input {
    background-color: transparent;
    border: none;
    color: #595959
}

.a-searchBar.--blueGradient input::-webkit-input-placeholder {
    color: #595959;
    opacity: 1
}

.a-searchBar.--blueGradient input:-moz-placeholder {
    color: #595959;
    opacity: 1
}

.a-searchBar.--blueGradient input:-ms-input-placeholder {
    color: #595959;
    opacity: 1
}

.a-searchBar.fullBleedBanner {
    background: hsla(0, 0%, 100%, .9)
}

.p-search__keyword-active__divider {
    margin-bottom: 25px;
    margin-top: 25px;
    width: 100%
}

.p-search__default,
.p-search__keyword-active {
    padding: var(--spacing-x-large) var(--spacing-x-large) 0 var(--spacing-x-large)
}

.p-search-default__suggestedblock--header {
    margin-bottom: 20px
}

.p-search__result {
    color: #757575;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 0 10px 10px;
    position: relative
}

.p-search__result:hover {
    background: linear-gradient(90deg, rgba(81, 182, 210, .3) 23.11%, rgba(113, 200, 191, .3) 99.97%);
    border-radius: 4px;
    padding: 10px 0 10px 10px
}

.p-search__result:hover,
.p-search__result:hover:hover a {
    color: #000;
    text-decoration: underline
}

.p-search__result a {
    color: #757575
}

.a-listBtn {
    background: none;
    border: none;
    display: grid;
    margin: 0 auto;
    padding: 10px
}

.a-listBtn .overlay {
    grid-gap: 16px;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    width: 254px
}

.a-listBtn .overlay p {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
    max-width: 100%;
    text-align: left
}

.a-listBtn .checkBox {
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto;
    height: 24px;
    justify-content: center;
    text-align: center;
    width: 24px
}

.a-listBtn .checkBox .a-checkTick {
    height: 12px;
    margin: 0;
    width: 18px
}

.a-listBtn .checkBox.checked {
    background: #51b7d2;
    border: 1px solid #51b7d2
}

.a-listBtn:hover {
    background: #b8e1ed;
    cursor: pointer
}

.a-listBtn:focus {
    outline: none
}

.social-share {
    cursor: pointer;
    padding-right: 0;
    position: relative;
    z-index: 4
}

.social-share .social-share__heading {
    align-items: center;
    display: flex;
    font-family: helvetica;
    font-weight: 400;
    height: 50px;
    letter-spacing: .2em;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    transition: all .3s;
    width: 270px;
    z-index: 40
}

.social-share .social-share__heading span svg {
    height: 1em;
    margin-right: .5em;
    width: 1em
}

.social-share ul {
    bottom: 0;
    display: flex;
    list-style: none;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 42px;
    transition: all .3s ease-out;
    z-index: 4
}

@media only screen and (min-width:768px) {
    .social-share ul {
        bottom: 52px;
        left: -69px
    }
}

.social-share ul li {
    position: relative;
    width: 40px
}

.social-share ul li .share-title {
    background: #000;
    border-radius: 20px;
    color: #a4a4a2;
    display: none;
    font-family: helvetica;
    font-size: 13px;
    height: 40px;
    left: -50%;
    line-height: 40px;
    min-width: 100px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .3s ease-out;
    z-index: -1
}

.social-share ul li .resp-sharing-button__icon {
    stroke: none;
    fill: var(--color-blue)
}

.social-share ul li:hover .share-title {
    opacity: 1;
    top: -40px
}

.social-share ul li:hover .resp-sharing-button__icon {
    fill: var(--color-blue-dark)
}

.social-share .circle-container {
    border-radius: 50%;
    height: 6em;
    left: -50%;
    list-style: none;
    padding: 0;
    position: absolute;
    top: -50%;
    width: 6em
}

@media only screen and (min-width:768px) {
    .social-share .circle-container {
        height: 9em;
        width: 9em
    }
}

@media only screen and (min-width:640px) {
    .social-share .circle-container {
        left: -55%;
        top: -50%
    }
}

@media only screen and (min-width:768px) {
    .social-share .circle-container {
        left: -75%;
        top: -60%
    }
}

@media only screen and (min-width:1024px) {
    .social-share .circle-container {
        left: -78%;
        top: -70%
    }
}

.social-share .circle-container>* {
    display: block;
    height: 1em;
    left: 40%;
    margin: -1em;
    position: absolute;
    top: 40%;
    width: 1em
}

@media only screen and (min-width:768px) {
    .social-share .circle-container>* {
        height: 2em;
        width: 2em
    }
}

.social-share .circle-container>:first-of-type {
    transform: rotate(0deg) translate(4.5em) rotate(0deg)
}

.social-share .circle-container>:nth-of-type(2) {
    transform: rotate(72deg) translate(4.5em) rotate(-72deg)
}

.social-share .circle-container>:nth-of-type(3) {
    transform: rotate(144deg) translate(4.5em) rotate(-144deg)
}

.social-share .circle-container>:nth-of-type(4) {
    transform: rotate(216deg) translate(4.5em) rotate(-216deg)
}

.social-share .circle-container>:nth-of-type(5) {
    transform: rotate(288deg) translate(4.5em) rotate(-288deg)
}

.social-share .circle-container a,
.social-share .circle-container button {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    filter: grayscale(100%);
    height: 1em;
    max-width: 100%;
    transition: .15s;
    width: 1em
}

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

    .social-share .circle-container a,
    .social-share .circle-container button {
        height: 2em;
        width: 2em
    }
}

.social-share .circle-container a:active,
.social-share .circle-container a:hover,
.social-share .circle-container button:active,
.social-share .circle-container button:hover {
    filter: grayscale(0)
}

.social-share .circle-container.semi-circle {
    border-radius: 50%;
    height: 6em;
    left: -50%;
    list-style: none;
    padding: 0;
    position: absolute;
    top: -50%;
    width: 6em
}

@media only screen and (min-width:768px) {
    .social-share .circle-container.semi-circle {
        height: 7em;
        width: 7em
    }
}

@media only screen and (min-width:640px) {
    .social-share .circle-container.semi-circle {
        left: -55%;
        top: -50%
    }
}

@media only screen and (min-width:768px) {
    .social-share .circle-container.semi-circle {
        left: -75%;
        top: -60%
    }
}

@media only screen and (min-width:1024px) {
    .social-share .circle-container.semi-circle {
        left: -78%;
        top: -70%
    }
}

.social-share .circle-container.semi-circle>* {
    display: block;
    height: 1em;
    left: 40%;
    margin: -1em;
    position: absolute;
    top: 40%;
    width: 1em
}

@media only screen and (min-width:768px) {
    .social-share .circle-container.semi-circle>* {
        height: 2em;
        width: 2em
    }
}

.social-share .circle-container.semi-circle>:first-of-type {
    transform: rotate(0deg) translate(5em) rotate(0deg)
}

.social-share .circle-container.semi-circle>:nth-of-type(2) {
    transform: rotate(45deg) translate(5em) rotate(-45deg)
}

.social-share .circle-container.semi-circle>:nth-of-type(3) {
    transform: rotate(90deg) translate(5em) rotate(-90deg)
}

.social-share .circle-container.semi-circle>:nth-of-type(4) {
    transform: rotate(135deg) translate(5em) rotate(-135deg)
}

.social-share .circle-container.semi-circle>:nth-of-type(5) {
    transform: rotate(180deg) translate(5em) rotate(-180deg)
}

.resp-sharing-button__icon,
.resp-sharing-button__link {
    display: inline-block
}

.resp-sharing-button__link {
    background-color: transparent;
    border: 0;
    color: #000;
    padding: 1em;
    text-decoration: none
}

.resp-sharing-button {
    transition: 25ms ease-out
}

.resp-sharing-button__icon svg {
    height: 1em;
    margin-right: .4em;
    vertical-align: top;
    width: 1em
}

@media only screen and (min-width:768px) {
    .resp-sharing-button__icon svg {
        height: 2em;
        width: 2em
    }
}

.a-iconCTA-Share {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative
}

.a-iconCTA-Share.--leftAligned {
    justify-content: flex-start;
    margin-left: 30px
}

.a-iconCTA-Share.--rightAligned {
    justify-content: flex-end
}

.a-iconCTA-Share a {
    align-items: center;
    background-color: var(--color-neutral-lightest);
    border-radius: var(--border-radius-circle);
    box-shadow: 0 1px 1px rgba(48, 48, 48, .14), 0 2px 1px rgba(48, 48, 48, .12), 0 1px 3px rgba(48, 48, 48, .2);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    width: 32px;
    z-index: 4
}

.a-iconCTA-Share a:not(:last-of-type) {
    margin-right: var(--spacing-medium)
}

.a-iconCTA-Share a.a-iconCTA--inverse {
    background-color: var(--color-blue)
}

.a-iconCTA-Share__prev {
    right: 86px
}

.a-iconCTA-Share__prev svg {
    fill: blue;
    transform: rotate(180deg);
    width: 24px
}

.a-iconCTA-Share__next {
    right: 0
}

.a-iconCTA-Share__next svg {
    width: 24px
}

.share-active-overlay {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: .75;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.a-storiesCTAWrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

@media only screen and (min-width:280px) {
    .a-storiesCTAWrapper {
        transform: scale(.5)
    }
}

@media only screen and (min-width:768px) {
    .a-storiesCTAWrapper {
        transform: scale(.8)
    }
}

@media only screen and (min-width:1024px) {
    .a-storiesCTAWrapper {
        transform: scale(1)
    }
}

.a-storiesCTA {
    display: inline-block;
    height: 90px;
    line-height: 90px;
    position: relative;
    text-align: center;
    width: 90px
}

.a-storiesCTA__border {
    animation: rotate 5.5s linear infinite;
    border-radius: 100%;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.a-storiesCTA__border--segmentContainer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: 50% 50%;
    width: 100%
}

.a-storiesCTA__border--mask,
.a-storiesCTA__border--segment {
    left: -10px;
    position: absolute;
    top: -10px
}

.a-storiesCTA__border--mask {
    bottom: -10px;
    right: -10px
}

.a-storiesCTA__border--segmentContainer:first-child {
    transform: rotate(22.5deg)
}

.a-storiesCTA__border--segmentContainer:first-child .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: 25ms;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(2) {
    transform: rotate(45deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(2) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .05s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(3) {
    transform: rotate(67.5deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(3) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: 75ms;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(4) {
    transform: rotate(90deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(4) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .1s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(5) {
    transform: rotate(112.5deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(5) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .125s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(6) {
    transform: rotate(135deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(6) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .15s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(7) {
    transform: rotate(157.5deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(7) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .175s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(8) {
    transform: rotate(180deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(8) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .2s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(9) {
    transform: rotate(202.5deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(9) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .225s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(10) {
    transform: rotate(225deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(10) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .25s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(11) {
    transform: rotate(247.5deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(11) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .275s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(12) {
    transform: rotate(270deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(12) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .3s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(13) {
    transform: rotate(292.5deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(13) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .325s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(14) {
    transform: rotate(315deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(14) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .35s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(15) {
    transform: rotate(337.5deg)
}

.a-storiesCTA__border--segmentContainer:nth-child(15) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .375s;
    transform-origin: 100px 50%
}

.a-storiesCTA__border--segmentContainer:nth-child(16) {
    transform: rotate(1turn)
}

.a-storiesCTA__border--segmentContainer:nth-child(16) .a-storiesCTA__border--segment {
    animation: scale 2.5s linear infinite;
    animation-delay: .4s;
    transform-origin: 100px 50%
}

.a-storiesCTA__imageMask {
    background: #ccc;
    border-radius: 100%;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 80px
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes scale {
    0% {
        transform: scale(1)
    }

    18% {
        transform: scale(.01)
    }

    33% {
        transform: scale(.01)
    }

    51% {
        transform: scale(1)
    }
}

.a-simpleTags {
    background-color: transparent;
    color: var(--color-secondary);
    font-family: var(--font-sans);
    font-size: var(--font-size-x-small);
    list-style-type: none;
    margin: 0
}

.a-simpleTags,
.a-simpleTags li {
    display: inline-block
}

.a-simpleTags li:not(:last-of-type) {
    margin-bottom: .5rem;
    margin-right: .5rem
}

.a-simpleTags li .a-simpleTags__tag,
.a-simpleTags li .a-simpleTags__tagLink {
    border: 1px solid var(--color-secondary);
    border-radius: var(--border-radius-medium);
    padding: .1rem .5rem
}

.a-simpleTags li .a-simpleTags__tagLink {
    background-color: transparent;
    color: var(--color-secondary);
    font-family: var(--font-sans)
}

.a-simpleTags li .a-simpleTags__tagLink--algolia {
    border: none;
    font-size: var(--font-size-small);
    font-weight: 500;
    padding: 0;
    text-transform: uppercase
}

.a-simpleTags li .a-simpleTags__tagLink:hover {
    border-color: var(--color-text-link-hover);
    color: var(--color-text-link-hover)
}

.a-simpleTags__tagItem--algolia {
    border: none;
    font-size: var(--font-size-small);
    font-weight: 500;
    padding: 0;
    text-transform: uppercase
}

.titleTopYellowLine {
    color: var(--color-neutral-dark);
    font-weight: var(--font-sans-600) !important;
    text-transform: capitalize
}

.titleTopYellowLine .--bold {
    font-weight: 700
}

.titleTopYellowLine .--uppercase {
    text-transform: uppercase
}

.titleTopYellowLine .--capitalize {
    text-transform: capitalize
}

.titleTopYellowLine:before {
    background: var(--color-orange-gradientReverse);
    box-shadow: var(--shadow-containerIntroLine);
    content: "";
    display: block;
    height: 8px;
    margin-bottom: var(--spacing-small);
    width: 124px
}

@media only screen and (min-width:1024px) {
    .titleTopYellowLine:before {
        height: 16px;
        width: 168px
    }
}

.o-buildYourTrip-summaryTile {
    grid-gap: 16px;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: -4px -2px 8px hsla(0, 0%, 43%, .15), 4px 4px 8px hsla(0, 0%, 43%, .15);
    display: grid;
    grid-template-columns: auto 1fr;
    height: 464px;
    justify-content: center;
    max-width: 634px;
    padding: 16px
}

@media only screen and (max-width:767px) {
    .o-buildYourTrip-summaryTile {
        grid-gap: 9px;
        grid-template-columns: auto;
        height: 634px;
        margin: 0 auto 52px;
        max-width: 342px
    }
}

.o-buildYourTrip-summaryTile .resultCard,
.o-buildYourTrip-summaryTile .summaryContent {
    height: 430px
}

.o-buildYourTrip-summaryTile .resultCard img {
    height: 430px;
    margin: 0;
    object-fit: cover;
    padding: 0;
    width: 270px
}

.o-buildYourTrip-summaryTile .summaryContent {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr
}

.o-buildYourTrip-summaryTile .summaryContent h1,
.o-buildYourTrip-summaryTile .summaryContent p {
    color: #333;
    font-family: Poppins;
    font-style: normal
}

.o-buildYourTrip-summaryTile .summaryContent h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px
}

.o-buildYourTrip-summaryTile .summaryContent .contentMetrics {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.o-buildYourTrip-summaryTile .summaryContent .contentMetrics-leftContent {
    margin-right: 10px
}

.o-buildYourTrip-summaryTile .summaryContent .contentMetrics p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.o-buildYourTrip-summaryTile .summaryContent .contentMetrics .totalDuration {
    grid-gap: 8px;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-bottom: 16px
}

.o-buildYourTrip-summaryTile .summaryContent .contentMetrics .totalDuration img {
    height: 18px;
    margin: 0;
    width: 18px
}

.o-buildYourTrip-summaryTile .summaryContent .contentMetrics .distanceAndTime {
    margin-bottom: 16px
}

.o-buildYourTrip-summaryTile .summaryContent .contentMetrics .startAndEndDestination {
    margin-bottom: 24px
}

.o-buildYourTrip-summaryTile .summaryContent .contentMetrics .tripDescription {
    grid-column: span 2;
    margin-bottom: 20px;
    max-height: 144px;
    overflow: hidden
}

.o-buildYourTrip-summaryTile .summaryContent .viewBtns {
    align-items: end;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 1fr auto
}

.o-buildYourTrip-summaryTile .viewAllTripsBtn,
.o-buildYourTrip-summaryTile .viewTripBtn {
    border: none;
    font-family: Poppins;
    font-style: normal;
    outline: none
}

.o-buildYourTrip-summaryTile .viewTripBtn {
    background: #2d657d;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 52px;
    text-align: center;
    width: 316px
}

.o-buildYourTrip-summaryTile .viewAllTripsBtn {
    background: none;
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 4px auto;
    padding: 8px;
    text-decoration-line: underline
}

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

    .o-buildYourTrip-summaryTile .resultCard,
    .o-buildYourTrip-summaryTile .summaryContent {
        height: auto
    }

    .o-buildYourTrip-summaryTile .resultCard img {
        height: 188px;
        object-fit: cover;
        object-position: 0 80%;
        width: 310px
    }

    .o-buildYourTrip-summaryTile .summaryContent h1 {
        font-size: 18px;
        line-height: 27px
    }

    .o-buildYourTrip-summaryTile .summaryContent .contentMetrics .distanceAndTime,
    .o-buildYourTrip-summaryTile .summaryContent .contentMetrics .totalDuration {
        margin-bottom: 8px
    }

    .o-buildYourTrip-summaryTile .summaryContent .contentMetrics .startAndEndDestination {
        margin-bottom: 16px
    }

    .o-buildYourTrip-summaryTile .summaryContent .contentMetrics .tripDescription {
        margin-bottom: 18px
    }

    .o-buildYourTrip-summaryTile .viewTripBtn {
        font-size: 18px;
        line-height: 43px
    }

    .o-buildYourTrip-summaryTile .viewAllTripsBtn {
        margin: 8px auto
    }
}

.search-result__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0
}

@media only screen and (min-width:280px) {
    .search-result__tags {
        display: none
    }
}

@media only screen and (min-width:400px) {
    .search-result__tags {
        display: none
    }
}

@media only screen and (min-width:640px) {
    .search-result__tags {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .search-result__tags {
        background-color: transparent;
        display: flex
    }
}

.search-result__tags li {
    align-items: center;
    display: flex
}

.search-result__tags .a-simpleTags__tagLink {
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--color-global-light-blue);
    border-radius: 32px;
    color: var(--color-global-light-blue);
    cursor: pointer;
    display: flex;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    padding: 5px 12px 5px 16px
}

.search-result__tags .a-simpleTags__tagLink:hover {
    border-color: var(--color-text-link-hover);
    color: var(--color-text-link-hover)
}

.search-result__tags .a-simpleTags__tagLink .result-value {
    align-items: center;
    background: #eef1f4;
    border-radius: 50%;
    color: #282d30;
    display: flex;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    height: 25px;
    justify-content: center;
    line-height: 18px;
    margin-left: 5px;
    padding: 2px 7px;
    width: 25px
}

.search-result__tags .a-simpleTags__tagLink.disable-click {
    pointer-events: none
}

.nearme__button-wrapper {
    align-items: center;
    background: #fff;
    border: 1px solid #eef1f4;
    border-radius: 32px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    padding: 10px
}

.nearme__button-wrapper:hover {
    background-color: var(--color-global-light-blue);
    color: #fff;
    transition: all .5s ease
}

.nearme__button-wrapper:hover svg {
    fill: #fff;
    transition: all .5s ease
}

.nearme__button-wrapper:active {
    background: linear-gradient(90deg, #51b6d2 23.11%, #71c8bf 99.97%), #fff;
    color: #000
}

.nearme__button-wrapper:active svg {
    fill: #000
}

.nearme__button-text {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px
}

.nearme__left-icon {
    margin-right: 10px
}

.nearme__left-icon,
.nearme__right-icon {
    fill: var(--color-global-light-blue);
    display: flex
}

.nearme__right-icon {
    margin-left: auto
}

.dropdown {
    background: none;
    border: none;
    display: inline-block;
    position: relative
}

.dd-button {
    background-color: #fff;
    border: 2px solid #acacac;
    border-radius: 32px;
    color: #282d30;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    padding: 10px 30px 10px 20px;
    white-space: nowrap
}

.dd-button:after {
    background-color: #000;
    content: "∟";
    height: 0;
    position: absolute;
    right: 23px;
    top: 30%;
    -webkit-transform: rotate(-45deg);
    width: 10px
}

.dd-button:hover {
    background-color: #eee
}

.dd-input {
    display: none
}

.dd-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
    left: -.2rem;
    list-style-type: none;
    margin: 2px 0 0;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 105%;
    z-index: 900
}

.dd-input:checked+.dd-menu {
    display: block
}

.dd-menu li {
    cursor: pointer;
    margin: 0 !important;
    padding: 10px
}

.dd-menu li:hover {
    background-color: #f6f6f6
}

.dd-menu li.divider {
    border-bottom: 1px solid #ccc;
    padding: 0
}

.buttonToggle {
    border: 1px solid #dae3ea;
    border-radius: 8px;
    margin-bottom: .5rem;
    padding: 1rem 2rem;
    width: 100%
}

.buttonToggle-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.buttonToggle-content--closed {
    height: 0;
    overflow: hidden
}

.buttonToggle-content--open {
    height: 100%;
    margin-top: 1.25rem;
    overflow-y: scroll
}

.buttonToggle-label {
    color: #2c2c2c;
    font-size: 1.125rem;
    font-weight: var(--font-sans-600)
}

.buttonToggle-icon {
    font-size: 1.5rem;
    line-height: normal
}

.a-button,
.ais-InfiniteHits-loadMore {
    background-color: #277e96;
    border: 0;
    border-radius: 32px;
    color: #fdffff;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
    padding: 12px 18px;
    text-shadow: none;
    transition: background-color .6s cubic-bezier(.16, 1, .3, 1), box-shadow 1s cubic-bezier(.16, 1, .3, 1)
}

.a-button--outline,
.a-button--outline-filter,
.ais-InfiniteHits-loadMore {
    align-items: center;
    background-color: transparent;
    border: 1px solid #afb2b4;
    color: #277e96;
    display: flex;
    flex-direction: row;
    padding: 18px
}

.visit-native-california__recent .a-button--outline,
.visit-native-california__recent .a-button--outline-filter,
.visit-native-california__recent .ais-InfiniteHits-loadMore {
    border: 1px solid var(--nh-color-blue);
    color: var(--nh-color-blue)
}

.a-button--outline-filter:active,
.a-button--outline-filter:focus,
.a-button--outline-filter:hover,
.a-button--outline:active,
.a-button--outline:focus,
.a-button--outline:hover,
.ais-InfiniteHits-loadMore:active,
.ais-InfiniteHits-loadMore:focus,
.ais-InfiniteHits-loadMore:hover {
    border-color: #145769
}

.a-button--outline-filter:active svg.a-icon-filter-native,
.a-button--outline-filter:focus svg.a-icon-filter-native,
.a-button--outline-filter:hover svg.a-icon-filter-native,
.a-button--outline:active svg.a-icon-filter-native,
.a-button--outline:focus svg.a-icon-filter-native,
.a-button--outline:hover svg.a-icon-filter-native,
.ais-InfiniteHits-loadMore:active svg.a-icon-filter-native,
.ais-InfiniteHits-loadMore:focus svg.a-icon-filter-native,
.ais-InfiniteHits-loadMore:hover svg.a-icon-filter-native {
    fill: #fff
}

.visit-native-california__recent .a-button--outline-filter:active,
.visit-native-california__recent .a-button--outline-filter:focus,
.visit-native-california__recent .a-button--outline-filter:hover,
.visit-native-california__recent .a-button--outline:active,
.visit-native-california__recent .a-button--outline:focus,
.visit-native-california__recent .a-button--outline:hover,
.visit-native-california__recent .ais-InfiniteHits-loadMore:active,
.visit-native-california__recent .ais-InfiniteHits-loadMore:focus,
.visit-native-california__recent .ais-InfiniteHits-loadMore:hover {
    background-color: var(--nh-color-blue);
    border-color: var(--nh-color-blue);
    color: #fdffff;
    outline-color: var(--nh-color-blue)
}

.a-button--outline-filter:active .ais-filterButton-count,
.a-button--outline-filter:focus .ais-filterButton-count,
.a-button--outline-filter:hover .ais-filterButton-count,
.a-button--outline:active .ais-filterButton-count,
.a-button--outline:focus .ais-filterButton-count,
.a-button--outline:hover .ais-filterButton-count,
.ais-InfiniteHits-loadMore:active .ais-filterButton-count,
.ais-InfiniteHits-loadMore:focus .ais-filterButton-count,
.ais-InfiniteHits-loadMore:hover .ais-filterButton-count {
    color: #fdffff
}

.a-button--outline-filter {
    border-color: #277e96;
    justify-content: center;
    text-align: center;
    width: 100%
}

.a-button--outline-filter,
.ais-filterButtons {
    align-items: center;
    display: flex;
    flex-flow: row nowrap
}

.ais-filterButtons {
    border-radius: 8px;
    box-shadow: var(--shadow-detailCardHorizontal);
    justify-content: space-between;
    padding-inline: 1.5rem
}

.visit-native-california__recent .ais-filterButtons {
    background-color: hsla(15, 24%, 93%, .5)
}

.ais-filterButton-pipe {
    background-color: #afb2b4;
    min-width: 1px;
    padding-block: 12px 18px
}

.ais-filterButton-label {
    display: inline-block;
    white-space: nowrap
}

.ais-filterButton-count {
    color: #303030;
    margin-left: .5rem
}

.ais-filterButton:hover * {
    color: #fdffff
}

.ais-InfiniteHits {
    padding-top: 2.5rem
}

.ais-InfiniteHits-loadMore {
    border-color: #277e96;
    margin: 3rem auto
}

.ais-InfiniteHits-loadMore--disabled {
    display: none
}

svg.a-icon-filter-native {
    fill: #707070;
    margin-right: .5rem
}

.a-button svg.a-icon-filter-native {
    fill: var(--nh-color-blue)
}

.california_family_vacations__most-recent .ais-RefinementList-item--selected .ais-filterButton {
    background-color: #145769;
    border-color: #145769;
    color: #fdffff
}

.california_family_vacations__most-recent .ais-RefinementList-item--selected .ais-filterButton .ais-filterButton-count,
.california_family_vacations__most-recent .ais-RefinementList-item--selected .ais-filterButton .ais-filterButton-label {
    color: #fdffff
}

.visit-native-california__recent .ais-RefinementList-item--selected .ais-filterButton {
    background-color: var(--nh-color-blue);
    border-color: var(--nh-color-blue);
    color: #fdffff;
    outline-color: var(--nh-color-blue)
}

.visit-native-california__recent .ais-RefinementList-item--selected .ais-filterButton .ais-filterButton-count,
.visit-native-california__recent .ais-RefinementList-item--selected .ais-filterButton .ais-filterButton-label {
    color: #fdffff
}

.m-adcard {
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-iconCTA);
    height: 320px;
    padding: 15px 20px;
    width: 320px
}

.m-adcard__link {
    color: var(--color-neutral-dark);
    width: 100%
}

.m-adcard__link:active,
.m-adcard__link:focus,
.m-adcard__link:hover,
.m-adcard__link:visited {
    color: var(--color-neutral-dark);
    text-decoration: none
}

.m-adcard:hover {
    box-shadow: var(--shadow-detailCardHorizontalHover)
}

@media only screen and (min-width:768px) {
    .m-adcard {
        height: 420px;
        padding: 30px 40px;
        width: 420px
    }
}

.m-adcard--top {
    height: 60%;
    position: relative
}

.m-adcard--top__all {
    height: 100%;
    position: relative;
    width: 100%
}

.m-adcard--top__all--desktop {
    background-color: #fff;
    box-shadow: var(--shadow-detailCardHorizontal);
    height: 90%;
    left: 0;
    position: absolute;
    top: 0;
    width: 90%
}

.m-adcard--top__all--desktop img {
    object-fit: contain !important
}

.m-adcard--top__all--mobile {
    background-color: #fff;
    bottom: -10px;
    box-shadow: var(--shadow-detailCardHorizontal);
    height: 73%;
    position: absolute;
    right: 0;
    width: 30%
}

.m-adcard--top__all--mobile img {
    object-fit: contain !important
}

.m-adcard--top__desktop {
    background-color: #fff;
    box-shadow: var(--shadow-detailCardHorizontal);
    height: 90%;
    left: 50%;
    margin-right: -50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.m-adcard--top__desktop img {
    object-fit: contain !important
}

.m-adcard--top__mobile {
    background-color: #fff;
    box-shadow: var(--shadow-detailCardHorizontal);
    height: 90%;
    left: 30%;
    position: absolute;
    top: 0;
    width: 40%
}

.m-adcard--top__mobile img {
    object-fit: contain !important
}

.m-adcard--text {
    display: flex;
    flex-direction: column;
    height: 40%;
    justify-content: flex-start;
    padding-top: 15px
}

@media only screen and (min-width:768px) {
    .m-adcard--text {
        padding-top: 25px
    }
}

.m-adcard--text__title {
    font-size: var(--font-size-medium);
    font-weight: var(--font-Raleway-700);
    margin-bottom: 6px
}

@media only screen and (min-width:768px) {
    .m-adcard--text__title {
        margin-bottom: 10px
    }
}

.m-adcard--text__description {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: var(--font-size-small);
    font-weight: var(--font-Raleway-300);
    line-height: 1rem;
    max-height: 3rem;
    min-height: 3rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.m-adcardbig {
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-iconCTA);
    height: 320px;
    margin: auto;
    padding: 15px 20px;
    width: 320px
}

@media only screen and (min-width:768px) {
    .m-adcardbig {
        height: 680px;
        margin: 0;
        padding: 25px 40px;
        width: 680px
    }
}

.m-adcardbig .m-adcard--top {
    height: 100%;
    position: relative
}

.m-adcardbig .m-adcard--top__all {
    position: relative
}

.m-adcardbig .m-adcard--top__all--desktop {
    height: 65%;
    left: 0;
    position: absolute;
    top: 12.5%;
    width: 90%
}

.m-adcardbig .m-adcard--top__all--mobile {
    bottom: 12.5%;
    height: 50%;
    position: absolute;
    right: 0;
    width: 30%
}

.m-adcardbig .m-adcard--top__desktop {
    height: 75%;
    position: absolute;
    width: 90%
}

.m-adcardbig .m-adcard--top__mobile {
    height: 65%;
    position: absolute;
    top: 15%;
    width: 40%
}

.m-addetailtable {
    grid-row-gap: 20px;
    grid-column-gap: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-addetailtable {
        display: flex;
        justify-content: space-between
    }
}

.m-addetailtable--box {
    border-right: 1px solid var(--color-global-grey);
    flex-basis: 0;
    flex-grow: 1;
    text-align: left
}

.m-addetailtable--box:last-of-type,
.m-addetailtable--box:nth-of-type(2) {
    border-right: 0
}

@media only screen and (min-width:768px) {
    .m-addetailtable--box:nth-of-type(2) {
        border-right: 1px solid var(--color-global-grey)
    }

    .m-addetailtable--box:last-of-type,
    .m-addetailtable--box:nth-of-type(4) {
        border-right: 0
    }
}

.m-addetailtable--top {
    font-size: var(--font-size-small);
    font-weight: var(--font-Raleway-600);
    line-height: 1.5rem;
    margin: 0 auto 2px;
    width: 90%
}

@media only screen and (min-width:768px) {
    .m-addetailtable--top {
        font-size: var(--font-size-medium);
        font-weight: var(--font-Raleway-600);
        margin-bottom: 5px
    }
}

.m-addetailtable--bottom {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: var(--font-Raleway-300);
    margin: 0 auto;
    padding-bottom: 10px;
    width: 90%
}

.m-addetailtable--bottom p {
    font-size: 14px !important
}

.m-accordion__panel {
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-dropdown);
    display: block;
    margin-bottom: 8px;
    max-width: 700px;
    visibility: visible;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-accordion__panel {
        margin-bottom: 12px
    }
}

.m-accordion__panel--heading {
    background-color: var(--color-neutral-lightest);
    border: 0;
    border-radius: var(--border-radius-medium) var(--border-radius-medium);
    color: var(--color-neutral-darker);
    cursor: pointer;
    font-size: 14px;
    font-weight: var(--font-sans-500);
    outline: 0;
    padding: var(--spacing-large) var(--spacing-medium);
    position: relative;
    text-align: left;
    text-transform: capitalize;
    transition: .4s;
    width: 100%
}

.m-accordion__panel--heading.--active,
.m-accordion__panel--heading:hover {
    background-color: var(--color-neutral-lighter);
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0
}

.m-accordion__panel--heading:after {
    color: var(--color-neutral-darker);
    content: "\2303";
    font-size: 1rem;
    position: absolute;
    right: 20px;
    top: 26%;
    transform: rotate(-180deg);
    transition: .3s
}

.m-accordion__panel--heading.--active:after {
    content: "\2303";
    top: 35%;
    transform: rotate(0);
    transition: .3s
}

.m-accordion__panel--content {
    background-color: var(--color-neutral-lightest);
    border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
    color: var(--color-secondary);
    max-height: 0;
    overflow: hidden;
    padding: 0 var(--spacing-medium);
    transition: max-height .3s ease-out
}

.m-accordion__panel--content p {
    font-size: var(--font-size-small)
}

.m-accordion__panel--content p:first-of-type {
    margin-top: var(--spacing-medium)
}

.m-accordion .hidden {
    display: none;
    visibility: hidden
}

.m-anchorCard {
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-dropdown);
    box-sizing: border-box;
    height: 300px;
    overflow: hidden;
    position: relative;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275);
    width: 390px;
    z-index: 100
}

@media screen and (max-device-width:812px) {
    .m-anchorCard {
        height: 168px;
        width: 272px
    }
}

.m-anchorCard:hover {
    box-shadow: var(--shadow-blue-hover)
}

.m-anchorCard__image {
    height: 55%;
    left: 0;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__image {
        height: 100%
    }
}

.m-anchorCard__image img {
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__image img {
        border-radius: var(--border-radius-medium)
    }
}

.m-anchorCard__image:after {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .5));
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: 10
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__image:after {
        border-radius: var(--border-radius-medium)
    }
}

.m-anchorCard__defaultImage {
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
    height: 55%;
    left: 0;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__defaultImage {
        border-radius: var(--border-radius-medium);
        height: 100%
    }
}

.m-anchorCard__defaultImage img {
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__defaultImage img {
        border-radius: var(--border-radius-medium)
    }
}

.m-anchorCard__defaultImage:after {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .5));
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: 10
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__defaultImage:after {
        border-radius: var(--border-radius-medium)
    }
}

.m-anchorCard__link {
    border-radius: var(--border-radius-medium);
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    padding: var(--spacing-large) var(--spacing-medium) var(--spacing-medium);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.m-anchorCard__link,
.m-anchorCard__link:active,
.m-anchorCard__link:focus,
.m-anchorCard__link:hover,
.m-anchorCard__link:visited {
    color: var(--color-neutral-lightest);
    text-decoration: none
}

.m-anchorCard__link--top {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    height: 55%;
    justify-content: space-between;
    padding-bottom: var(--spacing-medium)
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__link--top {
        height: 100%
    }
}

.m-anchorCard__link--top__content {
    width: 80%
}

.m-anchorCard__link--top__content--heading {
    font-size: 1rem;
    font-weight: var(--font-sans-700);
    margin-bottom: var(--spacing-small);
    text-transform: capitalize
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__link--top__content--heading {
        font-size: .75rem
    }
}

.m-anchorCard__link--top__content--category {
    align-items: center;
    display: flex;
    flex-direction: row
}

.m-anchorCard__link--top__content--category svg {
    height: 20px;
    width: 18px
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__link--top__content--category svg {
        height: 16px;
        width: 16px
    }
}

.m-anchorCard__link--top__content--category span {
    font-size: .7rem;
    font-weight: var(--font-sans-300);
    letter-spacing: 1px;
    margin-left: var(--spacing-x-small);
    text-transform: uppercase
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__link--top__content--category span {
        font-size: .5rem
    }
}

.m-anchorCard__link--top__map {
    width: 20%
}

.m-anchorCard__link--top__map svg {
    height: 70px;
    width: 70px
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__link--top__map svg {
        height: 60px;
        width: 50px
    }
}

.m-anchorCard__link--bottom {
    display: flex;
    flex-direction: column;
    height: 45%;
    justify-content: space-between;
    padding-top: var(--spacing-small)
}

@media screen and (max-device-width:812px) {
    .m-anchorCard__link--bottom {
        display: none
    }
}

.m-anchorCard__link--bottom__copy {
    color: var(--color-neutral);
    font-family: var(--font-Raleway);
    font-size: var(--font-size-small);
    font-weight: var(--font-sans-300);
    margin: var(--spacing-small) 0;
    overflow: hidden
}

.m-anchorCard__link--bottom__cta {
    align-items: center;
    color: var(--color-text-link);
    display: flex;
    flex-direction: row;
    font-size: var(--font-size-small);
    justify-content: flex-end;
    text-transform: capitalize
}

.m-anchorCard__link--bottom__cta svg {
    width: 16px
}

.m-cardListIntro {
    align-items: center;
    display: flex
}

.m-cardListIntro--big {
    font-size: var(--font-size-large)
}

.m-cardListIntro__subHeading {
    color: var(--color-blue);
    margin-bottom: var(--spacing-small)
}

.m-cardListIntro .--halfWidth {
    margin-bottom: 20px
}

@media only screen and (min-width:1024px) {
    .m-cardListIntro .--halfWidth {
        margin-bottom: 40px;
        width: 50%
    }
}

.m-cardListIntro .--twoThirds {
    margin-bottom: 20px
}

@media only screen and (min-width:1024px) {
    .m-cardListIntro .--twoThirds {
        margin-bottom: 40px;
        width: 66%
    }
}

.m-cardListIntro__topLine {
    background: var(--color-blue-gradient);
    box-shadow: var(--shadow-containerIntroLine);
    display: block;
    height: 8px;
    margin-bottom: var(--spacing-medium);
    width: 124px
}

@media only screen and (min-width:1024px) {
    .m-cardListIntro__topLine {
        background: var(--color-blue-gradient);
        height: 16px;
        margin-bottom: var(--spacing-large);
        width: 168px
    }
}

.m-cardListIntro__topLine.--yellowGradient {
    background: var(--color-orange-gradientReverse);
    box-shadow: var(--shadow-containerIntroLine)
}

.m-cardListIntro__heading {
    color: #3d4643;
    font-weight: 700;
    margin-bottom: var(--spacing-large)
}

.m-cardListIntro__icon {
    text-align: center;
    width: 100%
}

.m-cardListIntro__icon .icon {
    fill: var(--color-blue)
}

.m-cardListIntro__content {
    color: #3d4643;
    position: relative
}

.m-cardListIntro__content--hiddenMob {
    display: none
}

@media only screen and (min-width:1024px) {
    .m-cardListIntro__content--hiddenMob {
        display: block
    }
}

.m-cardListIntro__content__topLineSponsor {
    height: 22%;
    max-width: 0;
    position: absolute;
    top: 90%;
    width: 22%
}

@media only screen and (min-width:1024px) {
    .m-cardListIntro__content__topLineSponsor {
        height: 20%;
        width: 20%
    }
}

.m-categoryCard {
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    flex-basis: 100%;
    height: 8rem;
    max-width: 100%;
    min-height: 95%;
    position: relative;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275);
    width: 100%;
    z-index: 100
}

.m-categoryCard:after {
    border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
    bottom: 0;
    content: "";
    display: block;
    height: .5rem;
    left: 0;
    position: absolute;
    right: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: 10
}

.m-categoryCard__color--71c8be:after {
    background: #71c8be
}

.m-categoryCard__color--67bc6b:after {
    background: #67bc6b
}

.m-categoryCard__color--ae2d2a:after {
    background: #ae2d2a
}

.m-categoryCard__color--ff805a:after {
    background: #ff805a
}

.m-categoryCard__color--96da99:after {
    background: #96da99
}

.m-categoryCard__color--f8cc37:after {
    background: #f8cc37
}

.m-categoryCard__color--f5a623:after {
    background: #f5a623
}

.m-categoryCard__color--e31313:after {
    background: #e31313
}

.m-categoryCard .icon--large {
    height: 40px;
    width: 40px
}

.m-categoryCard .m-fullCard__description {
    margin-bottom: .1rem
}

@media only screen and (min-width:1024px) {
    .m-categoryCard {
        height: 10rem
    }

    .m-categoryCard .icon--large {
        height: 44px;
        width: 44px
    }

    .m-categoryCard .m-fullCard__description {
        margin-bottom: 1.25rem
    }

    .m-categoryCard:hover {
        box-shadow: var(--shadow-big-hover);
        transform: scale(1.04)
    }
}

.m-categoryCard__title {
    font-size: var(--font-size-large);
    font-weight: var(--font-sans-400)
}

@media only screen and (min-width:1024px) {
    .m-categoryCard__title {
        font-size: var(--font-size-medium);
        font-weight: var(--font-sans-300)
    }
}

.m-categoryCard__image {
    bottom: 0;
    left: 0;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.m-categoryCard__image,
.m-categoryCard__image img {
    border-radius: var(--border-radius-medium)
}

.m-categoryCard__link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem;
    z-index: 3
}

.m-categoryCard__link,
.m-categoryCard__link:after {
    border-radius: var(--border-radius-medium);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.m-categoryCard__link:after {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .7) 80%, rgba(0, 0, 0, .8));
    content: "";
    display: block;
    height: 100%;
    transition: opacity .4s;
    width: 100%;
    z-index: -10
}

.m-categoryCard__icon {
    left: 1rem;
    position: absolute;
    top: 1rem;
    z-index: 10
}

.m-categoryCard__icon svg {
    border-radius: 50%
}

.m-containerIntro__heading--text {
    color: var(--color-neutral-dark);
    display: block;
    font-weight: var(--font-sans-600) !important;
    text-transform: capitalize
}

.m-containerIntro__heading .--bold {
    font-weight: 700
}

.m-containerIntro__heading .--uppercase {
    text-transform: uppercase
}

.m-containerIntro__heading .--capitalize {
    text-transform: capitalize
}

.m-containerIntro__topLine {
    background: var(--color-blue-gradient);
    box-shadow: var(--shadow-containerIntroLine);
    display: block;
    height: 8px;
    margin-bottom: var(--spacing-small);
    width: 124px
}

@media only screen and (min-width:1024px) {
    .m-containerIntro__topLine {
        height: 16px;
        width: 168px
    }
}

.m-containerIntro__bottomLine {
    background: var(--color-blue-gradient);
    box-shadow: var(--shadow-containerIntroLine);
    display: block;
    height: 8px;
    margin-bottom: var(--spacing-medium);
    width: 124px
}

@media only screen and (min-width:1024px) {
    .m-containerIntro__bottomLine {
        height: 16px;
        width: 168px
    }
}

.m-containerIntro__bottomLine_right {
    background: var(--color-blue-gradient);
    box-shadow: var(--shadow-containerIntroLine);
    display: block;
    height: 8px;
    margin-bottom: var(--spacing-medium);
    margin-left: 28px;
    width: 124px
}

@media only screen and (min-width:1024px) {
    .m-containerIntro__bottomLine_right {
        height: 16px;
        width: 168px
    }
}

.m-containerIntro__content--text {
    font-family: var(--font-Raleway)
}

.m-containerIntro__content--text:last-of-type {
    margin-bottom: 0
}

.m-containerIntro.--white .m-containerIntro__content,
.m-containerIntro.--white .m-containerIntro__heading--text {
    color: var(--color-neutral-lightest)
}

.m-containerIntro .m-containerIntro__heading--primary {
    color: var(--color-blue-darker);
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    padding-top: 40px
}

.m-containerIntro .a-dropDown {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 1rem
}

.m-detailBanner {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: var(--spacing-large);
    padding-top: var(--spacing-x-large);
    position: relative;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-detailBanner .a-likeCTA svg {
        height: 30px;
        width: 30px
    }
}

.m-detailBanner .a-likeCTA__input {
    height: 40px;
    width: 40px
}

@media only screen and (min-width:1024px) {
    .m-detailBanner .a-likeCTA__input {
        height: 56px;
        width: 56px
    }
}

@media only screen and (min-width:768px) {
    .m-detailBanner {
        padding: var(--spacing-xxx-large) 0 var(--spacing-xx-large)
    }
}

.m-detailBanner__breadcrumbs {
    font-family: var(--font-sans);
    font-size: var(--font-size-x-small);
    text-transform: uppercase
}

.m-detailBanner__breadcrumbs div {
    display: inline
}

.m-detailBanner__breadcrumbs--link {
    color: var(--color-secondary);
    display: inline-block
}

.m-detailBanner__breadcrumbs--link-soft {
    color: var(--color-global-grey);
    display: inline-block
}

.m-detailBanner__breadcrumbs span {
    color: var(--color-secondary)
}

.m-detailBanner__breadcrumbs_subt {
    font-family: var(--font-sans);
    font-size: var(--font-size-x-small);
    margin-bottom: 10px;
    margin-top: 40px;
    text-transform: uppercase
}

.m-detailBanner__breadcrumbs_subt div {
    display: inline
}

.m-detailBanner__breadcrumbs_subt--link {
    color: var(--color-secondary);
    display: inline-block
}

.m-detailBanner__breadcrumbs_subt span {
    color: var(--color-secondary)
}

.m-detailBanner__topLine {
    background: var(--color-blue-gradient);
    box-shadow: var(--shadow-containerIntroLine);
    display: block;
    height: 8px;
    margin-top: var(--spacing-x-large);
    width: 144px
}

@media only screen and (min-width:768px) {
    .m-detailBanner__topLine {
        height: 16px;
        margin-top: var(--spacing-xx-large);
        width: 240px
    }
}

.m-detailBanner__topLine.first {
    margin-top: 0;
    order: -1
}

.m-detailBanner__topLine.orange {
    background: var(--color-orange-gradientReverse)
}

.m-detailBanner__schLine {
    color: var(--color-neutral-dark);
    font-family: var(--font-Raleway);
    font-size: 12px;
    font-weight: var(--font-Raleway-300);
    letter-spacing: 1.5px;
    line-height: 1.4;
    margin-bottom: var(--spacing-x-large)
}

@media only screen and (min-width:768px) {
    .m-detailBanner__schLine {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: var(--spacing-xx-large)
    }
}

.m-detailBanner__circle {
    background-color: var(--color-neutral-light);
    border-radius: 50%;
    display: flex;
    height: 15px;
    margin-right: var(--spacing-base);
    width: 15px
}

.m-detailBanner__schedwrapper {
    display: flex
}

.m-detailBanner__schedwrapper.open>.m-detailBanner__circle {
    background-color: var(--color-blue)
}

.m-detailBanner__date {
    color: var(--color-blue-darkest);
    margin-top: var(--spacing-medium)
}

.m-detailBanner__heading-line {
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-detailBanner__heading-line {
        flex-direction: row
    }
}

.m-detailBanner__heading-line--filler {
    min-width: 100%
}

@media only screen and (min-width:1024px) {
    .m-detailBanner__heading-line--filler {
        min-width: 10%
    }
}

.m-detailBanner__heading-line--wrapper {
    position: relative;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-detailBanner__heading-line--wrapper {
        width: auto
    }
}

.m-detailBanner__heading-line .a-storiesCTAWrapper {
    display: none
}

@media only screen and (min-width:1024px) {
    .m-detailBanner__heading-line .a-storiesCTAWrapper {
        display: block;
        left: -125px;
        position: absolute;
        top: 1rem
    }
}

.m-detailBanner__heading-line .socialCTAButtons__withStories--mobile {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 50px;
    justify-content: center
}

.m-detailBanner__heading-line .socialCTAButtons__withStories--mobile .a-storiesCTAWrapper {
    display: block;
    position: relative;
    transform: scale(.45)
}

@media only screen and (min-width:768px) {
    .m-detailBanner__heading-line .socialCTAButtons__withStories--mobile .a-storiesCTAWrapper {
        transform: scale(.65)
    }
}

@media only screen and (min-width:1024px) {
    .m-detailBanner__heading-line .socialCTAButtons__withStories--mobile .a-storiesCTAWrapper {
        display: none
    }
}

.m-detailBanner__heading-line .socialCTAButtons__withStories--mobile .a-iconCTA {
    padding-right: 20px
}

@media only screen and (min-width:768px) {
    .m-detailBanner__heading-line .socialCTAButtons__withStories--mobile .a-iconCTA {
        padding-right: 10px
    }
}

.m-detailBanner__heading {
    color: var(--color-neutral-dark);
    font-size: 40px;
    font-weight: var(--font-sans-700);
    margin: var(--spacing-medium) auto;
    position: relative;
    z-index: -2
}

@media only screen and (min-width:768px) {
    .m-detailBanner__heading {
        font-size: 80px;
        margin: var(--spacing-small) auto var(--spacing-x-large)
    }
}

.m-detailBanner__bottomLine {
    background: var(--color-blue-gradient);
    box-shadow: var(--shadow-containerIntroLine);
    display: block;
    height: 8px;
    margin-bottom: var(--spacing-x-large);
    width: 144px
}

@media only screen and (min-width:768px) {
    .m-detailBanner__bottomLine {
        height: 16px;
        margin-bottom: var(--spacing-large);
        width: 240px
    }
}

.m-detailBanner__content {
    color: var(--color-neutral-dark);
    font-size: 16px;
    font-weight: var(--font-Raleway-300);
    line-height: 1.4;
    margin-bottom: var(--spacing-small)
}

@media only screen and (min-width:768px) {
    .m-detailBanner__content {
        font-size: var(--font-size-large);
        margin-bottom: var(--spacing-small)
    }
}

@media only screen and (min-width:1024px) {
    .m-detailBanner__content {
        max-width: 80%
    }
}

.m-detailBanner__content--text:last-of-type {
    margin-bottom: 0
}

.m-detailBanner__iconCTAs {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: var(--spacing-large)
}

@media only screen and (min-width:1024px) {
    .m-detailBanner__iconCTAs {
        justify-content: flex-start;
        width: 10%
    }
}

.m-detailBanner__iconCTAs.--with-sponsorLogo {
    flex-direction: column
}

.m-detailBanner__iconCTAs.--with-sponsorLogo .sponsorLogo {
    width: 150px
}

.m-detailBanner__iconCTAs.--with-sponsorLogo .sponsorLogo .gatsby-image-wrapper {
    margin-bottom: var(--spacing-medium)
}

.m-detailBanner__iconCTAs.--with-sponsorLogo .socialCTAButtons {
    display: flex;
    flex-direction: row
}

.m-detailBanner__iconCTAs .a-iconCTA {
    display: flex;
    justify-content: center;
    position: relative
}

.m-detailBanner__iconCTAs .a-iconCTA a {
    height: 40px;
    position: relative;
    width: 40px
}

@media only screen and (min-width:768px) {
    .m-detailBanner__iconCTAs .a-iconCTA a {
        height: 56px;
        width: 56px
    }
}

.m-detailBanner__iconCTAs .a-iconCTA svg {
    fill: #000;
    height: 20px;
    width: 20px
}

@media only screen and (min-width:768px) {
    .m-detailBanner__iconCTAs .a-iconCTA svg {
        height: 30px;
        width: 30px
    }
}

.m-detailBanner__author {
    color: #9b9b9b;
    display: block;
    font-family: var(--font-Raleway);
    font-size: 1rem;
    font-style: italic;
    margin-bottom: 15px
}

.m-detailBanner__posted {
    color: #9b9b9b;
    font-family: var(--font-Raleway);
    font-size: .7rem;
    margin-bottom: 10px
}

.m-detailBanner__searchBar {
    display: block
}

@media only screen and (min-width:768px) {
    .m-detailBanner__searchBar {
        display: none
    }
}

.m-detailBanner__searchBtn {
    align-items: center;
    background: var(--color-blue-gradient);
    border: 0;
    border-radius: var(--border-radius-x-large);
    color: var(--color-neutral-lightest);
    display: none;
    font-weight: 400;
    height: var(--height-input);
    padding: var(--spacing-small) 1rem;
    position: relative;
    width: 280px
}

.m-detailBanner__searchBtn svg {
    height: 18px;
    margin-right: .5rem;
    width: 18px
}

@media only screen and (min-width:768px) {
    .m-detailBanner__searchBtn {
        display: flex;
        width: 528px
    }
}

.m-detailBanner__searchBtn:focus {
    color: var(--color-neutral-lightest)
}

.m-detailBanner--small {
    align-items: flex-start;
    margin-bottom: var(--spacing-medium);
    padding-bottom: var(--spacing-x-large);
    text-align: left
}

.m-detailBanner--small .m-detailBanner__heading {
    color: var(--color-neutral-dark);
    font-size: 24px;
    font-weight: var(--font-sans-700);
    margin: 0 0 var(--spacing-base)
}

@media only screen and (min-width:768px) {
    .m-detailBanner--small .m-detailBanner__heading {
        font-size: var(--font-size-xxx-large);
        width: 100%
    }
}

.m-detailBanner--small .m-detailBanner__content {
    margin-bottom: var(--spacing-medium)
}

@media only screen and (min-width:1024px) {
    .m-detailBanner--small .m-detailBanner__content {
        max-width: 80%
    }
}

.m-detailBanner--small.--with-sponsorLogo .m-detailBanner--small__heading-line {
    padding-top: 90px;
    position: relative
}

@media only screen and (min-width:768px) {
    .m-detailBanner--small.--with-sponsorLogo .m-detailBanner--small__heading-line {
        padding-top: 0
    }
}

.m-detailBanner--small__heading-line {
    align-content: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: var(--spacing-small);
    width: 100%
}

.m-detailBanner--small__heading-line--filler {
    display: none
}

.m-detailBanner--small__iconCTAs {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: row;
    left: 0;
    padding-top: var(--spacing-small);
    position: absolute;
    top: auto
}

@media only screen and (min-width:768px) {
    .m-detailBanner--small__iconCTAs {
        position: relative
    }
}

.m-detailBanner--small__iconCTAs.--with-sponsorLogo {
    flex-direction: column;
    position: unset
}

@media only screen and (min-width:768px) {
    .m-detailBanner--small__iconCTAs.--with-sponsorLogo {
        position: relative
    }
}

.m-detailBanner--small__iconCTAs.--with-sponsorLogo .sponsorLogo {
    left: 0;
    position: absolute;
    top: 10px;
    width: 75px
}

@media only screen and (min-width:768px) {
    .m-detailBanner--small__iconCTAs.--with-sponsorLogo .sponsorLogo {
        left: 0;
        position: relative;
        top: 0;
        width: 150px
    }
}

.m-detailBanner--small__iconCTAs.--with-sponsorLogo .sponsorLogo .gatsby-image-wrapper {
    margin-bottom: var(--spacing-medium)
}

.m-detailBanner--small__iconCTAs.--with-sponsorLogo .socialCTAButtons {
    bottom: 0;
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 0
}

@media only screen and (min-width:768px) {
    .m-detailBanner--small__iconCTAs.--with-sponsorLogo .socialCTAButtons {
        position: relative
    }
}

.m-detailBanner--small__iconCTAs .social-share {
    align-self: flex-start
}

.m-detailBanner--small__iconCTAs .a-iconCTA {
    align-self: flex-start;
    display: flex;
    position: relative;
    width: 100%
}

.m-detailBanner--small__iconCTAs .a-iconCTA a {
    height: 40px;
    position: relative;
    width: 40px
}

@media only screen and (min-width:1024px) {
    .m-detailBanner--small__iconCTAs .a-iconCTA a {
        height: 56px;
        width: 56px
    }
}

.m-detailBanner--small__iconCTAs .a-iconCTA svg {
    fill: #000;
    height: 20px;
    width: 20px
}

@media only screen and (min-width:1024px) {
    .m-detailBanner--small__iconCTAs .a-iconCTA svg {
        height: 30px;
        width: 30px
    }
}

.m-detailBanner--small.--with-storiesCTA .m-detailBanner--small__heading-line .a-storiesCTAWrapper {
    position: absolute;
    right: -10px;
    top: 7%
}

@media only screen and (min-width:768px) {
    .m-detailBanner--small.--with-storiesCTA .m-detailBanner--small__heading-line .a-storiesCTAWrapper {
        right: 18px;
        top: 10%
    }
}

.m-detailBanner--small.--with-storiesCTA .m-detailBanner--small__heading-line .m-detailBanner--small__iconCTAs {
    align-items: flex-start;
    display: flex;
    margin-top: var(--spacing-xxx-large);
    padding-top: 0
}

.m-detailBanner--small .a-simpleTags {
    margin-bottom: var(--spacing-x-large)
}

@media only screen and (min-width:768px) {
    .m-detailBanner--small .a-simpleTags {
        margin-bottom: 0
    }
}

.m-detailBanner--small .m-detailBanner--small__heading-line .m-detailBanner__heading {
    margin-right: 60px
}

@media only screen and (min-width:768px) {
    .m-detailBanner--small .m-detailBanner--small__heading-line .m-detailBanner__heading {
        margin-right: 0
    }
}

@media only screen and (min-width:1248px) {
    .m-detailBanner.m-detailBanner--with-date .m-detailBanner__heading {
        max-width: 65%
    }
}

.m-detailBanner.m-detailBanner--with-date .m-detailBanner__content {
    margin-bottom: var(--spacing-large)
}

@media only screen and (min-width:1248px) {
    .m-detailBanner.m-detailBanner--with-date .m-detailBanner__content {
        max-width: 65%
    }
}

.m-detailCard {
    position: relative
}

.m-detailCard__link {
    background-color: #fff;
    border-radius: 8px;
    color: #303030;
    display: block;
    height: 100%;
    overflow: hidden;
    text-decoration: none
}

.m-detailCard__likeCTA {
    position: absolute;
    right: .5rem;
    top: .5rem;
    z-index: 1
}

.m-detailCard__text {
    padding: 18px
}

.m-detailCard__img-wrapper {
    aspect-ratio: 5/3;
    background: linear-gradient(90deg, #51b6d2 23.11%, #71c8bf 99.97%)
}

.m-detailCard__img-wrappertransparent {
    aspect-ratio: 5/3;
    background: transparent
}

.m-detailCard__img-wrappernotransparent {
    background: linear-gradient(180deg, #000 .24%, #000 .72%);
    height: 100%;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:280px) {
    .m-detailCard__img-wrappernotransparent {
        aspect-ratio: 7/3
    }
}

@media only screen and (min-width:768px) {
    .m-detailCard__img-wrappernotransparent {
        aspect-ratio: 6.5/3;
        display: flex
    }
}

@media only screen and (min-width:1024px) {
    .m-detailCard__img-wrappernotransparent {
        aspect-ratio: 4.5/3;
        display: flex
    }
}

.image--text__block {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.img--text__title {
    color: #fff;
    display: flex;
    font-family: Yellowtail;
    justify-content: center
}

@media only screen and (min-width:280px) {
    .img--text__title {
        font-size: 25px
    }
}

@media only screen and (min-width:768px) {
    .img--text__title {
        font-size: 32px
    }
}

@media only screen and (min-width:1024px) {
    .img--text__title {
        font-size: 48px
    }
}

.img--text__icon {
    display: flex;
    justify-content: center
}

.m-detailCard__img,
.m-searchdetailCard__img,
.m-searchdetailCard__placestovisitimg {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.m-searchdetailCard__placestovisitimg {
    border-radius: 8px;
    opacity: .6
}

.m-detailCard__californiaNow {
    background-image: url(/static/VCA_CANOW_Primary_white-179d1dd72062091296f4e1b5d6a053f6.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .12));
    height: 65px;
    left: 1rem;
    position: absolute;
    top: 1rem;
    width: 70px
}

.m-detailCard__locals {
    background: linear-gradient(90deg, #f58a33 23.11%, #ffd100 99.97%);
    border-radius: 0 0 8px 8px;
    bottom: 0;
    height: 1rem;
    line-height: 1.5rem;
    position: absolute;
    text-align: right;
    width: 100%
}

.m-detailCard__locals:after {
    color: #fff;
    content: "❞";
    font-size: 1.5rem;
    margin-right: .5rem
}

.m-detailCard--regular .m-detailCard__link {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .12)
}

.m-detailCard--regular .m-detailCard__copy {
    color: #595959
}

.m-detailCard--special .m-detailCard__link {
    color: #fff;
    height: 125px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

@media only screen and (min-width:768px) {
    .m-detailCard--special .m-detailCard__link {
        height: 380px
    }
}

.m-detailCard--special .m-detailCard__text {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    inset: 15% 0;
    position: absolute;
    text-align: center
}

@media only screen and (min-width:768px) {
    .m-detailCard--special .m-detailCard__text {
        inset: 25% 0
    }
}

.m-detailCard--special .m-detailCard__title {
    font-family: Yellowtail, cursive;
    font-size: 2.5rem;
    font-weight: 500;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-detailCard--special .m-detailCard__title {
        font-size: 5rem
    }
}

.m-detailCard--special .m-detailCard__copy {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    width: 100%
}

.m-detailCard--special .m-detailCard__copy:after,
.m-detailCard--special .m-detailCard__copy:before {
    background: #eef1f4;
    content: "";
    height: 1px;
    margin: 12px 18px;
    width: 56px
}

.m-detailCard--special .m-detailCard__img {
    opacity: .5
}

.m-detailCard--special .m-detailCard__img-wrapper {
    background: #000
}

.m-detailCard--horizontal {
    background-color: transparent;
    position: relative;
    width: 320px
}

@media only screen and (min-width:768px) {
    .m-detailCard--horizontal {
        width: 380px
    }
}

@media only screen and (min-width:1024px) {
    .m-detailCard--horizontal {
        width: 400px
    }
}

.m-detailCard--horizontal a:hover {
    color: inherit
}

.m-detailCard--horizontal .m-detailCard__likeCTA {
    display: none
}

.m-detailCard--horizontal .m-detailCard__shareCTA {
    position: absolute;
    right: 34px;
    top: -16px
}

.m-detailCard--horizontal .m-detailCard__shareCTA a {
    height: 32px;
    width: 32px
}

.m-detailCard--horizontal .m-detailCard__shareCTA .ico-share {
    height: 22px;
    width: 22px
}

.m-detailCard--horizontal .m-typeThingsOrPlaces {
    border-radius: 0
}

.m-detailCard--horizontal .m-detailCard__link {
    align-content: center;
    background-color: var(--color-neutral-lightest);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .12);
    display: flex;
    flex-direction: row;
    height: 104px;
    overflow: hidden;
    text-decoration: none;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-detailCard--horizontal .m-detailCard__link {
        height: 104px;
        width: 100%
    }
}

.m-detailCard--horizontal .m-detailCard__link:hover {
    box-shadow: var(--shadow-detailCardHorizontalHover)
}

.m-detailCard--horizontal .m-detailCard__text .m-detailCard__title {
    height: 60%;
    margin-bottom: var(--spacing-x-small)
}

.m-detailCard--horizontal .m-detailCard__text .m-detailCard--externalLink {
    align-items: center;
    color: var(--color-secondary);
    display: flex;
    flex-direction: row;
    font-size: 12px;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    width: 100%
}

.m-detailCard--horizontal .m-detailCard__text .m-detailCard--externalLink span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 14px;
    max-height: 14px;
    min-height: 14px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis
}

.m-detailCard--horizontal .m-detailCard__img-wrapper {
    width: 35%
}

.m-detailCard--horizontal .m-detailCard__img {
    position: relative
}

.m-detailCard--horizontal .m-detailCard__img img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.m-detailCard--horizontal .m-detailCard__img--californiaNowFlag:before {
    bottom: 0;
    content: "";
    height: 32px;
    position: absolute;
    right: 0;
    width: 56px;
    z-index: 101
}

.m-detailCard--horizontal .m-detailCard__img--californiaNowFlag:after {
    background: url(/static/VCA_CANOW_Primary_color-09aafea9846115860db829e1a4744bcd.png) 50% no-repeat;
    background-color: #fff;
    background-size: 90%;
    border-radius: var(--border-radius-large) 0 0 0;
    bottom: 0;
    color: var(--color-neutral-lightest);
    content: "";
    height: 65px;
    position: absolute;
    right: -2px;
    width: 70px;
    z-index: 102
}

.m-detailCard--horizontal .m-detailCard__img--roadTripFlag:before {
    background-color: var(--color-blue-darkest);
    content: "";
    height: 16px;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    z-index: 101
}

.m-detailCard--horizontal .m-detailCard__img--roadTripFlag:after {
    color: var(--color-neutral-lightest);
    content: "Roadtrip";
    font-size: 8px;
    position: absolute;
    right: 17px;
    top: 2px;
    z-index: 102
}

.m-detailCard--horizontal .m-detailCard__img--localsFlag:before {
    background: var(--color-orange-gradientLocals);
    border-radius: 50%;
    bottom: 10px;
    content: "";
    height: 30px;
    left: 6px;
    opacity: 1;
    position: absolute;
    width: 30px;
    z-index: 101
}

.m-detailCard--horizontal .m-detailCard__img--localsFlag:after {
    bottom: -11px;
    color: var(--color-neutral-lightest);
    content: "❞";
    font-size: 32px;
    left: 18px;
    position: absolute;
    z-index: 102
}

.m-detailCard--horizontal .m-detailCard__text {
    padding: var(--spacing-small);
    position: relative;
    width: 65%
}

@media only screen and (min-width:768px) {
    .m-detailCard--horizontal .m-detailCard__text {
        padding: var(--spacing-medium)
    }
}

.m-detailCard--horizontal .m-detailCard__text--heading {
    color: var(--color-neutral-darker);
    font-size: 16px;
    font-weight: var(--font-sans-700);
    height: 33%;
    margin-bottom: var(--spacing-xx-small);
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .m-detailCard--horizontal .m-detailCard__text--heading {
        height: 35%
    }
}

.m-detailCard--horizontal .m-detailCard__text--eventDate {
    color: var(--color-blue-darkest);
    font-size: 8px;
    letter-spacing: .75px;
    margin-bottom: var(--spacing-small);
    text-transform: uppercase
}

.m-detailCard--horizontal .m-detailCard__text--copy {
    color: var(--color-secondary);
    font-family: var(--font-Raleway);
    font-size: 10px;
    height: 40px !important;
    line-height: 13px;
    margin-bottom: var(--spacing-x-small);
    overflow: hidden;
    padding-right: var(--spacing-medium);
    position: absolute;
    top: 50%
}

@media only screen and (min-width:768px) {
    .m-detailCard--horizontal .m-detailCard__text--copy {
        height: 35%
    }
}

.m-detailCard--horizontal .m-detailCard__text .a-simpleTags {
    bottom: 10px;
    position: absolute
}

.m-detailCard--horizontal .m-detailCard__text .a-simpleTags li {
    margin-bottom: 0
}

.m-detailCard--horizontal .m-detailCard__text .a-simpleTags li .a-simpleTags__tag {
    font-size: 8px;
    margin-right: .25rem;
    padding: 0 .3rem;
    text-transform: capitalize
}

.m-detailCardHorizontalWrapper {
    background-color: transparent;
    position: relative;
    width: 320px
}

@media only screen and (min-width:768px) {
    .m-detailCardHorizontalWrapper {
        width: 380px
    }
}

@media only screen and (min-width:1024px) {
    .m-detailCardHorizontalWrapper {
        width: 400px
    }
}

.m-detailCardHorizontalWrapper__likeCTA {
    position: absolute;
    right: 26px;
    top: -16px
}

.m-detailCardHorizontalWrapper__shareCTA {
    position: absolute;
    right: 34px;
    top: -16px
}

.m-detailCardHorizontalWrapper__shareCTA a {
    height: 32px;
    width: 32px
}

.m-detailCardHorizontalWrapper__shareCTA .ico-share {
    height: 22px;
    width: 22px
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal.m-typeThingsOrPlaces {
    border-radius: 0
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal {
    align-content: center;
    background-color: var(--color-neutral-lightest);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .12);
    display: flex;
    flex-direction: row;
    height: 144px;
    overflow: hidden;
    text-decoration: none;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-detailCardHorizontalWrapper .m-detailCardHorizontal {
        height: 152px;
        width: 100%
    }
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal:hover {
    box-shadow: var(--shadow-detailCardHorizontalHover)
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__image {
    position: relative;
    width: 35%
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__image img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__image--californiaNowFlag:before {
    bottom: 0;
    content: "";
    height: 32px;
    position: absolute;
    right: 0;
    width: 56px;
    z-index: 101
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__image--californiaNowFlag:after {
    background: url(/static/VCA_CANOW_Primary_color-09aafea9846115860db829e1a4744bcd.png) 50% no-repeat;
    background-color: #fff;
    background-size: 90%;
    border-radius: var(--border-radius-large) 0 0 0;
    bottom: 0;
    color: var(--color-neutral-lightest);
    content: "";
    height: 65px;
    position: absolute;
    right: -2px;
    width: 70px;
    z-index: 102
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__image--roadTripFlag:before {
    background-color: var(--color-blue-darkest);
    content: "";
    height: 16px;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    z-index: 101
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__image--roadTripFlag:after {
    color: var(--color-neutral-lightest);
    content: "Roadtrip";
    font-size: 8px;
    position: absolute;
    right: 17px;
    top: 2px;
    z-index: 102
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__image--localsFlag:before {
    background: var(--color-orange-gradientLocals);
    border-radius: 50%;
    bottom: 10px;
    content: "";
    height: 30px;
    left: 6px;
    opacity: 1;
    position: absolute;
    width: 30px;
    z-index: 101
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__image--localsFlag:after {
    bottom: -11px;
    color: var(--color-neutral-lightest);
    content: "❞";
    font-size: 32px;
    left: 18px;
    position: absolute;
    z-index: 102
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__content {
    padding: var(--spacing-small);
    position: relative;
    width: 65%
}

@media only screen and (min-width:768px) {
    .m-detailCardHorizontalWrapper .m-detailCardHorizontal__content {
        padding: var(--spacing-medium)
    }
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__content--heading {
    color: var(--color-neutral-darker);
    font-size: 16px;
    font-weight: var(--font-sans-700);
    height: 33%;
    margin-bottom: var(--spacing-xx-small);
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .m-detailCardHorizontalWrapper .m-detailCardHorizontal__content--heading {
        height: 35%
    }
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__content--eventDate {
    color: var(--color-blue-darkest);
    font-size: 8px;
    letter-spacing: .75px;
    margin-bottom: var(--spacing-small);
    text-transform: uppercase
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__content--copy {
    color: var(--color-secondary);
    font-family: var(--font-Raleway);
    font-size: 10px;
    height: 40px !important;
    line-height: 13px;
    margin-bottom: var(--spacing-x-small);
    overflow: hidden;
    padding-right: var(--spacing-medium);
    position: absolute;
    top: 50%
}

@media only screen and (min-width:768px) {
    .m-detailCardHorizontalWrapper .m-detailCardHorizontal__content--copy {
        height: 35%
    }
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__content .a-simpleTags {
    bottom: 10px;
    position: absolute
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__content .a-simpleTags li {
    margin-bottom: 0
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal__content .a-simpleTags li .a-simpleTags__tag {
    font-size: 8px;
    margin-right: .25rem;
    padding: 0 .3rem;
    text-transform: capitalize
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal.--externalLink {
    height: 104px
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal.--externalLink .m-detailCardHorizontal__content--heading {
    height: 60%;
    margin-bottom: var(--spacing-x-small)
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal.--externalLink .m-detailCardHorizontal__content--externalLink {
    align-items: center;
    color: var(--color-secondary);
    display: flex;
    flex-direction: row;
    font-size: 12px;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    width: 100%
}

.m-detailCardHorizontalWrapper .m-detailCardHorizontal.--externalLink .m-detailCardHorizontal__content--externalLink span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 14px;
    max-height: 14px;
    min-height: 14px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis
}

.m-SearchCardWrapper {
    height: 248px;
    margin-bottom: var(--spacing-medium);
    margin-top: var(--spacing-medium);
    position: relative;
    width: 168px
}

@media only screen and (min-width:768px) {
    .m-SearchCardWrapper {
        height: 200px;
        width: 160px
    }
}

.m-SearchCardWrapper .m-SearchCard {
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-iconCTA);
    box-sizing: border-box;
    height: 100%;
    margin-bottom: var(--spacing-medium);
    overflow: hidden;
    position: relative;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275);
    width: 100%;
    z-index: 100
}

.m-SearchCardWrapper .m-SearchCard:hover {
    box-shadow: var(--shadow-detailCardHorizontalHover)
}

.m-SearchCardWrapper .m-SearchCard__image {
    height: 45%;
    left: 0;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.m-SearchCardWrapper .m-SearchCard__image,
.m-SearchCardWrapper .m-SearchCard__image img {
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0
}

.m-SearchCardWrapper .m-SearchCard__image:after {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .5));
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    transition: opacity .4s;
    z-index: 10
}

.m-SearchCardWrapper .m-SearchCard__defaultImage,
.m-SearchCardWrapper .m-SearchCard__image:after {
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.m-SearchCardWrapper .m-SearchCard__defaultImage {
    height: 70%;
    object-fit: cover;
    overflow: hidden;
    z-index: 1
}

.m-SearchCardWrapper .m-SearchCard__defaultImage img {
    height: 100%;
    left: 0;
    object-fit: cover;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.m-SearchCardWrapper .m-SearchCard__defaultImage:after {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .5));
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: 10
}

.m-SearchCardWrapper .m-SearchCard__link {
    border-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    padding: 0 var(--spacing-medium) 15px var(--spacing-medium);
    position: absolute;
    text-decoration: none;
    top: 160px;
    z-index: 3
}

@media only screen and (min-width:768px) {
    .m-SearchCardWrapper .m-SearchCard__link {
        padding: 0 var(--spacing-small) 15px var(--spacing-small)
    }
}

.m-SearchCardWrapper .m-SearchCard__link:active,
.m-SearchCardWrapper .m-SearchCard__link:focus,
.m-SearchCardWrapper .m-SearchCard__link:hover,
.m-SearchCardWrapper .m-SearchCard__link:visited {
    color: var(--color-neutral);
    text-decoration: none
}

.m-SearchCardWrapper .m-SearchCard__link--bottom {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 65%;
    justify-content: flex-end
}

@media only screen and (min-width:768px) {
    .m-SearchCardWrapper .m-SearchCard__link--bottom {
        height: 60%
    }
}

.m-SearchCardWrapper .m-SearchCard__link--bottom__heading {
    color: var(--color-neutral-dark);
    font-size: 12px;
    font-weight: var(--font-sans-700);
    height: 22%;
    margin-bottom: var(--spacing-x-small);
    overflow: hidden;
    text-transform: capitalize
}

@media only screen and (min-width:768px) {
    .m-SearchCardWrapper .m-SearchCard__link--bottom__heading {
        height: 18%;
        margin-bottom: var(--spacing-xxxx-small)
    }
}

.m-formBanner {
    position: relative;
    text-align: center;
    width: 50%
}

@media only screen and (max-width:639px) {
    .m-formBanner {
        height: 30vh;
        width: 100%
    }
}

.m-formBanner__bgImage {
    background-color: #4d8a82;
    height: 100%;
    z-index: -100
}

@media only screen and (max-width:639px) {
    .m-formBanner__bgImage {
        width: 100vw
    }
}

.m-formBanner__bgImage img {
    filter: brightness(60%);
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    width: 100%
}

.m-formBanner__title {
    left: 50%;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%);
    width: 100%
}

@media only screen and (max-width:639px) {
    .m-formBanner__title {
        top: 50%;
        width: 70%
    }
}

.m-formBanner__title--heading {
    color: var(--color-neutral-lightest);
    font-weight: var(--font-sans-700);
    line-height: 1.5rem
}

@media only screen and (max-width:399px) {
    .m-formBanner__title--heading {
        font-size: var(--font-size-large);
        line-height: .9rem
    }
}

.m-formBanner__ctaCircle {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 45%
}

@media only screen and (min-width:1024px) {
    .m-formBanner__ctaCircle {
        width: 50%
    }
}

@media only screen and (min-width:1248px) {
    .m-formBanner__ctaCircle {
        width: 35%
    }
}

.m-formBanner__ctaCircle--circle {
    align-items: center;
    background: hsla(0, 0%, 100%, .6);
    border-radius: 50%;
    display: flex;
    height: 0;
    justify-content: center;
    padding: 50% 0;
    position: relative;
    width: 100%
}

.m-formBanner__ctaCircle--text {
    color: var(--color-neutral-darkest);
    line-height: .75rem;
    position: relative;
    text-align: center;
    width: 65%
}

.m-formBanner__ctaCircle--text span {
    display: inline-block;
    font-size: var(--font-size-x-small);
    font-weight: var(--font-sans-600);
    letter-spacing: .03rem;
    width: 80%
}

@media only screen and (min-width:1024px) {
    .m-formBanner__ctaCircle--text {
        line-height: 1rem
    }

    .m-formBanner__ctaCircle--text span {
        font-size: var(--font-size-x-small);
        letter-spacing: .05rem
    }
}

.m-formBanner__ctaCircle--text--btns {
    background-color: #fff;
    border-radius: 4px;
    margin-top: 6px;
    padding: 0 2px;
    width: 100%
}

.m-formBanner__ctaCircle--text--btns.top {
    margin-top: 10px
}

@media only screen and (min-width:1024px) {
    .m-formBanner__ctaCircle--text--btns {
        border-radius: 8px;
        margin-top: 8px;
        padding: 5px
    }

    .m-formBanner__ctaCircle--text--btns.top {
        margin-top: 17px
    }
}

.m-formBanner__ctaCircle--text--btns a {
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
    width: 100%
}

.m-formBanner__ctaCircle--text--btns a .icon--xsmall {
    height: 20px;
    width: 20px
}

.m-formBanner__ctaCircle--text--btns a span {
    color: var(--color-neutral);
    font-size: 8px;
    font-weight: var(--font-sans-300);
    line-height: .1rem;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-formBanner__ctaCircle--text--btns a .icon--xsmall {
        height: 28px;
        width: 28px
    }

    .m-formBanner__ctaCircle--text--btns a span {
        color: var(--color-neutral);
        font-size: var(--font-size-x-small);
        font-weight: var(--font-sans-300);
        line-height: 1rem;
        text-align: center
    }
}

.m-attachForm {
    position: relative;
    text-align: left
}

@media only screen and (min-width:1024px) {
    .m-attachForm {
        width: 80%
    }
}

.m-attachForm__title--heading {
    color: var(--color-neutral-lightest);
    font-weight: var(--font-sans-700);
    line-height: 1.5rem
}

@media only screen and (max-width:399px) {
    .m-attachForm__title--heading {
        font-size: var(--font-size-large);
        line-height: .9rem
    }
}

.m-attachForm__ctaInner--text {
    color: var(--color-neutral-darkest);
    line-height: .75rem;
    position: relative;
    text-align: left
}

.m-attachForm__ctaInner--text span {
    display: inline-block;
    font-size: var(--font-size-x-small);
    font-weight: var(--font-sans-600);
    letter-spacing: .03rem
}

@media only screen and (min-width:1024px) {
    .m-attachForm__ctaInner--text {
        line-height: 1rem
    }

    .m-attachForm__ctaInner--text span {
        font-size: var(--font-size-x-small);
        letter-spacing: .05rem
    }
}

.m-attachForm__ctaInner--text--btns {
    background-color: #fff;
    border-radius: 4px;
    margin-top: 6px;
    padding: 0 2px;
    width: 100%
}

.m-attachForm__ctaInner--text--btns.top {
    margin-top: 10px
}

@media only screen and (min-width:1024px) {
    .m-attachForm__ctaInner--text--btns {
        border-radius: 8px;
        margin-top: 8px;
        padding: 5px
    }

    .m-attachForm__ctaInner--text--btns.top {
        margin-top: 17px
    }
}

.m-attachForm__ctaInner--text--btns a {
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
    width: auto
}

.m-attachForm__ctaInner--text--btns a span {
    font-size: var(--font-size-x-small);
    font-weight: var(--font-sans-300);
    letter-spacing: normal;
    margin: 0;
    padding-right: .3rem;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-attachForm__ctaInner--text--btns a span {
        line-height: 1rem
    }
}

.m-formsBlock {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 21.375em;
    justify-content: flex-end;
    padding: .888em 1.5em
}

@media only screen and (max-width:767px) {
    .m-formsBlock {
        font-size: 13px
    }
}

.m-formsBlock h2 {
    font-size: 1.111em;
    font-weight: 600;
    line-height: 1.722em;
    margin-bottom: .833em;
    text-align: center
}

.m-formsBlock a,
.m-formsBlock h2 {
    color: var(--color-neutral-lightest)
}

.m-formsBlock a {
    background-color: var(--color-blue-darkest);
    border-radius: var(--border-radius-medium);
    cursor: pointer;
    font-weight: var(--font-sans-700);
    padding: .667em 1.111em;
    text-decoration: none
}

.m-formsBlock a:hover,
.m-formsBlock a:visited {
    background-color: var(--color-neutral-lightest);
    color: var(--color-blue-darkest)
}

.m-fullCards__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.m-fullCard {
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    flex-basis: 100%;
    height: 17rem;
    max-width: 100%;
    min-height: 95%;
    position: relative;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275);
    width: 100%;
    z-index: 100
}

@media only screen and (min-width:1024px) {
    .m-fullCard:hover {
        box-shadow: var(--shadow-big-hover);
        transform: scale(1.04)
    }

    .m-fullCard--small {
        min-height: 260px
    }

    .m-fullCard--medium {
        min-height: 340px
    }

    .m-fullCard--big {
        min-height: 450px
    }
}

.m-fullCard--big .m-fullCard__title {
    font-size: var(--font-size-large);
    font-weight: var(--font-sans-400)
}

@media only screen and (min-width:1024px) {
    .m-fullCard--big .m-fullCard__title {
        font-size: var(--font-size-xx-large);
        font-weight: var(--font-sans-700)
    }
}

.m-fullCard--large {
    min-height: 642px
}

.m-fullCard--vertical {
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-vertical-card);
    min-height: 405px;
    min-width: 300px;
    transition: .2s
}

.m-fullCard--vertical:hover {
    box-shadow: var(--shadow-vertical-card-hover);
    transform: translateY(-1rem)
}

.m-fullCard--vertical:hover~.m-fullCard {
    transform: translateX(130px)
}

.m-fullCard__title {
    font-size: var(--font-size-large);
    font-weight: var(--font-sans-400)
}

.m-fullCard__image {
    bottom: 0;
    left: 0;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.m-fullCard__image,
.m-fullCard__image img {
    border-radius: var(--border-radius-medium)
}

.m-fullCard__link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem;
    z-index: 3
}

.m-fullCard__link,
.m-fullCard__link:after {
    border-radius: var(--border-radius-medium);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.m-fullCard__link:after {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .7) 80%, rgba(0, 0, 0, .8));
    content: "";
    display: block;
    height: 100%;
    transition: opacity .4s;
    width: 100%;
    z-index: -10
}

.m-fullCard__description {
    bottom: 0;
    color: var(--color-neutral-lightest);
    left: 0;
    margin: 0 1rem 1.25rem 1.25rem;
    position: absolute
}

.m-fullCard__description.--simple {
    -webkit-margin-after: 0;
    background-color: #000;
    bottom: 2px;
    left: auto;
    margin-block-end: 0;
    padding-block: 3rem;
    padding-inline: 1rem;
    right: 0;
    z-index: 3
}

.m-fullCard__categories {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0;
    position: relative;
    z-index: 99
}

.m-fullCard__categories--top {
    padding: 1rem
}

.m-fullCard__categories__icon {
    list-style: none;
    margin-right: var(--spacing-small)
}

.m-fullCard__categories__icon a {
    display: block
}

.m-fullCard__extra {
    font-size: var(--font-size-small);
    font-weight: var(--font-sans-300)
}

.m-fullCard__localsFlag:before {
    background: var(--color-orange-gradientLocals);
    border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
    bottom: 0;
    content: "";
    height: 18px;
    left: 0;
    opacity: 1;
    position: absolute;
    width: 100%;
    z-index: 101
}

.m-fullCard__localsFlag:after {
    bottom: -12px;
    color: var(--color-neutral-lightest);
    content: "❞";
    font-size: 24px;
    position: absolute;
    right: 18px;
    z-index: 102
}

.m-heroMiniMap__image {
    border-radius: var(--border-radius-medium);
    position: relative
}

@media only screen and (min-width:1024px) {
    .m-heroMiniMap__image figure>.gatsby-image-wrapper {
        height: 800px
    }
}

.m-heroMiniMap__image img {
    border-radius: var(--border-radius-medium)
}

.m-heroMiniMap__caption {
    background-color: #000;
    bottom: 1rem;
    padding-block: 1.25rem;
    padding-inline: 1rem;
    position: absolute;
    right: 1rem;
    width: 275px;
    z-index: 3
}

.m-heroMiniMap__caption .overlay {
    align-items: center;
    display: flex;
    gap: 1rem
}

.m-heroMiniMap__caption .overlay__image-wrapper {
    aspect-ratio: 1/1;
    width: 80px
}

.m-heroMiniMap__caption .overlay__credit-wrapper {
    color: var(--color-global-very-white);
    font-size: var(--font-size-x-small)
}

.m-heroMiniMap__caption .overlay__credit-wrapper .photo-location {
    font-weight: 700
}

.m-heroMiniMap__caption .overlay__credit-wrapper .photo-credit {
    text-transform: uppercase
}

.m-highlightCardWrapper {
    height: 420px;
    margin-bottom: var(--spacing-medium);
    position: relative;
    width: 300px
}

.m-highlightCardWrapper__withLikeCTA {
    margin-top: 14px
}

.m-highlightCardWrapper__likeCTA {
    left: 75%;
    position: absolute;
    top: -13px;
    z-index: 102
}

@media only screen and (min-width:768px) {
    .m-highlightCardWrapper__likeCTA {
        left: 80%;
        top: -15px
    }
}

.m-highlightCardWrapper__likeCard {
    left: 85%;
    position: absolute;
    top: -20px;
    z-index: 102
}

@media only screen and (min-width:768px) {
    .m-highlightCardWrapper__likeCard {
        left: 85%;
        top: -20px
    }
}

.m-highlightCardWrapper__likeCard .a-iconCTA a,
.m-highlightCardWrapper__likeCard .a-iconCTA a svg {
    height: 40px;
    width: 40px
}

.m-highlightCardWrapper__likeCardSelected {
    left: 85%;
    position: absolute;
    top: -20px;
    z-index: 102
}

@media only screen and (min-width:768px) {
    .m-highlightCardWrapper__likeCardSelected {
        left: 85%;
        top: -20px
    }
}

.m-highlightCardWrapper__likeCardSelected .a-iconCTA a {
    height: 40px;
    width: 40px
}

.m-highlightCardWrapper__likeCardSelected .a-iconCTA a svg {
    height: 20px;
    width: 20px
}

.m-highlightCardWrapper .m-highlightCard {
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-detailCardHorizontal);
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: .3s cubic-bezier(.175, .885, .32, 1.275);
    width: 100%;
    z-index: 100
}

.m-highlightCardWrapper .m-highlightCard:hover {
    box-shadow: var(--shadow-detailCardHorizontalHover);
    transform: scale(1.04)
}

.m-highlightCardWrapper .m-highlightCard__californiaNowFlag:before {
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 56px;
    z-index: 101
}

.m-highlightCardWrapper .m-highlightCard__californiaNowFlag:after {
    background: url(/static/VCA_CANOW_Primary_color-09aafea9846115860db829e1a4744bcd.png) 50% no-repeat;
    background-color: #fff;
    background-size: 90%;
    border-radius: 0 0 var(--border-radius-large) 0;
    color: var(--color-neutral-lightest);
    content: "";
    height: 65px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70px;
    z-index: 102
}

.m-highlightCardWrapper .m-highlightCard__sponsoredFlag:before {
    background-color: var(--color-neutral-darkest);
    border-radius: var(--border-radius-medium) 0 0 0;
    content: "";
    height: 32px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 82px;
    z-index: 101
}

.m-highlightCardWrapper .m-highlightCard__sponsoredFlag:after {
    color: var(--color-neutral-lightest);
    content: "Sponsored";
    font-size: 12px;
    left: 12px;
    position: absolute;
    top: 6px;
    z-index: 102
}

.m-highlightCardWrapper .m-highlightCard__localsFlag:before {
    background: var(--color-orange-gradientLocals);
    bottom: 0;
    content: "";
    height: 24px;
    left: 0;
    opacity: 1;
    position: absolute;
    width: 100%;
    z-index: 101
}

.m-highlightCardWrapper .m-highlightCard__localsFlag:after {
    bottom: -14px;
    color: var(--color-neutral-lightest);
    content: "❞";
    font-size: 30px;
    position: absolute;
    right: 18px;
    z-index: 102
}

.m-highlightCardWrapper .m-highlightCard__image {
    border-radius: var(--border-radius-medium);
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.m-highlightCardWrapper .m-highlightCard__image img {
    border-radius: var(--border-radius-medium)
}

.m-highlightCardWrapper .m-highlightCard>img {
    border-radius: var(--border-radius-medium);
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.m-highlightCardWrapper .m-highlightCard__link,
.m-highlightCardWrapper .m-highlightCard__link-wrapper {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .7) 80%, rgba(0, 0, 0, .8));
    border-radius: var(--border-radius-medium);
    bottom: 0;
    color: var(--color-neutral-lightest);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    left: 0;
    overflow: hidden;
    padding: var(--spacing-large) var(--spacing-medium);
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    z-index: 3
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper:hover svg,
.m-highlightCardWrapper .m-highlightCard__link:hover svg {
    height: 150px;
    width: 140px
}

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

    .m-highlightCardWrapper .m-highlightCard__link-wrapper:hover svg,
    .m-highlightCardWrapper .m-highlightCard__link:hover svg {
        height: 250px;
        width: 250px
    }
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper:hover svg.ico-region-central-valley,
.m-highlightCardWrapper .m-highlightCard__link:hover svg.ico-region-central-valley {
    height: 250px;
    width: 250px
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper:active,
.m-highlightCardWrapper .m-highlightCard__link-wrapper:focus,
.m-highlightCardWrapper .m-highlightCard__link-wrapper:hover,
.m-highlightCardWrapper .m-highlightCard__link-wrapper:visited,
.m-highlightCardWrapper .m-highlightCard__link:active,
.m-highlightCardWrapper .m-highlightCard__link:focus,
.m-highlightCardWrapper .m-highlightCard__link:hover,
.m-highlightCardWrapper .m-highlightCard__link:visited {
    color: var(--color-neutral-lightest);
    text-decoration: none
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper:focus,
.m-highlightCardWrapper .m-highlightCard__link:focus {
    outline: 8px dotted var(--color-blue-lightest);
    outline-offset: -8px
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper:after,
.m-highlightCardWrapper .m-highlightCard__link:after {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .5));
    border-radius: var(--border-radius-medium);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .6s;
    width: 100%;
    z-index: -10
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper:hover:after,
.m-highlightCardWrapper .m-highlightCard__link:hover:after {
    opacity: 1
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content,
.m-highlightCardWrapper .m-highlightCard__link__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content--middle,
.m-highlightCardWrapper .m-highlightCard__link__content--middle {
    display: flex;
    flex-direction: column;
    line-height: 1em
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content--bottom,
.m-highlightCardWrapper .m-highlightCard__link__content--bottom {
    align-items: center;
    display: none;
    flex-direction: column;
    margin-bottom: var(--spacing-medium)
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content--headline,
.m-highlightCardWrapper .m-highlightCard__link__content--headline {
    font-size: var(--font-size-small);
    font-weight: var(--font-sans-300);
    line-height: 1.5;
    text-transform: uppercase
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content--heading,
.m-highlightCardWrapper .m-highlightCard__link__content--heading {
    font-size: var(--font-size-large);
    font-weight: var(--font-sans-600);
    line-height: 1.2;
    min-height: 2.4em
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content--headingWithMap,
.m-highlightCardWrapper .m-highlightCard__link__content--headingWithMap {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content--headingWithMap .m-highlightCard__link__content--heading,
.m-highlightCardWrapper .m-highlightCard__link__content--headingWithMap .m-highlightCard__link__content--heading {
    align-items: center;
    display: flex;
    line-height: 1.1rem;
    margin-bottom: 0;
    width: 70%;
    z-index: 1
}

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

    .m-highlightCardWrapper .m-highlightCard__link-wrapper__content--headingWithMap .m-highlightCard__link__content--heading,
    .m-highlightCardWrapper .m-highlightCard__link__content--headingWithMap .m-highlightCard__link__content--heading {
        font-size: 1.25rem
    }
}

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

    .m-highlightCardWrapper .m-highlightCard__link-wrapper__content--headingWithMap .m-highlightCard__link__content--heading,
    .m-highlightCardWrapper .m-highlightCard__link__content--headingWithMap .m-highlightCard__link__content--heading {
        line-height: 1.2
    }
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content--headingWithMap svg,
.m-highlightCardWrapper .m-highlightCard__link__content--headingWithMap svg {
    bottom: 10px;
    height: 150px;
    position: absolute;
    right: 0;
    transition: width .4s ease-out, height .4s ease-out;
    width: 150px
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content--headingWithMap svg.ico-region-central-valley,
.m-highlightCardWrapper .m-highlightCard__link__content--headingWithMap svg.ico-region-central-valley {
    height: 150px;
    width: 190px
}

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

    .m-highlightCardWrapper .m-highlightCard__link-wrapper__content--headingWithMap svg,
    .m-highlightCardWrapper .m-highlightCard__link__content--headingWithMap svg {
        height: 170px;
        width: 170px
    }

    .m-highlightCardWrapper .m-highlightCard__link-wrapper__content--headingWithMap svg.ico-region-central-valley,
    .m-highlightCardWrapper .m-highlightCard__link__content--headingWithMap svg.ico-region-central-valley {
        height: 170px;
        margin-right: 5px;
        width: 210px
    }
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content .m-highlightCard__link__content--localFieldsOn,
.m-highlightCardWrapper .m-highlightCard__link__content .m-highlightCard__link__content--localFieldsOn {
    color: #f2f2f2;
    font-family: Poppins;
    font-size: .8rem;
    font-style: normal;
    font-weight: lighter;
    height: 15px;
    left: 0;
    letter-spacing: 1.5px;
    line-height: 15px;
    position: relative;
    right: 7.01%;
    text-transform: uppercase;
    top: -7.5%
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content--copy,
.m-highlightCardWrapper .m-highlightCard__link__content--copy {
    align-self: flex-start;
    font-family: var(--font-Raleway);
    font-size: var(--font-size-small);
    font-weight: var(--font-sans-300);
    text-overflow: ellipsis
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content--sponsoredImage img,
.m-highlightCardWrapper .m-highlightCard__link__content--sponsoredImage img {
    height: auto;
    width: 65px
}

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

    .m-highlightCardWrapper .m-highlightCard__link-wrapper__content--sponsoredImage img,
    .m-highlightCardWrapper .m-highlightCard__link__content--sponsoredImage img {
        width: 95px
    }
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content .a-simpleTags,
.m-highlightCardWrapper .m-highlightCard__link__content .a-simpleTags {
    display: none
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content .a-simpleTags li,
.m-highlightCardWrapper .m-highlightCard__link__content .a-simpleTags li {
    margin-bottom: .25rem
}

.m-highlightCardWrapper .m-highlightCard__link-wrapper__content .a-simpleTags li .a-simpleTags__tag,
.m-highlightCardWrapper .m-highlightCard__link-wrapper__content .a-simpleTags li .a-simpleTags__tagLink,
.m-highlightCardWrapper .m-highlightCard__link__content .a-simpleTags li .a-simpleTags__tag,
.m-highlightCardWrapper .m-highlightCard__link__content .a-simpleTags li .a-simpleTags__tagLink {
    border-color: var(--color-neutral-lightest);
    color: var(--color-neutral-lightest);
    font-size: 12px
}

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

    .m-highlightCardWrapper .m-highlightCard__link-wrapper__content .a-simpleTags li,
    .m-highlightCardWrapper .m-highlightCard__link__content .a-simpleTags li {
        margin-bottom: .5rem
    }
}

.m-highlightCardWrapper .m-highlightCard__link {
    background: none;
    z-index: 4
}

.m-highlightCardWrapper .m-highlightCard .sponsored-bug {
    color: #fff;
    font-size: 12px;
    left: 4px;
    padding: 5px;
    position: absolute;
    z-index: 99
}

.m-highlightCardWrapper.--horizontal {
    height: 152px;
    width: 184px
}

@media only screen and (min-width:768px) {
    .m-highlightCardWrapper.--horizontal {
        height: 208px;
        width: 400px
    }
}

.m-highlightCardWrapper.--horizontal .m-highlightCard__link__content--headline {
    font-size: 10px;
    margin-bottom: var(--spacing-x-small)
}

@media only screen and (min-width:768px) {
    .m-highlightCardWrapper.--horizontal .m-highlightCard__link__content--headline {
        font-size: 12px
    }
}

.m-highlightCardWrapper.--horizontal .m-highlightCard__link__content--top {
    flex-basis: 5%
}

.m-highlightCardWrapper.--horizontal .m-highlightCard__link__content--middle {
    flex-basis: 30%;
    line-height: .6em
}

.m-highlightCardWrapper.--horizontal .m-highlightCard__link__content--bottom {
    flex-basis: 65%
}

.m-highlightCardWrapper.--like {
    border-radius: 0;
    height: 280px;
    margin: 27px auto;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-highlightCardWrapper.--like {
        height: 260px;
        width: 340px
    }
}

@media only screen and (min-width:1024px) {
    .m-highlightCardWrapper.--like {
        height: 260px;
        width: 400px
    }
}

.m-highlightCardWrapper.--like .m-highlightCard__image,
.m-highlightCardWrapper.--like .m-highlightCard__image img {
    border-radius: 0
}

.m-highlightCardWrapper.--like .m-highlightCard__link {
    border-radius: 0;
    padding: var(--spacing-small) var(--spacing-medium)
}

.m-highlightCardWrapper.--like .m-highlightCard__link__content--headline {
    font-size: 12px;
    margin-bottom: var(--spacing-x-small)
}

@media only screen and (min-width:768px) {
    .m-highlightCardWrapper.--like .m-highlightCard__link__content--headline {
        font-size: 10px
    }
}

.m-highlightCardWrapper.--like .m-highlightCard__link__content--heading {
    font-size: 22px;
    min-height: 24px
}

.m-highlightCardWrapper.--like .m-highlightCard__link__content--copy {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: var(--spacing-small);
    margin-top: var(--spacing-small);
    max-height: 30px;
    min-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis
}

.m-highlightCardWrapper.--like .m-highlightCard__link__content .a-simpleTags {
    align-self: flex-start
}

.m-highlightCardWrapper.--like .m-highlightCard__link__content .a-simpleTags .a-simpleTags__tag,
.m-highlightCardWrapper.--like .m-highlightCard__link__content .a-simpleTags .a-simpleTags__tagLink {
    font-size: 11px
}

.m-highlightCardWrapper.--like .m-highlightCard__selected {
    align-items: flex-end;
    background-color: var(--color-blue);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: 5%;
    width: 100%
}

.m-highlightCardWrapper.--like .m-highlightCard__selected--cta {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 15px
}

.m-highlightCardWrapper.--like .m-highlightCard__selected--cta--label {
    color: var(--color-neutral-lightest);
    display: inline-block;
    font-size: var(--font-size-small);
    margin-right: 20px
}

.m-highlightCardWrapper.--like .m-highlightCard__selected img {
    display: none
}

.m-highlightCardWrapper.--like .m-highlightCard__selected .a-iconCTA svg {
    height: 20px;
    width: 20px
}

@media only screen and (min-width:768px) {
    .m-highlightCardWrapper.--like .m-highlightCard__selected .a-iconCTA svg {
        height: 30px;
        width: 30px
    }
}

.m-highlightTileWrapper {
    height: 146px;
    position: relative;
    width: 260px
}

@media only screen and (min-width:768px) {
    .m-highlightTileWrapper {
        height: 235px;
        width: 420px
    }
}

.m-highlightTileWrapper__likeCTA {
    position: absolute;
    right: 30px;
    top: -13px;
    z-index: 102
}

@media only screen and (min-width:768px) {
    .m-highlightTileWrapper__likeCTA {
        right: 43px;
        top: -15px
    }
}

.m-highlightTileWrapper .m-highlightTile {
    box-shadow: var(--shadow-detailCardHorizontal);
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    transition: all .3s;
    z-index: 100
}

.m-highlightTileWrapper .m-highlightTile:hover {
    box-shadow: var(--shadow-detailCardHorizontalHover)
}

.m-highlightTileWrapper .m-highlightTile__californiaNowFlag:before {
    background-color: var(--color-orange);
    border-radius: 0 0 var(--border-radius-large) 0;
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 56px;
    z-index: 101
}

.m-highlightTileWrapper .m-highlightTile__californiaNowFlag:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAACXBIWXMAAC4jAAAuIwF4pT92AAAHOmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDktMTZUMTM6MDY6NDEtMDQ6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA5LTIwVDExOjQyOjE3LTA0OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA5LTIwVDExOjQyOjE3LTA0OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUzOTBjNzA1LWE2ZWItNDVhMS05YTQyLWU1NTE1MjQ4YzViZSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdhMGQ0NjE5LTcyMGUtMmY0MS04NzI3LWE4OTBlMTcwZDVmNyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjQxNWRiYjE4LWIzNTktNDFkNS1iOGRjLWQwNDJlNGMwMTA5YSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NDE1ZGJiMTgtYjM1OS00MWQ1LWI4ZGMtZDA0MmU0YzAxMDlhIiBzdEV2dDp3aGVuPSIyMDE5LTA5LTE2VDEzOjA2OjQxLTA0OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3Y2VhNTg1ZC1lNjgwLTRjZWEtYjhmOS1jZGE1ZjE5ZDkzMTgiIHN0RXZ0OndoZW49IjIwMTktMDktMTZUMTY6NDc6NDEtMDQ6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MzkwYzcwNS1hNmViLTQ1YTEtOWE0Mi1lNTUxNTI0OGM1YmUiIHN0RXZ0OndoZW49IjIwMTktMDktMjBUMTE6NDI6MTctMDQ6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppbri54AAAJYSURBVDjLtdRLiNZlFAbw3zd+o85oVxkveQnThixQUjfuWmUiSLYqKHIhRRfatWlRuIgg2kdIS0GJEMG1opLOIjctYhzxkmaXUdMxL6HWceEz8jKNTQQd+PM973fOe857znnO6VQVfIxLeADb8aO78jDmY9h/lB68j0F8hiVY2OhfwZvBa7F4Cn9PoK/9o1NVe/ERjmIpFsVwD17HMoygk9+rOI3nsAPP4yEcxGv4Bo/jFE52cT3OxdmyBHoJn2MMq3Ebo1iJVbGZgxXoxfJkfwxP40W83UV/k9FW/IQr6cdbOIK/sC42V9KjhXgDX+FWHjGA3/AIbmJ6p6q+wCzsxJkY9uP3XFySbN7L64/jADYkk6+TxbzoFuFJDOGwqppZVS9U1fyqMsm3oqq23Uc35dcJTf836aZZfalrJ7X+Fhdi8xQWYFpKOJJyPIo/cDazMjv9GQ2Lurioqq7VXRmtql+Dv0+Kn9bf5dWq2tKc11fVcPBQVW1odNt6mmwGMDd4OTbi5Umyfje8H5fBME7Y82yjO98G2IfdwbfwWFaFDNSu4MX4ubm3Cg8G9zXTfhUX2gAXMwPjchN/Bo/hcnA/zjU9Gkx/xnfXmuATGG4D9GJ6c27p1cnekpk5kyBSkvF7s/FM8Dn80vMv2VZNwN68/nTjVBjVaTbDyD8FqNBs2n30N5KFpoRHJtic0qQ92XxciyPYjE0TbI5PCDg0VYAZTS1n4DscynlBhgn2N0vvHh2bjaxpsi4+jIPDecn5rPCTeCe17G1e+mXwQXwSpp3IAvwAM2P3A9wBU5UqAJxy/9YAAAAASUVORK5CYII=) 50% no-repeat;
    color: var(--color-neutral-lightest);
    content: "";
    height: 32px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 56px;
    z-index: 102
}

.m-highlightTileWrapper .m-highlightTile__localsFlag:before {
    background: var(--color-orange-gradientLocals);
    bottom: 0;
    content: "";
    height: 14px;
    left: 0;
    opacity: 1;
    position: absolute;
    width: 100%;
    z-index: 101
}

@media only screen and (min-width:768px) {
    .m-highlightTileWrapper .m-highlightTile__localsFlag:before {
        height: 24px
    }
}

.m-highlightTileWrapper .m-highlightTile__localsFlag:after {
    bottom: -13px;
    color: var(--color-neutral-lightest);
    content: "❞";
    font-size: 22px;
    position: absolute;
    right: 22px;
    z-index: 102
}

@media only screen and (min-width:768px) {
    .m-highlightTileWrapper .m-highlightTile__localsFlag:after {
        bottom: -18px;
        font-size: 34px;
        right: 10px
    }
}

.m-highlightTileWrapper .m-highlightTile__image {
    height: 100%;
    position: relative;
    width: 100%
}

.m-highlightTileWrapper .m-highlightTile__image img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.m-highlightTileWrapper .m-highlightTile__link {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    padding: var(--spacing-large) var(--spacing-medium) var(--spacing-small);
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4;
    z-index: 3
}

.m-highlightTileWrapper .m-highlightTile__link,
.m-highlightTileWrapper .m-highlightTile__link:active,
.m-highlightTileWrapper .m-highlightTile__link:focus,
.m-highlightTileWrapper .m-highlightTile__link:hover,
.m-highlightTileWrapper .m-highlightTile__link:visited {
    color: var(--color-neutral-lightest);
    text-decoration: none
}

.m-highlightTileWrapper .m-highlightTile__link:focus {
    outline: 10px dotted var(--color-blue-lightest);
    outline-offset: -14px
}

.m-highlightTileWrapper .m-highlightTile__link:after {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .7) 80%, rgba(0, 0, 0, .8));
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4;
    width: 100%;
    z-index: -10
}

.m-highlightTileWrapper .m-highlightTile__link:hover:after {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .5))
}

.m-highlightTileWrapper .m-highlightTile__link__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    margin-bottom: 20px;
    width: 100%
}

.m-highlightTileWrapper .m-highlightTile__link__content--headline {
    font-size: var(--font-size-xx-small);
    font-weight: var(--font-sans-400);
    font-weight: var(--font-sans-300);
    line-height: 1.5;
    margin-bottom: 0;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .m-highlightTileWrapper .m-highlightTile__link__content--headline {
        font-size: var(--font-size-small)
    }
}

.m-highlightTileWrapper .m-highlightTile__link__content--heading {
    font-size: var(--font-size-small);
    font-weight: var(--font-sans-700);
    font-weight: var(--font-sans-600);
    margin-bottom: var(--spacing-base)
}

@media only screen and (min-width:768px) {
    .m-highlightTileWrapper .m-highlightTile__link__content--heading {
        font-size: var(--font-size-large);
        line-height: 1.2
    }
}

.m-highlightTileWrapper .m-highlightTile__link__content--copy {
    font-family: var(--font-Raleway);
    font-size: var(--font-size-x-small);
    font-weight: var(--font-sans-300);
    margin-bottom: var(--spacing-base)
}

.m-highlightTileWrapper .m-highlightTile__link__content .a-simpleTags {
    display: block;
    margin-top: 0
}

.m-highlightTileWrapper .m-highlightTile__link__content .a-simpleTags li {
    margin-bottom: .5rem
}

.m-highlightTileWrapper .m-highlightTile__link__content .a-simpleTags li .a-simpleTags__tag {
    border-color: var(--color-neutral-lightest);
    color: var(--color-neutral-lightest);
    margin-bottom: .5rem
}

@media only screen and (max-width:767px) {
    .m-highlightTileWrapper .m-highlightTile__link__content .a-simpleTags li .a-simpleTags__tag {
        font-size: 8px;
        margin-right: .25rem
    }
}

.m-highlightTileWrapper .m-highlightTile__link__content--playIcon {
    background-color: var(--color-neutral-lightest);
    border: 0;
    border-radius: var(--border-radius-circle);
    bottom: var(--spacing-medium);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .23);
    cursor: pointer;
    height: 26px;
    opacity: .8;
    position: absolute;
    right: var(--spacing-medium);
    width: 26px
}

@media only screen and (min-width:768px) {
    .m-highlightTileWrapper .m-highlightTile__link__content--playIcon {
        bottom: var(--spacing-large);
        height: 32px;
        right: var(--spacing-large);
        width: 32px
    }
}

.m-highlightTileWrapper .m-highlightTile__link__content--playIcon:after {
    background-color: transparent;
    color: var(--color-neutral-darker);
    content: "\25B2";
    font-size: .75rem;
    left: 8px;
    position: absolute;
    top: 4px;
    transform: rotate(90deg)
}

@media only screen and (min-width:768px) {
    .m-highlightTileWrapper .m-highlightTile__link__content--playIcon:after {
        left: 11px;
        top: 6px
    }
}

.m-highlightTileWrapper .a-simpleTags {
    min-height: 1.5rem
}

.m-highlightTileWrapper .a-simpleTags li {
    margin-bottom: .5rem
}

.m-highlightTileWrapper .a-simpleTags li .a-simpleTags__tag,
.m-highlightTileWrapper .a-simpleTags li .a-simpleTags__tagLink {
    border-color: var(--color-neutral-lightest);
    color: var(--color-neutral-lightest);
    margin-bottom: .5rem
}

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

    .m-highlightTileWrapper .a-simpleTags li .a-simpleTags__tag,
    .m-highlightTileWrapper .a-simpleTags li .a-simpleTags__tagLink {
        font-size: 10px;
        margin-right: .25rem
    }
}

.m-imageGrid__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.LanguageSwitcher {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .12);
    font-size: .5rem;
    font-weight: 500;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 170px
}

@media only screen and (min-width:1024px) {
    .LanguageSwitcher {
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px
    }
}

.LanguageSwitcher .current {
    color: #282d30
}

.LanguageSwitcher .current:after {
    content: "\25BC";
    position: absolute;
    right: 0;
    top: 3px
}

.LanguageSwitcher .dropdown {
    background: #fff;
    box-shadow: var(--shadow-small-hover);
    display: none;
    flex-direction: column;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1000
}

.LanguageSwitcher .dropdown .option:hover {
    background-color: var(--color-border-input-hover);
    color: #fff
}

.LanguageSwitcher.open .dropdown {
    display: flex
}

.LanguageSwitcher .option {
    align-items: center;
    cursor: pointer;
    display: grid;
    grid-template-columns: 25px 1fr;
    padding: 5px
}

.LanguageSwitcher .option>img {
    border-radius: 50%;
    height: 28px;
    width: 28px
}

.LanguageSwitcher .option>span {
    flex: 1 1;
    margin-left: var(--spacing-x-small);
    margin-right: var(--spacing-x-small)
}

.LanguageSwitcher .option:focus {
    outline: none !important
}

.m-mapbackheader {
    align-items: center;
    background-color: var(--color-blue-darker);
    display: flex;
    height: 25px;
    justify-content: space-between;
    padding: 5px 0;
    width: 100%;
    z-index: 1000
}

@media only screen and (min-width:768px) {
    .m-mapbackheader {
        justify-content: flex-start
    }
}

.m-mapbackheader svg {
    padding-top: 5px
}

.m-mapbackheader.search {
    height: 60px
}

.m-mapbackheader__back {
    width: 60px
}

@media only screen and (min-width:768px) {
    .m-mapbackheader__back {
        width: 100px
    }
}

.m-mapbackheader__search {
    margin-right: 10px
}

@media only screen and (min-width:768px) {
    .m-mapbackheader__search {
        margin-left: calc(50vw - 364px);
        margin-right: 0
    }
}

.m-mapbackheader__search svg {
    padding-top: 0
}

.m-mapbackheader button {
    align-items: flex-start;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex
}

.m-mapbackheader span {
    color: var(--color-neutral-lightest);
    font-size: 14px
}

.m-mapbackheader .icon--xsmall {
    height: 21px;
    width: 21px
}

.m-mapDropDown {
    background-color: var(--color-neutral-lightest);
    display: flex;
    flex-direction: column;
    transition: .3s;
    z-index: 10000
}

@media only screen and (min-width:768px) {
    .m-mapDropDown {
        width: 448px
    }
}

.m-mapDropDown__panel {
    width: 100%
}

.m-mapDropDown__panel--heading {
    background-color: var(--color-neutral-lightest);
    border: 0;
    color: var(--color-neutral-darker);
    cursor: pointer;
    display: block;
    font-size: 24px;
    font-weight: var(--font-sans-700);
    outline: 0;
    padding: var(--spacing-large) var(--spacing-medium);
    position: relative;
    text-align: left;
    text-transform: capitalize;
    transition: .4s;
    width: 100%
}

.m-mapDropDown__panel--heading:after {
    color: var(--color-neutral-darker);
    content: "\2303";
    font-size: 1rem;
    position: absolute;
    right: 20px;
    top: 26%;
    transform: rotate(-180deg);
    transition: .3s
}

.m-mapDropDown__panel--heading.--active:after {
    content: "\2303";
    top: 35%;
    transform: rotate(0);
    transition: .3s
}

.m-mapDropDown__panel--content {
    background-color: var(--color-neutral-lightest);
    color: var(--color-neutral-darker);
    max-height: 0;
    overflow: hidden;
    padding: 0 var(--spacing-medium);
    transition: max-height .3s ease-out
}

.m-mapDropDown__panel--content__identifier {
    color: var(--color-secondary);
    font-size: 10px;
    letter-spacing: .5px;
    margin: var(--spacing-medium) 0;
    text-transform: uppercase
}

.m-mapDropDown__panel--content__identifier span {
    display: none
}

.m-mapDropDown__panel--content__identifier span.bordered {
    border-bottom: 1px solid var(--color-neutral-light);
    display: inline-block;
    margin: 0 5%;
    padding-bottom: var(--spacing-small);
    width: 90%
}

.m-mapDropDown__panel--content__location {
    color: var(--color-neutral-darker);
    cursor: pointer;
    display: block;
    font-size: 24px;
    font-weight: var(--font-sans-700);
    margin-bottom: 16px;
    text-align: left;
    text-transform: capitalize
}

.m-mapDropDown__panel--content__location:active,
.m-mapDropDown__panel--content__location:focus,
.m-mapDropDown__panel--content__location:hover,
.m-mapDropDown__panel--content__location:visited {
    color: var(--color-neutral-darker);
    text-decoration: none
}

.m-mapboxMap {
    height: 100%;
    width: 100%
}

.m-mapboxMap .marker {
    animation: fadeIn .5s
}

.m-mapboxMap .marker div {
    align-items: center;
    background-color: #267b92;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    height: 34px;
    justify-content: center;
    line-height: 0;
    padding: 5px;
    transition: .3s;
    transition: .3s ease;
    width: 34px
}

.m-mapboxMap .marker div:hover {
    background-color: #eb002f;
    transition: .3s ease
}

.m-mapboxMap .marker-active {
    z-index: 99
}

.m-mapboxMap .marker-active div {
    background-color: red;
    transition: .3s ease
}

.m-mapboxMap .marker.hide {
    pointer-events: none
}

.m-mapboxMap .marker.hide div {
    opacity: 0
}

.m-mapboxMap .marker.selected div {
    background-color: red;
    transform: scale(1.5)
}

.m-modalbar {
    left: 0;
    line-height: 1rem;
    opacity: 0;
    padding: 12px 32px;
    position: fixed;
    right: 0;
    transition: opacity .4s;
    z-index: 3
}

.m-modalbar__title {
    border-left: 1px solid #afb2b4;
    padding-left: 1rem;
    text-shadow: 1px 1px 2px #fff
}

@media only screen and (max-width:767px) {
    .m-modalbar__title {
        display: none
    }
}

.m-modalbar__logo {
    height: 40px;
    width: 128px
}

.m-modalbar__action {
    cursor: pointer;
    transition: transform .2s
}

.m-modalbar__action:active {
    transform: scale(.9)
}

.m-newsletterVertical {
    color: var(--color-neutral);
    font-size: 12px;
    line-height: .9rem;
    position: relative;
    width: 50%
}

@media only screen and (max-width:639px) {
    .m-newsletterVertical {
        width: 100%
    }
}

.m-newsletterVertical__inner {
    margin: 15% auto 0;
    width: 65%
}

@media only screen and (max-width:639px) {
    .m-newsletterVertical__inner {
        margin: 8% auto;
        width: 75%
    }
}

.m-newsletterVertical__inner h4 {
    font-size: 16px;
    font-weight: var(--font-sans-700)
}

.m-newsletterVertical__inner input[type=email],
.m-newsletterVertical__inner input[type=text] {
    background-color: var(--color-neutral-lightest);
    border-color: var(--color-neutral-light);
    font-size: 14px;
    font-weight: var(--font-sans-200)
}

.m-newsletterVertical__inner input[type=email]:active,
.m-newsletterVertical__inner input[type=email]:hover,
.m-newsletterVertical__inner input[type=text]:active,
.m-newsletterVertical__inner input[type=text]:hover {
    background-color: var(--color-neutral-lightest)
}

.m-newsletterVertical__inner input[type=checkbox] {
    height: 20px;
    width: 20px
}

.m-newsletterVertical__inner ::placeholder {
    color: var(--color-neutral-overlay);
    opacity: 100%
}

.m-newsletterVertical__inner span {
    color: var(--color-secondary);
    font-size: 14px;
    font-weight: var(--font-sans-200)
}

.m-newsletterVertical__inner__title {
    font-size: 16px;
    font-weight: var(--font-sans-700)
}

.m-newsletterVertical__inner--agree-box {
    display: flex;
    line-height: .9rem
}

.m-newsletterVertical__inner--agree-statement {
    color: var(--color-neutral-darkest) !important;
    margin-left: 10px
}

.m-newsletterVertical__inner--center {
    text-align: center
}

.m-newsletterVertical__inner .btn {
    background-color: var(--color-blue-darkest)
}

.m-newsletterVertical__inner .btn,
.m-newsletterVertical__inner .btnDisabled {
    align-self: center;
    border-radius: var(--border-radius-small);
    color: var(--color-neutral-lightest);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font-sans-500);
    letter-spacing: .05rem;
    padding: .5rem 2rem;
    width: 50%
}

.m-newsletterVertical__inner .btnDisabled {
    background-color: #a2a2a2
}

.m-newsletterVertical__inner .errMsg {
    align-self: center;
    background-color: #f9ebeb;
    border-radius: var(--border-radius-small);
    color: #a30000;
    font-size: 12px;
    font-weight: var(--font-sans-600);
    padding: 10px;
    text-align: center;
    width: 100%
}

.hidden {
    visibility: hidden
}

@media only screen and (max-width:639px) {
    #main {
        overflow: hidden
    }
}

.m-scrollBanner {
    -webkit-touch-callout: none;
    background: gray;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100vh;
    margin: 0 !important;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.m-scrollBanner--wrapper {
    align-items: center;
    display: flex;
    margin: 40px auto 0;
    width: 95%
}

@media only screen and (max-width:1023px) {
    .m-scrollBanner--wrapper {
        flex-direction: column;
        padding: 0 15px;
        width: 100vw
    }
}

.m-scrollBanner-skip {
    bottom: 25px;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

@media only screen and (max-width:1023px) {
    .m-scrollBanner-skip {
        bottom: 55px
    }
}

.m-scrollBanner-skip-btn {
    background: transparent;
    border: none;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 2px
}

.m-scrollBanner-skip-btn img,
.m-scrollBanner-skip-btn p {
    margin: 0
}

.m-scrollBanner-skip-btn p {
    color: #fff;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 4px;
    text-align: center
}

.m-scrollBanner-skip-btn img {
    height: 13px;
    padding: 1px;
    width: 22.5px
}

.m-scrollBanner-skip-btn:hover {
    cursor: pointer
}

.m-scrollBanner__slides--container {
    overflow: hidden;
    position: relative;
    width: 50%
}

@media only screen and (max-width:1023px) {
    .m-scrollBanner__slides--container {
        margin: 32px auto 0;
        margin: -15px auto 0;
        width: 80vw
    }
}

.m-scrollBanner__slides--slidesGroup {
    align-items: center;
    display: flex;
    margin-left: 100%;
    min-height: 630px
}

@media only screen and (max-width:1023px) {
    .m-scrollBanner__slides--slidesGroup {
        min-height: 186px
    }
}

@media only screen and (max-width:639px) {
    .m-scrollBanner__slides--slidesGroup {
        min-height: 425px
    }
}

.m-scrollBanner__slides--slide {
    flex: 0 0 305px;
    height: 188px;
    margin-right: 0;
    position: relative;
    width: 244px
}

@media only screen and (max-width:1023px) {
    .m-scrollBanner__slides--slide {
        overflow: visible
    }
}

.m-scrollBanner__slides--slide a {
    display: block;
    height: 100%;
    position: relative
}

.m-scrollBanner__slides--slide a:hover {
    cursor: pointer
}

.m-scrollBanner__slides--slide-bgOverlay {
    background: linear-gradient(180deg, transparent, #000);
    bottom: -1px;
    height: 50%;
    position: absolute;
    width: 100%
}

.m-scrollBanner__slides--slide img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media only screen and (max-width:1023px) {
    .m-scrollBanner__slides--slide {
        height: auto
    }
}

.m-scrollBanner__slides--slide-title {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    line-height: 1;
    margin: 0 auto 4px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 2
}

@media only screen and (max-width:1023px) {
    .m-scrollBanner__slides--slide-title {
        margin: 0;
        width: 100%
    }
}

.m-scrollBanner__titles--container {
    padding: 0 0 0 80px;
    width: 50%
}

@media only screen and (max-width:1023px) {
    .m-scrollBanner__titles--container {
        margin-right: auto;
        padding: 0 20px;
        width: auto
    }
}

.m-scrollBanner__titles--content-region {
    color: #e1e1e1;
    font-size: 16px;
    line-height: 24px
}

.m-scrollBanner__titles--content-titlesGroup {
    height: 216px;
    margin: auto;
    overflow: hidden
}

@media only screen and (max-width:639px) {
    .m-scrollBanner__titles--content-titlesGroup {
        height: 108px
    }
}

.m-scrollBanner__titles--content-title {
    height: 216px
}

@media only screen and (max-width:639px) {
    .m-scrollBanner__titles--content-title {
        height: 108px
    }
}

.m-scrollBanner__titles--content-title h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 72px;
    max-width: 524px
}

@media only screen and (max-width:1023px) {
    .m-scrollBanner__titles--content-title h2 {
        font-size: 32px;
        line-height: 56px;
        max-width: 100vw
    }
}

@media only screen and (max-width:639px) {
    .m-scrollBanner__titles--content-title h2 {
        font-size: 24px;
        line-height: 36px;
        max-width: 295px
    }
}

.m-numbersBoxes {
    align-self: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-numbersBoxes {
        flex-direction: row
    }
}

.m-numbersBoxes a,
.m-numbersBoxes a:hover,
.m-numbersBoxes a:visited {
    color: inherit
}

.m-numbersBoxes--box {
    margin-bottom: 20px;
    padding: 0 10px;
    text-align: center;
    vertical-align: top
}

@media only screen and (min-width:768px) {
    .m-numbersBoxes--box {
        padding: 0 50px
    }
}

.m-numbersBoxes--border {
    border-right: 1px solid var(--color-global-grey);
    margin: 0 0 25px
}

.m-numbersBoxes--border:last-of-type {
    border-right: 0
}

@media only screen and (min-width:768px) {
    .m-numbersBoxes--border {
        margin: 5px 0 50px
    }
}

.m-numbersBoxes--top {
    display: block;
    font-size: var(--font-size-xx-large);
    font-weight: var(--font-Raleway-400);
    line-height: 2rem;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .m-numbersBoxes--top {
        font-size: var(--font-size-xx-large);
        margin-bottom: 30px
    }
}

.m-numbersBoxes--bottom {
    display: block;
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-medium);
    font-weight: var(--font-Raleway-300);
    letter-spacing: .03rem;
    padding-bottom: 10px;
    position: relative
}

.m-numbersBoxes--bottom:after {
    background: var(--color-blue-darkest);
    bottom: 0;
    content: "";
    display: block;
    height: .2rem;
    left: calc(50% - 75px);
    position: absolute;
    width: 150px
}

.m-orderProcess__modalContainerInner {
    margin-top: 105px;
    opacity: .9 !important
}

.hide-company {
    display: none
}

.m-orderProcess__formwrapper {
    display: flex;
    flex-direction: column;
    width: 85%
}

.m-orderProcess__form {
    align-self: center;
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%
}

@media only screen and (min-width:1248px) {
    .m-orderProcess__form {
        padding: 20px;
        width: 55%
    }
}

.m-orderProcess__form.wide {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-orderProcess__form.wide {
        width: 80%
    }
}

.m-orderProcess__form--address-bar {
    align-items: center;
    background-color: var(--color-neutral-lightest);
    border: 1px solid var(--color-neutral-light);
    border-radius: var(--border-radius-small);
    display: flex;
    font-size: 14px;
    font-weight: var(--font-sans-200);
    margin-bottom: 10px
}

.m-orderProcess__form--address-bar input[type=text] {
    border: 0
}

.m-orderProcess__form--address-bar input[type=text] :active,
.m-orderProcess__form--address-bar input[type=text]:hover {
    background-color: var(--color-neutral-lightest)
}

.m-orderProcess__form--address-bar svg {
    padding-right: 10px
}

.m-orderProcess__form--address-bar:hover {
    border-color: var(--color-border-input-hover);
    color: var(--color-text-input-hover)
}

.m-orderProcess__form--results ul {
    background-color: var(--color-neutral-lightest);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-dropdown);
    list-style-type: none;
    margin: 5px 0;
    padding: 2px 0
}

.m-orderProcess__form--results ul li {
    color: var(--color-neutral-darkest);
    font-size: 11px;
    font-weight: var(--font-sans-400);
    margin: 3px 0;
    padding: 0 5px
}

.m-orderProcess__form--results ul li:hover {
    background-color: var(--color-neutral-lighter);
    color: var(--color-blue)
}

.m-orderProcess__form input[type=email],
.m-orderProcess__form input[type=text],
.m-orderProcess__form textarea {
    background-color: var(--color-neutral-lightest);
    border-color: var(--color-neutral-light);
    font-size: 10px;
    font-weight: var(--font-sans-200)
}

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

    .m-orderProcess__form input[type=email],
    .m-orderProcess__form input[type=text],
    .m-orderProcess__form textarea {
        font-size: 14px
    }
}

.m-orderProcess__form input[type=email]:active,
.m-orderProcess__form input[type=email]:hover,
.m-orderProcess__form input[type=text]:active,
.m-orderProcess__form input[type=text]:hover,
.m-orderProcess__form textarea:active,
.m-orderProcess__form textarea:hover {
    background-color: var(--color-neutral-lightest)
}

.m-orderProcess__form input[type=email].error,
.m-orderProcess__form input[type=text].error,
.m-orderProcess__form textarea.error {
    background-color: #f9ebeb;
    outline: 2px solid #a30000;
    outline-style: auto
}

.m-orderProcess__form input[type=email].error.no-border,
.m-orderProcess__form input[type=text].error.no-border,
.m-orderProcess__form textarea.error.no-border {
    outline: none
}

.m-orderProcess__form input[type=checkbox] {
    height: 20px;
    width: 20px
}

.m-orderProcess__form input[type=checkbox].error {
    outline: 2px solid #a30000;
    outline-style: auto
}

.m-orderProcess__form ::placeholder {
    color: var(--color-neutral-overlay);
    opacity: .65 !important
}

.m-orderProcess__form textarea {
    height: 100px
}

.m-orderProcess__form span {
    color: var(--color-secondary);
    font-size: 14px;
    font-weight: var(--font-sans-200)
}

@media only screen and (min-width:768px) {
    .m-orderProcess__form span {
        font-size: 12px
    }
}

@media only screen and (min-width:1248px) {
    .m-orderProcess__form span {
        font-size: 14px
    }
}

.m-orderProcess__form span.small {
    font-size: 12px
}

.m-orderProcess__form--right--top {
    display: none;
    text-align: right
}

@media only screen and (min-width:768px) {
    .m-orderProcess__form--right--top {
        display: inline
    }
}

.m-orderProcess__form--right--btm {
    display: inline;
    text-align: right
}

@media only screen and (min-width:768px) {
    .m-orderProcess__form--right--btm {
        display: none
    }
}

.m-orderProcess__form--two-col {
    display: flex;
    flex-direction: row
}

.m-orderProcess__form--two-col.col {
    display: block;
    margin-bottom: var(--spacing-large);
    margin-right: 5px;
    width: 50%
}

@media only screen and (min-width:768px) {
    .m-orderProcess__form--two-col {
        flex-direction: column
    }

    .m-orderProcess__form--two-col.col {
        display: block;
        margin-bottom: var(--spacing-large);
        width: 100%
    }
}

@media only screen and (min-width:1248px) {
    .m-orderProcess__form--two-col {
        flex-direction: row
    }

    .m-orderProcess__form--two-col.col {
        display: block;
        margin-bottom: var(--spacing-large);
        margin-right: 5px;
        width: 50%
    }
}

.m-orderProcess__form--agree-box {
    display: flex;
    line-height: .9rem
}

.m-orderProcess__form--agree-statement {
    color: var(--color-neutral-darkest) !important;
    margin-left: 10px
}

.m-orderProcess__form--link {
    align-content: center;
    display: flex;
    font-size: 12px;
    font-weight: var(--font-sans-400);
    justify-content: center
}

.m-orderProcess__form--link svg {
    margin-left: 5px;
    margin-top: -3px;
    width: 15px
}

.m-orderProcess__form--next {
    display: none;
    text-align: center
}

@media only screen and (min-width:768px) {
    .m-orderProcess__form--next {
        display: block
    }
}

.m-orderProcess__form--next .btn {
    background-color: var(--color-blue-lighter);
    border: 0;
    border-radius: var(--border-radius-small);
    color: var(--color-neutral-lightest);
    padding: .5rem 2rem;
    width: 50%
}

.m-orderProcess__form--next .btn:disabled {
    cursor: default
}

.m-orderProcess__form--next .btn:disabled,
.m-orderProcess__form--next .btn:disabled:hover {
    background-color: var(--color-neutral);
    border-color: var(--color-neutral)
}

.m-orderProcess__form--next .btn:hover {
    background-color: var(--color-blue-darker);
    border-color: var(--color-blue-darker)
}

.m-orderProcess__form--backnext {
    display: flex;
    justify-content: center;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-orderProcess__form--backnext {
        display: none
    }
}

.m-orderProcess__form--backnext .btn {
    background-color: var(--color-blue-lighter);
    border-color: var(--color-blue-lighter);
    border-radius: var(--border-radius-small);
    color: var(--color-neutral-lightest);
    margin-left: 3px;
    padding: .5rem 2rem;
    width: 40%
}

.m-orderProcess__form--backnext .btn:disabled {
    cursor: default
}

.m-orderProcess__form--backnext .btn:disabled,
.m-orderProcess__form--backnext .btn:disabled:hover {
    background-color: var(--color-neutral);
    border-color: var(--color-neutral)
}

.m-orderProcess__form--backnext .btn:hover {
    background-color: var(--color-blue-darker);
    border-color: var(--color-blue-darker)
}

.m-orderProcess__form--backnext .back {
    background-color: var(--color-neutral-lightest);
    color: var(--color-blue-lighter);
    margin-left: 0;
    margin-right: 3px
}

.m-orderProcess__form .a-niceDropDown {
    width: 90%
}

.m-orderProcess__form .a-dropDown {
    width: 100%
}

.m-orderProcess__form .a-dropDown__select {
    font-size: var(--font-size-x-small)
}

.m-orderProcess__form .errMsg {
    align-self: center;
    background-color: #f9ebeb;
    border-radius: var(--border-radius-small);
    color: #a30000;
    font-size: 12px;
    font-weight: var(--font-Raleway-600);
    padding: 10px;
    text-align: center;
    width: 100%
}

.m-orderProcess__modalContainerOuter {
    height: 0;
    position: relative;
    top: -700px;
    width: 100%;
    z-index: 1000
}

.m-orderProcess__modalContainerOuter .hidden {
    display: none;
    visibility: hidden
}

.m-orderProcess__modalContainerOuter .visible {
    display: block;
    visibility: visible
}

.m-orderProcess__modalContainerInner {
    background-color: #fff;
    height: 700px;
    margin: 0 auto;
    opacity: .9;
    padding: 240px 50px 50px;
    text-align: center;
    width: 100%
}

.m-orderProcess__modalContainerInner button {
    background-color: var(--color-blue-light);
    border: none;
    border-radius: var(--border-radius-medium);
    color: var(--color-neutral-lightest);
    cursor: pointer;
    font-weight: var(--font-sans-500);
    padding: 8px 32px;
    text-decoration: none;
    width: 150px
}

.m-orderProcess__modalContainerInner button:hover {
    box-shadow: 2px 4px 10px 2px rgba(80, 182, 210, .2)
}

.m-personCard {
    display: flex;
    flex-direction: column;
    height: 190px;
    justify-content: flex-end;
    position: relative;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-personCard {
        height: 332px;
        width: 320px
    }
}

.m-personCard__image {
    border-radius: var(--border-radius-circle);
    height: 88px;
    margin-bottom: 0;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 16px;
    top: 0;
    width: 88px
}

@media only screen and (min-width:768px) {
    .m-personCard__image {
        height: 128px;
        right: 29.5%;
        width: 128px
    }
}

.m-personCard__image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    right: 0;
    top: 0;
    width: 100%
}

.m-personCard__image--icon {
    align-items: center;
    background-color: var(--color-neutral-lightest);
    border: 4px solid var(--color-neutral-dark);
    border-radius: var(--border-radius-circle);
    display: flex;
    flex-direction: row;
    height: 99%;
    justify-content: center;
    width: 99%
}

.m-personCard__image--icon svg {
    height: 58px;
    width: 58px
}

.m-personCard__content {
    border-radius: var(--border-radius-medium);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    padding: var(--spacing-x-large) var(--spacing-large) var(--spacing-medium)
}

@media only screen and (min-width:768px) {
    .m-personCard__content {
        padding: var(--spacing-xxx-large) var(--spacing-large) var(--spacing-large)
    }
}

.m-personCard__content--title {
    color: var(--font-neutral-dark);
    font-size: 16px;
    font-weight: var(--font-sans-700);
    text-align: center
}

@media only screen and (min-width:768px) {
    .m-personCard__content--title {
        font-size: 24px
    }
}

.m-personCard__content--body {
    color: var(--font-neutral-dark);
    font-family: var(--font-Raleway);
    font-size: 12px;
    line-height: 15px;
    margin-bottom: var(--spacing-medium) !important;
    text-align: right;
    width: 70%
}

@media only screen and (min-width:768px) {
    .m-personCard__content--body {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: var(--spacing-x-large);
        text-align: center;
        width: 100%
    }
}

.m-personCard__content--cta {
    margin: 0 auto;
    width: 70%
}

.m-podcastCard {
    border-radius: var(--border-radius-medium);
    box-sizing: border-box;
    height: 264px;
    overflow: hidden;
    position: relative;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275);
    width: 184px;
    z-index: 100
}

@media only screen and (min-width:768px) {
    .m-podcastCard {
        height: 368px;
        margin-bottom: 30px;
        width: 258px
    }
}

.m-podcastCard:hover {
    box-shadow: var(--shadow-detailCardHorizontalHover)
}

.m-podcastCard__image {
    height: 100%;
    position: relative;
    width: 100%
}

.m-podcastCard__image img {
    filter: blur(5px);
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.1);
    width: 100%
}

.m-podcastCard__link {
    bottom: 0;
    display: flex;
    flex-direction: row;
    left: 0;
    overflow: hidden;
    padding: var(--spacing-medium);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.m-podcastCard__link,
.m-podcastCard__link:active,
.m-podcastCard__link:focus,
.m-podcastCard__link:hover,
.m-podcastCard__link:visited {
    color: var(--color-neutral-lightest);
    text-decoration: none
}

.m-podcastCard__link:after {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .37));
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: -10
}

.m-podcastCard__link:hover:after {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .5))
}

.m-podcastCard__link--content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.m-podcastCard__link--content__row1 {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 63%;
    justify-content: center;
    position: relative
}

.m-podcastCard__link--content__row1--mainImage {
    height: 140px;
    position: relative;
    width: 140px
}

@media only screen and (min-width:768px) {
    .m-podcastCard__link--content__row1--mainImage {
        height: 184px;
        width: 184px
    }
}

.m-podcastCard__link--content__row1--mainImage img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.m-podcastCard__link--content__row1--mainImage__logo {
    bottom: 0;
    height: 68px;
    left: var(--spacing-small);
    position: absolute;
    width: 68px
}

.m-podcastCard__link--content__row1--mainImage__logo:after {
    background: url(/static/VCA_CANOW_PODCAST_white-ce3ef87f4ecf5cc9a0f2c2ab0a207e07.png) 50% no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    padding-left: 10%;
    position: absolute;
    transform: scale(1);
    width: 100%;
    z-index: 102
}

.m-podcastCard__link--content__row2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 37%;
    justify-content: flex-end
}

.m-podcastCard__link--content__row2--heading {
    font-size: 12px;
    font-weight: var(--font-sans-700);
    height: 35%;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .m-podcastCard__link--content__row2--heading {
        font-size: 16px
    }
}

.m-podcastCard__link--content__row2--duration {
    font-size: 10px;
    font-weight: var(--font-sans-300);
    margin-bottom: var(--spacing-small);
    min-height: 12px;
    text-transform: capitalize;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .m-podcastCard__link--content__row2--duration {
        font-size: 12px
    }
}

.m-podcastCard__link--content__row2--duration span:nth-child(odd) {
    margin-right: var(--spacing-x-small)
}

.m-podcastCard__link--content__row2--duration span:nth-child(2n) {
    margin-right: var(--spacing-small)
}

.m-podcastCard__link--content__row2--duration span:last-child {
    margin-right: 0
}

.m-podcastCard__link--content__row2--justNow {
    font-family: var(--font-Raleway);
    font-size: 12px;
    margin-bottom: 0;
    text-transform: capitalize
}

.m-podcastCard__localsFlag:before {
    background: var(--color-orange-gradientLocals);
    bottom: 0;
    content: "";
    height: 18px;
    left: 0;
    opacity: 1;
    position: absolute;
    width: 100%;
    z-index: 101
}

.m-podcastCard__localsFlag:after {
    bottom: -12px;
    color: var(--color-neutral-lightest);
    content: "❞";
    font-size: 24px;
    position: absolute;
    right: 18px;
    z-index: 102
}

.m-podcastCardHorizontal {
    background-color: #fff;
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    box-sizing: border-box;
    height: 136px;
    overflow: hidden;
    position: relative;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275);
    width: 100%;
    z-index: 100
}

@media only screen and (min-width:768px) {
    .m-podcastCardHorizontal {
        width: 32%
    }
}

.m-podcastCardHorizontal:hover {
    box-shadow: var(--shadow-detailCardHorizontalHover)
}

.m-podcastCardHorizontal__image {
    height: 100%;
    position: relative;
    width: 33%
}

.m-podcastCardHorizontal__image img {
    filter: blur(15px);
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.1);
    width: 100%
}

.m-podcastCardHorizontal__image--localsFlag:before {
    background: var(--color-orange-gradientLocals);
    border-radius: 50%;
    bottom: 8px;
    content: "";
    height: 30px;
    left: 8px;
    opacity: 1;
    position: absolute;
    width: 30px;
    z-index: 101
}

.m-podcastCardHorizontal__image--localsFlag:after {
    bottom: -13px;
    color: var(--color-neutral-lightest);
    content: "❞";
    font-size: 32px;
    left: 20px;
    position: absolute;
    z-index: 102
}

.m-podcastCardHorizontal__link {
    bottom: 0;
    display: flex;
    flex-direction: row;
    left: 0;
    overflow: hidden;
    padding: var(--spacing-medium);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.m-podcastCardHorizontal__link,
.m-podcastCardHorizontal__link:active,
.m-podcastCardHorizontal__link:focus,
.m-podcastCardHorizontal__link:hover,
.m-podcastCardHorizontal__link:visited {
    color: var(--color-neutral-darkest);
    text-decoration: none
}

.m-podcastCardHorizontal__link:after {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: -10
}

.m-podcastCardHorizontal__link:hover:after {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .15))
}

.m-podcastCardHorizontal__link--content {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%
}

.m-podcastCardHorizontal__link--content__row1 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    width: 33%
}

.m-podcastCardHorizontal__link--content__row1--mainImage {
    height: 101px;
    position: relative;
    width: 109px
}

.m-podcastCardHorizontal__link--content__row1--mainImage img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.m-podcastCardHorizontal__link--content__row1--mainImage__logo {
    bottom: 0;
    height: 45px;
    left: var(--spacing-small);
    position: absolute;
    width: 45px
}

.m-podcastCardHorizontal__link--content__row1--mainImage__logo:after {
    background: url(/static/VCA_CANOW_PODCAST_white-ce3ef87f4ecf5cc9a0f2c2ab0a207e07.png) 50% no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 102
}

.m-podcastCardHorizontal__link--content__row2 {
    padding-left: var(--spacing-base);
    width: 66%
}

.m-podcastCardHorizontal__link--content__row2--heading {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 12px;
    font-weight: var(--font-sans-700);
    margin-bottom: var(--spacing-small);
    overflow: hidden;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .m-podcastCardHorizontal__link--content__row2--heading {
        font-size: 16px
    }
}

.m-podcastCardHorizontal__link--content__row2--duration {
    color: var(--color-neutral-dark);
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    margin-bottom: var(--spacing-xsmall);
    min-height: 14px;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .m-podcastCardHorizontal__link--content__row2--duration {
        font-size: 12px
    }
}

.m-podcastCardHorizontal__link--content__row2--duration span:nth-child(odd) {
    margin-right: var(--spacing-x-small)
}

.m-podcastCardHorizontal__link--content__row2--duration span:nth-child(2n) {
    margin-right: var(--spacing-small)
}

.m-podcastCardHorizontal__link--content__row2--duration span:last-child {
    margin-right: 0
}

.m-podcast-host {
    align-items: center;
    background: linear-gradient(225deg, #71c8be, #50b6d2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: row;
    height: 160px;
    margin-bottom: var(--spacing-x-large);
    width: 600px
}

.m-podcast-host__avatar {
    border: 15px solid #fff;
    border-radius: 95px;
    height: 190px;
    margin-left: var(--spacing-xx-large);
    margin-right: var(--spacing-large);
    width: 190px
}

.m-podcast-host__avatar img {
    border-radius: 95px;
    height: 160px;
    width: 160px
}

.m-podcast-host__name {
    color: #fff;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: var(--spacing-x-small)
}

.m-podcast-host__title {
    color: #f2f2f2;
    font-family: Poppins;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 15px
}

.m-podcast-guests {
    display: flex;
    flex-direction: column
}

.m-podcast-guests .m-containerIntro {
    margin-bottom: var(--spacing-base);
    margin-top: var(--spacing-large)
}

.m-podcast-guests .m-containerIntro__heading--text {
    font-size: 24px
}

.m-podcast-guests__guest-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacing-base)
}

.m-podcast-guests__avatar {
    margin-right: var(--spacing-base)
}

.m-podcast-guests__avatar img {
    border-radius: 36px;
    height: 72px;
    margin-bottom: 0;
    width: 72px
}

.m-podcast-guests__name {
    color: #333;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.m-podcast-guests__title {
    color: #333;
    font-family: Raleway;
    font-size: 14px;
    line-height: 17px
}

.m-podcast-guests__title a {
    display: block
}

.m-sectionHeading {
    align-items: center;
    display: flex
}

.m-sectionHeading--textRight {
    flex-flow: row wrap;
    justify-content: space-between
}

@media only screen and (min-width:1024px) {
    .m-sectionHeading--textRight {
        flex-flow: row nowrap
    }
}

.m-sectionHeading--center {
    justify-content: center;
    margin: auto
}

.m-sectionHeading--center .m-sectionHeading__wrapper {
    text-align: center
}

.m-sectionHeading--center .m-sectionHeading__wrapper>* {
    margin-inline: auto
}

.m-sectionHeading__wrapper.--halfWidth {
    margin-bottom: 20px
}

@media only screen and (min-width:1024px) {
    .m-sectionHeading__wrapper.--halfWidth {
        margin-bottom: 40px;
        width: 50%
    }
}

.m-sectionHeading__wrapper.--oneThird {
    margin-bottom: 20px
}

@media only screen and (min-width:1024px) {
    .m-sectionHeading__wrapper.--oneThird {
        margin-bottom: 40px;
        width: 33%
    }
}

.m-sectionHeading__wrapper.--twoThirds {
    margin-bottom: 20px
}

@media only screen and (min-width:1024px) {
    .m-sectionHeading__wrapper.--twoThirds {
        margin-bottom: 40px;
        width: 66%
    }
}

.m-sectionHeading__topLine {
    background: var(--color-orange-gradientReverse);
    box-shadow: var(--shadow-containerIntroLine);
    display: block;
    height: 8px;
    margin-bottom: var(--spacing-medium);
    width: 80px
}

@media only screen and (min-width:1024px) {
    .m-sectionHeading__topLine {
        background: var(--color-orange-gradientReverse)
    }
}

.m-sectionHeading__topLine.--gradient-blue {
    background: var(--color-blue-gradient);
    box-shadow: var(--shadow-containerIntroLine)
}

.m-sectionHeading__topLine.--gradient-green {
    background: var(--color-green-gradient);
    box-shadow: var(--shadow-containerIntroLine)
}

.m-sectionHeading__topLine.--gradient-burnt-orange {
    background: var(--color-b-orange-gradient);
    box-shadow: var(--shadow-containerIntroLine)
}

.m-sectionHeading__topLine.--gradient-orange-yellow {
    background: var(--color-orange-yellow-gradient);
    box-shadow: var(--shadow-containerIntroLine)
}

.m-sectionHeading__heading {
    color: #3d4643;
    font-weight: 600
}

.m-sectionHeading__breadcrumbs {
    font-family: var(--font-sans);
    font-size: var(--font-size-x-small);
    text-transform: uppercase
}

.m-sectionHeading__breadcrumbs div {
    display: inline-block
}

.m-sectionHeading__breadcrumbs span,
.m-sectionHeading__breadcrumbs--link {
    color: var(--color-global-dk-heading);
    display: inline-block
}

.m-sectionHeading__breadcrumbs span {
    padding-inline: .5rem
}

.m-sectionHeading__content {
    color: #3d4643;
    position: relative
}

.m-sectionHeading__content--text div {
    font-size: 18px;
    line-height: var(--line-height-text)
}

.m-subscribe {
    align-items: center;
    background-color: #01b6ca;
    border-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    padding: var(--spacing-medium);
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-subscribe {
        width: 640px
    }
}

.m-subscribe__heading {
    color: #fff;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

.m-subscribe svg {
    margin: 0 var(--spacing-x-small)
}

.m-subscribe .icon {
    height: 55px;
    width: 55px
}

.m-promotionalBanner {
    height: auto;
    position: relative
}

.m-promotionalBanner__bgImage {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -99
}

.m-promotionalBanner__overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, .21), rgba(0, 0, 0, .55));
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -10
}

.m-promotionalBanner.promoteBanner .m-promotionalBanner__content.image-left {
    align-items: center;
    flex-direction: column-reverse;
    text-align: center
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner.promoteBanner .m-promotionalBanner__content.image-left {
        align-items: flex-start;
        flex-direction: row-reverse;
        justify-content: space-around
    }
}

@media only screen and (min-width:1024px) {
    .m-promotionalBanner.promoteBanner .m-promotionalBanner__content.image-left {
        justify-content: flex-end
    }
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner.promoteBanner .m-promotionalBanner__content.image-left .m-promotionalBanner__content--image {
        margin-right: 3rem
    }
}

.m-promotionalBanner.promoteBanner .m-promotionalBanner__content.image-right {
    align-items: center;
    flex-direction: column;
    text-align: center
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner.promoteBanner .m-promotionalBanner__content.image-right {
        align-items: flex-start;
        flex-direction: row;
        justify-content: normal
    }

    .m-promotionalBanner.promoteBanner .m-promotionalBanner__content.image-right .m-promotionalBanner__content--image {
        margin-left: 3rem
    }
}

.m-promotionalBanner.promoteBanner .m-promotionalBanner__content--heading {
    text-align: center
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner.promoteBanner .m-promotionalBanner__content--heading {
        text-align: left;
        width: 65%
    }
}

.m-promotionalBanner.promoteBanner .m-promotionalBanner__content--heading a.btn {
    display: inline
}

.m-promotionalBanner.promoteBanner .m-promotionalBanner__content--image {
    width: 80%
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner.promoteBanner .m-promotionalBanner__content--image {
        width: 30%
    }
}

@media only screen and (min-width:1024px) {
    .m-promotionalBanner.promoteBanner .m-promotionalBanner__content--image {
        width: 20%
    }
}

.m-promotionalBanner.promoteBanner .m-promotionalBanner__content--image img {
    margin-bottom: 1rem
}

@media only screen and (min-width:1024px) {
    .m-promotionalBanner.promoteBanner .m-promotionalBanner__content--image img {
        margin-bottom: 0
    }
}

.m-promotionalBanner__content {
    bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    overflow: hidden;
    padding: var(--spacing-large) var(--spacing-medium);
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner__content {
        padding: var(--spacing-xx-large) var(--spacing-large)
    }
}

@media only screen and (min-width:1024px) {
    .m-promotionalBanner__content {
        padding: var(--spacing-xx-large) var(--spacing-xx-large)
    }
}

.m-promotionalBanner__content--heading {
    color: var(--color-neutral-lightest);
    margin-bottom: var(--spacing-medium)
}

@media only screen and (min-width:1024px) {
    .m-promotionalBanner__content--heading {
        margin-bottom: var(--spacing-x-large);
        width: 70%
    }
}

.m-promotionalBanner__content--heading h2 {
    font-size: 24px;
    font-weight: var(--font-sans-700)
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner__content--heading h2 {
        font-size: 30px
    }
}

@media only screen and (min-width:1024px) {
    .m-promotionalBanner__content--heading h2 {
        font-size: 36px
    }
}

.m-promotionalBanner__content--form form {
    margin-bottom: 0
}

.m-promotionalBanner__content--form form fieldset {
    padding: 0
}

.m-promotionalBanner__content--form form label,
.m-promotionalBanner__content--form form legend {
    display: none
}

.m-promotionalBanner__content--form__inputs {
    align-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.m-promotionalBanner__content--form__inputs input {
    margin-bottom: 1rem
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner__content--form__inputs input {
        margin-bottom: 2rem
    }
}

.m-promotionalBanner__content--form__inputs input::placeholder {
    font-size: 14px;
    font-weight: 300
}

.m-promotionalBanner__content--form__inputs input[type=text] {
    margin-right: .5rem;
    width: 96px
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner__content--form__inputs input[type=text] {
        width: 160px
    }
}

.m-promotionalBanner__content--form__inputs input[type=email] {
    margin-right: 1rem;
    width: 165px
}

@media only screen and (min-width:400px) {
    .m-promotionalBanner__content--form__inputs input[type=email] {
        width: 200px
    }
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner__content--form__inputs input[type=email] {
        width: 340px
    }
}

.m-promotionalBanner__content--form__inputs input[type=submit] {
    background-color: var(--color-blue-darkest);
    border: none;
    border-radius: var(--border-radius-medium);
    color: var(--color-neutral-lightest);
    cursor: pointer;
    font-weight: var(--font-sans-500);
    padding: 8px 32px;
    text-decoration: none
}

.m-promotionalBanner__content--form__inputs input[type=submit]:hover {
    box-shadow: 2px 4px 10px 2px rgba(80, 182, 210, .2)
}

.m-promotionalBanner__content--form__consent {
    align-items: center;
    display: flex;
    flex-direction: row;
    position: relative
}

.m-promotionalBanner__content--form__consent--checkbox {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-right: 2rem
}

.m-promotionalBanner__content--form__consent--checkbox input {
    cursor: pointer;
    height: 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: 100
}

@media only screen and (min-width:400px) {
    .m-promotionalBanner__content--form__consent--checkbox input {
        top: 2px
    }
}

.m-promotionalBanner__content--form__consent--checkbox p {
    color: var(--color-neutral-lightest);
    font-family: var(--font-Raleway);
    font-size: 12px;
    font-weight: var(--font-Raleway-300);
    margin-bottom: 0;
    padding-left: var(--spacing-x-large)
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner__content--form__consent--checkbox p {
        font-size: 15px
    }
}

.m-promotionalBanner__content--form__consent--checkbox .checkmark {
    background-color: var(--color-neutral-lightest);
    border: 1px solid var(--color-blue-light);
    border-radius: 5px;
    cursor: pointer;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

@media only screen and (min-width:400px) {
    .m-promotionalBanner__content--form__consent--checkbox .checkmark {
        top: 2px
    }
}

.m-promotionalBanner__content--form__consent--checkbox .checkmark:after {
    border: solid var(--color-neutral-lightest);
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 11px;
    left: 7px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 6px
}

.m-promotionalBanner__content--form__consent--checkbox input:hover~.checkmark {
    box-shadow: var(--shadow-blue)
}

.m-promotionalBanner__content--form__consent--checkbox input:checked~.checkmark {
    background-color: var(--color-blue-light)
}

.m-promotionalBanner__content--form__consent--checkbox input:checked~.checkmark:after {
    display: block
}

.m-promotionalBanner__content--form__consent--checkbox input:not([checked])~.checkmark {
    background-color: var(--color-neutral-lightest)
}

.m-promotionalBanner__content--form__consent--checkbox input:not([checked])~.checkmark:after {
    display: none
}

.m-promotionalBanner__content--form__consent--privacy {
    position: absolute;
    right: 60px;
    top: -45px
}

@media only screen and (min-width:400px) {
    .m-promotionalBanner__content--form__consent--privacy {
        position: static
    }
}

.m-promotionalBanner__content--form__consent--privacy a {
    align-items: center;
    color: var(--color-neutral-lightest);
    display: flex;
    flex-direction: row;
    font-family: var(--font-Raleway);
    font-size: 12px;
    font-weight: var(--font-Raleway-300)
}

@media only screen and (min-width:768px) {
    .m-promotionalBanner__content--form__consent--privacy a {
        font-size: 15px
    }
}

.m-promotionalBanner__content--form__consent--privacy a svg {
    width: 16px
}

.m-promotionalBanner__modalContainerOuter {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1000
}

.m-promotionalBanner__modalContainerOuter .hidden {
    display: none;
    visibility: hidden
}

.m-promotionalBanner__modalContainerOuter .visible {
    display: block;
    visibility: visible
}

.m-promotionalBanner__modalContainerInner {
    background-color: #fff;
    height: 416px;
    margin: 0 auto;
    opacity: .9;
    padding: 120px 50px 50px;
    text-align: center;
    width: 100%
}

.m-promotionalBanner__modalContainerInner button {
    background-color: var(--color-blue-light);
    border: none;
    border-radius: var(--border-radius-medium);
    color: var(--color-neutral-lightest);
    cursor: pointer;
    font-weight: var(--font-sans-500);
    padding: 8px 32px;
    text-decoration: none;
    width: 150px
}

.m-promotionalBanner__modalContainerInner button:hover {
    box-shadow: 2px 4px 10px 2px rgba(80, 182, 210, .2)
}

.m-singleImageBanner {
    height: 376px;
    position: relative
}

@media only screen and (min-width:1024px) {
    .m-singleImageBanner {
        height: 416px
    }
}

.m-readMore__content--dots,
.m-readMore__content--part1,
.m-readMore__content--part1 :last-of-type {
    display: inline
}

.m-readMore__content--part2 {
    display: none
}

.m-readMore__content--part2 :last-of-type {
    margin-bottom: 0
}

.m-readMore__CTA {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--color-blue-darkest);
    display: flex;
    flex-direction: row;
    font-family: var(--font-Raleway);
    font-size: 14px;
    justify-content: center;
    margin: var(--spacing-medium) auto
}

.m-readMore__CTA svg {
    height: 16px;
    margin-left: var(--spacing-x-small);
    transform: rotate(90deg);
    transition: .3s;
    width: 16px
}

.m-readMore__CTA.--expanded svg {
    transform: rotate(270deg);
    transition: .3s
}

.m-readMore a {
    color: #258196;
    font-weight: 700
}

.relatedContent h4 {
    margin-bottom: var(--spacing-x-large)
}

.relatedContent--vertical li {
    margin-bottom: var(--spacing-large)
}

.o-roadTripStopCard {
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    flex-basis: 100%;
    height: 200px;
    margin: 0 1rem;
    max-width: 100%;
    min-width: 280px;
    position: relative;
    scroll-snap-align: center;
    transition: .1s cubic-bezier(.175, .885, .32, 1.275);
    transition: all .2s ease;
    z-index: 100
}

.o-roadTripStopCard:hover {
    box-shadow: var(--shadow-small-hover);
    transform: scale(1.04);
    transition: .2s ease
}

.o-roadTripStopCard__image {
    background: linear-gradient(225deg, #71c8be, #50b6d2);
    object-fit: cover;
    overflow: hidden;
    z-index: 1
}

.o-roadTripStopCard__image,
.o-roadTripStopCard__image:after {
    border-radius: var(--border-radius-medium);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.o-roadTripStopCard__image:after {
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .7) 80%, rgba(0, 0, 0, .8));
    content: "";
    display: block;
    height: 100%;
    transition: opacity .4s;
    width: 100%;
    z-index: -10
}

.o-roadTripStopCard__link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 3
}

.o-roadTripStopCard__link,
.o-roadTripStopCard__link:after {
    border-radius: var(--border-radius-medium);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.o-roadTripStopCard__link:after {
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .7) 80%, rgba(0, 0, 0, .8));
    content: "";
    display: block;
    height: 100%;
    transition: opacity .4s;
    width: 100%;
    z-index: -10
}

.o-roadTripStopCard__description {
    bottom: 0;
    color: var(--color-neutral-lightest);
    height: 100%;
    left: 0;
    padding: 1rem;
    position: absolute;
    width: 100%
}

.o-roadTripStopCard__description p {
    display: inline-block;
    font-size: var(--font-size-small);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.o-roadTripStopCard__description p a,
.o-roadTripStopCard__description p a:active,
.o-roadTripStopCard__description p a:focus,
.o-roadTripStopCard__description p a:hover,
.o-roadTripStopCard__description p a:visited {
    color: var(--color-neutral-lightest)
}

.o-roadTripStopCard__stopHeading {
    color: var(--color-blue-lightest);
    font-size: var(--font-size-small);
    font-weight: 600
}

.o-roadTripStopCard__heading {
    font-weight: 600
}

@media only screen and (min-width:768px) {
    .o-roadTripStopCard__heading {
        font-size: var(--font-size-medium);
        font-weight: var(--font-sans-200)
    }
}

.m-simpleCards__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.m-scrollNav {
    background-color: var(--color-neutral-lightest)
}

.m-scrollNav--nav {
    box-shadow: var(--shadow-dropdown);
    height: 37px
}

@media only screen and (min-width:768px) {
    .m-scrollNav--nav {
        height: 57px
    }
}

.m-scrollNav--nav.sticky {
    background-color: var(--color-neutral-lightest);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

.m-scrollNav--nav ul {
    -webkit-overflow-scrolling: touch;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory
}

.m-scrollNav--nav ul .m-scrollNav--nav__tab {
    color: var(--color-secondary);
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: var(--font-sans-500);
    height: 37px;
    margin-bottom: 0;
    padding: var(--spacing-small) var(--spacing-medium);
    position: relative;
    scroll-snap-align: start;
    text-align: center;
    text-transform: capitalize
}

@media only screen and (min-width:768px) {
    .m-scrollNav--nav ul .m-scrollNav--nav__tab {
        height: 57px;
        padding: var(--spacing-medium)
    }
}

.m-scrollNav--nav ul .m-scrollNav--nav__tab:after {
    background: var(--color-neutral-lightest);
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%
}

.m-scrollNav--nav ul .m-scrollNav--nav__tab:active,
.m-scrollNav--nav ul .m-scrollNav--nav__tab:focus,
.m-scrollNav--nav ul .m-scrollNav--nav__tab:hover {
    color: var(--color-neutral-darker)
}

.m-scrollNav--nav ul .m-scrollNav--nav__tab:active:after,
.m-scrollNav--nav ul .m-scrollNav--nav__tab:focus:after,
.m-scrollNav--nav ul .m-scrollNav--nav__tab:hover:after {
    background: var(--color-neutral-light)
}

.m-scrollNav--nav ul .m-scrollNav--nav__tab.--activeTab {
    color: var(--color-neutral-darker)
}

.m-scrollNav--nav ul .m-scrollNav--nav__tab.--activeTab:after {
    background: var(--color-blue-gradient)
}

.m-scrollNav--nav ul::-webkit-scrollbar {
    display: none
}

.m-scrollNav--nav-center {
    box-shadow: var(--shadow-dropdown)
}

.m-scrollNav--nav-center ul {
    -webkit-overflow-scrolling: touch;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory
}

.m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab {
    color: var(--color-secondary);
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: var(--font-sans-500);
    margin-bottom: 0;
    padding: var(--spacing-small) var(--spacing-medium);
    position: relative;
    scroll-snap-align: start;
    text-align: center;
    text-transform: capitalize
}

@media only screen and (min-width:768px) {
    .m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab {
        padding: var(--spacing-medium)
    }
}

.m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab:after {
    background: var(--color-neutral-lightest);
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%
}

.m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab:active,
.m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab:focus,
.m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab:hover {
    color: var(--color-neutral-darker)
}

.m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab:active:after,
.m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab:focus:after,
.m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab:hover:after {
    background: var(--color-neutral-light)
}

.m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab.--activeTab {
    color: var(--color-neutral-darker)
}

.m-scrollNav--nav-center ul .m-tabNav__inner--nav__tab.--activeTab:after {
    background: var(--color-blue-gradient)
}

.m-scrollNav--nav-center ul::-webkit-scrollbar {
    display: none
}

.m-scrollNav--content {
    padding-top: 50px
}

.m-scrollNav--content.sticky {
    padding-top: 87px
}

@media only screen and (min-width:768px) {
    .m-scrollNav--content.sticky {
        padding-top: 107px
    }
}

.m-scrollNav--content.sticky .container {
    padding-top: 2.8rem
}

@media only screen and (min-width:768px) {
    .m-scrollNav--content.sticky .container {
        padding-top: 3.8rem
    }
}

.m-bannerBg,
.m-main,
.m-overlay {
    height: 203px;
    width: 265px
}

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

    .m-bannerBg,
    .m-main,
    .m-overlay {
        height: 74px;
        width: 162px
    }
}

.m-bannerBg {
    background-color: #2b8ba5;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    position: absolute;
    z-index: -1
}

.m-bannerBg img {
    margin: 0;
    max-height: 100%;
    opacity: .2;
    width: 100%
}

.m-overlay {
    grid-gap: 15px;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    position: absolute;
    z-index: 2
}

@media only screen and (max-width:639px) {
    .m-overlay {
        grid-gap: 5px
    }
}

.m-overlay img,
.m-overlay p {
    margin: 1.45rem 0
}

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

    .m-overlay img,
    .m-overlay p {
        margin: 1rem 0
    }
}

.m-overlay .m-overlay-npLocation {
    height: 65px;
    width: 65px
}

@media only screen and (max-width:639px) {
    .m-overlay .m-overlay-npLocation {
        height: 30px;
        width: 30px
    }
}

.m-overlay .m-overlay-text {
    color: #fff;
    font-family: Poppins;
    font-size: 1.56rem;
    font-style: normal;
    font-weight: 600;
    height: 64px;
    line-height: 32px;
    width: 118px
}

@media only screen and (max-width:639px) {
    .m-overlay .m-overlay-text {
        font-size: .95rem;
        height: 40px;
        line-height: 19px;
        width: 72px
    }
}

.m-overlay .m-overlay-npArrow {
    height: 32px;
    width: 32px
}

@media only screen and (max-width:639px) {
    .m-overlay .m-overlay-npArrow {
        height: 24px;
        width: 24px
    }
}

.m-main-x {
    background: none;
    border: none;
    cursor: pointer;
    float: right;
    height: 24px;
    padding: 0;
    position: relative;
    width: 24px;
    z-index: 3
}

.m-main-x:hover {
    border: 2px solid #add8e6
}

.m-main-x img {
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

@media only screen and (max-width:639px) {
    .m-main-x img {
        max-height: 50%;
        max-width: 50%
    }
}

.m-slideOutBanner {
    animation: animate-left 1.5s;
    animation-timing-function: ease;
    bottom: 10px;
    left: 10px;
    position: fixed;
    z-index: 120
}

@media only screen and (max-width:639px) {
    .m-slideOutBanner {
        bottom: 80px
    }
}

@keyframes animate-left {
    0% {
        left: -300px
    }

    to {
        left: 10px
    }
}

.m-support-bubble-teaser {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    gap: 1rem;
    justify-content: flex-start;
    margin: auto;
    max-width: 500px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-support-bubble-teaser {
        width: 48%
    }
}

@media only screen and (min-width:1248px) {
    .m-support-bubble-teaser {
        width: 31%
    }
}

.m-support-bubble-teaser__image-wrapper {
    background-image: url(/assets/images/family-hub/support-bubble-1.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -.8rem;
    padding: .8rem
}

.m-support-bubble-teaser__image-wrapper--alt {
    background-image: url(/assets/images/family-hub/support-bubble-2.svg)
}

.m-support-bubble-teaser__image-wrapper--alt2 {
    background-image: url(/assets/images/family-hub/support-bubble-3.svg)
}

.m-support-bubble-teaser img.m-support-bubble-teaser__image {
    max-width: inherit;
    width: 112px
}

@media only screen and (min-width:640px) {
    .m-support-bubble-teaser img.m-support-bubble-teaser__image {
        width: 140px
    }
}

@media only screen and (min-width:1248px) {
    .m-support-bubble-teaser img.m-support-bubble-teaser__image {
        width: 180px
    }
}

.m-support-bubble-teaser__image {
    border-radius: var(--border-radius-circle)
}

.m-support-bubble-teaser__content {
    padding: var(--spacing-large);
    width: calc(100% - 180px)
}

.m-support-bubble-teaser__text {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 0
}

.m-support-bubble-modal {
    background-color: var(--fh-color-rich-black);
    border-radius: 1.5rem;
    max-width: 500px;
    overflow: hidden
}

.m-support-bubble-modal__image {
    width: 100%
}

.m-support-bubble-modal__content {
    background: var(--fh-color-rich-black-gradient);
    color: var(--color-global-very-white);
    margin-top: -13rem;
    padding: 1rem 2.5rem 8rem;
    position: relative;
    z-index: 10
}

.m-support-bubble-modal__header {
    font-family: var(--font-sans-600);
    font-weight: var(--font-sans-600)
}

.m-support-bubble-related {
    background-color: var(--fh-color-dark-gray);
    border-radius: .5rem;
    display: flex;
    flex-flow: row nowrap
}

.m-support-bubble-related__image {
    border-radius: .5rem;
    width: 116px
}

.m-tabNav {
    background-color: var(--color-neutral-lightest)
}

.m-tabNav__inner--nav {
    box-shadow: var(--shadow-dropdown)
}

.m-tabNav__inner--nav ul {
    -webkit-overflow-scrolling: touch;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory
}

.m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab {
    color: var(--color-secondary);
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: var(--font-sans-500);
    margin-bottom: 0;
    padding: var(--spacing-small) var(--spacing-medium);
    position: relative;
    scroll-snap-align: start;
    text-align: center;
    text-transform: capitalize
}

@media only screen and (min-width:768px) {
    .m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab {
        padding: var(--spacing-medium)
    }
}

.m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab:after {
    background: var(--color-neutral-lightest);
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%
}

.m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab:active,
.m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab:focus,
.m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab:hover {
    color: var(--color-neutral-darker)
}

.m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab:active:after,
.m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab:focus:after,
.m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab:hover:after {
    background: var(--color-neutral-light)
}

.m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab.--activeTab {
    color: var(--color-neutral-darker)
}

.m-tabNav__inner--nav ul .m-tabNav__inner--nav__tab.--activeTab:after {
    background: var(--color-blue-gradient)
}

.m-tabNav__inner--nav ul::-webkit-scrollbar {
    display: none
}

.m-tabNav__inner--nav-center {
    box-shadow: var(--shadow-dropdown)
}

.m-tabNav__inner--nav-center ul {
    -webkit-overflow-scrolling: touch;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory
}

.m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab {
    color: var(--color-secondary);
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: var(--font-sans-500);
    margin-bottom: 0;
    padding: var(--spacing-small) var(--spacing-medium);
    position: relative;
    scroll-snap-align: start;
    text-align: center;
    text-transform: capitalize
}

@media only screen and (min-width:768px) {
    .m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab {
        padding: var(--spacing-medium)
    }
}

.m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab:after {
    background: var(--color-neutral-lightest);
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%
}

.m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab:active,
.m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab:focus,
.m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab:hover {
    color: var(--color-neutral-darker)
}

.m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab:active:after,
.m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab:focus:after,
.m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab:hover:after {
    background: var(--color-neutral-light)
}

.m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab.--activeTab {
    color: var(--color-neutral-darker)
}

.m-tabNav__inner--nav-center ul .m-tabNav__inner--nav__tab.--activeTab:after {
    background: var(--color-blue-gradient)
}

.m-tabNav__inner--nav-center ul::-webkit-scrollbar {
    display: none
}

.m-tabNav__inner--content {
    margin-top: var(--spacing-large)
}

.m-travelAlert {
    align-items: center;
    background-color: var(--fh-color-blue);
    display: none;
    flex-direction: row;
    justify-content: space-between;
    min-height: 38px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%
}

.native-hub .m-travelAlert {
    background-color: var(--nh-color-blue)
}

.m-travelAlert.--show {
    display: flex
}

.m-travelAlert>div:first-child {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding-left: var(--spacing-small)
}

@media only screen and (min-width:768px) {
    .m-travelAlert>div:first-child {
        padding-left: var(--spacing-xx-large)
    }
}

.m-travelAlert>div:first-child p {
    color: var(--color-neutral-lightest);
    font-size: var(--font-size-small);
    margin: 0 5px 0 7px
}

.m-travelAlert>div:first-child svg {
    height: 18px;
    width: 18px
}

@media only screen and (min-width:768px) {
    .m-travelAlert>div:first-child svg {
        height: 20px;
        width: 20px
    }
}

.m-travelAlert>div:first-child .linkedMessageContainer {
    align-items: center;
    display: flex;
    flex-direction: row
}

.m-travelAlert>div:first-child .linkedMessageContainer div:first-child svg {
    position: relative;
    top: 3px
}

@media only screen and (min-width:768px) {
    .m-travelAlert>div:first-child .linkedMessageContainer div:first-child svg {
        top: 2px
    }
}

.m-travelAlert button {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--color-neutral-lightest);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: var(--font-size-small);
    padding-right: var(--spacing-small)
}

.m-travelAlert button svg {
    margin-left: 3px
}

.m-travelAlert button span {
    display: none
}

.m-videoSeriesCardWrapper {
    height: 135px;
    position: relative;
    width: 220px
}

@media only screen and (min-width:768px) {
    .m-videoSeriesCardWrapper {
        height: 270px;
        width: 480px
    }
}

@media only screen and (min-width:1024px) {
    .m-videoSeriesCardWrapper {
        height: 333px;
        width: 480px
    }
}

.m-videoSeriesCardWrapper__likeCTA {
    left: 80%;
    position: absolute;
    top: -13px;
    z-index: 102
}

@media only screen and (min-width:768px) {
    .m-videoSeriesCardWrapper__likeCTA {
        left: 80%;
        top: -15px
    }
}

.m-videoSeriesCardWrapper .m-videoSeriesCard {
    box-shadow: var(--shadow-detailCardHorizontal);
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275);
    width: 100%
}

.m-videoSeriesCardWrapper .m-videoSeriesCard:hover {
    box-shadow: var(--shadow-detailCardHorizontalHover)
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__image {
    overflow: hidden;
    position: absolute
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__image,
.m-videoSeriesCardWrapper .m-videoSeriesCard__image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__image:after {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .5));
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: 10
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__link {
    bottom: 0;
    color: var(--color-neutral-lightest);
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    padding: var(--spacing-small) var(--spacing-small) var(--spacing-x-small) var(--spacing-small);
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    z-index: 3
}

@media only screen and (min-width:768px) {
    .m-videoSeriesCardWrapper .m-videoSeriesCard__link {
        padding: var(--spacing-medium)
    }
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__link:active,
.m-videoSeriesCardWrapper .m-videoSeriesCard__link:focus,
.m-videoSeriesCardWrapper .m-videoSeriesCard__link:hover,
.m-videoSeriesCardWrapper .m-videoSeriesCard__link:visited {
    text-decoration: underline
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__link--top {
    background: rgba(0, 0, 0, .25);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 60%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__link--top__count {
    color: var(--color-neutral-lightest);
    font-size: var(--font-size-x-small);
    font-weight: var(--font-sans-300);
    margin-bottom: var(--spacing-base);
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .m-videoSeriesCardWrapper .m-videoSeriesCard__link--top__count {
        font-size: var(--font-size-medium)
    }
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__link--top__playIcon {
    background-color: var(--color-neutral-lightest);
    border: 0;
    border-radius: var(--border-radius-circle);
    bottom: var(--spacing-small);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .23);
    height: 22px;
    margin: 0 auto;
    opacity: .8;
    position: relative;
    width: 22px
}

@media only screen and (min-width:768px) {
    .m-videoSeriesCardWrapper .m-videoSeriesCard__link--top__playIcon {
        height: 36px;
        right: 3px;
        width: 36px
    }
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__link--top__playIcon:after {
    background-color: transparent;
    color: var(--color-neutral-darker);
    content: "\25B2";
    font-size: .7rem;
    left: 7px;
    position: absolute;
    top: 3px;
    transform: rotate(90deg)
}

@media only screen and (min-width:768px) {
    .m-videoSeriesCardWrapper .m-videoSeriesCard__link--top__playIcon:after {
        font-size: .9rem;
        left: 11px;
        top: 6px
    }
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__link--bottom {
    bottom: 5%;
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 70%
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__link--bottom__headline {
    font-weight: var(--font-sans-300);
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .m-videoSeriesCardWrapper .m-videoSeriesCard__link--bottom__headline {
        margin-top: var(--spacing-small)
    }
}

.m-videoSeriesCardWrapper .m-videoSeriesCard__link--bottom__heading {
    font-size: var(--font-size-small);
    font-weight: var(--font-sans-600);
    line-height: 1;
    margin-bottom: var(--spacing-medium)
}

@media only screen and (min-width:768px) {
    .m-videoSeriesCardWrapper .m-videoSeriesCard__link--bottom__heading {
        font-size: var(--font-size-x-large)
    }
}

@media only screen and (min-width:1024px) {
    .m-videoSeriesCardWrapper .m-videoSeriesCard__link--bottom__heading {
        font-size: var(--font-size-xx-large)
    }
}

.m-videoSeriesCardWrapper .m-videoSeriesCard.--singleVideo .m-videoSeriesCard__link--bottom__heading {
    margin-top: 0
}

.m-videoSeriesCardWrapper .m-videoSeriesCard .a-simpleTags {
    display: none
}

@media only screen and (min-width:768px) {
    .m-videoSeriesCardWrapper .m-videoSeriesCard .a-simpleTags {
        display: block
    }
}

.m-videoSeriesCardWrapper .m-videoSeriesCard .a-simpleTags li .a-simpleTags__tag,
.m-videoSeriesCardWrapper .m-videoSeriesCard .a-simpleTags li .a-simpleTags__tagLink {
    border-color: var(--color-neutral-lightest);
    color: var(--color-neutral-lightest);
    font-size: var(--font-size-small);
    margin-bottom: .5rem;
    width: 100%
}

.m-youTubeVideo {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.m-youTubeVideo iframe {
    height: 100%;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.m-youTubeVideo__videoHeading {
    color: var(--color-blue);
    font-weight: 700;
    margin-bottom: var(--spacing-medium);
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-youTubeVideo__videoHeading {
        font-size: var(--font-size-large)
    }
}

.m-youTubeVideo__videoTitle {
    color: var(--color-neutral-dark);
    margin-bottom: .5rem;
    margin-top: 1rem;
    position: relative;
    text-transform: uppercase
}

.m-youTubeVideo__videoTitle:after {
    background: var(--color-blue-gradient);
    border-left-width: 0;
    border-right-width: 0;
    bottom: -.5rem;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    width: 25%
}

.m-youTubeVideo__closeButton {
    animation-delay: .7s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: showUp;
    bottom: 245px;
    box-sizing: border-box;
    display: none;
    left: auto;
    position: fixed;
    right: 45px;
    top: auto;
    z-index: 104
}

.m-youTubeVideo__closeButton:after,
.m-youTubeVideo__closeButton:before {
    background-color: #c4302b;
    content: "";
    display: block;
    height: 5px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transition: all .2s ease-out;
    width: 20px
}

.m-youTubeVideo__closeButton:after {
    transform: rotate(45deg)
}

.m-youTubeVideo__playpauseButton {
    animation-delay: .7s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: showUp;
    bottom: 110px;
    box-sizing: border-box;
    display: none;
    left: auto;
    position: fixed;
    right: 205px;
    top: auto;
    z-index: 104
}

.m-youTubeVideo.no-controls iframe {
    pointer-events: none
}

.m-youTubeVideo.is-sticky .m-youTubeVideo__closeButton,
.m-youTubeVideo.is-sticky .m-youTubeVideo__playpauseButton {
    display: block
}

.m-youTubeVideo.is-sticky iframe {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    bottom: 20px;
    box-shadow: var(--shadow-blue);
    height: 236px;
    left: auto;
    pointer-events: none;
    position: fixed;
    right: 20px;
    top: auto;
    width: 420px;
    z-index: 103
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: .1;
        transform: none
    }
}

@keyframes showUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.m-galleryModalTrigger {
    height: 100%
}

.m-galleryModalTrigger__trigger {
    cursor: pointer;
    height: 100%;
    position: relative
}

.m-galleryModalTrigger__trigger .icon {
    bottom: var(--spacing-large);
    position: absolute;
    right: var(--spacing-large)
}

.m-galleryModalTrigger .o-carouselGalleryWrapper {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.m-galleryModalTrigger .gatsby-image-wrapper {
    margin-bottom: 0
}

.m-resourcecard {
    align-items: center;
    border-radius: 16px;
    box-shadow: 0 4px 4px rgba(48, 48, 48, .15);
    display: inline-flex;
    max-height: 96px;
    max-width: 342px;
    overflow: hidden;
    padding-right: 1rem
}

.m-resourcecard__img {
    height: 96px;
    margin-bottom: 0;
    margin-right: 1rem;
    object-fit: cover;
    width: 120px
}

.m-resourcecard__content {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis
}

.m-resourcecard__link {
    color: #7f949f;
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap
}

.m-resource-card {
    display: flex
}

.m-resource-card>span {
    flex: 1 1;
    font-weight: 700;
    margin-bottom: var(--spacing-large)
}

.m-resource-card>a {
    margin-left: 1rem
}

.m-resource-card>a>.icon {
    vertical-align: middle
}

.m-animatedSection__animation-inner.--bucket-gif:after,
.m-animatedSection__animation-inner.--firecracker-gif:after,
.m-animatedSection__animation-inner.--icecream-gif:after,
.m-animatedSection__animation-inner.--otter-gif:after,
.m-animatedSection__animation-inner.--planets-gif:after,
.m-animatedSection__animation-inner.--ticket-gif:after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    z-index: -1
}

.m-animatedSection__container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px
}

@media only screen and (max-width:1247px) {
    .m-animatedSection__container {
        gap: 30px
    }
}

@media only screen and (max-width:1023px) {
    .m-animatedSection__container {
        align-items: center;
        flex-direction: column !important;
        gap: unset
    }
}

.m-animatedSection__container.reverse {
    flex-direction: row-reverse
}

@media only screen and (max-width:639px) {
    .m-animatedSection__container.reverse {
        flex-direction: column-reverse
    }
}

.m-animatedSection__cards-mobile,
.m-animatedSection__title {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    position: relative
}

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

    .m-animatedSection__cards-mobile,
    .m-animatedSection__title {
        max-width: 100%
    }
}

.m-animatedSection__cards-mobile.--fullWidth,
.m-animatedSection__title.--fullWidth {
    max-width: 100%;
    padding: 156px 0 198px
}

.m-animatedSection__cards-mobile h2,
.m-animatedSection__title h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 51px;
    position: relative
}

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

    .m-animatedSection__cards-mobile h2,
    .m-animatedSection__title h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 36px
    }
}

.m-animatedSection__cards-mobile h2.--sun-gif:after,
.m-animatedSection__title h2.--sun-gif:after {
    background-image: url(/assets/images/kidifornia/sun.gif);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 180px;
    position: absolute;
    right: -100px;
    top: -150px;
    width: 180px;
    z-index: 1000
}

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

    .m-animatedSection__cards-mobile h2.--sun-gif:after,
    .m-animatedSection__title h2.--sun-gif:after {
        height: 150px;
        right: -25px;
        top: -135px;
        width: 150px
    }
}

.m-animatedSection__cards-mobile h3,
.m-animatedSection__title h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px
}

.m-animatedSection__cards-mobile .scatteredTitleBox,
.m-animatedSection__title .scatteredTitleBox {
    opacity: 0
}

.m-animatedSection__cards-mobile .scatteredTitleBox--btn,
.m-animatedSection__title .scatteredTitleBox--btn {
    margin-top: 64px
}

.m-animatedSection__cards-mobile .scatteredTitleBox--btn a,
.m-animatedSection__title .scatteredTitleBox--btn a {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 57px rgba(0, 0, 0, .23);
    color: #333;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 24px;
    padding: 16px 32px;
    text-align: center
}

.m-animatedSection__cards-mobile {
    margin-top: 400px
}

@media only screen and (max-width:639px) {
    .m-animatedSection__cards-mobile {
        margin-top: 250px
    }
}

.m-animatedSection__cards-mobile .m-animatedSection__image-src {
    max-width: 337px;
    width: 100%
}

.m-animatedSection__cards-mobile .scatteredTitleBox {
    opacity: 1;
    text-align: center
}

.m-animatedSection__cards-mobile .scatteredTitleBox--btn {
    margin-top: 45px
}

.m-animatedSection__cards-mobile .scatteredTitleBox--btn a {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    max-width: 285px
}

.m-animatedSection__cards-mobile .m-animatedSection__image-src {
    height: 252px;
    margin-bottom: 24px
}

.m-animatedSection__cards-mobile .m-animatedSection__image-src img {
    width: 100%
}

.m-animatedSection__animation {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 100
}

@media screen and (max-width:1024px) {
    .m-animatedSection__animation {
        top: 100% !important
    }
}

@media only screen and (max-width:639px) {
    .m-animatedSection__animation {
        left: 0 !important;
        width: 275px
    }
}

.m-animatedSection__animation-inner {
    display: inline-block;
    position: relative
}

.m-animatedSection__animation-inner.--icecream-gif:after {
    background-image: url(/assets/images/kidifornia/ice-cream.gif);
    height: 450px;
    right: -160px;
    top: -135px;
    width: 450px
}

@media only screen and (max-width:639px) {
    .m-animatedSection__animation-inner.--icecream-gif:after {
        height: 300px;
        right: -110px;
        top: -90px;
        width: 300px
    }
}

.m-animatedSection__animation-inner.--ticket-gif:after {
    background-image: url(/assets/images/kidifornia/Wind.gif);
    height: 275px;
    right: -165px;
    top: 130px;
    width: 275px
}

@media only screen and (max-width:639px) {
    .m-animatedSection__animation-inner.--ticket-gif:after {
        height: 100px;
        right: -29px;
        top: 86px;
        width: 100px
    }
}

.m-animatedSection__animation-inner.--bucket-gif:after {
    background-image: url(/assets/images/kidifornia/Dots.gif);
    height: 275px;
    right: 40px;
    top: 155px;
    width: 275px
}

@media only screen and (max-width:639px) {
    .m-animatedSection__animation-inner.--bucket-gif:after {
        height: 200px;
        right: -12px;
        top: 25px;
        width: 200px
    }
}

.m-animatedSection__animation-inner.--otter-gif:after {
    background-image: url(/assets/images/kidifornia/Water.gif);
    height: 350px;
    right: 160px;
    top: -30px;
    width: 350px
}

@media only screen and (max-width:639px) {
    .m-animatedSection__animation-inner.--otter-gif:after {
        height: 200px;
        right: 55px;
        top: -30px;
        width: 200px
    }
}

.m-animatedSection__animation-inner.--planets-gif:after {
    background-image: url(/assets/images/kidifornia/Galaxy.gif);
    height: 400px;
    right: 10px;
    top: -65px;
    width: 400px
}

@media only screen and (max-width:639px) {
    .m-animatedSection__animation-inner.--planets-gif:after {
        height: 300px;
        right: 10px;
        top: -35px;
        width: 300px
    }
}

.m-animatedSection__animation-inner.--firecracker-gif:after {
    background-image: url(/assets/images/kidifornia/Firework.gif);
    height: 400px;
    right: 150px;
    top: -65px;
    width: 400px
}

@media only screen and (max-width:639px) {
    .m-animatedSection__animation-inner.--firecracker-gif:after {
        height: 250px;
        right: 85px;
        top: -42px;
        width: 250px
    }
}

.m-animatedSection__image-container {
    border-radius: 20px;
    filter: drop-shadow(16px 16px 36px rgba(0, 0, 0, .55));
    height: auto;
    margin-top: 50px;
    max-height: 355px;
    max-width: 50%;
    right: 0;
    width: 471px
}

.m-animatedSection__image-container.--card-dropshadow {
    filter: drop-shadow(25px -16px 20px rgba(0, 0, 0, .55))
}

@media only screen and (max-width:767px) {
    .m-animatedSection__image-container {
        max-width: 100%
    }
}

@media only screen and (max-width:639px) {
    .m-animatedSection__image-container {
        margin-top: 15px
    }
}

.m-animatedSection__image-box {
    position: relative
}

.m-animatedSection__image-box img {
    border-radius: 20px;
    height: 100%;
    margin: 0;
    object-fit: cover
}

.m-animatedSection__image-text {
    bottom: 30px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    left: 0;
    line-height: 36px;
    padding: 0 8px;
    position: absolute;
    right: 0;
    text-align: center
}

@media only screen and (max-width:639px) {
    .m-animatedSection__image-text {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 24px
    }
}

.m-animatedSection__image-src {
    border-radius: 20px;
    height: auto;
    height: 355px;
    overflow: hidden;
    position: relative
}

.m-animatedSection__image-src img {
    width: 100%
}

@media only screen and (max-width:639px) {
    .m-animatedSection__image-src {
        height: 340px;
        margin: auto;
        max-width: 255px;
        width: 100%
    }
}

.m-animatedSection__image-overlay {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
    bottom: 0;
    height: 30%;
    position: absolute;
    width: 100%
}

.m-animatedSection__image-card {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.m-animatedSection__image-card img {
    border-radius: 20px;
    margin: 0;
    object-fit: cover
}

.m-animatedSection__image-card-src {
    border-radius: 20px;
    height: 257px;
    overflow: hidden;
    position: relative;
    width: 193px
}

.m-animatedSection__image-card-src img {
    height: 100%;
    width: 100%
}

.m-animatedSection__image-card-overlay {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
    bottom: 0;
    height: 30%;
    position: absolute;
    width: 100%
}

.m-animatedSection__image-card-text {
    bottom: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    line-height: 24px;
    padding: 0 8px;
    position: absolute;
    right: 0;
    text-align: center
}

.detailcard--grid__container {
    margin-top: 20px;
    max-width: 1550px
}

.detailcard--grid__firstrow {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.detailcard--grid__firstrow strong {
    color: #000;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    margin-right: 10px
}

.detailcard--grid__firstrow span {
    background: #eef1f4;
    border-radius: 100px;
    color: #282d30;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding: 3px 6px
}

.detailcard--grid__firstrow>.see--more__wrapper {
    align-items: center;
    display: flex;
    padding-right: 15px
}

.detailcard--grid__firstrow .see-more__text {
    align-items: center;
    color: #0b7e9d;
    display: flex;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-right: 3px
}

.cards {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0
}

.cards>.cards_item {
    padding-left: 0
}

.cards>.cards_item :nth-child(3) {
    padding-right: 0
}

.load-more-button {
    background: transparent;
    border-bottom: 4px solid rgba(98, 189, 213, .2);
    color: #75c5db;
    cursor: pointer;
    font-weight: inherit;
    justify-content: center;
    margin: auto auto 20px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.load-more-button:hover {
    color: var(--color-blue)
}

.cards_item {
    display: flex;
    margin: 0 !important
}

@media only screen and (min-width:280px) {
    .cards_item {
        padding: 10px;
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .cards_item {
        padding: 10px;
        width: 25%
    }
}

.cards_item__seemore {
    display: flex;
    margin: 0 !important
}

@media only screen and (min-width:280px) {
    .cards_item__seemore {
        padding: 10px;
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .cards_item__seemore {
        padding: 10px;
        width: 25%
    }
}

.detailcard-titlefigure {
    align-items: center;
    display: flex
}

.detailcard-titlefigure>span {
    display: flex;
    height: 25px;
    justify-content: center;
    width: 25px
}

.places--to__visitblock {
    display: flex;
    margin: 0 !important;
    padding: 5px 5px 5px 0
}

@media only screen and (min-width:280px) {
    .places--to__visitblock {
        padding: 10px 0;
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .places--to__visitblock {
        padding: 10px 10px 10px 0;
        width: 33.33%
    }
}

.row--wrapper {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    padding-top: 25px
}

.filter--dropdown_buttons {
    display: flex;
    gap: 5px
}

.slideDrawer {
    background-color: #fff;
    bottom: 0;
    box-shadow: -12px 0 24px rgba(0, 0, 0, .16);
    height: 0;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    transition: .5s;
    width: 100%;
    z-index: 1005
}

.slideDrawer-header {
    align-items: center;
    border-bottom: 1px solid #dae3ea;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    line-height: normal;
    padding: 1.5rem
}

.slideDrawer-content {
    padding: 1.5rem
}

.slideDrawer-footer {
    align-items: center;
    border-top: 1px solid #dae3ea;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    line-height: normal;
    padding: 1.5rem
}

.slideDrawer-close {
    background: none;
    border: none;
    color: #0b7e9d
}

.visit-native-california__recent .slideDrawer-close {
    color: var(--nh-color-blue)
}

.ais-InfiniteHits-list {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:768px) {
    .ais-InfiniteHits-list {
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr
    }
}

@media only screen and (min-width:1024px) {
    .ais-InfiniteHits-list {
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr
    }
}

@media only screen and (min-width:1248px) {
    .ais-InfiniteHits-list {
        grid-gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr
    }
}

.ais-InfiniteHits-item {
    display: flex;
    height: 100%
}

.ais-RefinementList-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.isDesktop .ais-RefinementList-list {
    align-items: center;
    display: flex
}

.isDesktop .ais-RefinementList-item {
    margin-bottom: 0;
    margin-right: 2rem
}

.ais-RefinementList-labelText {
    position: relative;
    top: 3px
}

.ais-RefinementList-count {
    font-weight: 600;
    position: relative;
    top: 3px
}

.ais-RefinementList-item .ais-RefinementList-label {
    margin-bottom: 1rem
}

.ais-RefinementList-label {
    cursor: pointer;
    display: block;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding-left: 2.5rem;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.ais-RefinementList-label .ais-RefinementList-checkbox {
    cursor: pointer;
    height: 1.5rem;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 1.5rem
}

.ais-RefinementList-checkbox:before {
    background-color: #eee;
    content: "";
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.5rem
}

.ais-RefinementList-label .ais-RefinementList-checkbox:checked:before {
    background-color: #277e96
}

.visit-native-california__recent .ais-RefinementList-label .ais-RefinementList-checkbox:checked:before {
    background-color: var(--nh-color-blue)
}

.ais-RefinementList-checkbox:after {
    content: "";
    display: none;
    position: absolute
}

.ais-RefinementList-label .ais-RefinementList-checkbox:checked:after {
    display: block
}

.ais-RefinementList-label .ais-RefinementList-checkbox:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    height: 10px;
    left: 9px;
    top: 5px;
    transform: rotate(45deg);
    width: 5px
}

.m-detailCard--algolia {
    background-color: #fff;
    border: 1px solid #dae3ea;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.visit-native-california__recent .m-detailCard--algolia .m-detailCard__link:hover {
    color: var(--nh-color-blue)
}

.m-detailCard--algolia .m-detailCard__text {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column nowrap;
    gap: 1rem;
    justify-content: space-between
}

.m-detailCard--algolia .m-detailCard__title {
    margin-bottom: 1rem
}

.m-detailCard--algolia .m-detailCard__img {
    aspect-ratio: 3/2;
    flex: 0 1 auto;
    height: auto
}

.m-detailCard--algolia .m-detailCard__img img {
    aspect-ratio: 3/2;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.o-accordion {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 100% auto 5vh;
    position: relative;
    transition: height .3s ease .3s, margin 2s cubic-bezier(.16, 1, .3, 1);
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-accordion {
        height: 75vh;
        width: 90%
    }
}

@media only screen and (min-width:1024px) {
    .o-accordion {
        flex-direction: row
    }

    .o-accordion:focus-within~.o-landing__image-group {
        transform: translateY(2vw)
    }
}

@media only screen and (min-width:768px) {
    .o-accordion:focus-within {
        height: 85vh
    }
}

.o-accordion:focus-within .o-accordion__decorative-text {
    bottom: -4rem;
    opacity: 0
}

@media only screen and (max-width:767px) {
    .o-accordion__heading {
        font-size: 2.5rem;
        line-height: 2.5rem
    }
}

.o-accordion--open {
    margin-top: 0
}

.o-accordion__item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 6px 10px rgba(48, 48, 48, .14), 0 1px 18px rgba(48, 48, 48, .12), 0 3px 5px rgba(48, 48, 48, .2);
    cursor: pointer;
    flex: 1 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: flex .8s cubic-bezier(.68, -.6, .32, 1.6) .8s;
    will-change: transform
}

.o-accordion__item:focus,
.o-accordion__item:focus-within {
    flex: 7 1;
    outline: none !important
}

.o-accordion__item:focus .o-accordion__closed-text,
.o-accordion__item:focus-within .o-accordion__closed-text {
    opacity: 0
}

.o-accordion__item:focus .o-accordion__open-text,
.o-accordion__item:focus-within .o-accordion__open-text {
    margin-top: 0;
    opacity: 1;
    transition: opacity .3s ease 2s, margin-top .3s ease-in 2s
}

.o-accordion__item:hover .o-accordion__item--background {
    transform: scale(1.2)
}

.o-accordion__item--background {
    height: 100%;
    transition: transform .2s;
    width: 100%
}

.o-accordion__item--background .gatsby-image-wrapper {
    height: 100%;
    width: 100%
}

.o-accordion__item--overlay {
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-accordion__item--overlay {
        background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 50%, rgba(0, 0, 0, .2))
    }

    .o-accordion__item--1 {
        height: calc(100% - 5vh);
        margin-top: 5vh
    }

    .o-accordion__item--3 {
        height: calc(100% - 7vh);
        margin-top: 7vh
    }

    .o-accordion__item--4 {
        height: calc(100% - 3vh);
        margin-top: 3vh
    }
}

.o-accordion__closed-text {
    color: #eef1f4;
    font-weight: 500;
    left: 5%;
    line-height: 0;
    position: absolute;
    text-shadow: 0 4px 4px rgba(48, 48, 48, .25);
    top: 50%;
    transition: opacity .2s ease-out 1s;
    white-space: nowrap
}

@media only screen and (min-width:1024px) {
    .o-accordion__closed-text {
        left: 3rem;
        text-align: right;
        top: 19rem;
        transform: rotate(-90deg);
        transform-origin: top left;
        width: 250px
    }
}

@media only screen and (max-height:768px) and (min-width:1025px) {
    .o-accordion__closed-text {
        top: 22rem
    }
}

.o-accordion__open-text {
    color: #eef1f4;
    left: 6%;
    margin-top: 2rem;
    opacity: 0;
    position: absolute;
    right: 6%;
    top: 6%
}

@media only screen and (min-width:1024px) {
    .o-accordion__open-text {
        left: 12%;
        max-width: 400px;
        right: 12%;
        top: 12%
    }
}

.o-accordion__decorative-text {
    bottom: 0;
    color: #eef1f4;
    font-size: 7rem;
    font-weight: 600;
    line-height: 5rem;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 11px 11px rgba(48, 48, 48, .25);
    transition: opacity .4s, bottom .4s cubic-bezier(.68, -.6, .32, 1.6);
    width: 40%
}

@media only screen and (min-width:1024px) {
    .o-accordion__decorative-text {
        font-size: 13rem;
        line-height: calc(25rem - 7vh);
        width: 100%
    }
}

@media only screen and (min-width:1248px) {
    .o-accordion__decorative-text {
        font-size: 16rem
    }
}

.o-accordion--focus-within .o-accordion__item {
    transition: flex .8s cubic-bezier(.68, -.6, .32, 1.6)
}

.o-accordion--focus-within .o-accordion__item:focus .o-accordion__open-text,
.o-accordion--focus-within .o-accordion__item:focus-within .o-accordion__open-text {
    transition: opacity .3s ease 1.2s, margin-top .3s ease-in 1.2s
}

.o-accordion--focus-within .o-accordion__closed-text {
    transition: opacity .2s ease-out .2s
}

.o-accordion--focus-within .o-accordion__decorative-text {
    transition: opacity .4s ease .8s, bottom .4s cubic-bezier(.68, -.6, .32, 1.6) .8s
}

.o-articleBanner__breadcrumbs {
    font-family: var(--font-sans);
    font-size: 9pt;
    text-transform: uppercase
}

.o-articleBanner__breadcrumbs div {
    display: inline
}

.o-articleBanner__breadcrumbs--link {
    color: var(--color-neutral-lightest);
    display: inline-block;
    padding: 0 2px
}

.o-articleBanner__breadcrumbs--link-soft {
    color: var(--color-neutral-secondary);
    display: inline-block;
    padding: 0 2px
}

.o-articleBanner__inner,
.o-articleBanner__inner--content {
    display: flex;
    flex-direction: column
}

.o-articleBanner__inner--content {
    min-width: 460px;
    padding: var(--spacing-x-large) var(--spacing-large);
    position: relative
}

.o-articleBanner__inner--content__headline {
    color: var(--color-secondary);
    font-size: 10px;
    letter-spacing: .75px;
    margin-bottom: var(--spacing-small);
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .o-articleBanner__inner--content__headline {
        font-size: 12px
    }
}

.o-articleBanner__inner--content__heading {
    color: var(--color-neutral-darkest);
    font-weight: var(--font-sans-700)
}

@media only screen and (min-width:768px) {
    .o-articleBanner__inner--content__heading {
        margin-bottom: var(--spacing-medium);
        width: 65%
    }
}

.o-articleBanner__inner--content__subHeading {
    color: var(--color-neutral);
    font-family: var(--font-Raleway);
    font-size: 12px;
    font-weight: var(--font-Raleway-300);
    margin-bottom: var(--spacing-medium)
}

@media only screen and (min-width:768px) {
    .o-articleBanner__inner--content__subHeading {
        font-size: 20px
    }
}

@media only screen and (min-width:1024px) {
    .o-articleBanner__inner--content__subHeading {
        font-size: 24px
    }
}

.o-articleBanner__inner--content__editorInfo {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacing-medium)
}

.o-articleBanner__inner--content__editorInfo img {
    border-radius: var(--border-radius-circle);
    height: 32px;
    margin-bottom: 0;
    width: 32px
}

.o-articleBanner__inner--content__editorInfo p {
    font-size: 12px;
    font-weight: 700;
    margin: 0 var(--spacing-small)
}

.o-articleBanner__inner--content__iconCTAs {
    display: flex;
    flex-direction: row;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 15px;
    position: relative
}

@media only screen and (min-width:1248px) {
    .o-articleBanner__inner--content__iconCTAs {
        margin-top: 15px
    }
}

.o-articleBanner__inner--content__iconCTAs.__no-image {
    opacity: 60%
}

.o-articleBanner__inner--content__iconCTAs .a-iconCTA {
    display: flex;
    position: relative
}

.o-articleBanner__inner--content__iconCTAs .a-iconCTA a {
    height: 40px;
    width: 40px
}

@media only screen and (min-width:1024px) {
    .o-articleBanner__inner--content__iconCTAs .a-iconCTA a {
        height: 56px;
        width: 56px
    }
}

.o-articleBanner__inner--content__iconCTAs .a-iconCTA a svg {
    height: 20px;
    width: 20px
}

@media only screen and (min-width:1024px) {
    .o-articleBanner__inner--content__iconCTAs .a-iconCTA a svg {
        height: 24px;
        width: 24px
    }
}

.o-articleBanner__inner--content__iconCTAs .a-iconCTA a:hover svg {
    fill: var(--color-blue-light) !important
}

.o-articleBanner__inner--content .a-storiesCTAWrapper {
    margin-bottom: 20px
}

@media only screen and (min-width:280px) {
    .o-articleBanner__inner--content .a-storiesCTAWrapper {
        transform-origin: left bottom
    }
}

@media only screen and (min-width:768px) {
    .o-articleBanner__inner--content .a-storiesCTAWrapper {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:1024px) {
    .o-articleBanner__inner--content .a-storiesCTAWrapper {
        margin-bottom: 40px
    }
}

.o-articleBanner__inner--image {
    height: 240px;
    position: relative;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-articleBanner__inner--image {
        height: 670px
    }
}

.o-articleBanner__inner--image img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-articleBanner__inner.--halfImage {
        align-items: center;
        flex-direction: row;
        height: 800px
    }

    .o-articleBanner__inner.--halfImage>div {
        width: 50%
    }

    .o-articleBanner__inner.--halfImage .o-articleBanner__inner--content {
        align-items: center;
        height: 100%;
        justify-content: center;
        text-align: center
    }

    .o-articleBanner__inner.--halfImage .o-articleBanner__inner--content__heading {
        width: 100%
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .o-articleBanner__inner.--halfImage .o-articleBanner__inner--content__iconCTAs {
        right: -34%
    }
}

@media only screen and (min-width:1024px) and (min-width:1248px) {
    .o-articleBanner__inner.--halfImage .o-articleBanner__inner--content__iconCTAs {
        right: -38%
    }
}

@media only screen and (min-width:1024px) {
    .o-articleBanner__inner.--halfImage .o-articleBanner__inner--image {
        height: 100%
    }

    .o-articleBanner__inner.--halfImage .o-articleBanner__inner--image img {
        height: 100%;
        margin-bottom: 0;
        object-fit: cover;
        object-position: center center;
        width: 100%
    }
}

.o-articleBanner.--bgImage {
    height: 75vh;
    position: relative
}

@media only screen and (min-width:768px) {
    .o-articleBanner.--bgImage {
        height: calc(100vh - 170px)
    }
}

.o-articleBanner.--bgImage .o-articleBanner__bgImage img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -99
}

.o-articleBanner.--bgImage .o-articleBanner__overlay {
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -98
}

.o-articleBanner.--bgImage .o-articleBanner__inner {
    bottom: 0;
    padding-left: calc(50vw - 700px + 2rem);
    position: absolute
}

.o-articleBanner.--bgImage .o-articleBanner__inner--content__headline {
    color: var(--color-neutral-lightest)
}

.o-articleBanner.--bgImage .o-articleBanner__inner--content__headingHolder {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .o-articleBanner.--bgImage .o-articleBanner__inner--content__headingHolder {
        flex-direction: row
    }
}

.o-articleBanner.--bgImage .o-articleBanner__inner--content .a-simpleTags__tag,
.o-articleBanner.--bgImage .o-articleBanner__inner--content__heading,
.o-articleBanner.--bgImage .o-articleBanner__inner--content__subHeading {
    color: var(--color-neutral-lightest)
}

.o-articleBanner__author {
    color: #9b9b9b;
    display: block;
    font-family: var(--font-Raleway);
    font-size: 1rem;
    font-style: italic;
    margin-bottom: 10px
}

.o-articleBanner__posted {
    color: #9b9b9b;
    font-family: var(--font-Raleway);
    font-size: .7rem
}

.o-articleBanner__regionMap {
    bottom: 0;
    position: absolute;
    right: 0
}

.o-articleBanner__regionMap svg {
    height: 250px;
    width: 250px
}

@media only screen and (min-width:768px) {
    .o-articleBanner__regionMap {
        bottom: 20px;
        right: 20px
    }

    .o-articleBanner__regionMap svg {
        height: 450px;
        width: 450px
    }
}

.o-articleBanner .photocredit {
    bottom: 0;
    color: var(--color-neutral-lightest);
    font-style: italic;
    font-weight: var(--font-Raleway-300);
    opacity: .5;
    position: absolute;
    right: calc(50vw - 685px)
}

.o-articleBanner .social-share {
    z-index: 102
}

.o-articleBanner .share-active-overlay {
    z-index: 101
}

.o-podcastDescriptionBanner__inner {
    display: flex;
    flex-direction: column
}

.o-podcastDescriptionBanner__inner--content {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-x-large) 0;
    position: relative
}

.o-podcastDescriptionBanner__inner--content__heading {
    color: var(--color-neutral-darkest);
    font-weight: var(--font-sans-700);
    text-transform: capitalize
}

@media only screen and (min-width:1024px) {
    .o-podcastDescriptionBanner__inner--content__heading {
        margin-bottom: var(--spacing-medium);
        width: 65%
    }
}

.o-podcastDescriptionBanner__inner--content__subHeading {
    color: var(--color-neutral);
    font-family: var(--font-Raleway);
    font-size: 12px;
    font-weight: var(--font-Raleway-300);
    margin-bottom: var(--spacing-medium)
}

@media only screen and (min-width:768px) {
    .o-podcastDescriptionBanner__inner--content__subHeading {
        font-size: 20px
    }
}

@media only screen and (min-width:1024px) {
    .o-podcastDescriptionBanner__inner--content__subHeading {
        font-size: 24px
    }
}

.o-podcastDescriptionBanner__inner--content__editorInfo {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacing-medium)
}

.o-podcastDescriptionBanner__inner--content__editorInfo img {
    border-radius: var(--border-radius-circle);
    height: 32px;
    margin-bottom: 0;
    width: 32px
}

.o-podcastDescriptionBanner__inner--content__editorInfo p {
    font-size: 12px;
    font-weight: 700;
    margin: 0 var(--spacing-small)
}

.o-podcastDescriptionBanner__inner--content__iconCTAs {
    align-items: center;
    bottom: var(--spacing-xxx-large);
    display: flex;
    flex-direction: row;
    position: absolute;
    right: var(--spacing-large)
}

@media only screen and (min-width:640px) {
    .o-podcastDescriptionBanner__inner--content__iconCTAs {
        right: var(--spacing-xx-large)
    }
}

.o-podcastDescriptionBanner__inner--content__iconCTAs.__no-image {
    opacity: 60%
}

.o-podcastDescriptionBanner__inner--content__iconCTAs .a-iconCTA a {
    box-shadow: var(--shadow-mobileNavCTA);
    height: 26px;
    width: 26px
}

@media only screen and (min-width:768px) {
    .o-podcastDescriptionBanner__inner--content__iconCTAs .a-iconCTA a {
        height: 50px;
        width: 50px
    }
}

.o-podcastDescriptionBanner__inner--content__iconCTAs .a-iconCTA a:hover svg {
    fill: var(--color-blue-light) !important
}

.o-podcastDescriptionBanner__inner--image {
    height: 240px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-podcastDescriptionBanner__inner--image {
        height: 670px
    }
}

.o-podcastDescriptionBanner__inner--image img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-podcastDescriptionBanner__inner.--halfImage {
        align-items: center;
        flex-direction: row;
        height: 800px
    }

    .o-podcastDescriptionBanner__inner.--halfImage>div {
        width: 50%
    }

    .o-podcastDescriptionBanner__inner.--halfImage .o-articleBanner__inner--content {
        align-items: center;
        height: 100%;
        justify-content: center;
        text-align: center
    }

    .o-podcastDescriptionBanner__inner.--halfImage .o-articleBanner__inner--content__heading {
        width: 100%
    }

    .o-podcastDescriptionBanner__inner.--halfImage .o-articleBanner__inner--content__iconCTAs {
        right: -90%
    }

    .o-podcastDescriptionBanner__inner.--halfImage .o-articleBanner__inner--image {
        height: 100%
    }

    .o-podcastDescriptionBanner__inner.--halfImage .o-articleBanner__inner--image img {
        height: 100%;
        margin-bottom: 0;
        object-fit: cover;
        object-position: center center;
        width: 100%
    }
}

.o-podcastDescriptionBanner.--bgImage {
    height: 75vh;
    position: relative
}

@media only screen and (min-width:768px) {
    .o-podcastDescriptionBanner.--bgImage {
        height: 800px
    }
}

.o-podcastDescriptionBanner.--bgImage .o-articleBanner__bgImage img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -99
}

.o-podcastDescriptionBanner.--bgImage .o-articleBanner__overlay {
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -98
}

.o-podcastDescriptionBanner.--bgImage .o-articleBanner__inner {
    bottom: 0;
    padding-left: calc(50vw - 700px + 2rem);
    position: absolute
}

.o-podcastDescriptionBanner.--bgImage .o-articleBanner__inner--content .a-simpleTags__tag,
.o-podcastDescriptionBanner.--bgImage .o-articleBanner__inner--content__heading,
.o-podcastDescriptionBanner.--bgImage .o-articleBanner__inner--content__headline,
.o-podcastDescriptionBanner.--bgImage .o-articleBanner__inner--content__subHeading {
    color: var(--color-neutral-lightest)
}

.o-breadcrumbs {
    align-items: center;
    display: none;
    justify-content: flex-start;
    margin-left: var(--spacing-x-large);
    margin-top: -.5rem;
    white-space: nowrap
}

@media only screen and (min-width:768px) {
    .o-breadcrumbs {
        display: flex
    }
}

.o-breadcrumbs div {
    display: inline
}

.o-breadcrumbs div .o-breadcrumbs__link {
    color: var(--color-neutral-lightest);
    font-size: var(--font-size-small);
    font-style: italic
}

.o-breadcrumbs div .o-breadcrumbs__link[aria-current=page] {
    color: var(--color-neutral-lightest)
}

.o-breadcrumbs div span {
    color: var(--color-blue-lightest);
    font-size: var(--font-size-small)
}

.o-breadcrumbs div:first-of-type>span {
    margin-right: .1rem
}

.o-breadcrumbs div:last-of-type>span {
    display: none
}

.o-buildYourTrip {
    grid-gap: 26px;
    align-items: center;
    background: #fdfdfd;
    display: grid;
    grid-template-columns: auto auto;
    height: 780px;
    justify-content: center
}

@media only screen and (max-width:1247px) {
    .o-buildYourTrip {
        grid-gap: 45px;
        grid-template-columns: 1fr;
        height: auto;
        justify-items: center;
        padding: 50px 30px 30px
    }
}

@media only screen and (max-width:767px) {
    .o-buildYourTrip {
        grid-gap: 0;
        grid-template-columns: 1fr;
        height: auto;
        justify-content: left;
        padding: 16px
    }
}

.o-buildYourTrip-content {
    height: 324px;
    width: 516px
}

.o-buildYourTrip-content button,
.o-buildYourTrip-content h1,
.o-buildYourTrip-content p {
    font-family: Poppins;
    font-style: normal;
    margin: 0
}

.o-buildYourTrip-content p {
    color: rgba(51, 51, 51, .9);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.o-buildYourTrip-content h1 {
    color: #333;
    font-size: 48px;
    font-weight: 700;
    line-height: 72px;
    margin-bottom: 12px
}

@media only screen and (max-width:767px) {
    .o-buildYourTrip-content {
        height: 180px;
        margin: 56px auto auto;
        max-width: 322px
    }

    .o-buildYourTrip-content h1 {
        font-size: 24px;
        line-height: 36px
    }
}

.o-buildYourTrip-content .playButton {
    background: #2d657d;
    border: none;
    border-radius: 10px;
    box-shadow: -4px -2px 8px hsla(0, 0%, 43%, .15), 4px 4px 8px hsla(0, 0%, 43%, .15);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    height: 68px;
    line-height: 36px;
    width: 192px
}

.o-buildYourTrip-content .startOverBtn {
    background: none;
    border: none;
    color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    padding: 0;
    text-decoration-line: underline
}

@media only screen and (max-width:1247px) {
    .o-buildYourTrip-content {
        margin-right: 210px
    }
}

@media only screen and (max-width:767px) {
    .o-buildYourTrip-content {
        margin-right: auto
    }

    .o-buildYourTrip-content .playButton {
        font-size: 18px;
        height: 43px;
        line-height: 27px;
        width: 124px
    }

    .o-buildYourTrip-content .startOverBtn {
        font-size: 16px;
        line-height: 24px
    }
}

.o-buildYourTrip-cards {
    grid-gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 464px;
    width: 634px
}

@media only screen and (max-width:767px) {
    .o-buildYourTrip-cards {
        grid-gap: 13px;
        height: 252px;
        margin: 56px auto 250px;
        width: 342px
    }
}

.o-buildYourTrip-cards .playCard {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 20px;
    box-shadow: -4px -2px 8px hsla(0, 0%, 43%, .15), 4px 4px 8px hsla(0, 0%, 43%, .15);
    display: grid;
    grid-template-columns: auto;
    height: 464px;
    justify-content: center;
    transition: all .2s ease-in-out;
    width: 302px
}

.o-buildYourTrip-cards .playCard:hover {
    transform: scale(1.05)
}

.o-buildYourTrip-cards .playCard img {
    height: 364px;
    margin: 0;
    width: 282px
}

.o-buildYourTrip-cards .playCard .cardImg {
    background: rgba(0, 0, 0, .3);
    background-blend-mode: saturation;
    height: 330px;
    width: 270px
}

.o-buildYourTrip-cards .playCard p {
    color: #333;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .o-buildYourTrip-cards .playCard {
        border-radius: 12px;
        height: 252px;
        width: 164px
    }

    .o-buildYourTrip-cards .playCard img {
        height: 198px;
        width: 152px
    }

    .o-buildYourTrip-cards .playCard .cardImg {
        height: 179px;
        width: 147px
    }

    .o-buildYourTrip-cards .playCard p {
        font-size: 16px;
        line-height: 24px
    }
}

.o-buildYourTrip-cards .rightCard {
    background: #3d4643
}

.o-buildYourTrip button {
    cursor: pointer
}

.o-buildYourTrip button:focus {
    outline: none
}

.o-scrollBannerContainer {
    position: relative
}

.o-scrollBannerContainer__progress {
    display: flex;
    flex-direction: column;
    left: 15px;
    opacity: 0;
    position: fixed;
    transition: all .5s ease;
    z-index: 100
}

.o-scrollBannerContainer__dotGroup {
    position: relative
}

.o-scrollBannerContainer__dotGroup:after {
    background-color: #fff;
    content: "";
    height: calc(100% - 10px);
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 2px
}

.o-scrollBannerContainer__dotGroup:last-of-type:after {
    content: unset
}

.o-scrollBannerContainer__dotGroup:not(:last-of-type) {
    padding-bottom: 100px
}

.o-scrollBannerContainer__dot {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 10px;
    width: 10px
}

.o-scrollBannerContainer__dot.active {
    background-color: #fff
}

.o-cardList__horScroll {
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4rem;
    padding-left: var(--spacing-base);
    scroll-snap-type: x mandatory
}

@media only screen and (min-width:1024px) {
    .o-cardList__horScroll {
        margin-right: 0;
        padding-left: calc(50vw - 660px)
    }
}

@media only screen and (min-width:1248px) {
    .o-cardList__horScroll {
        padding-left: calc(50vw - 604px)
    }
}

@media only screen and (min-width:1440px) {
    .o-cardList__horScroll {
        padding-left: calc(50vw - 700px)
    }
}

.o-cardList__horScroll--card {
    display: inline-block;
    flex: 0 0 auto;
    margin-top: 10px;
    scroll-snap-align: start;
    width: 240px
}

.o-cardList__horScroll--card:not(:last-of-type) {
    margin-right: 20px
}

@media only screen and (min-width:640px) {
    .o-cardList__horScroll--card {
        width: 300px
    }
}

.o-carouselGalleryWrapper {
    background-color: var(--color-neutral-lightest);
    display: flex;
    flex-direction: column;
    z-index: 10000
}

@media only screen and (min-width:768px) {
    .o-carouselGalleryWrapper {
        align-items: center;
        justify-content: center
    }
}

.o-carouselGalleryWrapper .o-carouselGalleryIntro {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: var(--spacing-xx-large);
    padding: var(--spacing-large) var(--spacing-large) 0;
    width: 100%
}

.o-carouselGalleryWrapper .o-carouselGalleryIntro .m-containerIntro h4 {
    font-weight: 700
}

.o-carouselGalleryWrapper .o-carouselGalleryIntro button {
    background-color: transparent;
    border: 0
}

.o-carouselGalleryWrapper .o-carouselGalleryIntro button .a-iconCTA a svg {
    height: 30px;
    width: 30px
}

.o-carouselGallery {
    background-color: var(--color-neutral-lightest);
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-carouselGallery {
        flex-direction: row
    }
}

.o-carouselGallery__inner {
    margin-bottom: var(--spacing-large);
    position: relative;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-carouselGallery__inner {
        margin-right: var(--spacing-large);
        width: 80%
    }
}

@media only screen and (min-width:1248px) {
    .o-carouselGallery__inner {
        margin-right: var(--spacing-x-large)
    }
}

.o-carouselGallery__inner--slider {
    height: 440px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-carouselGallery__inner--slider {
        border-radius: var(--border-radius-large);
        width: 80%
    }
}

@media only screen and (min-width:1248px) {
    .o-carouselGallery__inner--slider {
        width: 85%
    }
}

.o-carouselGallery__inner--slider__wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.o-carouselGallery__inner--slider__wrapper--slide {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

.o-carouselGallery__inner--arrow {
    align-items: center;
    background: var(--color-neutral-lightest);
    border-radius: 50%;
    box-shadow: var(--shadow-mobileNavCTA);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    transition: transform .1s ease-in;
    width: 40px
}

.o-carouselGallery__inner--arrow.--nextArrow {
    color: var(--color-neutral-lightest);
    position: absolute;
    right: 16px;
    top: 50%;
    z-index: 999
}

@media only screen and (min-width:768px) {
    .o-carouselGallery__inner--arrow.--nextArrow {
        right: 24
    }
}

@media only screen and (min-width:1024px) {
    .o-carouselGallery__inner--arrow.--nextArrow {
        right: var(--spacing-medium)
    }
}

.o-carouselGallery__inner--arrow.--backArrow {
    color: var(--color-neutral-lightest);
    left: 16px;
    position: absolute;
    top: 50%;
    z-index: 999
}

@media only screen and (min-width:768px) {
    .o-carouselGallery__inner--arrow.--backArrow {
        left: 24
    }
}

@media only screen and (min-width:1024px) {
    .o-carouselGallery__inner--arrow.--backArrow {
        left: var(--spacing-medium)
    }
}

.o-carouselGallery__inner--arrow.--backArrow svg {
    transform: rotate(180deg)
}

.o-carouselGallery__outer {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-carouselGallery__outer {
        width: 35%
    }
}

.o-carouselGallery__outer--thumbContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: var(--spacing-large);
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-carouselGallery__outer--thumbContainer {
        justify-content: flex-start
    }
}

.o-carouselGallery__outer--thumbContainer__thumb {
    background: var(--color-neutral-light);
    border-radius: var(--border-radius-medium);
    cursor: pointer;
    height: 60px;
    margin: 0 var(--spacing-small) var(--spacing-small) 0;
    opacity: .65;
    overflow: hidden;
    position: relative;
    width: 60px
}

@media only screen and (min-width:1248px) {
    .o-carouselGallery__outer--thumbContainer__thumb {
        height: 80px;
        width: 80px
    }
}

.o-carouselGallery__outer--thumbContainer__thumb img {
    height: 100%;
    left: 0;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%
}

.o-carouselGallery__outer--thumbContainer__thumb.--activeThumb {
    background: var(--color-neutral-lighter);
    opacity: 1
}

.o-carouselGallery__outer--info {
    padding: 0 var(--spacing-large)
}

@media only screen and (min-width:1024px) {
    .o-carouselGallery__outer--info {
        padding: 0
    }
}

.o-carouselGallery__outer--info__description {
    display: none
}

.o-carouselGallery__outer--info__description.--activeDescription {
    display: block
}

.o-carouselGallery__outer--info__description h4 {
    font-weight: 700
}

.o-carouselGallery__outer--info__description p {
    font-family: var(--font-Raleway);
    font-size: 16px
}

@media only screen and (min-width:1024px) {
    .o-carouselGallery__outer--info__description p {
        font-size: 20px
    }
}

.o-carRentals__card {
    align-items: center;
    background-color: var(--color-neutral-lightest);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-small);
    display: flex;
    flex-basis: 100%;
    height: 5rem;
    justify-content: center;
    margin-bottom: 2rem;
    max-width: 180px;
    opacity: .95;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 100
}

@media only screen and (min-width:768px) {
    .o-carRentals__card {
        height: 6rem
    }
}

.o-carRentals__card--image {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    width: 90%
}

.o-carRentals__card--image .gatsby-image-wrapper {
    width: 100%
}

.o-carRentals__card--image img {
    margin-bottom: 0
}

.o-carRentals__card--link {
    border-radius: var(--border-radius-medium);
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.o-carRentals__horScroll {
    background: var(--color-blue-gradient);
    background-size: cover;
    display: grid;
    grid-template: repeat(3, minmax(-webkit-min-content, -webkit-max-content))/repeat(2, 50%);
    grid-template: repeat(3, minmax(min-content, max-content))/repeat(2, 50%);
    padding-top: var(--spacing-large)
}

.o-carRentals__horScroll--brands {
    -webkit-overflow-scrolling: touch;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    grid-column-start: span 2;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: var(--spacing-base)
}

@media only screen and (min-width:1024px) {
    .o-carRentals__horScroll--brands {
        padding-left: calc(50vw - 660px)
    }
}

@media only screen and (min-width:1248px) {
    .o-carRentals__horScroll--brands {
        padding-left: calc(50vw - 604px)
    }
}

@media only screen and (min-width:1440px) {
    .o-carRentals__horScroll--brands {
        padding-left: calc(50vw - 700px)
    }
}

.o-carRentals__horScroll .o-carRentals__card {
    display: inline-block;
    flex: 0 0 auto;
    margin-top: 10px;
    scroll-snap-align: start;
    width: 150px
}

.o-carRentals__horScroll .o-carRentals__card:not(:last-of-type) {
    margin-right: 20px
}

.o-carRentals__horScroll--intro {
    color: var(--color-neutral-lightest)
}

@media only screen and (min-width:768px) {
    .o-carRentals__horScroll--intro {
        grid-column-start: span 2
    }

    .o-carRentals__horScroll--intro h4 {
        text-transform: uppercase
    }
}

.o-carRentals__horScroll--intro p {
    display: none
}

@media only screen and (min-width:768px) {
    .o-carRentals__horScroll--intro p {
        display: inline-block;
        text-transform: uppercase
    }
}

.o-carRentals__horScroll--cta .container {
    padding-right: 0
}

@media only screen and (min-width:768px) {
    .o-carRentals__horScroll--cta {
        grid-column-start: span 2;
        grid-row-start: 3;
        padding-bottom: var(--spacing-large)
    }
}

.o-carRentals__horScroll--cta a {
    align-items: center;
    display: flex;
    flex-direction: row
}

.o-carRentals__horScroll--cta a,
.o-carRentals__horScroll--cta a:active,
.o-carRentals__horScroll--cta a:hover,
.o-carRentals__horScroll--cta a:visited {
    color: var(--color-neutral-lightest)
}

.o-carRentals__horScroll--cta a svg {
    height: 20px
}

@media only screen and (min-width:640px) {
    .o-carRentals__horScroll--cta a svg {
        margin-right: 1rem
    }
}

.p-carRentals .p-carRentals__banner {
    align-items: flex-end;
    background: var(--color-blue-gradientMask), url(/static/car-rentals-banner-5c1ab9233e52f4fa9b81a106034497eb.jpg) no-repeat 50%;
    background-size: cover;
    display: flex;
    min-height: 50vh;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .p-carRentals .p-carRentals__banner {
        min-height: 40vh
    }
}

.p-carRentals .p-carRentals__banner--heading {
    bottom: 0;
    color: var(--color-neutral-lightest);
    left: 2rem;
    padding: 2rem;
    z-index: 2
}

@media only screen and (min-width:1024px) {
    .p-carRentals .p-carRentals__banner--heading {
        max-width: 50%
    }
}

@media only screen and (min-width:1440px) {
    .p-carRentals .p-carRentals__banner--heading {
        padding-left: calc(50vw - 700px + 2rem)
    }
}

.p-carRentals .p-carRentals__banner--heading h1 {
    color: var(--color-neutral-lightest)
}

.p-carRentals__content__grid h2 {
    color: var(--color-neutral-dark);
    margin-bottom: var(--spacing-large);
    text-transform: uppercase
}

.p-carRentals__content__grid .o-carRentals__grid--brands {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media only screen and (min-width:640px) {
    .p-carRentals__content__grid .o-carRentals__grid--brands {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media only screen and (min-width:768px) {
    .p-carRentals__content__grid .o-carRentals__grid--brands {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }
}

@media only screen and (min-width:1024px) {
    .p-carRentals__content__grid .o-carRentals__grid--brands .o-carRentals__card {
        max-width: 200px
    }
}

.o-categoriesCard__grid {
    display: grid;
    margin-bottom: var(--spacing-x-large)
}

@media only screen and (min-width:280px) {
    .o-categoriesCard__grid {
        grid-gap: 1rem;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr
    }
}

@media only screen and (min-width:1024px) {
    .o-categoriesCard__grid {
        grid-gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr
    }
}

.o-categoriesCard__masonry {
    display: grid;
    margin-bottom: var(--spacing-x-large)
}

@media only screen and (min-width:280px) {
    .o-categoriesCard__masonry {
        grid-column-gap: 1rem;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr
    }
}

@media only screen and (min-width:1024px) {
    .o-categoriesCard__masonry {
        grid-gap: 30px;
        grid-template-areas: "First First First Second" "First First First Tips" "Trending Third Third Tips" "Trending Fourth Fifth Six" "Seventh Seventh Eighth Ninth";
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: repeat(1fr 1fr 1fr 1fr)
    }

    .o-categoriesCard__masonry .First {
        grid-area: First
    }

    .o-categoriesCard__masonry .Third {
        grid-area: Third
    }

    .o-categoriesCard__masonry .Fourth {
        grid-area: Fourth
    }

    .o-categoriesCard__masonry .Fifth {
        grid-area: Fifth
    }

    .o-categoriesCard__masonry .Six {
        grid-area: Six
    }

    .o-categoriesCard__masonry .Seventh {
        grid-area: Seventh
    }

    .o-categoriesCard__masonry .Eighth {
        grid-area: Eighth
    }

    .o-categoriesCard__masonry .Ninth {
        grid-area: Ninth
    }

    .o-categoriesCard__masonry .Trending {
        grid-area: Trending
    }

    .o-categoriesCard__masonry .Second {
        grid-area: Second
    }

    .o-categoriesCard__masonry .Tips {
        grid-area: Tips
    }

    .o-categoriesCard__masonry article {
        margin-bottom: 0
    }
}

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

    .o-otherRoadTrips .o-categoriesCard__grid,
    .p-categories .o-categoriesCard__grid {
        grid-gap: 1rem;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr
    }
}

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

    .o-otherRoadTrips .o-categoriesCard__grid,
    .p-categories .o-categoriesCard__grid {
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr
    }
}

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

    .o-otherRoadTrips .o-categoriesCard__grid,
    .p-categories .o-categoriesCard__grid {
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr
    }
}

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

    .o-otherRoadTrips .o-categoriesCard__grid,
    .p-categories .o-categoriesCard__grid {
        grid-gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr
    }
}

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

    .o-otherRoadTrips .o-categoriesCard__grid--two-cards,
    .p-categories .o-categoriesCard__grid--two-cards {
        grid-gap: 2.5rem;
        grid-template-columns: 1fr 1fr !important
    }
}

.o-detailColumn {
    background-color: var(--color-neutral-lightest);
    bottom: 0;
    display: flex;
    flex-direction: column;
    font-family: var(--font-sans);
    height: 280px;
    left: 0;
    overflow-y: auto;
    position: relative;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-detailColumn {
        height: 310px
    }
}

@media only screen and (min-width:1024px) {
    .o-detailColumn {
        height: 100%;
        width: 456px
    }
}

.o-detailColumn__row1--selection {
    display: none
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row1--selection {
        display: block
    }
}

.o-detailColumn__row1--selection .m-mapDropDown__panel--heading {
    padding: var(--spacing-medium)
}

.o-detailColumn__row1--back button {
    align-items: flex-end;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex
}

.o-detailColumn__row1--back .icon--small {
    height: 21px;
    width: 21px
}

.o-detailColumn__row1--back span {
    font-size: 14px
}

.o-detailColumn__row2 .m-tabNav__inner--nav {
    margin-top: var(--spacing-medium)
}

.o-detailColumn__row2 .m-tabNav__inner--content {
    margin-top: var(--spacing-small)
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row2 .m-tabNav__inner--content {
        margin-top: var(--spacing-large)
    }
}

.o-detailColumn__row2 .m-tabNav__inner--content ul {
    -webkit-overflow-scrolling: touch;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: var(--spacing-small);
    padding-right: var(--spacing-medium);
    scroll-snap-type: x mandatory
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row2 .m-tabNav__inner--content ul {
        flex-direction: column;
        padding-bottom: var(--spacing-medium)
    }
}

.o-detailColumn__row2 .m-tabNav__inner--content ul::-webkit-scrollbar {
    display: none
}

.o-detailColumn__row2 .m-tabNav__inner--content ul li {
    flex: 0 0 auto;
    margin-bottom: 0;
    scroll-snap-align: start
}

.o-detailColumn__row2 .m-tabNav__inner--content ul li:not(:last-of-type) {
    margin-right: var(--spacing-medium)
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row2 .m-tabNav__inner--content ul li:not(:last-of-type) {
        margin-right: 0
    }
}

.o-detailColumn__row2 .m-tabNav__inner--content ul li .m-highlightCardWrapper {
    margin-top: var(--spacing-medium)
}

@media only screen and (min-width:768px) {
    .o-detailColumn__row2 .m-tabNav__inner--content ul li .m-highlightCardWrapper .m-highlightCard__link {
        padding: var(--spacing-large) var(--spacing-medium) var(--spacing-small)
    }
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row2 .m-tabNav__inner--content ul li .m-highlightCardWrapper .m-highlightCard__link {
        padding: var(--spacing-large) var(--spacing-medium)
    }

    .o-detailColumn__row2 .m-tabNav__inner--content ul li .m-highlightCardWrapper .m-highlightCard__link__content--headline {
        font-size: 12px
    }

    .o-detailColumn__row2 .m-tabNav__inner--content ul li .m-highlightCardWrapper .m-highlightCard__link__content--heading {
        height: 18%;
        margin-bottom: var(--spacing-medium)
    }

    .o-detailColumn__row2 .m-tabNav__inner--content ul li .m-highlightCardWrapper .m-highlightCard__link__content--copy {
        height: 42%
    }
}

@media only screen and (min-width:768px) {
    .o-detailColumn__row2 .m-tabNav__inner--content ul li .m-highlightCardWrapper .m-highlightCard.--horizontal {
        height: 152px;
        width: 184px
    }
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row2 .m-tabNav__inner--content ul li .m-highlightCardWrapper .m-highlightCard.--horizontal {
        height: 208px;
        width: 400px
    }
}

.o-detailColumn__row2 .m-tabNav__inner--content ul li .m-detailCardHorizontalWrapper {
    margin-top: var(--spacing-medium)
}

.o-detailColumn__row2 .m-tabNav__inner--content.container {
    padding-left: 0;
    padding-right: 0
}

.o-detailColumn__row2 .m-tabNav__inner--content .m-containerIntro {
    padding-left: var(--spacing-medium);
    padding-right: var(--spacing-medium)
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row2 .m-tabNav__inner--content .m-containerIntro {
        display: block
    }
}

.o-detailColumn__row2 .m-tabNav__inner--content .m-containerIntro__topLine {
    height: 4px;
    width: 64px
}

.o-detailColumn__row2 .m-tabNav .a-dropDown {
    margin-bottom: var(--spacing-small);
    width: 140px
}

.o-detailColumn__row2 .m-tabNav .a-dropDown:first-of-type {
    margin-left: 0
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row2 .m-tabNav .a-dropDown {
        width: 180px
    }
}

.o-detailColumn__row2--tab1Content>div:first-of-type {
    padding-bottom: var(--spacing-medium);
    padding-left: var(--spacing-medium);
    padding-right: var(--spacing-medium)
}

.o-detailColumn__row2--tab1Content>div:last-of-type {
    display: none
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row2--tab1Content>div:last-of-type {
        display: block
    }
}

.o-detailColumn__row2--tab1Content .gatsby-image-wrapper {
    margin-bottom: 20px
}

.o-detailColumn__row2--more {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-family: var(--font-Raleway);
    font-size: 14px;
    justify-content: flex-start;
    padding-left: var(--spacing-medium);
    padding-right: var(--spacing-medium)
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row2--more {
        font-size: 16px
    }
}

.o-detailColumn__row2--count {
    color: var(--color-secondary);
    font-size: 10px;
    margin-bottom: 15px;
    padding-left: var(--spacing-medium);
    padding-right: var(--spacing-medium);
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .o-detailColumn__row2--count {
        display: none
    }
}

.o-detailColumn__rowWelcomeCenter {
    margin: 18% 0
}

.o-detailColumn__rowWelcomeCenter .m-containerIntro__bottomLine {
    background: var(--color-blue-darkest);
    height: 10px;
    width: 124px
}

.o-detailColumn__rowWelcomeCenter .m-readMore__content {
    font-size: .8rem;
    line-height: .95rem;
    margin-right: 0
}

@media only screen and (min-width:768px) {
    .o-detailColumn__rowWelcomeCenter .m-readMore__content {
        margin-right: 10%
    }
}

.o-detailColumn__rowWelcomeCenter .m-readMore__CTA {
    font-size: 12px;
    margin: var(--spacing-medium) 0;
    padding: 0
}

.o-detailColumn__rowWelcomeCenter .m-mapDropDown__panel--heading {
    border: none;
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-dropdown);
    font-size: 14px;
    padding: var(--spacing-small) var(--spacing-medium);
    width: 95%
}

@media only screen and (min-width:768px) {
    .o-detailColumn__rowWelcomeCenter .m-mapDropDown__panel--heading {
        width: 80%
    }
}

.o-detailColumn__rowWelcomeCenter .m-mapDropDown__panel--heading:after {
    font-size: .6rem
}

.o-detailColumn__rowWelcomeCenter .m-mapDropDown__panel--content {
    border: none;
    border-radius: var(--border-radius-medium);
    box-shadow: var(--shadow-dropdown);
    margin-top: 10px;
    padding: 0 var(--spacing-medium);
    width: 80%
}

.o-detailColumn__rowWelcomeCenter .m-mapDropDown__panel--content__location {
    margin: var(--spacing-small) 0
}

.o-detailColumn__rowWelcomeCenter .m-mapDropDown__panel--content a {
    color: var(--color-neutral);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .01rem
}

.o-detailColumn .o-ugcgallery__heading {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 0;
    width: auto
}

.o-detailColumn .o-ugcgallery--socialIcons {
    flex-direction: row !important;
    margin: 0 !important
}

.o-detailColumn .o-ugcgallery--socialIcons .footer__socialIcons--icon {
    margin-right: 4px !important
}

.o-featuredTrips {
    background: url(/static/background-feature-top-8e50a461e2efbea465c21a7a774312a8.png) 100% no-repeat
}

.o-featuredTrips__grid {
    -webkit-overflow-scrolling: touch;
    background-size: cover;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory
}

@media only screen and (min-width:1024px) {
    .o-featuredTrips__grid {
        grid-gap: 2rem;
        background-size: contain;
        display: grid;
        grid-template-areas: "Intro Intro Intro Intro Intro RT1 RT1 RT1 RT1 RT1 RT1 RT1" "RT2 RT2 RT2 RT2 RT3 RT3 RT3 RT3 RT4 RT4 RT4 RT4" "RT5 RT5 RT5 RT6 RT6 RT6 RT7 RT7 RT7 RT8 RT8 RT8";
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1.1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        overflow-x: unset;
        padding: var(--spacing-x-large);
        padding-bottom: 5rem
    }
}

.o-featuredTrips__intro {
    display: none
}

@media only screen and (min-width:1024px) {
    .o-featuredTrips__intro {
        display: inline
    }

    .o-featuredTrips__intro--mobile {
        display: none
    }
}

.o-featuredTrips__trip {
    height: 50vh;
    margin: 5vw;
    min-width: 75vw;
    scroll-snap-align: center
}

@media only screen and (min-width:1024px) {
    .o-featuredTrips__trip {
        height: auto;
        margin: 0;
        min-width: auto;
        scroll-snap-align: unset
    }

    .RT1 {
        grid-area: RT1
    }

    .RT2 {
        grid-area: RT2
    }

    .RT3 {
        grid-area: RT3
    }

    .RT4 {
        grid-area: RT4
    }

    .RT5 {
        grid-area: RT5
    }

    .RT6 {
        grid-area: RT6
    }

    .RT7 {
        grid-area: RT7
    }

    .RT8 {
        grid-area: RT8
    }

    .Intro {
        grid-area: Intro
    }
}

.o-fun-fact {
    background-image: url(/assets/images/abstract-shape-3.svg);
    background-position: top -1rem left -10rem;
    background-repeat: no-repeat;
    background-size: 160%;
    overflow: auto
}

@media only screen and (min-width:768px) {
    .o-fun-fact {
        background-position: top -2rem left;
        background-size: 40%
    }
}

.o-fun-fact__inner {
    background-color: var(--fh-color-blue);
    background-image: url(/assets/images/topographic-lines.svg);
    border-radius: 1rem;
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacing-xx-large);
    justify-content: space-around;
    margin-bottom: 6rem;
    margin-top: 13rem
}

@media only screen and (min-width:768px) {
    .o-fun-fact__inner {
        flex-flow: row nowrap;
        margin-top: var(--spacing-xxx-large)
    }
}

.o-fun-fact__inner img {
    margin: -6rem auto -4rem;
    max-width: 775px;
    width: 90%
}

@media only screen and (min-width:640px) {
    .o-fun-fact__inner img {
        height: 100%;
        margin-left: -3rem;
        margin-top: -2rem;
        width: 40%
    }
}

@media only screen and (min-width:1024px) {
    .o-fun-fact__inner img {
        margin-left: 0;
        width: 40%
    }
}

@media only screen and (min-width:1248px) {
    .o-fun-fact__inner img {
        margin-bottom: -6rem;
        margin-top: -4rem;
        width: 100%
    }
}

.o-fun-fact__header {
    font-size: 2.25rem;
    margin-bottom: 2rem
}

@media only screen and (min-width:768px) {
    .o-fun-fact__header {
        font-size: 2.85rem;
        margin-bottom: 1rem
    }
}

.o-fun-fact__content {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacing-small);
    justify-content: space-around;
    padding: 0 2rem 2rem
}

@media only screen and (min-width:640px) {
    .o-fun-fact__content {
        padding: 2rem
    }
}

@media only screen and (min-width:768px) {
    .o-fun-fact__content {
        justify-content: center;
        padding-right: var(--spacing-xxx-large)
    }
}

@media only screen and (min-width:1440px) {
    .o-fun-fact__content {
        padding-bottom: 0
    }
}

.o-fun-fact__content__inner {
    margin-bottom: 5.4rem
}

@media only screen and (min-width:768px) {
    .o-fun-fact__content__inner {
        margin-bottom: 0
    }
}

.o-fun-fact__content p {
    color: var(--color-global-very-white);
    font-size: var(--font-size-medium)
}

.o-fun-fact__button {
    display: inline-block;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-fun-fact__button {
        width: auto
    }
}

.o-filterToolOptions {
    margin-bottom: var(--spacing-large)
}

@media only screen and (min-width:768px) {
    .o-filterToolOptions {
        margin-bottom: var(--spacing-xxx-large)
    }
}

.o-filterToolOptions__grid {
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 1.5rem;
    scroll-snap-type: x mandatory
}

@media only screen and (min-width:768px) {
    .o-filterToolOptions__grid {
        grid-gap: 2rem;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
    }
}

.o-filterToolOptions__grid--option {
    align-items: center;
    display: flex;
    flex-wrap: column;
    justify-content: center;
    min-width: 100px;
    position: relative;
    scroll-snap-align: start;
    transition: all .2s ease
}

.o-filterToolOptions__grid--option:not(:last-of-type) {
    margin-right: 1rem
}

@media only screen and (min-width:768px) {
    .o-filterToolOptions__grid--option:not(:last-of-type) {
        margin-right: 0
    }
}

.o-filterToolOptions__grid--option:hover .o-filterToolOptions__grid--option__input--custom {
    background-color: var(--color-blue-lightest);
    border: 0;
    transition: all .2s ease
}

.o-filterToolOptions__grid--option:hover label {
    color: var(--color-text-label-hover)
}

.o-filterToolOptions__grid--option__labelWrapper {
    height: 100%;
    width: 100%;
    z-index: 100
}

.o-filterToolOptions__grid--option__labelWrapper__label {
    align-items: center;
    color: var(--color-text-label);
    cursor: pointer;
    display: grid;
    font-size: var(--font-size-x-small);
    height: 100%;
    padding: .5rem;
    text-align: center;
    width: 100%;
    z-index: 100
}

@media only screen and (min-width:768px) {
    .o-filterToolOptions__grid--option__labelWrapper__label {
        font-size: var(--font-size-base)
    }
}

.o-filterToolOptions__grid--option__input {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.o-filterToolOptions__grid--option__input--custom {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: var(--border-radius-large);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.o-filterToolOptions__grid--option__input--custom:hover {
    border: 0
}

.o-filterToolOptions__grid--option__input:checked~.o-filterToolOptions__grid--option__input--custom {
    background: var(--color-blue-gradient);
    border: 0;
    box-shadow: var(--shadow-blue)
}

.o-filterToolOptions__grid--option__input:checked~.o-filterToolOptions__grid--option__label {
    color: var(--color-text-label-hover)
}

.o-filterToolRanges {
    margin-bottom: var(--spacing-xxx-large);
    padding: 0 .5rem
}

@media only screen and (min-width:768px) {
    .o-filterToolRanges {
        margin-bottom: var(--spacing-xxxx-large)
    }
}

.o-filterToolRanges__range {
    margin-bottom: var(--spacing-xxx-large)
}

@media only screen and (min-width:768px) {
    .o-filterToolRanges__range {
        margin-bottom: calc(var(--spacing-xxx-large) + 2rem)
    }
}

.o-filterToolRanges__range .rc-slider {
    height: 1rem
}

.o-filterToolRanges__range .rc-slider-rail {
    background-color: var(--color-neutral-light);
    height: .5rem
}

@media only screen and (min-width:768px) {
    .o-filterToolRanges__range .rc-slider-rail {
        height: 1rem
    }
}

.o-filterToolRanges__range .rc-slider-track {
    background: var(--color-blue-gradient);
    height: .5rem
}

@media only screen and (min-width:768px) {
    .o-filterToolRanges__range .rc-slider-track {
        height: 1rem
    }
}

.o-filterToolRanges__range .rc-slider-handle {
    background: var(--color-blue-gradient);
    border: 0;
    box-shadow: var(--shadow-blue);
    height: 1rem;
    margin-top: -.25rem;
    width: 1rem
}

@media only screen and (min-width:768px) {
    .o-filterToolRanges__range .rc-slider-handle {
        height: 2rem;
        margin-top: -.5rem;
        width: 2rem
    }
}

.o-filterToolRanges__range .rc-slider-handle:active {
    border-color: var(--color-blue-lightest);
    box-shadow: var(--shadow-blue);
    cursor: grabbing
}

.o-filterToolRanges__range .rc-slider-dot {
    border: 2px solid var(--color-blue-lightest);
    height: .5rem;
    top: 0;
    width: .5rem
}

@media only screen and (min-width:768px) {
    .o-filterToolRanges__range .rc-slider-dot {
        height: 1rem;
        margin-left: -.5rem;
        width: 1rem
    }
}

.o-filterToolRanges__range .rc-slider-mark {
    font-size: var(--font-size-small);
    top: 2rem
}

@media only screen and (min-width:768px) {
    .o-filterToolRanges__range .rc-slider-mark {
        font-size: var(--font-size-medium);
        top: 3rem
    }
}

.o-filterToolRanges__range .rc-slider-mark-text {
    color: var(--color-neutral-light)
}

.o-filterToolRanges__range .rc-slider-mark-text-active {
    color: var(--color-neutral-dark)
}

.o-filterTool__applyButton {
    background: var(--color-blue-gradient);
    border: 0;
    border-radius: var(--border-radius-large);
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: var(--font-size-medium);
    margin-left: auto;
    margin-right: auto;
    padding: .5rem 0;
    transition: all .5s ease;
    width: 300px
}

.o-filterTool__applyButton:hover {
    transition: all .5s ease
}

@media only screen and (min-width:768px) {
    .o-filterTool__applyButton {
        font-size: var(--font-size-large);
        padding: 1.5rem 0
    }
}

.o-filterTool__refineButton {
    background-color: #fff;
    border: 1px solid var(--color-blue);
    border-radius: var(--border-radius-large);
    color: var(--color-blue);
    cursor: pointer;
    display: inline-block;
    font-size: var(--font-size-medium);
    padding: .25rem 2rem
}

@media only screen and (min-width:768px) {
    .o-filterTool__refineButton {
        font-size: var(--font-size-large);
        margin-left: 4rem;
        padding: .25rem 3rem
    }
}

.o-formsBlockSection {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12.188rem 1.38rem
}

.o-formsBlockSection__grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.888rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: auto;
    max-width: 65.25rem
}

@media only screen and (max-width:639px) {
    .o-formsBlockSection__grid {
        grid-template-columns: minmax(0, 1fr)
    }
}

.o-galleryBanner {
    align-content: center;
    display: flex;
    flex-direction: row;
    height: 264px;
    position: relative
}

@media only screen and (min-width:768px) {
    .o-galleryBanner {
        height: auto
    }
}

.o-galleryBanner.presentedBy {
    flex-direction: column;
    height: 344px
}

@media only screen and (min-width:768px) {
    .o-galleryBanner.presentedBy {
        flex-direction: row;
        height: auto
    }
}

.o-galleryBanner.presentedBy .presentedBy {
    display: block;
    margin: 0 auto;
    max-width: 160px;
    position: relative;
    top: -1rem
}

@media only screen and (min-width:768px) {
    .o-galleryBanner.presentedBy .presentedBy {
        display: block;
        height: 120px;
        position: absolute;
        right: 5%;
        text-align: left;
        top: -190px;
        width: auto
    }
}

@media only screen and (min-width:1024px) {
    .o-galleryBanner.presentedBy .presentedBy {
        top: -120px
    }
}

@media only screen and (min-width:1248px) {
    .o-galleryBanner.presentedBy .presentedBy {
        right: 10%
    }
}

@media only screen and (min-width:1440px) {
    .o-galleryBanner.presentedBy .presentedBy {
        right: 5%
    }
}

.o-galleryBanner.presentedBy .presentedBy__title {
    color: #104c98;
    font-size: 10px
}

.o-galleryBanner.presentedBy .presentedBy__image img {
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center
}

.o-galleryBanner.presentedBy .o-galleryBanner__col1 {
    height: 264px
}

@media only screen and (min-width:768px) {
    .o-galleryBanner.presentedBy .o-galleryBanner__col1 {
        height: auto
    }
}

.o-galleryBanner.sponsoredFlag {
    position: relative
}

.o-galleryBanner.sponsoredFlag .sponsoredFlag:before {
    background-color: var(--color-neutral-darkest);
    content: "";
    height: 35px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 125px;
    z-index: 101
}

.o-galleryBanner.sponsoredFlag .sponsoredFlag:after {
    color: var(--color-neutral-lightest);
    content: "Sponsored";
    font-size: 16px;
    left: 15px;
    position: absolute;
    top: 7px;
    z-index: 102
}

.o-galleryBanner__col1 {
    position: relative;
    width: 65%
}

.o-galleryBanner__col1.--oneColumn {
    width: 100%
}

.o-galleryBanner__col1 img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.o-galleryBanner__col2 {
    display: flex;
    flex-direction: column;
    width: 35%
}

.o-galleryBanner__col2.--oneColumn {
    display: none
}

.o-galleryBanner__col2--top {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 50%;
    justify-content: center;
    position: relative
}

.o-galleryBanner__col2--top.--oneRow {
    height: 100%
}

.o-galleryBanner__col2--top img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.o-galleryBanner__col2--top__CTA {
    height: 24px;
    left: 42%;
    position: absolute;
    top: 45%;
    width: 24px
}

@media only screen and (min-width:768px) {
    .o-galleryBanner__col2--top__CTA {
        height: 48px;
        left: 48%;
        top: 48%;
        width: 48px
    }
}

.o-galleryBanner__col2--top__CTA button {
    background-color: var(--color-neutral-lightest);
    border: 0;
    border-radius: var(--border-radius-circle);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .23);
    cursor: pointer;
    height: 100%;
    opacity: .8;
    position: relative;
    width: 100%
}

.o-galleryBanner__col2--top__CTA button:after {
    color: var(--color-neutral-darker);
    content: "\25B6";
    font-size: .75rem;
    left: 8px;
    position: absolute;
    top: 4px
}

@media only screen and (min-width:768px) {
    .o-galleryBanner__col2--top__CTA button:after {
        font-size: 1rem;
        left: 17px;
        top: 10px
    }
}

@media only screen and (min-width:1024px) {
    .o-galleryBanner__col2--top__CTA button:after {
        top: 11px
    }
}

.o-galleryBanner__col2--bottom {
    align-items: center;
    background-color: var(--color-neutral-light);
    display: flex;
    flex-direction: column;
    height: 50%;
    justify-content: center;
    position: relative
}

.o-galleryBanner__col2--bottom.--oneRow {
    display: none
}

.o-galleryBanner__col2--bottom>svg {
    height: 100px;
    width: 100px
}

.o-galleryBanner .o-carouselGalleryWrapper {
    display: none;
    height: 100%;
    left: 0;
    overflow: scroll;
    position: fixed;
    top: 0;
    width: 100%
}

.o-galleryBanner .buttonGallery {
    background-color: transparent;
    border: 0;
    bottom: var(--spacing-large);
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: var(--spacing-large);
    width: 32px
}

@media only screen and (min-width:768px) {
    .o-galleryBanner .buttonGallery {
        height: 60px;
        width: 60px
    }
}

.o-galleryBanner .buttonGallery svg {
    height: 100%;
    width: 100%
}

.o-galleryBanner .buttonCloseMap {
    align-items: center;
    background-color: var(--color-neutral-lightest);
    border: 0;
    border-radius: var(--border-radius-medium);
    color: var(--color-neutral-dark);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: var(--font-Raleway);
    font-size: 10px;
    justify-content: center;
    opacity: 1;
    padding: var(--spacing-small);
    position: absolute;
    right: var(--spacing-large);
    top: var(--spacing-large)
}

@media only screen and (min-width:768px) {
    .o-galleryBanner .buttonCloseMap {
        font-size: 14px
    }
}

.o-galleryBanner .buttonCloseMap svg {
    height: 10px;
    margin-right: var(--spacing-small);
    width: 10px
}

@media only screen and (min-width:768px) {
    .o-galleryBanner .buttonCloseMap svg {
        height: 14px;
        width: 14px
    }
}

.o-galleryBanner .gatsby-image-wrapper {
    margin-bottom: 0
}

.o-galleryBanner .photocredit {
    bottom: 0;
    color: var(--color-neutral-lightest);
    font-style: italic;
    font-weight: var(--font-Raleway-300);
    opacity: .6;
    position: absolute;
    right: 10px
}

@media only screen and (min-width:1024px) {
    .o-groupingCards {
        margin-left: calc(50vw - 512px);
        margin-right: 0
    }
}

@media only screen and (min-width:1248px) {
    .o-groupingCards {
        margin-left: calc(50vw - 604px)
    }
}

@media only screen and (min-width:1440px) {
    .o-groupingCards {
        margin-left: calc(50vw - 700px)
    }
}

@media only screen and (min-width:1024px) {
    .o-groupingCards--reverse {
        margin-left: 0;
        margin-right: calc(50vw - 512px)
    }
}

@media only screen and (min-width:1248px) {
    .o-groupingCards--reverse {
        margin-right: calc(50vw - 604px)
    }
}

@media only screen and (min-width:1440px) {
    .o-groupingCards--reverse {
        margin-right: calc(50vw - 700px)
    }
}

.o-groupingCards--reverse .o-groupingCards__wrapper {
    flex-direction: row-reverse
}

@media only screen and (min-width:768px) {
    .o-groupingCards__wrapper {
        display: flex;
        flex-direction: row
    }
}

.o-groupingCards__intro {
    display: flex;
    margin: 0 var(--spacing-large);
    padding: 0 var(--spacing-base);
    position: relative;
    top: var(--spacing-large)
}

@media only screen and (min-width:1024px) {
    .o-groupingCards__intro {
        max-width: 360px
    }
}

.o-groupingCards__grid {
    display: flex;
    overflow-x: scroll;
    padding: var(--spacing-x-large);
    width: 100%
}

.o-groupingCards__grid .m-fullCard {
    flex-direction: column;
    min-height: 390px;
    min-width: 240px
}

.o-groupingCards__grid .m-fullCard:not(:first-child) {
    margin-left: -150px
}

.p-groupingCards__wrapper {
    background: url(/static/home-bottom-shape-mobile-507ce049c4c4e73c20838af9c86fdb04.jpg) 50% no-repeat;
    background-size: contain
}

@media only screen and (min-width:768px) {
    .p-groupingCards__wrapper {
        background: url(/static/home-bottom-shape-1eeea8ab5647409cfd9460f3432f9a45.jpg) 50% no-repeat;
        background-size: contain
    }
}

.o-heroBanner {
    align-items: center;
    background: url(/static/home-bg-mobile-5fe5d6fbf77e31adb00f630e7c4d8c8d.jpg) top;
    background-size: cover;
    display: flex;
    height: 70vh;
    justify-content: center
}

@media only screen and (min-width:768px) {
    .o-heroBanner {
        background: url(/static/home-bg-7c5577a39f54b80a72e1fb783989ec43.jpg) top no-repeat;
        background-size: cover
    }
}

@media only screen and (min-width:1024px) {
    .o-heroBanner {
        height: 70vh
    }
}

.o-heroBanner__content {
    padding: var(--spacing-x-large)
}

@media only screen and (min-width:768px) {
    .o-heroBanner__content {
        max-width: 75%
    }
}

@media only screen and (min-width:1248px) {
    .o-heroBanner__content {
        max-width: 50%
    }
}

.o-heroBanner__content--subheading {
    color: var(--color-neutral-lightest);
    font-weight: 600;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .o-heroBanner__content--subheading {
        margin-left: auto;
        margin-right: auto
    }
}

.o-heroBanner__content--ctas {
    grid-gap: 2rem;
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center
}

@media only screen and (min-width:1024px) {
    .o-heroBanner__content--ctas {
        grid-template-columns: repeat(minmax(300px, 1fr));
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        margin: 0 auto;
        max-width: 650px
    }
}

.o-heroBanner__content--ctas a {
    align-items: center;
    background-color: var(--color-neutral-lightest);
    color: var(--color-blue-lightest);
    display: flex;
    justify-content: center;
    padding: .75rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275)
}

.o-heroBanner__content--ctas a:hover {
    background-color: var(--color-blue);
    color: var(--color-neutral-lightest);
    transition: .4s cubic-bezier(.175, .885, .32, 1.275)
}

.o-heroBanner__content--ctas a:hover svg {
    fill: #fff
}

.o-heroBanner__content--ctas a svg {
    height: 20px
}

.o-heroBanner__content--ctas a:last-of-type svg {
    margin-left: 0;
    margin-right: .5rem
}

.o-heroBanner__content .o-heroBanner__content--ctas>a:first-child {
    justify-self: flex-end
}

.o-heroBG {
    height: 65vh;
    position: relative
}

@media only screen and (min-width:768px) {
    .o-heroBG.isMobile {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .o-heroBG.isDesktop {
        display: none
    }
}

.o-heroBG.isDesktop .o-heroBG__content .titleCAC,
.o-heroBG.isMobile .o-heroBG__content .titleCAC {
    bottom: 64px;
    color: #fff;
    font-family: Poppins;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    left: 80px;
    line-height: 96px;
    position: absolute
}

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

    .o-heroBG.isDesktop .o-heroBG__content .titleCAC,
    .o-heroBG.isMobile .o-heroBG__content .titleCAC {
        font-size: 23px;
        left: 32px;
        line-height: 28px;
        margin-bottom: 24px
    }
}

.o-heroBG.isDesktop .o-heroBG__content-kidifornia,
.o-heroBG.isMobile .o-heroBG__content-kidifornia {
    grid-gap: 25px;
    bottom: 50px;
    display: grid;
    grid-template-columns: auto auto;
    left: 40px;
    position: absolute
}

.o-heroBG.isDesktop .o-heroBG__content-kidifornia h1,
.o-heroBG.isDesktop .o-heroBG__content-kidifornia img,
.o-heroBG.isMobile .o-heroBG__content-kidifornia h1,
.o-heroBG.isMobile .o-heroBG__content-kidifornia img {
    margin: 0
}

.o-heroBG.isDesktop .o-heroBG__content-kidifornia h1,
.o-heroBG.isMobile .o-heroBG__content-kidifornia h1 {
    align-self: end;
    color: #fff;
    font-family: HeyBoyHeyGirl;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .7px;
    line-height: 77px
}

.o-heroBG.isDesktop .o-heroBG__content-kidifornia img,
.o-heroBG.isMobile .o-heroBG__content-kidifornia img {
    display: block;
    width: 277px
}

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

    .o-heroBG.isDesktop .o-heroBG__content-kidifornia,
    .o-heroBG.isMobile .o-heroBG__content-kidifornia {
        bottom: 20vh;
        grid-template-columns: auto;
        left: 0;
        margin: 0 auto;
        right: 0
    }

    .o-heroBG.isDesktop .o-heroBG__content-kidifornia h1,
    .o-heroBG.isDesktop .o-heroBG__content-kidifornia img,
    .o-heroBG.isMobile .o-heroBG__content-kidifornia h1,
    .o-heroBG.isMobile .o-heroBG__content-kidifornia img {
        justify-self: center
    }

    .o-heroBG.isDesktop .o-heroBG__content-kidifornia h1,
    .o-heroBG.isMobile .o-heroBG__content-kidifornia h1 {
        font-size: 32px;
        letter-spacing: .65px;
        line-height: 36px;
        text-align: center
    }

    .o-heroBG.isDesktop .o-heroBG__content-kidifornia img,
    .o-heroBG.isMobile .o-heroBG__content-kidifornia img {
        width: 222px
    }
}

@media only screen and (min-width:768px) {
    .o-heroBG {
        height: 500px
    }
}

.o-heroBG.--fullBleed {
    height: 100vh
}

.o-heroBG.--fullBleed .o-heroBG__bgImage,
.o-heroBG.--fullBleed .o-heroBG__overlay {
    height: 100%;
    max-height: unset
}

.o-heroBG.--fullBleed .o-heroBG__bgUploadedVid {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
    z-index: -99
}

.o-heroBG.--fullBleed .o-heroBG__bgUploadedVid video {
    display: block;
    width: 100%
}

@media only screen and (max-width:1023px) {
    .o-heroBG.--fullBleed .o-heroBG__bgUploadedVid video {
        height: 100vh;
        object-fit: cover
    }
}

.o-heroBG__lottiePlayer {
    bottom: 0;
    left: 0;
    padding-bottom: var(--spacing-large);
    padding-left: var(--spacing-large);
    position: absolute
}

@media only screen and (max-width:767px) {
    .o-heroBG__lottiePlayer {
        margin: auto;
        padding: 0;
        right: 0
    }

    .o-heroBG__lottiePlayer lottie-player {
        height: unset !important;
        margin: auto;
        text-align: center
    }
}

@media only screen and (min-width:1024px) {
    .o-heroBG.--withVideo {
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative
    }
}

.o-heroBG.--withVideo .m-youTubeVideo {
    display: none;
    z-index: -99
}

@media only screen and (min-width:1024px) {
    .o-heroBG.--withVideo .m-youTubeVideo {
        display: block
    }
}

@media only screen and (max-width:1023px) {
    .o-heroBG.--withVideo .m-youTubeVideo.isFullBleed {
        display: block;
        height: 100vh;
        overflow: hidden;
        position: relative;
        width: 100vw;
        z-index: -98
    }

    .o-heroBG.--withVideo .m-youTubeVideo.isFullBleed iframe {
        height: 100vh;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100vw
    }
}

@media only screen and (max-width:1023px) and (min-aspect-ratio:16/9) {
    .o-heroBG.--withVideo .m-youTubeVideo.isFullBleed iframe {
        height: 56.25vw
    }
}

@media only screen and (max-width:1023px) and (max-aspect-ratio:16/9) {
    .o-heroBG.--withVideo .m-youTubeVideo.isFullBleed iframe {
        width: 177.78vh
    }
}

.o-heroBG.--withVideo img {
    display: block
}

@media only screen and (min-width:1024px) {
    .o-heroBG.--withVideo img {
        display: none
    }

    .o-heroBG.--withVideo .o-heroBG__content--heading {
        margin: var(--spacing-small) auto var(--spacing-large)
    }
}

.o-heroBG__bgImage {
    height: 100vh;
    left: 0;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -99
}

@media only screen and (min-width:768px) {
    .o-heroBG__bgImage {
        height: 110vh;
        max-height: 900px
    }
}

.o-heroBG__overlay {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4));
    bottom: 0;
    display: block;
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -98
}

@media only screen and (min-width:768px) {
    .o-heroBG__overlay {
        height: 110vh;
        max-height: 900px
    }
}

.o-heroBG__content {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    padding: var(--spacing-xx-large) 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.o-heroBG__content--heading {
    color: var(--color-neutral-lightest);
    font-size: 40px;
    font-weight: var(--font-sans-700);
    margin: var(--spacing-large) auto var(--spacing-large);
    text-align: center;
    width: 90%
}

@media only screen and (min-width:768px) {
    .o-heroBG__content--heading {
        margin: var(--spacing-xxx-large) auto var(--spacing-xx-large);
        width: 80%
    }
}

@media only screen and (min-width:1024px) {
    .o-heroBG__content--heading {
        font-size: 80px;
        width: 90%
    }
}

@media only screen and (min-width:1248px) {
    .o-heroBG__content--heading {
        width: 70%
    }
}

.o-heroBG__content--logo-container {
    margin-bottom: var(--spacing-large);
    text-align: center
}

@media only screen and (min-width:768px) {
    .o-heroBG__content--logo-container {
        margin-bottom: var(--spacing-x-large)
    }
}

.o-heroBG__content--logoImage {
    margin: var(--spacing-large) auto var(--spacing-base) auto;
    max-width: 180px;
    width: 180px
}

@media only screen and (min-width:768px) {
    .o-heroBG__content--logoImage {
        margin: var(--spacing-xxx-large) auto var(--spacing-base) auto;
        max-width: 240px
    }
}

.o-heroBG__content--subheading {
    color: #fff;
    font-family: Raleway;
    font-size: 45px;
    font-weight: 400;
    line-height: 30px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .o-heroBG__content--subheading {
        font-size: 61px
    }
}

.o-heroBG__content--search {
    align-items: center;
    display: flex;
    display: none;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-heroBG__content--search {
        flex-direction: row
    }
}

.o-heroBG__content--search--filler {
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-heroBG__content--search--filler {
        width: 20%
    }
}

@media only screen and (min-width:1024px) {
    .o-heroBG__content--search--filler {
        width: 30%
    }
}

.o-heroBG__content--search--bar {
    width: 90%
}

@media only screen and (min-width:768px) {
    .o-heroBG__content--search--bar {
        width: 60%
    }
}

@media only screen and (min-width:1024px) {
    .o-heroBG__content--search--bar {
        width: 40%
    }
}

.o-heroBG__content--search--iconCTAs {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-large);
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-heroBG__content--search--iconCTAs {
        margin-top: 0;
        width: 20%
    }
}

@media only screen and (min-width:1024px) {
    .o-heroBG__content--search--iconCTAs {
        justify-content: flex-end;
        margin-top: 0;
        width: 30%
    }
}

.o-heroBG__content--search--iconCTAs .social-share ul {
    right: 0
}

.o-heroBG__content--search--iconCTAs .a-iconCTA {
    position: relative
}

.o-heroBG__content--search--iconCTAs .a-iconCTA svg {
    height: 24px;
    width: 24px
}

@media only screen and (min-width:768px) {
    .o-heroBG__content--search--iconCTAs .a-iconCTA {
        margin-top: 0
    }

    .o-heroBG__content--search--iconCTAs .a-iconCTA svg {
        height: 32px;
        width: 32px
    }
}

.o-heroBG__content--search input {
    font-size: var(--font-size-small)
}

.o-heroBG__content--search .a-searchBar {
    width: 100%
}

.o-heroBG__content__searchBar {
    display: block
}

@media only screen and (min-width:768px) {
    .o-heroBG__content__searchBar {
        display: none
    }
}

.o-heroBG__content__searchBtn {
    align-items: center;
    background: var(--color-blue-gradient);
    border: 0;
    border-radius: var(--border-radius-x-large);
    color: var(--color-neutral-lightest);
    display: none;
    font-weight: 400;
    height: var(--height-input);
    padding: var(--spacing-small) 1rem;
    position: relative;
    width: 280px
}

.o-heroBG__content__searchBtn svg {
    height: 18px;
    margin-right: .5rem;
    width: 18px
}

@media only screen and (min-width:768px) {
    .o-heroBG__content__searchBtn {
        display: flex;
        width: 100%
    }
}

.o-heroBG__content__searchBtn:focus {
    color: var(--color-neutral-lightest)
}

.o-horizontalScrollContainer__heading,
.o-horizontalScrollContainer__heading-after {
    align-content: center;
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacing-base);
    position: relative
}

.ais-filterButtons .o-horizontalScrollContainer__heading,
.ais-filterButtons .o-horizontalScrollContainer__heading-after {
    margin: 0
}

.o-horizontalScrollContainer__heading .a-iconCTA,
.o-horizontalScrollContainer__heading-after .a-iconCTA {
    bottom: 0;
    position: absolute;
    right: 18px
}

.ais-filterButtons .o-horizontalScrollContainer__heading .a-iconCTA,
.ais-filterButtons .o-horizontalScrollContainer__heading-after .a-iconCTA {
    background: #fff;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 25%);
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    height: 5.375rem;
    padding-inline: 4rem 1rem;
    right: -1.5rem;
    top: 0
}

.ais-filterButtons .o-horizontalScrollContainer__heading .a-iconCTA__next,
.ais-filterButtons .o-horizontalScrollContainer__heading .a-iconCTA__prev,
.ais-filterButtons .o-horizontalScrollContainer__heading-after .a-iconCTA__next,
.ais-filterButtons .o-horizontalScrollContainer__heading-after .a-iconCTA__prev {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.ais-filterButtons .o-horizontalScrollContainer__heading .a-iconCTA__next,
.ais-filterButtons .o-horizontalScrollContainer__heading .a-iconCTA__prev,
.ais-filterButtons .o-horizontalScrollContainer__heading-after .a-iconCTA__next,
.ais-filterButtons .o-horizontalScrollContainer__heading-after .a-iconCTA__prev {
    left: 0
}

@media only screen and (max-device-width:812px) {
    .o-horizontalScrollContainer__iconCTA--wrapper {
        display: none
    }
}

.o-horizontalScrollContainer__iconCTA--wrapper.--after {
    -webkit-padding-before: 1rem;
    padding-block-start: 1rem
}

.o-horizontalScrollContainer__content {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    margin-bottom: var(--spacing-small);
    overflow-x: auto;
    overflow-y: hidden;
    overflow: -moz-scrollbars-none;
    padding-bottom: var(--spacing-large);
    padding-top: var(--spacing-medium)
}

.o-horizontalScrollContainer__content::-webkit-scrollbar {
    display: none;
    width: 0 !important
}

@media only screen and (min-width:768px) {
    .o-horizontalScrollContainer__content {
        margin-bottom: var(--spacing-x-small);
        scrollbar-width: none
    }
}

.o-horizontalScrollContainer__content .m-detailCard {
    width: 290px
}

.o-horizontalScrollContainer__content>* {
    flex: 0 0 auto;
    margin-right: 1rem;
    scroll-snap-align: start
}

@media only screen and (min-width:768px) {
    .o-horizontalScrollContainer__content>* {
        margin-right: 2rem
    }
}

.o-horizontalScrollContainer__content.fullwidth {
    padding-left: var(--spacing-base)
}

@media only screen and (min-width:640px) {
    .o-horizontalScrollContainer__content.fullwidth {
        padding-left: calc(50vw - 320px)var(--spacing-base)
    }
}

@media only screen and (min-width:768px) {
    .o-horizontalScrollContainer__content.fullwidth {
        padding-left: calc(50vw - 384px + var(--spacing-medium))
    }
}

@media only screen and (min-width:1024px) {
    .o-horizontalScrollContainer__content.fullwidth {
        padding-left: calc(50vw - 512px + var(--spacing-large))
    }
}

@media only screen and (min-width:1248px) {
    .o-horizontalScrollContainer__content.fullwidth {
        padding-left: calc(50vw - 624px + var(--spacing-x-large))
    }
}

@media only screen and (min-width:1440px) {
    .o-horizontalScrollContainer__content.fullwidth {
        padding-left: calc(50vw - 720px + var(--spacing-xx-large))
    }
}

.ais-filterButtons .o-horizontalScrollContainer__content {
    margin: 0 !important;
    max-width: 90%;
    padding-block: 1rem;
    width: 100%
}

.o-horizontalScrollContainer__cta {
    align-items: center;
    display: flex;
    flex-direction: row;
    text-transform: capitalize
}

.o-horizontalScrollContainer__cta svg {
    margin-left: var(--spacing-small);
    width: 16px
}

.ais-filterButtons .o-horizontalScrollContainer__cta {
    display: none
}

.ais-filterButtons .o-horizontalScrollContainer {
    width: 85%
}

.o-kidifornia {
    overflow: hidden;
    position: relative
}

.o-kidiforniaQuiz {
    background: linear-gradient(180deg, #83c4bf, #73bac9);
    height: 820px;
    padding: 65px
}

@media only screen and (max-width:639px) {
    .o-kidiforniaQuiz {
        padding: 35px 25px
    }
}

.o-kidiforniaQuiz-container {
    margin: 0 auto;
    max-width: 1030px;
    position: relative;
    z-index: 3
}

.o-kidiforniaQuiz-container h1,
.o-kidiforniaQuiz-container h2,
.o-kidiforniaQuiz-container p {
    color: #333;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.o-kidiforniaQuiz-container-title {
    margin-bottom: 52px
}

.o-kidiforniaQuiz-container-title h1,
.o-kidiforniaQuiz-container-title h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 48px
}

.o-kidiforniaQuiz-container-title h1 span,
.o-kidiforniaQuiz-container-title h2 span {
    font-family: HeyBoyHeyGirl;
    font-size: 40px;
    font-weight: 400
}

@media only screen and (max-width:639px) {
    .o-kidiforniaQuiz-container-title {
        margin-bottom: 40px
    }

    .o-kidiforniaQuiz-container-title h1,
    .o-kidiforniaQuiz-container-title h2 {
        font-size: 20px;
        line-height: 44px
    }

    .o-kidiforniaQuiz-container-title h1 span,
    .o-kidiforniaQuiz-container-title h2 span {
        font-size: 30px
    }

    .o-kidiforniaQuiz-container-title h2 {
        line-height: 30px;
        margin: 0 auto;
        max-width: 260px
    }
}

.o-kidiforniaQuiz-container-question {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    padding: 0 60px
}

.o-kidiforniaQuiz-container-question .leftQuesNum {
    align-self: center;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    text-align: left
}

.o-kidiforniaQuiz-container-question .centerQues {
    align-self: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin: 0
}

.o-kidiforniaQuiz-container-question .rightQuesNum {
    height: 76px;
    justify-self: right;
    width: 76px
}

.o-kidiforniaQuiz-container-question .rightQuesNum .CircularProgressbar {
    font-family: HeyBoyHeyGirl
}

@media only screen and (max-width:1023px) {
    .o-kidiforniaQuiz-container-question {
        grid-gap: 16px
    }
}

@media only screen and (max-width:639px) {
    .o-kidiforniaQuiz-container-question {
        align-items: center;
        padding: 0
    }

    .o-kidiforniaQuiz-container-question .centerQues {
        font-size: 20px;
        line-height: 30px
    }

    .o-kidiforniaQuiz-container-question .rightQuesNum {
        height: 50px;
        width: 50px
    }
}

.o-kidiforniaQuiz-gameOver {
    margin: 0 auto;
    max-width: 1030px;
    position: relative;
    z-index: 3
}

.o-kidiforniaQuiz-gameOver a,
.o-kidiforniaQuiz-gameOver button,
.o-kidiforniaQuiz-gameOver h1,
.o-kidiforniaQuiz-gameOver p {
    color: #333;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    text-align: center
}

.o-kidiforniaQuiz-gameOver-totalCorrect {
    font-size: 18px;
    line-height: 27px;
    margin: 20px 0 22px
}

.o-kidiforniaQuiz-gameOver-totalCorrect span {
    font-size: 37px;
    font-weight: 700;
    line-height: 43px
}

.o-kidiforniaQuiz-gameOver-title h1 {
    font-family: HeyBoyHeyGirl;
    font-size: 103px;
    font-weight: 400;
    line-height: 118px;
    margin-bottom: 40px
}

.o-kidiforniaQuiz-gameOver-title p {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 45px
}

@media only screen and (max-width:639px) {
    .o-kidiforniaQuiz-gameOver-title h1 {
        font-size: 90px;
        margin-bottom: 0
    }

    .o-kidiforniaQuiz-gameOver-title p {
        font-size: 27px;
        line-height: 36px;
        margin-bottom: 30px
    }
}

.o-kidiforniaQuiz-gameOver-btnContent {
    margin: 30px 0
}

.o-kidiforniaQuiz-gameOver-btnContent p {
    font-size: 18px;
    line-height: 27px
}

.o-kidiforniaQuiz-gameOver-btnContent a,
.o-kidiforniaQuiz-gameOver-btnContent button {
    background: #2d657d;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 24px;
    margin: 20px auto;
    width: 225px
}

.o-kidiforniaQuiz-gameOver-btnContent a:hover,
.o-kidiforniaQuiz-gameOver-btnContent button:hover {
    cursor: pointer
}

.o-kidiforniaQuiz-gameOver-btnContent a:focus,
.o-kidiforniaQuiz-gameOver-btnContent button:focus {
    outline: none
}

.o-kidiforniaQuiz-gameOver-btnContent a {
    line-height: 40px
}

.o-kidiforniaQuiz-gameOver-btnContent .resetBtn {
    background: #fff;
    color: #2d657d
}

@media only screen and (max-width:639px) {
    .o-kidiforniaQuiz-gameOver-btnContent p {
        margin-bottom: 40px
    }
}

.o-kidiforniaQuiz-bg {
    left: -10px;
    opacity: .6;
    position: absolute;
    top: 230px;
    transform: rotate(5deg)
}

.o-kidiforniaQuiz-bg img {
    height: 576px;
    width: 1282px
}

@media only screen and (max-width:639px) {
    .o-kidiforniaQuiz-bg {
        left: 0;
        opacity: .4;
        right: -120px;
        top: -170px
    }

    .o-kidiforniaQuiz-bg img {
        object-fit: contain
    }
}

.o-verticalItemsListSection__heading {
    align-content: center;
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacing-medium);
    position: relative
}

@media only screen and (min-width:768px) {
    .o-verticalItemsListSection__heading {
        margin-bottom: var(--spacing-large)
    }
}

.o-verticalItemsListSection__content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: var(--spacing-small)
}

@media only screen and (min-width:768px) {
    .o-verticalItemsListSection__content {
        margin-bottom: var(--spacing-medium)
    }
}

.o-verticalItemsListSection__content.multicolumn_layout {
    flex-direction: row;
    flex-wrap: wrap
}

.o-verticalItemsListSection__content>* {
    flex: 0 0 auto;
    scroll-snap-align: start
}

.o-verticalItemsListSection__content>:not(:last-child) {
    margin-bottom: .5rem;
    margin-right: .5rem
}

@media only screen and (min-width:768px) {
    .o-verticalItemsListSection__content>:not(:last-child) {
        margin-bottom: 1rem;
        margin-right: 1rem
    }
}

.o-verticalItemsListSection__link {
    color: var(--color-text-link);
    margin-bottom: .5rem
}

.o-verticalItemsListSection__link .icon {
    margin-left: 5px
}

@media only screen and (min-width:768px) {
    .o-verticalItemsListSection__link {
        margin-bottom: 1rem
    }
}

.o-verticalItemsListSection__loadmoreCTA {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--color-blue-darkest);
    display: flex;
    flex-direction: row;
    font-family: var(--font-Raleway);
    font-size: 20px;
    justify-content: center;
    margin: var(--spacing-medium) auto
}

.m-masonryCardGroup {
    display: flex;
    gap: 1rem
}

.m-masonryCardGroup__col {
    background-clip: padding-box
}

.m-masonryCardGroup__col .m-highlightCardWrapper {
    width: 100%
}

.m-masonryCardGroup__col:nth-child(2n) div.m-highlightCardWrapper:last-child,
.m-masonryCardGroup__col:nth-child(odd) div.m-highlightCardWrapper:first-child {
    height: 525px
}

.m-masonryCardGroup__col>article {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem
}

.o-midPageBanner {
    align-items: center;
    background: #2c4cad;
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
    padding: 80px 0;
    width: 100%
}

@media only screen and (max-width:639px) {
    .o-midPageBanner {
        padding: 40px 0
    }
}

.o-midPageBanner-main {
    align-items: center;
    display: grid;
    gap: 112px;
    grid-template-columns: auto auto;
    margin: 0 20px;
    max-width: 1216px
}

.o-midPageBanner-main-title {
    max-width: 904px
}

.o-midPageBanner-main-cta {
    background: var(--color-global-blue);
    line-height: var(--desc-line-height);
    padding: 12px 32px
}

.o-midPageBanner-main-cta:hover {
    background-color: var(--color-global-very-white);
    color: var(--color-global-blue)
}

@media only screen and (max-width:639px) {
    .o-midPageBanner-main {
        gap: 24px;
        grid-template-columns: auto;
        margin: 0;
        width: 320px
    }

    .o-midPageBanner-main-title {
        width: 320px
    }
}

.o-modal {
    background-color: #fff;
    overflow-x: scroll;
    transition: top .6s ease-out;
    z-index: 1000
}

.o-modal,
.o-modal-background {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 100%
}

.o-modal-background {
    background-color: rgba(48, 48, 48, .5);
    opacity: 0;
    transition: opacity .6s ease-in, top 0s ease .6s
}

.o-modal--active {
    top: 0;
    visibility: visible
}

.o-modal--active~.o-modal-background {
    opacity: 1;
    top: 0;
    transition: opacity .6s ease-in
}

.o-modal--active .m-modalbar,
.o-modal--active .o-modal__front-bookend,
.o-modal--active .o-modal__panel {
    opacity: 1
}

.o-modal--active .o-modal__front-bookend,
.o-modal--active .o-modal__panel {
    transition: opacity .6s ease-in .6s
}

.o-landing__content,
.o-modal__content {
    display: flex;
    overflow-y: hidden;
    position: absolute
}

.o-modal__content {
    inset: 0;
    overflow-x: hidden;
    width: 12000px
}

.o-landing__panel,
.o-modal__panel {
    flex-grow: 1;
    height: 100%;
    padding: 24px;
    position: relative
}

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

    .o-landing__panel,
    .o-modal__panel {
        align-items: center;
        display: flex
    }
}

.o-modal__front-bookend,
.o-modal__panel {
    opacity: 0;
    transition: opacity .2s
}

@media (-webkit-min-device-pixel-ratio:2),
(max-width:768px),
(min-resolution:192dpi) {
    .o-modal__front-bookend {
        transform: scale(.5);
        transform-origin: bottom left
    }
}

.o-modal__panel--double {
    flex-grow: 1.4
}

.o-modal__panel--half {
    flex-grow: 0.5
}

.o-modal__panel--quarter {
    flex-grow: 0.01
}

.o-modal__copy {
    margin-left: auto;
    max-width: 320px;
    padding-top: 4rem;
    text-shadow: 1px 1px 2px #fff;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .o-modal__copy {
        margin-top: -2rem;
        max-width: 496px
    }
}

.o-modal__copy--intro {
    margin-left: 0
}

@media only screen and (min-width:640px) {
    .o-modal__copy--intro {
        margin-left: 14vw
    }
}

.o-modal__title {
    margin-top: 1.5rem;
    position: relative
}

@media only screen and (min-width:768px) {
    .o-modal__title {
        font-size: 3.5rem;
        line-height: 3.8rem;
        margin-top: 0
    }
}

.o-modal__title:before {
    background: linear-gradient(90deg, #f58a33 23.11%, #ffd100 99.97%);
    content: "";
    height: 1rem;
    position: absolute;
    top: -2rem;
    width: 115px
}

.o-modal__mini-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 2fr;
    max-width: 300px
}

.o-modal__front-bookend.gatsby-image-wrapper {
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute
}

.o-modal__bw-parallax-image,
.o-modal__fw-parallax-image {
    will-change: transform
}

.o-landing__svg-cloud,
.o-modal__cloud {
    animation: clouds 20s ease-in-out infinite;
    height: 40px;
    position: absolute
}

.o-modal__cloud--big {
    height: 50px
}

.o-modal__cloud--small {
    height: 30px
}

@media only screen and (min-width:768px) {
    .o-modal__cloud {
        height: 60px
    }

    .o-modal__cloud--small {
        height: 50px
    }

    .o-modal__cloud--big {
        height: 80px
    }
}

.o-modal__cloud {
    z-index: -2
}

.o-modal__image-group {
    bottom: 0;
    height: 100%;
    transform: scale(.75);
    transform-origin: bottom left;
    width: 3000px
}

.o-modal__image-group,
.o-modal__image-group .gatsby-image-wrapper,
.o-modal__image-group>img,
.o-modal__image-group>video {
    margin: 0;
    position: absolute;
    z-index: -1
}

.o-modal__content--5 .o-modal__image-group {
    transform: scale(.69)
}

.o-modal__content--3 .o-modal__image-group {
    transform: scale(.73)
}

.o-modal__content--2 .o-modal__image-group {
    transform: scale(.69)
}

.o-modal__content--1 {
    width: 17700px
}

.o-modal__content--1 .o-modal__image-group {
    transform: scale(.73)
}

.o-modal__image-group--right {
    right: 0;
    transform-origin: bottom right
}

.o-modal__pointer-line {
    border-color: #afb2b4;
    border-style: solid;
    border-width: 2px 0 0 4px;
    height: 120px;
    position: relative;
    transform: skewX(-60deg);
    width: 120px
}

.o-modal__pointer-line:after {
    animation: pointer 8s infinite;
    background-color: #5fb3e4;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -19px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .14), 0 3px 1px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    content: "";
    height: 24px;
    left: -10px;
    position: absolute;
    transform: skewX(60deg);
    width: 24px
}

.o-modal__pointer-line--steep {
    border-width: 2px 0 0 3px;
    height: 330px;
    transform: skewX(-30deg)
}

.o-modal__pointer-line--steep:after {
    animation: pointerSteep 8s infinite;
    left: -10px;
    transform: skewX(30deg)
}

.o-modal__pointer {
    margin-bottom: -4rem;
    position: absolute;
    width: 540px
}

.o-modal__copy:not(.o-modal__copy--intro),
.o-modal__pointer,
.o-modal__popdown-image,
.o-modal__popout-image,
.o-modal__popright-image,
.o-modal__popup-image {
    margin-top: 4rem;
    opacity: 0;
    transition: margin 1s cubic-bezier(.68, -.6, .32, 1.6), opacity .3s ease-in-out
}

.o-modal__copy--active:not(.o-modal__copy--intro),
.o-modal__pointer--active,
.o-modal__popdown-image--active,
.o-modal__popout-image--active,
.o-modal__popright-image--active,
.o-modal__popup-image--active {
    margin-bottom: 0;
    margin-top: 0;
    opacity: 1
}

.o-modal__popup-image {
    transform: scale(.9) translateY(4rem);
    transition: opacity .3s ease-in-out, transform 1s cubic-bezier(.68, -.6, .32, 1.6)
}

.o-modal__popup-image--active {
    transform: scale(1) translateY(0)
}

.o-modal__popout-image {
    transform: translateX(-4rem);
    transition: opacity .3s ease-in-out, transform 1s cubic-bezier(.68, -.6, .32, 1.6)
}

.o-modal__popout-image--active {
    transform: translateX(0)
}

.o-modal__popdown-image {
    transform: scale(.9) translateY(-4rem);
    transition: opacity .3s ease-in-out, transform 1s cubic-bezier(.68, -.6, .32, 1.6)
}

.o-modal__popdown-image--active {
    transform: scale(1) translateY(0)
}

.o-modal__popright-image {
    transform: translateX(4rem);
    transition: opacity .3s ease-in-out, transform 1s cubic-bezier(.68, -.6, .32, 1.6)
}

.o-modal__popright-image--active {
    transform: translateX(0)
}

.o-modal__pointer--inverted,
.o-modal__pointer--inverted .o-modal__pointer-text {
    transform: scaleX(-1)
}

.o-modal__pointer-text {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 16px 24px rgba(0, 0, 0, .07), 0 6px 30px rgba(0, 0, 0, .06), 0 8px 10px rgba(0, 0, 0, .1);
    font-size: 1.25rem;
    padding: 16px;
    position: absolute;
    right: 0;
    top: -40px;
    width: 330px
}

.o-modal__pointer-text-subdued {
    color: #595959
}

.o-modal__pointer-text--sentence {
    font-size: 1rem;
    font-weight: 600
}

.o-modal__rtr-logo {
    height: 42px;
    width: 140px
}

@media only screen and (min-width:640px) {
    .o-modal__content {
        width: 13200px
    }

    .o-modal__panel--quarter {
        flex-grow: 0.02
    }

    .o-modal__image-group {
        transform: scale(.8)
    }

    .o-modal__content--5 .o-modal__image-group {
        transform: scale(.75)
    }

    .o-modal__content--3 .o-modal__image-group {
        transform: scale(.79)
    }

    .o-modal__content--2 .o-modal__image-group {
        transform: scale(.75)
    }

    .o-modal__content--1 {
        width: 19000px
    }

    .o-modal__content--1 .o-modal__image-group {
        transform: scale(.77)
    }
}

@media only screen and (min-width:768px) {
    .o-modal__content {
        width: 14000px
    }

    .o-modal__panel--quarter {
        flex-grow: 0.03
    }

    .o-modal__image-group {
        transform: scale(.8)
    }

    .o-modal__content--5 .o-modal__image-group {
        transform: scale(.74)
    }

    .o-modal__content--3 .o-modal__image-group {
        transform: scale(.78)
    }

    .o-modal__content--2 .o-modal__image-group {
        transform: scale(.75)
    }

    .o-modal__content--1 {
        width: 20300px
    }

    .o-modal__content--1 .o-modal__image-group {
        transform: scale(.76)
    }
}

@media only screen and (min-width:1024px) {
    .o-modal__content {
        width: 14800px
    }

    .o-modal__panel--quarter {
        flex-grow: 0.05
    }

    .o-modal__image-group {
        transform: scale(.82)
    }

    .o-modal__content--5 .o-modal__image-group {
        transform: scale(.79)
    }

    .o-modal__content--2 .o-modal__image-group,
    .o-modal__content--3 .o-modal__image-group {
        transform: scale(.8)
    }

    .o-modal__content--1 {
        width: 20500px
    }

    .o-modal__content--1 .o-modal__image-group {
        transform: scale(.78)
    }
}

@media only screen and (min-width:1920px) {
    .o-modal__content {
        width: 17400px
    }

    .o-modal__panel--quarter {
        flex-grow: 0.1
    }

    .o-modal__image-group {
        transform: scale(1.03)
    }

    .o-modal__content--5 .o-modal__image-group {
        transform: scale(.95)
    }

    .o-modal__content--3 .o-modal__image-group {
        transform: scale(1)
    }

    .o-modal__content--2 .o-modal__image-group {
        transform: scale(.96)
    }

    .o-modal__content--1 {
        width: 25500px
    }

    .o-modal__content--1 .o-modal__image-group {
        transform: scale(1)
    }
}

@keyframes clouds {

    0%,
    to {
        transform: translateX(0)
    }

    50% {
        transform: translateX(60px)
    }
}

@keyframes pointer {

    0%,
    45%,
    55%,
    to {
        transform: skewX(60deg) scale(1)
    }

    50% {
        transform: skewX(60deg) scale(1.4)
    }
}

@keyframes pointerSteep {

    0%,
    45%,
    55%,
    to {
        transform: skewX(30deg) scale(1)
    }

    50% {
        transform: skewX(30deg) scale(1.4)
    }
}

@keyframes flyingThing {

    0%,
    to {
        transform: rotate3d(1, 1, 1, 25deg)
    }

    50% {
        transform: rotate3d(1, 1, 1, -25deg)
    }
}

@keyframes shake {
    0% {
        transform: scale(.75)
    }

    20% {
        transform: scale(1)
    }

    40% {
        transform: scale(.75)
    }

    60% {
        transform: scale(1)
    }

    80% {
        transform: scale(.75)
    }

    to {
        transform: scale(.75)
    }
}

@keyframes shake2 {

    10%,
    50% {
        transform: rotate3d(1, 4px, 1, -10deg)
    }

    30% {
        transform: rotate3d(1, 1, 1, 10deg)
    }

    0%,
    to {
        transform: rotate3d(1, 1, 1, 0)
    }
}

@keyframes hiker {
    10% {
        transform: translateY(10px)
    }

    0%,
    20%,
    to {
        transform: translateY(0)
    }
}

@keyframes atom {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes lime-animation {

    0%,
    to {
        transform: none
    }

    50% {
        transform: rotate3d(1, 0, 4, 48deg) translate(90px, 20px)
    }
}

.o-modal__flying-thing {
    animation: flyingThing 5s infinite;
    position: absolute !important
}

.o-modal__shake-image {
    animation: shake 3s cubic-bezier(.36, .07, .19, .97) infinite both
}

.o-modal__shake-image2 {
    animation: shake2 2s cubic-bezier(.36, .07, .19, .97) infinite both
}

.o-modal__hiker-image {
    animation: hiker 2s linear infinite
}

.o-modal__atom-image {
    animation: atom 2s linear infinite
}

.o-modal__hiker-image2 {
    animation: hiker 2s linear 1s infinite
}

.o-modal__lime-image {
    animation: lime-animation 5s ease-in-out infinite
}

.o-newsletterSignup__wrapper {
    background-color: var(--color-blue-light);
    background-image: url(/static/subscribtion-bg-mobile-a7d3768a469ba96b72e962f014a8b613.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (min-width:768px) {
    .o-newsletterSignup__wrapper {
        background-image: url(/static/subscribtion-bg-51b06aae11f9013ed0d1ab861c026fbb.jpg)
    }
}

.o-newsletterSignup {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    padding: var(--spacing-xx-large) var(--spacing-x-large)
}

@media only screen and (min-width:1024px) {
    .o-newsletterSignup {
        grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
        grid-template-columns: repeat(auto-fit, minmax(18%, 1fr));
        padding: var(--spacing-xx-large) var(--spacing-xxx-large)
    }
}

.o-newsletterSignup__heading {
    align-content: center;
    align-items: center;
    color: var(--color-neutral-lightest);
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-large)
}

@media only screen and (min-width:768px) {
    .o-newsletterSignup__heading {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .o-newsletterSignup__heading {
        align-items: start;
        grid-column: 1/span 2
    }
}

.o-newsletterSignup__heading .a-heading--h4 {
    font-weight: 700;
    margin-bottom: 0;
    padding: 0 var(--spacing-large);
    text-align: center
}

.o-newsletterSignup__cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.o-newsletterSignup__cta a {
    background-color: var(--color-blue-lightest);
    border-radius: var(--border-radius-large);
    box-shadow: var(--shadow-blue);
    color: var(--color-neutral-lightest);
    font-size: var(--font-size-medium);
    padding: var(--spacing-medium);
    text-align: center;
    transition: all .2s ease;
    width: 100%
}

.o-newsletterSignup__cta a:hover {
    background-color: var(--color-blue);
    transform: scale(1.1)
}

.o-newsletterSignup__form {
    align-items: center;
    display: flex
}

@media only screen and (min-width:1024px) {
    .o-newsletterSignup__form {
        grid-column: 3/span 3
    }
}

.o-newsletterSignup__form form {
    margin-bottom: 0
}

.o-newsletterSignup__form form fieldset {
    padding: 0
}

.o-newsletterSignup__form form label,
.o-newsletterSignup__form form legend {
    display: none
}

.o-newsletterSignup__form__inputs input {
    background: hsla(0, 0%, 100%, .73);
    border: 1px solid var(--color-blue-light);
    border-left-width: 11px;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 1rem
}

.o-newsletterSignup__form__inputs input:active,
.o-newsletterSignup__form__inputs input:focus,
.o-newsletterSignup__form__inputs input:hover {
    background: hsla(0, 0%, 100%, .73);
    border-left: 11px solid var(--color-blue-light)
}

.o-newsletterSignup__form__inputs input:first-of-type {
    margin-right: 1rem
}

@media only screen and (min-width:1024px) {
    .o-newsletterSignup__form__inputs input {
        width: 48%
    }
}

.o-newsletterSignup__form__consent {
    position: relative
}

.o-newsletterSignup__form__consent input {
    cursor: pointer;
    height: 20px;
    opacity: 0;
    position: absolute;
    top: 5px;
    width: 20px;
    z-index: 100
}

.o-newsletterSignup__form__consent p {
    color: var(--color-neutral-lightest);
    display: inline-block;
    margin-bottom: 3rem;
    padding-left: var(--spacing-x-large)
}

@media only screen and (min-width:768px) {
    .o-newsletterSignup__form__consent p {
        margin-bottom: 1rem
    }
}

.o-newsletterSignup__form__consent .checkmark {
    background-color: hsla(0, 0%, 100%, .73);
    border: 1px solid var(--color-blue-light);
    border-radius: 5px;
    cursor: pointer;
    height: 20px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 20px
}

.o-newsletterSignup__form__consent .checkmark:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 11px;
    left: 7px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 6px
}

.o-newsletterSignup__form__consent input:hover~.checkmark {
    box-shadow: var(--shadow-blue)
}

.o-newsletterSignup__form__consent input:checked~.checkmark {
    background-color: var(--color-blue-light)
}

.o-newsletterSignup__form__consent input:checked~.checkmark:after {
    display: block
}

.o-newsletterSignup__form__ctas {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr
}

@media only screen and (min-width:400px) {
    .o-newsletterSignup__form__ctas {
        grid-template-columns: repeat(auto-fit, minmax(48%, 1fr))
    }
}

@media only screen and (min-width:1024px) {
    .o-newsletterSignup__form__ctas {
        grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
        width: 60%
    }
}

.o-orderConfirmation {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-orderConfirmation {
        width: 50%
    }
}

.o-orderConfirmation__summary {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 5% 7%
}

@media only screen and (min-width:768px) {
    .o-orderConfirmation__summary {
        margin: 10% 15%
    }
}

.o-orderConfirmation--heading {
    color: var(--color-neutral-dark);
    display: none;
    font-size: 20px;
    font-weight: var(--font-sans-600);
    text-align: center
}

@media only screen and (min-width:768px) {
    .o-orderConfirmation--heading {
        display: inline-block;
        font-size: 32px
    }
}

.o-orderConfirmation--heading.--showOnMobile {
    display: inline-block
}

.o-orderConfirmation__content {
    margin: 10px 0
}

.o-orderConfirmation__resources {
    align-self: flex-start;
    background: var(--color-blue-gradient);
    margin: 20px 0;
    padding: var(--spacing-medium);
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-orderConfirmation__resources {
        margin: 0 15%;
        padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);
        width: 70%
    }
}

.o-orderConfirmation__resources--cards {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: -20px
}

@media only screen and (min-width:768px) {
    .o-orderConfirmation__resources--cards {
        flex-direction: column
    }
}

@media only screen and (min-width:1248px) {
    .o-orderConfirmation__resources--cards {
        flex-direction: row
    }
}

.o-orderConfirmation__resources .m-containerIntro__heading {
    line-height: 1
}

.o-orderConfirmation__resources .m-containerIntro__topLine {
    background: var(--color-neutral-lightest);
    box-shadow: var(--shadow-containerIntroLine);
    display: block;
    height: 3px;
    margin-bottom: 5px;
    width: 100px
}

.o-orderConfirmation__resources .m-containerIntro__heading--text {
    color: var(--color-neutral-lightest);
    font-size: 15px
}

.o-orderConfirmation__resources .m-detailCardHorizontalWrapper {
    background-color: transparent;
    margin-bottom: var(--spacing-small);
    width: 49%
}

@media only screen and (min-width:768px) {
    .o-orderConfirmation__resources .m-detailCardHorizontalWrapper {
        width: 100%
    }
}

@media only screen and (min-width:1248px) {
    .o-orderConfirmation__resources .m-detailCardHorizontalWrapper {
        width: 50%
    }
}

.o-orderConfirmation__resources .m-detailCardHorizontalWrapper a {
    background-color: var(--color-neutral-lightest);
    height: 60px !important;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-orderConfirmation__resources .m-detailCardHorizontalWrapper a {
        height: 80px !important;
        max-width: 90%;
        min-width: 90%
    }
}

.o-orderConfirmation__resources .m-detailCardHorizontalWrapper .m-detailCardHorizontal__content {
    padding: var(--spacing-small)
}

.o-orderConfirmation__resources .m-detailCardHorizontalWrapper .m-detailCardHorizontal__content h5 {
    font-size: 12px
}

.o-orderConfirmation__resources .m-detailCardHorizontalWrapper .m-detailCardHorizontal__content--externalLink {
    align-items: flex-start !important;
    color: var(--color-secondary) !important;
    font-size: 8px !important
}

@media only screen and (min-width:768px) {
    .o-orderConfirmation__resources .m-detailCardHorizontalWrapper .m-detailCardHorizontal__content--externalLink {
        font-size: 10px !important
    }
}

.o-orderForm {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-orderForm {
        flex-direction: row
    }
}

.o-orderForm__child {
    position: relative;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-orderForm__child {
        width: 50%
    }
}

.o-orderForm__child__inner {
    color: var(--color-neutral);
    font-weight: var(--font-sans-300);
    line-height: .9rem;
    padding: 15% 10%
}

@media only screen and (min-width:768px) {
    .o-orderForm__child__inner {
        padding: 20% 18.5%
    }
}

.o-orderForm__child__inner span {
    display: block;
    font-size: 14px;
    line-height: 1.1rem;
    margin-bottom: var(--spacing-small)
}

@media only screen and (min-width:768px) {
    .o-orderForm__child__inner span {
        line-height: 1rem
    }
}

.o-orderForm__child__inner--Heading {
    color: var(--color-global-dk-heading);
    font-size: 1.8rem;
    font-weight: var(--font-sans-600)
}

.o-orderForm__child__inner--cta {
    margin-top: var(--spacing-large)
}

@media only screen and (min-width:768px) {
    .o-orderForm__child__inner--cta {
        margin-top: var(--spacing-xx-large)
    }
}

.o-orderForm__child__inner--cta button {
    background-color: var(--color-neutral-lightest);
    border: 2px solid var(--color-blue-darkest);
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    height: 60px;
    margin-bottom: var(--spacing-medium);
    padding: 10px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-orderForm__child__inner--cta button {
        width: 80%
    }
}

.o-orderForm__child__inner--cta--text {
    width: 90%
}

.o-orderForm__child__inner--cta--text span {
    color: var(--color-blue-darkest);
    display: block;
    font-size: 16px;
    font-weight: var(--font-sans-600);
    margin: 0;
    text-align: left
}

.o-orderForm__child__inner--cta--text span.subtitle {
    display: block;
    font-size: 11px;
    font-weight: var(--font-sans-200)
}

.o-orderForm__child__inner--cta--icon {
    width: 10%
}

.o-orderForm__child__inner--cta--icon span {
    color: var(--color-blue-darkest);
    display: block;
    font-size: 16px;
    font-weight: var(--font-sans-600);
    margin: 0;
    text-align: left
}

.o-orderForm__child__inner--cta--icon span.subtitle {
    display: block;
    font-size: 11px;
    font-weight: var(--font-sans-200)
}

.o-orderForm__child__inner .--desktop {
    display: none
}

.o-orderForm__child__inner .--mobile {
    display: block
}

@media only screen and (min-width:768px) {
    .o-orderForm__child__inner .--desktop {
        display: block
    }

    .o-orderForm__child__inner .--mobile {
        display: none
    }
}

.m-containerIntro__heading--text {
    text-transform: none
}

.o-orderProcess {
    width: 50%
}

.o-orderProcess__tabs {
    display: flex;
    justify-content: center
}

@media only screen and (min-width:768px) {
    .o-orderProcess__tabs {
        justify-content: space-between
    }
}

.o-orderProcess__tabs span {
    color: var(--color-secondary);
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: var(--font-sans-200);
    letter-spacing: .05rem;
    padding-bottom: 10px
}

@media only screen and (min-width:768px) {
    .o-orderProcess__tabs span {
        display: inline-block;
        font-size: 10px;
        text-align: center
    }
}

@media only screen and (min-width:1248px) {
    .o-orderProcess__tabs span {
        display: inline-block;
        font-size: 12px
    }
}

.o-orderProcess__tabs span.active {
    background: linear-gradient(var(--color-blue), var(--color-blue)) bottom no-repeat;
    background-size: 50% 1.5px;
    color: var(--color-blue);
    display: inline-block;
    font-weight: var(--font-sans-400)
}

.o-orderProcess__tabs span.hide {
    display: none
}

.o-orderProcess__content {
    display: flex;
    justify-content: center;
    width: 100%
}

.o-orderSummary {
    color: var(--color-neutral);
    font-weight: var(--font-sans-300);
    line-height: .9rem
}

.o-orderSummary span {
    display: block;
    font-size: 14px;
    margin-bottom: var(--spacing-small)
}

.o-orderSummary--link {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: space-between
}

.o-orderSummary--link svg {
    height: 20px;
    width: 20px
}

@media only screen and (min-width:768px) {
    .o-orderSummary--link {
        font-size: inherit;
        justify-content: flex-start
    }

    .o-orderSummary--link svg {
        height: 24px;
        width: 24px
    }
}

.o-partnerListing {
    background: var(--color-blue-gradient)
}

.o-partnerListing__container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1440px;
    padding: 25px var(--spacing-small)
}

.o-partnerListing__container .m-containerIntro__topLine {
    background: var(--color-neutral-lightest)
}

.o-partnerListing__container .m-containerIntro h4 {
    color: var(--color-neutral-lightest);
    font-weight: var(--font-sans-600)
}

.o-partnerListing__container__containerCTA {
    align-content: center;
    color: var(--color-neutral-lightest);
    cursor: pointer;
    display: flex;
    font-size: var(--font-size-x-small)
}

.o-partnerListing__container__containerCTA svg {
    height: 16px;
    margin-left: 10px;
    width: 16px
}

.o-podcastBanner {
    align-items: center;
    color: var(--color-neutral-lightest);
    display: flex;
    flex-direction: column;
    height: 730px;
    justify-content: center;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:768px) {
    .o-podcastBanner {
        height: 560px
    }
}

.o-podcastBanner__bgImage img {
    filter: blur(5px);
    height: 100%;
    left: 0;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    transform: scale(1.1);
    width: 100%
}

.o-podcastBanner__overlay {
    background: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .8));
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.o-podcastBanner__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 40px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner {
        flex-direction: row;
        top: 0
    }
}

.o-podcastBanner__inner--iconCTAs {
    align-self: center;
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--iconCTAs {
        bottom: 40px;
        display: none;
        left: 20vw;
        position: absolute
    }
}

@media only screen and (min-width:1024px) {
    .o-podcastBanner__inner--iconCTAs {
        left: 87vw;
        top: 17vh
    }
}

.o-podcastBanner__inner--iconCTAs .a-iconCTA {
    height: 40px;
    width: 40px
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--iconCTAs .a-iconCTA {
        height: 56px;
        width: 56px
    }
}

.o-podcastBanner__inner--iconCTAs .a-iconCTA svg {
    height: 18px;
    width: 18px
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--iconCTAs .a-iconCTA svg {
        height: 28px;
        width: 28px
    }
}

.o-podcastBanner__inner--col1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--col1 {
        margin-right: var(--spacing-xx-large);
        width: 40%
    }
}

.o-podcastBanner__inner--col1__image {
    border-radius: var(--border-radius-medium);
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 300px
}

@media only screen and (min-width:1024px) {
    .o-podcastBanner__inner--col1__image {
        height: 392px;
        width: 408px
    }
}

.o-podcastBanner__inner--col1__image img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    z-index: 1
}

.o-podcastBanner__inner--col1__image:after {
    background: url(/static/VCA_CANOW_PODCAST_white-ce3ef87f4ecf5cc9a0f2c2ab0a207e07.png) 50% no-repeat;
    background-size: contain;
    bottom: var(--spacing-xx-small);
    content: "";
    height: 30%;
    margin-left: 5%;
    position: absolute;
    width: 30%;
    z-index: 102
}

.o-podcastBanner__inner--col2 {
    align-items: center;
    border-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: var(--spacing-medium);
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--col2 {
        align-items: flex-start;
        border-top: 1px solid hsla(0, 0%, 100%, .33);
        width: 45%
    }
}

.o-podcastBanner__inner--col2__headline {
    display: none
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--col2__headline {
        display: block;
        font-size: 12px;
        font-weight: var(--font-sans-300);
        margin-bottom: var(--spacing-medium);
        text-transform: uppercase
    }
}

.o-podcastBanner__inner--col2__heading {
    font-weight: var(--font-sans-700);
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--col2__heading {
        text-align: left
    }
}

.o-podcastBanner__inner--col2 .a-simpleTags {
    color: var(--color-neutral-lightest);
    display: block;
    text-transform: capitalize
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--col2 .a-simpleTags {
        display: none
    }
}

.o-podcastBanner__inner--col2 .a-simpleTags li {
    margin-bottom: 0
}

.o-podcastBanner__inner--col2 .a-simpleTags li .a-simpleTags__tag {
    border-color: var(--color-neutral-lightest);
    font-size: 10px;
    margin-bottom: 0
}

.o-podcastBanner__inner--col2__postInfo {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 10px;
    font-weight: var(--font-sans-300);
    justify-content: center;
    margin: var(--spacing-large) 0;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--col2__postInfo {
        font-size: 12px;
        margin: 0 0 var(--spacing-medium)
    }
}

.o-podcastBanner__inner--col2__postInfo>* {
    margin-bottom: 0
}

.o-podcastBanner__inner--col2__postInfo>:not(:last-of-type) {
    margin-right: var(--spacing-medium)
}

.o-podcastBanner__inner--col2__postInfo--duration {
    margin-right: var(--spacing-x-large);
    position: relative
}

.o-podcastBanner__inner--col2__postInfo--duration span:nth-child(odd) {
    margin-right: var(--spacing-x-small)
}

.o-podcastBanner__inner--col2__postInfo--duration span:nth-child(2n) {
    margin-right: var(--spacing-small)
}

.o-podcastBanner__inner--col2__postInfo--duration span:last-child {
    margin-right: 0
}

.o-podcastBanner__inner--col2__postInfo--separator {
    background-color: var(--color-neutral-lightest);
    border-radius: var(--border-radius-circle);
    height: 3px;
    width: 3px
}

.o-podcastBanner__inner--col2__postInfo--postDate span:not(:last-of-type) {
    margin-right: var(--spacing-x-small)
}

.o-podcastBanner__inner--col2__subHeading {
    display: none;
    font-family: var(--font-Raleway);
    font-size: 14px
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--col2__subHeading {
        display: block
    }
}

.o-podcastBanner__inner--col2__subscribeCTA {
    background-color: var(--color-text-link);
    border: 0;
    border-radius: var(--border-radius-small);
    color: var(--color-neutral-lightest);
    cursor: pointer;
    margin-bottom: var(--spacing-large);
    max-width: 300px;
    padding: var(--spacing-small);
    text-transform: capitalize;
    width: 75%
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--col2__subscribeCTA {
        display: none
    }
}

.o-podcastBanner__inner--col2__subscribeCTA:hover {
    background-color: var(--color-text-link-active)
}

.o-podcastBanner__inner--col2__podcastPlayer {
    color: var(--color-neutral-dark);
    max-width: 344px;
    width: 90%
}

@media only screen and (min-width:768px) {
    .o-podcastBanner__inner--col2__podcastPlayer {
        max-width: 640px;
        position: static;
        width: 100%
    }
}

.o-recommendations {
    background-image: url(/assets/images/family-hub/abstract-shape-3.svg);
    background-position: bottom -4rem right;
    background-repeat: no-repeat;
    background-size: 40%;
    margin: 0 calc(var(--spacing-large)*-1);
    overflow: auto
}

.o-recommendations__inner {
    background-color: var(--fh-color-blue);
    background-image: url(/assets/images/family-hub/topographic-lines.svg);
    border-radius: 1rem;
    margin: 0 var(--spacing-large) var(--spacing-xxx-large) var(--spacing-large);
    padding: var(--spacing-xxx-large) var(--spacing-large) var(--spacing-x-large) var(--spacing-large);
    text-align: center
}

@media only screen and (min-width:1024px) {
    .o-recommendations__inner {
        padding: var(--spacing-xxxx-large) var(--spacing-xxx-large)
    }
}

.o-recommendations__header {
    margin: 0 auto;
    width: 90%
}

@media only screen and (min-width:1024px) {
    .o-recommendations__header {
        width: 70%
    }
}

.o-recommendations__header-accent {
    display: block
}

@media only screen and (min-width:1024px) {
    .o-recommendations__header-accent {
        display: none
    }
}

.o-recommendations__content {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacing-small);
    justify-content: space-around;
    margin-top: var(--spacing-x-large)
}

@media only screen and (min-width:1024px) {
    .o-recommendations__content {
        flex-flow: row wrap;
        margin-top: var(--spacing-xxx-large)
    }
}

.o-recommendations__content div {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-recommendations__content div {
        width: calc(33% - 8px)
    }
}

.o-recommendations__button.a-filterButton {
    --font-size-medium: 1.14rem;
    background: var(--color-blue-darkest);
    color: var(--color-neutral-lightest);
    font-size: var(--font-size-medium);
    margin: 0;
    padding: var(--spacing-x-large) var(--spacing-large);
    width: 100%
}

.o-recommendations__button.a-filterButton:after {
    content: none
}

.o-recommendations__button.a-filterButton:active,
.o-recommendations__button.a-filterButton:focus,
.o-recommendations__button.a-filterButton:hover {
    background: var(--color-neutral-lightest);
    color: var(--color-blue-darkest)
}

.o-resourcesCard {
    margin-bottom: var(--spacing-xx-large)
}

.o-resourcesCard__intro {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: var(--spacing-large)
}

@media only screen and (min-width:768px) {
    .o-resourcesCard__intro {
        flex-direction: row
    }
}

.o-resourcesCard__intro .m-cardListIntro {
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-resourcesCard__intro .m-cardListIntro {
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .o-resourcesCard__intro .m-cardListIntro {
        width: 40%
    }
}

.o-resourcesCard__intro .m-cardListIntro__content {
    display: none
}

@media only screen and (min-width:768px) {
    .o-resourcesCard__intro .m-cardListIntro__content {
        display: block
    }
}

.o-resourcesCard__intro--ctas {
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:400px) {
    .o-resourcesCard__intro--ctas {
        grid-template-columns: repeat(auto-fit, minmax(48%, 1fr))
    }
}

@media only screen and (min-width:768px) {
    .o-resourcesCard__intro--ctas {
        margin-left: 2rem;
        width: 40%
    }
}

@media only screen and (min-width:1024px) {
    .o-resourcesCard__intro--ctas {
        grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
        width: 60%
    }
}

.o-resourcesCard__intro--ctas a {
    align-items: center;
    background-color: var(--color-neutral-lightest);
    border-radius: var(--border-radius-x-small);
    box-shadow: var(--shadow-blue);
    color: var(--color-blue-lightest);
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: .75rem .5rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s
}

@media only screen and (min-width:768px) {
    .o-resourcesCard__intro--ctas a {
        max-width: 340px
    }
}

.o-resourcesCard__intro--ctas a svg {
    fill: var(--color-blue-lightest)
}

.o-resourcesCard__intro--ctas a:hover {
    background-color: var(--color-blue-lightest);
    box-shadow: var(--shadow-blue-hover);
    color: #fff
}

.o-resourcesCard__intro--ctas a:hover svg {
    fill: #fff
}

.o-resourcesCard__intro--ctas a svg {
    height: 20px;
    margin-right: var(--spacing-x-small)
}

.o-resourcesCard__intro--ctas a:after {
    background: none;
    content: ""
}

.o-resourcesCard__grid--trip {
    grid-gap: 2rem;
    display: grid
}

@media only screen and (min-width:768px) {
    .o-resourcesCard__grid--trip {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr
    }
}

@media only screen and (min-width:1024px) {
    .o-resourcesCard__grid--trip {
        grid-gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.o-resourcesCard__grid--trip__item {
    border-radius: var(--border-radius-small);
    box-shadow: var(--shadow-blue);
    padding: var(--spacing-medium);
    transition: all .3s
}

.o-resourcesCard__grid--trip__item:hover {
    box-shadow: var(--shadow-blue-hover)
}

.o-resourcesCard__grid--trip__item--highlight {
    background: var(--color-blue-gradient);
    border-radius: 0;
    color: var(--color-neutral-lightest)
}

.o-resourcesCard__grid--trip__item--highlight .o-resourcesCard__grid--trip__heading span,
.o-resourcesCard__grid--trip__item--highlight a,
.o-resourcesCard__grid--trip__item--highlight a:active,
.o-resourcesCard__grid--trip__item--highlight a:focus,
.o-resourcesCard__grid--trip__item--highlight a:hover,
.o-resourcesCard__grid--trip__item--highlight a:visited {
    color: var(--color-neutral-lightest)
}

.o-resourcesCard__grid--trip__item--highlight .o-resourcesCard__grid--trip__address:after {
    background: var(--color-neutral-lightest)
}

.o-resourcesCard__grid--trip__item--highlight .o-resourcesCard__grid--trip__resources a,
.o-resourcesCard__grid--trip__item--highlight .o-resourcesCard__grid--trip__resources a:hover {
    color: var(--color-neutral-lightest)
}

.o-resourcesCard__grid--trip__link {
    font-size: var(--font-size-small);
    position: relative
}

@media only screen and (min-width:768px) {
    .o-resourcesCard__grid--trip__link {
        margin-top: var(--spacing-xx-large)
    }
}

.o-resourcesCard__grid--trip__link span {
    display: block;
    max-width: 90%
}

.o-resourcesCard__grid--trip__link svg {
    height: 25px;
    position: absolute;
    right: 0;
    top: -.25rem
}

@media only screen and (min-width:768px) {
    .o-resourcesCard__grid--trip__link svg {
        top: -.1rem
    }
}

.o-resourcesCard__grid--trip__heading {
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--spacing-small)
}

.o-resourcesCard__grid--trip__heading span {
    color: var(--color-blue);
    display: block;
    font-size: var(--font-size-small);
    margin-bottom: .25rem
}

.o-resourcesCard__grid--trip__heading__stop {
    color: var(--color-blue-lightest);
    display: block;
    font-size: var(--font-size-small);
    text-transform: uppercase
}

.o-resourcesCard__grid--trip__address {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: var(--font-size-small);
    margin-bottom: var(--spacing-base);
    position: relative
}

@media print {
    .o-resourcesCard__grid--trip__address {
        color: var(--color-neutral-dark);
        font-weight: 600
    }
}

.o-resourcesCard__grid--trip__address svg {
    height: 15px;
    margin-right: .5rem;
    width: 15px
}

@media print {
    .o-resourcesCard__grid--trip__address svg {
        fill: var(--color-neutral-dark) !important
    }
}

.o-resourcesCard__grid--trip__address p {
    color: var(--color-neutral-dark);
    font-size: var(--font-size-small);
    margin-bottom: 0
}

.o-resourcesCard__grid--trip__address:after {
    background: var(--color-blue-gradient);
    border-left-width: 0;
    border-right-width: 0;
    bottom: -.5rem;
    content: " ";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.o-resourcesCard__grid--trip__resources {
    margin: var(--spacing-large) var(--spacing-small) var(--spacing-small) var(--spacing-large)
}

.o-resourcesCard__grid--trip__resources li {
    font-size: var(--font-size-small);
    line-height: var(--line-height-heading);
    margin-bottom: var(--spacing-small)
}

.o-resourcesCard__grid--trip__resources li:last-of-type {
    margin-bottom: 0
}

.o-resourcesCard__grid--trip__resources li a {
    color: var(--color-neutral-dark)
}

.o-resourcesCard__grid--trip__resources li a:hover {
    color: var(--color-blue-lightest)
}

.o-resourcesCard__grid--trip__resources li a svg {
    border: 1px solid red;
    height: 24px
}

.o-resourcesCard__intro.print-only {
    align-items: start;
    flex-direction: column;
    margin-bottom: var(--spacing-medium)
}

.print-only .o-roadTripCardIntro__heading {
    font-weight: 600;
    margin-bottom: var(--spacing-small);
    margin-top: var(--spacing-x-large)
}

.print-only .o-roadTripCardIntro__extra__item,
.print-only p {
    margin-bottom: var(--spacing-small)
}

@media print {
    .print-only .o-roadTripCardIntro__extra__item svg {
        height: 1.5rem;
        margin-right: .5rem
    }
}

.full-screen .o-regionsMap {
    background-color: #fff;
    bottom: 50px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

@media only screen and (min-width:768px) {
    .full-screen .o-regionsMap {
        bottom: 0
    }
}

.full-screen .a-mapbackheader {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.o-experienceMapOverlay {
    height: 140vh
}

@media only screen and (min-width:768px) {
    .o-experienceMapOverlay {
        height: 140vh
    }
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay {
        height: 80vh
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .o-experienceMapOverlay {
        height: 50vh
    }
}

@media only screen and (min-width:1248px) {
    .o-experienceMapOverlay {
        height: 60vh
    }
}

.o-experienceMapOverlay .o-detailColumn {
    height: 80vh
}

@media only screen and (min-width:768px) {
    .o-experienceMapOverlay .o-detailColumn {
        height: 85vh;
        padding-bottom: 20px
    }
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay .o-detailColumn {
        height: 80vh
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .o-experienceMapOverlay .o-detailColumn {
        height: 50vh
    }
}

@media only screen and (min-width:1248px) {
    .o-experienceMapOverlay .o-detailColumn {
        height: 60vh
    }
}

.o-experienceMapOverlay .o-regionsMap {
    height: 80vh
}

@media only screen and (min-width:768px) {
    .o-experienceMapOverlay .o-regionsMap {
        height: 85vh
    }
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay .o-regionsMap {
        height: 80vh
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .o-experienceMapOverlay .o-regionsMap {
        height: 50vh
    }
}

@media only screen and (min-width:1248px) {
    .o-experienceMapOverlay .o-regionsMap {
        height: 60vh
    }
}

.o-experienceMapOverlay .o-regionsMap .grid {
    display: grid;
    grid-template-columns: [first] 100% [end];
    grid-template-rows: [map] auto [cards] 300px [end];
    width: 100vw
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay .o-regionsMap .grid {
        grid-template-columns: [cards] 484px [map] auto [end];
        grid-template-rows: [first] 100%
    }
}

.o-experienceMapOverlay .o-regionsMap .sidebar {
    height: 80vh;
    margin-top: 0;
    position: relative
}

@media only screen and (min-width:768px) {
    .o-experienceMapOverlay .o-regionsMap .sidebar {
        height: 85vh
    }
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay .o-regionsMap .sidebar {
        height: 80vh
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .o-experienceMapOverlay .o-regionsMap .sidebar {
        height: 50vh
    }
}

@media only screen and (min-width:1248px) {
    .o-experienceMapOverlay .o-regionsMap .sidebar {
        height: 60vh
    }
}

.o-experienceMapOverlay .o-regionsMap .regionMap-container {
    margin-top: 0
}

.o-experienceMapOverlay .o-regionsMap .m-detailCardHorizontalWrapper {
    margin-bottom: 30px
}

.o-experienceMapOverlay .o-regionsMap .m-tabNav {
    margin-top: -15px
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay .o-regionsMap .m-tabNav {
        margin-top: 0
    }
}

.o-experienceMapOverlay .o-regionsMap .m-tabNav__inner--nav ul {
    justify-content: space-evenly
}

.o-experienceMapOverlay .o-regionsMap .o-detailColumn__row2--more {
    display: none;
    visibility: hidden
}

.o-experienceMapOverlay .o-regionsMap .overlayCTA {
    opacity: 1;
    padding: 0 5px 0 0;
    right: 15px;
    top: 15px
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay .o-regionsMap .overlayCTA {
        padding: .8em 1em;
        right: 35px;
        top: 35px
    }
}

.o-experienceMapOverlay .o-regionsMap .overlayCTA svg {
    transform: scale(.75)
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay .o-regionsMap .overlayCTA svg {
        transform: scale(1)
    }
}

.o-experienceMapOverlay .o-regionsMap .map-mouse-handler {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay .o-regionsMap .map-mouse-handler {
        margin-left: 15px;
        margin-right: 0;
        width: inherit
    }
}

.o-experienceMapOverlay .o-regionsMap .o-detailColumn__row2--tab1Content>div:last-of-type {
    display: block;
    margin-bottom: 0;
    visibility: visible
}

.o-experienceMapOverlay .o-regionsMap .m-tabNav__inner--content.container {
    margin-left: 20px;
    margin-right: 20px
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay .o-regionsMap .m-tabNav__inner--content.container {
        margin-left: 0;
        margin-right: 0
    }
}

.o-experienceMapOverlay .o-regionsMap .overlayBackArrow {
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 15px;
    transform: scale(.75)
}

@media only screen and (min-width:1024px) {
    .o-experienceMapOverlay .o-regionsMap .overlayBackArrow {
        display: none;
        visibility: hidden
    }
}

.o-regionsMap {
    position: relative
}

.o-regionsMap .mapboxgl-popup-content .map-detailcard {
    width: 200px
}

.o-regionsMap .mapboxgl-popup-content .map-detailcard .headline {
    font-size: .75rem;
    text-transform: uppercase
}

.o-regionsMap .mapboxgl-popup-content .map-detailcard .title {
    font-size: 1rem;
    font-weight: bolder
}

.o-regionsMap .mapboxgl-popup-content {
    padding: 10px
}

.o-regionsMap .mapboxgl-popup-content .region-popup {
    font-size: 1em;
    height: 0;
    padding: 0;
    text-transform: capitalize
}

.o-regionsMap .title {
    color: inherit
}

.o-regionsMap .grid {
    display: grid;
    grid-template-columns: [cards] 429px [map] auto [end];
    grid-template-rows: [first] 100%;
    height: 100%;
    width: 100vw
}

@media screen and (max-device-width:812px) {
    .o-regionsMap .grid {
        grid-template-columns: [first] 100% [end];
        grid-template-rows: [map] auto [cards] 0 [end]
    }
}

.o-regionsMap .sidebar {
    bottom: 0;
    grid-column: first/end;
    grid-row: cards/end;
    height: 310px;
    position: absolute;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-regionsMap .sidebar {
        grid-column: cards/map;
        grid-row: first;
        height: 98vh;
        margin-top: 25px;
        max-height: 100vh;
        width: unset
    }
}

.o-regionsMap .sidebar .page-title {
    margin-top: 15px;
    padding: 20px
}

.o-regionsMap .sidebar .m-anchorCard {
    background-color: #fff
}

.o-regionsMap .sidebar .title {
    font-size: 1.5em
}

.o-regionsMap .sidebar .sidebaroverlay-content {
    background-color: #fff;
    bottom: 0;
    left: -1000px;
    margin: 0;
    padding: 10px;
    position: fixed;
    top: 0;
    transition: 0s;
    width: 0;
    z-index: 1000
}

.o-regionsMap .regionsContent {
    -ms-overflow-style: none;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    position: relative;
    scrollbar-width: none
}

@media only screen and (min-width:768px) {
    .o-regionsMap .regionsContent {
        flex-direction: row;
        overflow-x: scroll;
        overflow-y: unset
    }
}

@media only screen and (min-width:1024px) {
    .o-regionsMap .regionsContent {
        flex-direction: column;
        height: 100%;
        overflow-x: unset;
        overflow-y: scroll;
        padding-bottom: 150px
    }
}

.o-regionsMap .regionsContent::-webkit-scrollbar {
    width: 0
}

.o-regionsMap .regionsContent>* {
    margin: 1rem 0 1rem 1em
}

@media screen and (max-device-width:812px) {
    .o-regionsMap .regionsContent>* {
        margin: 0 .5rem
    }
}

.o-regionsMap .regionMap-container {
    grid-column: map/end;
    grid-row: first;
    margin-top: 25px
}

@media screen and (max-device-width:812px) {
    .o-regionsMap .regionMap-container {
        grid-column: first/end;
        grid-row: map/cards
    }
}

.o-regionsMap .overlayCTA {
    align-items: center;
    background-color: #fff;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    font-size: 1em;
    opacity: .9;
    padding: .8em 1em;
    position: absolute;
    right: 0;
    top: 0
}

.o-regionsMap .o-detailColumn {
    overflow-y: inherit
}

.o-regionsMap .popover {
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 250px
}

.o-regionsMap .popover-top {
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

.o-regionsMap .popover-bottom {
    margin: 0 auto;
    padding-left: var(--spacing-base);
    padding-right: var(--spacing-base)
}

.o-regionsMap .closePopover {
    cursor: pointer;
    display: flex
}

.o-regionsMap .viewDetailsPopover {
    align-items: center;
    cursor: pointer;
    display: flex
}

.o-regionsMap .o-articleBanner__inner--content {
    min-width: 100%
}

.o-regionsMap .o-articleBanner__inner--content__heading {
    width: 100%
}

.o-regionsMap .o-articleBanner__inner--content__iconCTAs {
    bottom: 0;
    margin-top: 10px;
    position: relative;
    right: 0
}

.o-regionsMap .o-articleBanner__inner--image {
    height: 350px
}

.o-roadTripCardIntro {
    color: var(--color-neutral);
    display: block;
    position: relative;
    scroll-snap-align: start
}

.o-roadTripCardIntro__inner {
    position: relative
}

@media only screen and (min-width:1024px) {
    .o-roadTripCardIntro__inner {
        display: grid;
        grid-template-areas: "left right";
        grid-template-columns: 1fr 1fr;
        height: auto
    }
}

@media only screen and (min-width:2560px) {
    .o-roadTripCardIntro__inner {
        display: grid;
        grid-template-areas: "left1 left2 right1 right2";
        grid-template-columns: 1fr 770px 770px 1fr;
        height: auto
    }
}

@media only screen and (min-width:1024px) {
    .o-roadTripCardIntro--left {
        grid-area: right;
        grid-column: 2/3;
        height: 100%;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width:2560px) {
    .o-roadTripCardIntro--left {
        grid-column: 3/5;
        height: auto;
        position: relative;
        width: auto
    }
}

.o-roadTripCardIntro--right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .o-roadTripCardIntro--right {
        bottom: var(--spacing-xx-large);
        bottom: 0;
        grid-area: left;
        grid-column: 1/2;
        position: relative;
        top: 0
    }
}

@media only screen and (min-width:2560px) {
    .o-roadTripCardIntro--right {
        bottom: 0;
        grid-column: 2/3;
        position: relative
    }
}

.o-roadTripCardIntro__image {
    height: calc(100vh - var(--header-height-mobile));
    position: relative
}

@media only screen and (min-width:1024px) {
    .o-roadTripCardIntro__image {
        height: 100%
    }
}

.o-roadTripCardIntro__image figure {
    margin: 0
}

.o-roadTripCardIntro__image figure>figcaption {
    bottom: 5px;
    color: hsla(0, 0%, 100%, .5);
    font-size: smaller;
    font-style: italic;
    position: absolute;
    right: 5px;
    z-index: 1;
    z-index: 2
}

.o-roadTripCardIntro__image .m-youTubeVideo {
    height: calc(100vh - var(--header-height-mobile));
    padding: 0
}

.o-roadTripCardIntro__image__filter {
    background: linear-gradient(180deg, transparent 40%, transparent 0, rgba(0, 0, 0, .8));
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:1024px) {
    .o-roadTripCardIntro__image__filter {
        display: none
    }
}

.o-roadTripCardIntro .gatsby-image-wrapper {
    height: calc(100vh - var(--header-height-mobile));
    margin: 0
}

@media only screen and (min-width:2560px) {
    .o-roadTripCardIntro .gatsby-image-wrapper {
        height: 95vh
    }
}

.o-roadTripCardIntro__heading {
    color: var(--color-neutral-lightest);
    font-weight: 700;
    margin-bottom: var(--spacing-large)
}

@media only screen and (min-width:1024px) {
    .o-roadTripCardIntro__heading {
        color: var(--color-neutral);
        font-size: var(--font-size-xxxx-large)
    }
}

.o-roadTripCardIntro__heading__mobile {
    bottom: 5vh;
    padding: 0 var(--spacing-x-large);
    position: absolute;
    width: 100%;
    z-index: 2
}

.o-roadTripCardIntro__description {
    color: #fff
}

@media only screen and (min-width:768px) {
    .o-roadTripCardIntro__description {
        color: var(--color-neutral);
        font-size: var(--font-size-medium);
        margin: 0 auto;
        padding: var(--spacing-xx-large);
        width: 100%
    }
}

.o-roadTripCardIntro__extra__item {
    display: flex;
    margin-bottom: var(--spacing-medium)
}

.o-roadTripCardIntro__extra__item span {
    margin: 0 .25rem
}

.o-roadTripCardIntro__extra__time svg {
    margin: -.25rem .35rem 0 .25rem;
    width: 1.25rem
}

@media only screen and (min-width:768px) {
    .o-roadTripCardIntro__extra__time svg {
        margin: 0 .35rem 0 .25rem
    }
}

.o-roadTripCardIntro__extra__time span {
    margin: 0 .25rem
}

.o-roadTripCardIntro__bodyMobile {
    padding: var(--spacing-medium)
}

.o-roadTripStopContent {
    background: #fff;
    color: var(--color-neutral);
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    scroll-snap-align: center
}

@media only screen and (min-width:640px) {
    .o-roadTripStopContent {
        min-height: 100vh;
        padding: 5rem 0
    }
}

.o-roadTripStopContent__inner {
    align-content: end;
    align-items: stretch;
    background: #fff;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 690px;
    overflow-y: hidden;
    padding: var(--spacing-x-large);
    position: relative
}

@media only screen and (min-width:640px) {
    .o-roadTripStopContent__inner {
        background: #fff;
        border-radius: 0;
        height: auto;
        overflow-y: unset;
        padding: 0 var(--spacing-xxx-large)
    }
}

.o-roadTripStopContent__inner__address {
    align-items: center;
    color: var(--color-neutral-dark);
    display: flex;
    flex-direction: row;
    font-size: var(--font-size-small);
    margin-bottom: 1rem;
    position: relative
}

.o-roadTripStopContent__inner__address:hover {
    color: var(--color-blue)
}

.o-roadTripStopContent__inner__address svg {
    fill: #4a4a4a;
    height: 15px;
    width: 20px
}

.o-roadTripStopContent__inner--highlight {
    background: var(--color-blue-gradient);
    color: var(--color-neutral-lightest);
    padding: 2rem 3rem
}

@media only screen and (min-width:1024px) {
    .o-roadTripStopContent__inner--highlight {
        border-radius: var(--border-radius-large);
        border-radius: 0;
        width: 85%
    }
}

.o-roadTripStopContent__inner--highlight a,
.o-roadTripStopContent__inner--highlight a:active,
.o-roadTripStopContent__inner--highlight a:focus,
.o-roadTripStopContent__inner--highlight a:hover,
.o-roadTripStopContent__inner--highlight a:visited {
    color: var(--color-neutral-lightest)
}

.o-roadTripStopContent__inner--highlight .o-roadTripStopContent__description p {
    display: inline-block
}

.o-roadTripStopContent__inner--highlight .o-roadTripStopContent__description p a {
    text-decoration: underline
}

.o-roadTripStopContent__inner--highlight .o-roadTripStopContent__stopHeading {
    color: #fff
}

.o-roadTripStopContent__inner--highlight__link {
    position: relative
}

.o-roadTripStopContent__inner--highlight__link span {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.o-roadTripStopContent__inner--highlight__link svg {
    height: 15px;
    height: 25px;
    position: absolute;
    right: 0;
    top: -.25rem
}

@media only screen and (min-width:768px) {
    .o-roadTripStopContent__inner--highlight__link svg {
        top: 0
    }
}

.o-roadTripStopContent__heading {
    font-weight: 700;
    margin-bottom: var(--spacing-small)
}

@media only screen and (min-width:1024px) {
    .o-roadTripStopContent__heading {
        font-size: var(--font-size-xx-large)
    }
}

.o-roadTripStopContent__stopHeading {
    color: var(--color-blue);
    margin-bottom: var(--spacing-small);
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .o-roadTripStopContent__stopHeading {
        font-size: var(--font-size-medium)
    }
}

.o-roadTripStopContent__resourcesHeading {
    color: var(--color-blue);
    font-weight: 700;
    margin-bottom: var(--spacing-medium);
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .o-roadTripStopContent__resourcesHeading {
        font-size: var(--font-size-large)
    }
}

.o-roadTripStopContent ul.o-roadTripStopContent__extra__resources__list {
    list-style: none;
    margin-left: 0
}

.o-roadTripStopContent ul.o-roadTripStopContent__extra__resources__list li.o-roadTripStopContent__extra__resource {
    box-shadow: var(--shadow-x-small);
    margin-bottom: var(--spacing-medium);
    position: relative;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275)
}

.o-roadTripStopContent ul.o-roadTripStopContent__extra__resources__list li.o-roadTripStopContent__extra__resource .o-roadTripStopContent__extra__resources__image {
    height: 100px
}

.o-roadTripStopContent ul.o-roadTripStopContent__extra__resources__list li.o-roadTripStopContent__extra__resource a.o-roadTripStopContent__extra__resources__link {
    grid-gap: var(--spacing-medium);
    align-items: center;
    border-radius: var(--border-radius-small);
    color: var(--color-neutral-dark);
    display: grid;
    font-size: var(--font-size-small);
    grid-template-columns: 120px 5fr 1fr;
    text-decoration: none
}

.o-roadTripStopContent ul.o-roadTripStopContent__extra__resources__list li.o-roadTripStopContent__extra__resource a.o-roadTripStopContent__extra__resources__link:hover {
    background-color: var(--color-blue-lightest);
    box-shadow: var(--shadow-small-hover);
    color: var(--color-neutral-lightest);
    transform: scale(1.04);
    transition: all .2s ease
}

.o-roadTripStopContent ul.o-roadTripStopContent__extra__resources__list li.o-roadTripStopContent__extra__resource a.o-roadTripStopContent__extra__resources__link:hover svg {
    fill: var(--color-neutral-lightest)
}

.o-roadTripStopContent ul.o-roadTripStopContent__extra__resources__list li.o-roadTripStopContent__extra__resource img {
    border-radius: var(--border-radius-small);
    height: 100px;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 120px
}

.o-roadTripStopContent ul.o-roadTripStopContent__extra__resources__list li.o-roadTripStopContent__extra__resource svg {
    fill: var(--color-blue);
    height: 24px
}

.o-roadTripStopContent__description {
    margin: 0 auto;
    margin-bottom: var(--spacing-xx-large)
}

@media only screen and (min-width:1024px) {
    .o-roadTripStopContent__description {
        border-radius: 0;
        box-shadow: none;
        width: 100%
    }
}

.o-roadTripStopContent__extra__item {
    display: flex;
    margin-bottom: var(--spacing-medium)
}

.o-roadTripStopContent a {
    color: #258196;
    font-weight: 700
}

.o-signup {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 16px 24px rgba(48, 48, 48, .14), 0 6px 30px rgba(48, 48, 48, .12), 0 8px 10px rgba(48, 48, 48, .2);
    max-width: 400px;
    padding: 24px;
    text-align: center
}

.o-signup__divider {
    background: linear-gradient(90deg, #51b6d2 23.11%, #71c8bf 99.97%);
    height: .5rem;
    margin: 1rem auto;
    max-width: 96px
}

.o-signup__text {
    color: #595959
}

.o-signup__label--text {
    visibility: hidden
}

.o-signup__label--checkbox {
    color: #595959;
    font-size: .75rem;
    text-align: left
}

.o-signup__checkbox-wrap {
    display: grid;
    grid-template-columns: 1.5rem 1fr;
    margin: 1rem 0
}

.o-signup__checkbox {
    height: 1rem;
    width: 1rem
}

.o-signup__state {
    transition: opacity 1s
}

.o-signup__state--show {
    z-index: 1
}

.o-signup__state--hide {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.o-support-bubbles__content--teasers {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacing-x-large);
    justify-content: space-around
}

@media only screen and (min-width:640px) {
    .o-support-bubbles__content--teasers {
        flex-flow: row wrap;
        margin-top: var(--spacing-xxx-large)
    }
}

.o-support-bubbles__content--modals {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around
}

.o-tabs__tab {
    color: #303030;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    letter-spacing: .05em;
    padding-bottom: .25rem;
    transition: color .4s
}

.o-tabs__tab:hover {
    color: #145769
}

.o-tabs__tab--active {
    border-bottom: 2px solid #277e96
}

.o-tabs__panels {
    margin-top: 1.5rem
}

.o-tabs__panel {
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 1s, visibility 1s 0s;
    visibility: hidden
}

.o-tabs__panel--active {
    opacity: 1;
    position: relative;
    visibility: visible
}

.o-ugcgallery__heading {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: auto
}

@media only screen and (min-width:1024px) {
    .o-ugcgallery__heading {
        flex-direction: row
    }
}

.o-ugcgallery--socialIcons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-left: 0
}

@media only screen and (min-width:1024px) {
    .o-ugcgallery--socialIcons {
        border-bottom: 0;
        text-align: left
    }
}

.o-ugcgallery--socialIcons .footer__socialIcons--icon {
    display: inline-block;
    list-style-type: none
}

.o-ugcgallery--socialIcons .footer__socialIcons--icon:not(:last-of-type) {
    margin-right: var(--spacing-base)
}

.o-ugcgallery--socialIcons .footer__socialIcons--icon:last-of-type {
    margin-right: 0
}

.o-ugcgallery--socialIcons .footer__socialIcons--icon svg {
    fill: #3d4643 !important
}

.o-ugcgallery__crowdRiff {
    margin: 0 var(--spacing-base)
}

.o-ugcgallery__crowdRiff #cr__app .cr__asset__overlay.isHovered {
    background: hsla(0, 0%, 100%, .2)
}

.o-ugcgallery__crowdRiff .cr__gallery .loadMore {
    background-color: #fff !important;
    box-shadow: 0 6px 22px 0 rgba(80, 182, 210, .32);
    color: #75c5db !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    width: 33%
}

.o-ugcgallery__crowdRiff .cr__gallery .loadMore:hover {
    background-color: #fff !important;
    color: #0097bd
}

.o-ugcgallery__crowdRiff .cr__gallery .loadMore:hover span {
    color: #0097bd
}

.o-ugcgallery__crowdRiff .cr__gallery .loadMore:after {
    background: #fff !important
}

@media only screen and (max-width:600px) {
    .o-ugcgallery__crowdRiff .cr__gallery .loadMore {
        width: 80%
    }
}

.o-ugcgallery__crowdRiff img {
    border-radius: 10px
}

.o-ugcgallery .fullscreen__logo {
    display: none
}

.o-ugcgallery .cr__asset__wrapper {
    border-radius: 10px
}

.o-ugcgallery .assetInfo.assetInfo--white {
    position: relative;
    top: -25px
}

.o-youTubeHeroBanner {
    position: relative
}

@media only screen and (max-width:768px) {
    .o-youTubeHeroBanner {
        height: 45vh
    }
}

.o-youTubeHeroBanner__video {
    background: url(/static/home-bg-7c5577a39f54b80a72e1fb783989ec43.jpg) top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

@media only screen and (max-width:600px) {
    .o-youTubeHeroBanner__video {
        height: 45vh
    }
}

.o-youTubeHeroBanner__video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (max-width:600px) {
    .o-youTubeHeroBanner__video iframe {
        left: -50%;
        width: 200%
    }
}

.o-youTubeHeroBanner__heading {
    color: #3d4643;
    font-weight: 700;
    margin-bottom: var(--spacing-large);
    text-align: center
}

.o-youTubeHeroBanner__content {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: var(--spacing-x-large);
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-width:639px) {
    .o-youTubeHeroBanner__content img {
        margin-bottom: 1rem;
        width: 50%
    }

    .o-youTubeHeroBanner__content h4 {
        font-size: .85rem
    }
}

@media only screen and (min-width:425px) and (max-width:639px) {
    .o-youTubeHeroBanner__content img {
        margin-bottom: 1rem;
        margin-top: 6rem;
        width: 50%
    }
}

@media only screen and (min-width:640px) and (max-width:736px) {
    .o-youTubeHeroBanner__content img {
        margin-bottom: 1rem;
        margin-top: 4rem;
        width: 30%
    }
}

@media only screen and (min-width:737px) and (max-width:812px) {
    .o-youTubeHeroBanner__content img {
        margin-bottom: 1rem;
        margin-top: 1rem;
        width: 50%
    }
}

@media only screen and (min-width:768px) {
    .o-youTubeHeroBanner__content {
        max-width: 75%
    }
}

@media only screen and (min-width:1248px) {
    .o-youTubeHeroBanner__content {
        max-width: 50%
    }
}

.o-youTubeHeroBanner__content--subheading {
    color: var(--color-neutral-lightest);
    font-weight: 600;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .o-youTubeHeroBanner__content--subheading {
        margin-left: auto;
        margin-right: auto
    }
}

.o-youTubeHeroBanner__content--ctas {
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-youTubeHeroBanner__content--ctas {
        flex-direction: row
    }
}

.o-youTubeHeroBanner__content--ctas a {
    align-items: center;
    background-color: var(--color-neutral-lightest);
    color: var(--color-blue-lightest);
    display: flex;
    justify-content: center;
    padding: .75rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275)
}

.o-youTubeHeroBanner__content--ctas a:hover {
    background-color: var(--color-blue);
    color: var(--color-neutral-lightest);
    transition: .4s cubic-bezier(.175, .885, .32, 1.275)
}

.o-youTubeHeroBanner__content--ctas a:hover svg {
    fill: #fff
}

.o-youTubeHeroBanner__content--ctas a svg {
    height: 20px
}

.o-youTubeHeroBanner__content--ctas a:last-of-type svg {
    margin-left: 0;
    margin-right: .5rem
}

.o-youTubeHeroBanner__content .o-youTubeHeroBanner__content--ctas>a:first-child {
    justify-self: flex-end
}

.o-videoBanner {
    max-height: calc(100vh - 135px);
    overflow: hidden;
    position: relative
}

.o-videoBanner ul {
    list-style: none
}

.o-videoBanner__video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.o-videoBanner__video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (max-width:639px) {
    .o-videoBanner__video iframe {
        left: -50%;
        width: 200%
    }
}

.o-videoBanner__heading {
    color: var(--color-neutral-lightest);
    font-size: 38pt;
    font-weight: 400;
    margin: 0;
    text-align: left;
    text-transform: uppercase
}

.o-videoBanner__content {
    align-items: left;
    background: #000;
    background: linear-gradient(0deg, #000, rgba(0, 0, 0, .8) 15%, transparent 60%);
    bottom: 0;
    color: var(--color-neutral-lightest);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    padding: var(--spacing-x-large);
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-width:639px) {
    .o-videoBanner__content img {
        margin-bottom: 1rem;
        width: 50%
    }

    .o-videoBanner__content h4 {
        font-size: .85rem
    }

    .o-videoBanner__content h2 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:768px) {
    .o-videoBanner__content {
        max-width: 100%;
        padding: var(--spacing-x-large) var(--spacing-medium)
    }

    .o-videoBanner__content img {
        margin-bottom: 1rem;
        margin-top: 1rem;
        width: 50%
    }

    .o-videoBanner__content h4 {
        font-size: .85rem
    }

    .o-videoBanner__content h2 {
        font-size: 2rem
    }
}

@media only screen and (min-width:1024px) {
    .o-videoBanner__content {
        max-width: 100%;
        padding: var(--spacing-x-large) var(--spacing-xxx-large)
    }

    .o-videoBanner__content img {
        margin-bottom: 1rem;
        margin-top: 1rem;
        width: 50%
    }
}

.o-videoBanner__content a,
.o-videoBanner__content a:visited {
    color: var(--color-neutral-lightest)
}

.o-videoBanner__content a:hover {
    text-decoration: underline
}

.o-videoBanner__content--headline {
    color: var(--color-neutral-lightest);
    font-size: 9pt;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase
}

.o-videoBanner__content--title {
    font-family: var(--font-sans);
    font-size: 30pt;
    font-weight: 900;
    line-height: .75em;
    text-align: left
}

.o-videoBanner__content--status {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    font-weight: 700;
    width: inherit
}

.o-videoBanner__content--text {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 18pt;
    font-weight: 700
}

@media only screen and (max-width:639px) {
    .o-videoBanner__content--text {
        font-size: 10pt
    }
}

.o-videoBanner__content--text svg {
    margin-left: 15px
}

.o-videoBanner__content--center-icon {
    display: flex;
    justify-content: center
}

.o-videoBanner__content--center-icon svg {
    height: 100px;
    width: 100px
}

@media only screen and (max-width:767px) {
    .o-videoBanner__content--center-icon svg {
        height: 50px;
        width: 50px
    }
}

.o-videoBanner__content--mute-icon {
    display: flex;
    justify-content: left
}

.o-videoBanner__content--mute-icon__holder {
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    display: flex;
    height: 75px;
    justify-content: center;
    opacity: .4;
    width: 75px;
    z-index: 9999
}

.o-videoBanner__content--mute-icon__holder svg {
    height: 37px;
    width: 57px
}

.o-videoBanner__content .a-simpleTags {
    color: #fff
}

.o-videoBanner__content .a-simpleTags li .a-simpleTags__tag {
    border: 1px solid #fff
}

.o-videoBanner__content .a-simpleTags li .a-simpleTags__tagLink {
    border: 1px solid #fff;
    color: #fff
}

.o-videoBanner__content--ctas {
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-videoBanner__content--ctas {
        flex-direction: row
    }
}

.o-videoBanner__content--ctas a {
    align-items: center;
    background-color: var(--color-neutral-lightest);
    color: var(--color-blue-lightest);
    display: flex;
    justify-content: center;
    padding: .75rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: .4s cubic-bezier(.175, .885, .32, 1.275)
}

.o-videoBanner__content--ctas a:hover {
    background-color: var(--color-blue);
    color: var(--color-neutral-lightest);
    transition: .4s cubic-bezier(.175, .885, .32, 1.275)
}

.o-videoBanner__content--ctas a:hover svg {
    fill: #fff
}

.o-videoBanner__content--ctas a svg {
    height: 20px
}

.o-videoBanner__content--ctas a:last-of-type svg {
    margin-left: 0;
    margin-right: .5rem
}

.o-videoBanner__content .o-videoBanner__content--ctas>a:first-child {
    justify-self: flex-end
}

.o-videoBanner__indicators {
    bottom: 20px;
    display: flex;
    height: 50px;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

@media only screen and (max-width:639px) {
    .o-videoBanner__indicators {
        height: 30px
    }
}

.o-videoBanner__indicators ul {
    height: inherit;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.o-videoBanner__indicators ul li {
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 8px;
    opacity: .5;
    width: 10px
}

.o-videoBanner__indicators ul li.active {
    opacity: 1
}

.o-videoBanner__list {
    display: none
}

@media only screen and (min-width:1024px) {
    .o-videoBanner__list {
        background: rgba(0, 0, 0, .5);
        bottom: 5%;
        display: flex;
        justify-content: center;
        padding: var(--spacing-medium);
        position: absolute;
        right: 5%;
        width: 350px
    }

    .o-videoBanner__list ul {
        height: inherit;
        list-style: none;
        margin: 0;
        opacity: 1;
        padding: 0;
        position: relative;
        text-align: left
    }

    .o-videoBanner__list ul li {
        color: var(--color-neutral-lightest);
        cursor: pointer;
        display: inline-block;
        font-size: var(--font-size-small);
        margin-bottom: .5rem;
        opacity: .5;
        text-transform: uppercase
    }

    .o-videoBanner__list ul li.active,
    .o-videoBanner__list ul li:hover {
        opacity: 1;
        text-decoration: underline
    }

    .o-videoBanner__list ul li:last-child {
        margin-bottom: 0
    }
}

.o-videoBanner__videoHolder {
    display: none
}

@media only screen and (min-width:768px) {
    .o-videoBanner__videoHolder {
        display: block
    }
}

.o-videoBanner__imageHolder {
    display: block;
    height: 280px;
    position: relative;
    width: 100%
}

@media only screen and (min-width:768px) {
    .o-videoBanner__imageHolder {
        display: none
    }
}

.o-videoBanner__imageHolder__image {
    height: 100%;
    position: relative;
    width: 100%
}

.o-videoBanner__imageHolder__image img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.o-videoBanner__imageHolder .withGradient:after {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .7) 80%, rgba(0, 0, 0, .8));
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4;
    width: 100%
}

.o-videoBanner__imageHolder .o-videoBanner__content {
    justify-content: flex-end;
    z-index: 1
}

.o-videoBanner__imageHolder .o-videoBanner__content--title {
    line-height: 1.4rem
}

.o-videoBlurBg {
    position: relative
}

.o-videoBlurBg__video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.o-videoBlurBg__video iframe {
    border: 0;
    height: 80%;
    left: 10%;
    position: absolute;
    top: 10%;
    width: 80%
}

.o-videoBlurBg__video img {
    filter: blur(5px);
    transform: scale(1.1)
}

.o-crisesDetails__inner,
.o-crisesDetails__inner--content {
    display: flex;
    flex-direction: column
}

.o-crisesDetails__inner--content {
    padding: var(--spacing-x-large) 0;
    position: relative
}

.o-crisesDetails__inner--content__headline {
    color: var(--color-secondary);
    font-size: 10px;
    letter-spacing: .75px;
    margin-bottom: var(--spacing-small);
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .o-crisesDetails__inner--content__headline {
        font-size: 12px
    }
}

.o-crisesDetails__inner--content__heading {
    color: var(--color-neutral-darkest);
    font-weight: var(--font-sans-700);
    text-transform: capitalize
}

@media only screen and (min-width:1024px) {
    .o-crisesDetails__inner--content__heading {
        margin-bottom: var(--spacing-medium);
        width: 65%
    }
}

.o-crisesDetails__inner--content__subHeading {
    color: var(--color-neutral);
    font-family: var(--font-Raleway);
    font-size: 12px;
    font-weight: var(--font-Raleway-300);
    margin-bottom: var(--spacing-medium)
}

@media only screen and (min-width:768px) {
    .o-crisesDetails__inner--content__subHeading {
        font-size: 20px
    }
}

@media only screen and (min-width:1024px) {
    .o-crisesDetails__inner--content__subHeading {
        font-size: 24px
    }
}

.o-longScroll {
    background: linear-gradient(180deg, #eecd01 15.06%, #c8d800 26.04%, #6dc5c3 44.07%, #50b6cf 55.66%, #2c8da7 78%, #165067)
}

.o-longScroll__container {
    margin: auto;
    max-width: 1440px;
    overflow: hidden;
    padding: 84px 144px 350px;
    position: relative;
    width: 100%
}

@media only screen and (max-width:1023px) {
    .o-longScroll__container {
        padding: 50px;
        width: 100%
    }
}

@media only screen and (max-width:639px) {
    .o-longScroll__container {
        padding: 40px 22px
    }
}

.o-longScroll__title {
    padding: 156px 0 198px
}

.adhub_page .o-verticalItemsListSection {
    margin-bottom: 100px
}

.adhub_page .o-verticalItemsListSection__content.multicolumn_layout {
    grid-gap: 1%;
    display: grid;
    grid-template-columns: auto;
    justify-items: center;
    margin-bottom: 200px
}

@media only screen and (min-width:1024px) {
    .adhub_page .o-verticalItemsListSection__content.multicolumn_layout {
        grid-gap: 2.5%;
        grid-template-columns: auto auto;
        justify-items: left
    }
}

@media only screen and (min-width:1248px) {
    .adhub_page .o-verticalItemsListSection__content.multicolumn_layout {
        grid-gap: .5%;
        grid-template-columns: auto auto auto;
        justify-items: left
    }
}

.adhub_detail-page {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width:1248px) {
    .adhub_detail-page {
        flex-direction: row
    }
}

.adhub_detail-page__left {
    display: flex;
    justify-content: center;
    padding: 4% 0;
    width: 100%
}

@media only screen and (min-width:1248px) {
    .adhub_detail-page__left {
        width: 50%
    }
}

.adhub_detail-page__right {
    padding: 4% 5%;
    width: 100%
}

@media only screen and (min-width:1248px) {
    .adhub_detail-page__right {
        width: 50%
    }
}

.adhub_detail-page__right .m-detailBanner--small {
    padding-bottom: 0
}

.adhub_detail-page__cta {
    align-items: center;
    display: flex;
    font-size: var(--font-size-small);
    font-weight: var(--font-Raleway-600);
    margin-top: 50px
}

.adhub_detail-page__cta a {
    height: 35px;
    margin-right: 10px;
    width: 35px
}

.adhub_detail-page__cta .a-iconCTA__prev svg {
    height: 18px;
    width: 18px
}

.adhub_detail-page .m-block-text-left p {
    font-size: 18px
}

.p-blogs__verticalContents {
    grid-column-gap: 1%;
    display: grid;
    grid-template-columns: auto
}

@media only screen and (min-width:768px) {
    .p-blogs__verticalContents {
        grid-column-gap: 1%;
        grid-template-columns: 59% 40%
    }
}

@media only screen and (min-width:1024px) {
    .p-blogs__verticalContents {
        grid-column-gap: 1%;
        grid-template-columns: 69% 30%
    }
}

.p-blogs__verticalContents--latest {
    overflow: hidden
}

.p-blogs__verticalContents--latest .white {
    color: var(--color-neutral-lightest)
}

.p-blogs__verticalContents--latest .m-detailCardWrapper {
    margin-bottom: 1rem;
    width: 220px
}

@media only screen and (min-width:768px) {
    .p-blogs__verticalContents--latest .m-detailCardWrapper {
        margin-right: .5rem;
        width: 210px
    }
}

@media only screen and (min-width:1248px) {
    .p-blogs__verticalContents--latest .m-detailCardWrapper {
        width: 240px
    }
}

@media only screen and (min-width:1440px) {
    .p-blogs__verticalContents--latest .m-detailCardWrapper {
        width: 270px
    }
}

.p-blogs__verticalContents--latest .o-horizontalScrollContainer {
    display: block
}

@media only screen and (min-width:768px) {
    .p-blogs__verticalContents--latest .o-horizontalScrollContainer {
        display: none
    }
}

.p-blogs__verticalContents--latest .o-horizontalScrollContainer__heading {
    margin-bottom: 0
}

.p-blogs__verticalContents--latest .o-verticalItemsListSection {
    display: none
}

.p-blogs__verticalContents--latest .o-verticalItemsListSection__content.multicolumn_layout {
    grid-gap: 1%;
    display: grid;
    grid-template-columns: auto
}

@media only screen and (min-width:768px) {
    .p-blogs__verticalContents--latest .o-verticalItemsListSection__content.multicolumn_layout {
        grid-column-gap: 0;
        grid-row-gap: 0;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto
    }
}

@media only screen and (min-width:1024px) {
    .p-blogs__verticalContents--latest .o-verticalItemsListSection__content.multicolumn_layout {
        grid-column-gap: 1%;
        grid-row-gap: 30px;
        grid-template-columns: auto auto auto
    }
}

@media only screen and (min-width:768px) {
    .p-blogs__verticalContents--latest .o-verticalItemsListSection {
        display: block
    }
}

.p-blogs__verticalContents--trending {
    margin-top: 30px;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .p-blogs__verticalContents--trending {
        margin-left: 5px;
        margin-top: 0
    }
}

@media only screen and (min-width:1024px) {
    .p-blogs__verticalContents--trending {
        margin-left: 5px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .p-blogs__verticalContents--trending {
        margin-left: 5px
    }
}

.p-blogs__verticalContents--trending .o-horizontalScrollContainer {
    display: block
}

@media only screen and (min-width:768px) {
    .p-blogs__verticalContents--trending .o-horizontalScrollContainer {
        display: none
    }
}

.p-blogs__verticalContents--trending .o-verticalItemsListSection {
    display: none
}

@media only screen and (min-width:768px) {
    .p-blogs__verticalContents--trending .o-verticalItemsListSection {
        display: block
    }
}

.p-blogs__verticalContents--trending .m-detailCardHorizontalWrapper {
    margin-bottom: 30px;
    max-width: 100%;
    width: 100%
}

@media only screen and (min-width:768px) {
    .p-blogs__verticalContents--trending .m-detailCardHorizontalWrapper {
        max-width: 285px;
        width: 285px
    }
}

@media only screen and (min-width:1024px) {
    .p-blogs__verticalContents--trending .m-detailCardHorizontalWrapper {
        max-width: 285px;
        width: 285px
    }
}

@media only screen and (min-width:1248px) {
    .p-blogs__verticalContents--trending .m-detailCardHorizontalWrapper {
        max-width: 340px;
        width: 340px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .p-blogs__verticalContents--trending .m-detailCardHorizontalWrapper {
        max-width: 285px;
        width: 285px
    }
}

@media only screen and (min-width:1440px) {
    .p-blogs__verticalContents--trending .m-detailCardHorizontalWrapper {
        max-width: 390px;
        width: 390px
    }
}

.p-blogs__verticalContents--trending .m-detailCardHorizontal {
    height: 145px
}

.p-blogs__verticalContents--trending .white {
    color: var(--color-neutral-darkest)
}

@media only screen and (min-width:768px) {
    .p-blogs__verticalContents--trending .white {
        color: var(--color-neutral-lightest)
    }
}

.p-blogs__newsExpandable {
    grid-gap: 1%;
    display: grid;
    grid-template-columns: auto
}

@media only screen and (min-width:768px) {
    .p-blogs__newsExpandable {
        grid-row-gap: 30px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .p-blogs__newsExpandable {
        grid-row-gap: 30px;
        grid-template-columns: repeat(3, 1fr)
    }
}

.p-blogs__newsExpandable--loadmoreCTA {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--color-blue-darkest);
    display: flex;
    flex-direction: row;
    font-family: var(--font-Raleway);
    font-size: 20px;
    justify-content: center;
    margin: var(--spacing-medium) auto
}

.p-blogs__newsExpandable .m-detailCardHorizontalWrapper {
    max-width: 100%;
    width: 100%
}

.p-blogs__newsExpandable .m-detailCardHorizontal {
    box-shadow: unset
}

.p-blogs .m-detailCardHorizontal__content--copy {
    font-size: 12px;
    line-height: 14px;
    top: 40%
}

.p-blogs .a-simpleTags {
    font-family: var(--font-Raleway);
    font-size: 10px;
    line-height: 13px
}

.p-blogs .a-simpleTags li {
    margin-top: 6px
}

.p-blogs .o-heroBG__content {
    padding: var(--spacing-large) 0 0
}

.p-blogs .o-heroBG__content--logoImage {
    width: 360px
}

.p-blogs .m-promotionalBanner__bgImage {
    z-index: 0
}

.p-blogs .m-podcastCardHorizontal {
    margin-bottom: 50px;
    width: 85%
}

@media only screen and (min-width:768px) {
    .p-blogs .m-podcastCardHorizontal {
        width: 40%
    }
}

@media only screen and (min-width:1024px) {
    .p-blogs .m-podcastCardHorizontal {
        width: 25%
    }
}

.p-blogs .o-heroBG {
    height: 60vh
}

.p-blogs .o-heroBG__bgImage,
.p-blogs .o-heroBG__overlay {
    height: 115vh
}

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

    .p-blogs .o-heroBG__bgImage,
    .p-blogs .o-heroBG__overlay {
        height: 100vh
    }
}

.p-filterToolPage {
    overflow: hidden;
    position: relative
}

.p-filterToolPage__filters,
.p-filterToolPage__results {
    margin-bottom: var(--spacing-xx-large)
}

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

    .p-filterToolPage__filters,
    .p-filterToolPage__results {
        margin-bottom: var(--spacing-xxx-large)
    }
}

.p-filterToolPage__filters {
    opacity: 1;
    transition: all .2s ease;
    width: 100%
}

.p-filterToolPage__filters--hidden {
    height: 0;
    opacity: 0;
    transform: translateX(-100%);
    transition: all .2s ease
}

.p-filterToolPage__results {
    margin: 0 auto;
    transition: all .2s
}

.p-filterToolPage__results--hidden {
    height: 0;
    opacity: 0;
    transform: translateX(100%);
    transition: all .2s
}

.p-filterToolPage__results--header {
    align-items: center;
    margin-bottom: var(--spacing-x-large)
}

@media only screen and (min-width:768px) {
    .p-filterToolPage__results--header {
        display: grid;
        grid-template-columns: 4fr 1fr
    }
}

.p-filterToolPage__results--header .m-cardListIntro__heading--searchResults {
    margin-bottom: var(--spacing-large);
    text-transform: capitalize
}

.p-filterToolPage__results__tags {
    display: flex;
    margin: 1rem 0;
    overflow-x: scroll;
    text-align: center
}

.p-filterToolPage__results__tags li {
    background-color: #fff;
    border: 1px solid var(--color-orange);
    border-radius: var(--border-radius-large);
    color: var(--color-orange);
    display: inline;
    font-size: var(--font-size-small);
    list-style: none;
    margin-right: 1rem;
    min-width: 150px;
    overflow: hidden;
    padding: .25rem 2rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-filterToolPage__results__tags li:last-child {
    margin-right: 0
}

.p-filterToolPage__results-leave.p-filterToolPage__results-leave-active {
    max-height: 0;
    opacity: .01;
    transform: translateXY(100%);
    transition: all 1s ease-in-out
}

.p-home {
    overflow: auto;
    position: relative
}

.p-home__bgImageHolder {
    height: 760px;
    left: 0;
    position: absolute;
    top: 10;
    width: 100%;
    z-index: -99
}

@media only screen and (min-width:768px) {
    .p-home__bgImageHolder {
        height: 100%;
        max-height: 900px
    }
}

.p-home__bgImageHolder img {
    height: 100%;
    margin: 0 0 1.45rem;
    object-fit: cover;
    object-position: center center;
    padding: 0;
    width: 100%
}

.p-home__bgOverlay {
    background: linear-gradient(-180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .5));
    height: 760px;
    left: 0;
    position: absolute;
    top: 10;
    width: 100%;
    z-index: -98
}

@media only screen and (min-width:768px) {
    .p-home__bgOverlay {
        height: 100%;
        max-height: 900px
    }
}

.p-home__detailBannerHolder {
    margin: 50px 0 40px
}

@media only screen and (min-width:768px) {
    .p-home__detailBannerHolder {
        margin: 80px 0
    }
}

.p-home__detailBannerHolder .m-detailBanner__heading-line--wrapper {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .p-home__detailBannerHolder .m-detailBanner__heading-line--wrapper {
        width: 80%
    }
}

.p-home .m-detailBanner__heading,
.p-home .white {
    color: var(--color-neutral-lightest)
}

.p-home .m-containerIntro__heading--text {
    display: block
}

#main {
    scroll-snap-type: y mandatory
}

.p-roadTrips h1 {
    color: var(--color-blue-darkest)
}

.p-roadTrips__stop {
    height: 100vh;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:1024px) {
    .p-roadTrips__stop {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: unset;
        margin-bottom: var(--spacing-x-large);
        overflow: unset
    }
}

.p-roadTrips__stop__map-image {
    position: relative
}

.p-roadTrips__stop__map {
    height: 100vh
}

.p-roadTrips__stop__image,
.p-roadTrips__stop__map,
.p-roadTrips__stop__map #MAP_CONTAINER {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.p-roadTrips__stop__image {
    background: #000;
    bottom: 0;
    grid-area: image;
    height: 100%;
    height: 100vh;
    left: 0;
    opacity: 1;
    right: 0;
    transition: all .2s ease;
    width: 100%
}

.p-roadTrips__stop__image__wrapper {
    display: grid;
    grid-template-areas: "image";
    height: 100%;
    opacity: 1;
    transition: all .2s ease
}

.p-roadTrips__stop__image .gatsby-image-wrapper {
    height: 100vh;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.p-roadTrips__stop__image__placeholder {
    background-color: var(--color-blue);
    height: 100%;
    object-fit: cover;
    top: 0;
    width: 100%
}

.p-roadTrips__stop__image figure {
    margin: 0
}

.p-roadTrips__stop__image figure>figcaption {
    bottom: 5px;
    color: hsla(0, 0%, 100%, .5);
    font-size: smaller;
    font-style: italic;
    position: absolute;
    right: 5px;
    z-index: 1
}

.p-roadTrips__stop__image--hidden,
.p-roadTrips__stop__image__wrapper--hidden {
    opacity: 0;
    transition: all .5s ease
}

.p-roadTrips__stop__image__wrapper--hidden,
.p-roadTrips__stop__map--hidden {
    display: none
}

.p-roadTrips__stop__info {
    position: relative;
    width: 100%
}

.p-roadTrips__stop__info .breakpoint__large-up {
    position: relative
}

.p-roadTrips__stop__info__wrapper {
    overflow-y: scroll;
    scroll-snap-type: y mandatory
}

.p-roadTrips__stop__thumbs {
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    transition: .5s ease;
    width: 100%;
    z-index: 9
}

@media only screen and (min-width:1024px) {
    .p-roadTrips__stop__thumbs {
        display: none
    }
}

.p-roadTrips__stop__thumbs--show .icon,
.p-roadTrips__stop__thumbs__button .icon {
    fill: #fff;
    transform: rotate(-180deg)
}

.p-roadTrips__stop__thumbs--show:hover .icon {
    fill: #fff
}

.p-roadTrips__stop__thumbs--show .p-roadTrips__thumbs__inner:before {
    background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
    content: "";
    height: 200px;
    left: 1rem;
    min-width: 30px;
    position: absolute;
    z-index: 9999
}

.p-roadTrips__stop__thumbs--show .p-roadTrips__thumbs__inner:after {
    background-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
    content: "";
    height: 200px;
    min-width: 30px;
    position: absolute;
    right: 1rem;
    z-index: 9999
}

.p-roadTrips__stop .p-roadTrips__stop__thumbs__header:hover .icon {
    fill: var(--color-neutral-dark);
    transition: .5s ease
}

.p-roadTrips__stop .p-roadTrips__stop__thumbs__header:hover h5 {
    color: var(--color-neutral-dark);
    transition: .5s ease
}

.p-roadTrips__stop__thumbs__wrapper {
    border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    pointer-events: auto;
    transition: all .5s ease;
    width: 100%;
    z-index: 9
}

.p-roadTrips__stop__thumbs--show .p-roadTrips__stop__thumbs__wrapper {
    transition: all .5s ease
}

.p-roadTrips__stop__thumbs__header {
    align-items: center;
    background: none;
    background: rgba(0, 0, 0, .5);
    border: none;
    cursor: pointer;
    display: flex;
    min-height: 60px;
    padding: .5rem 2rem;
    position: fixed;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    transition-duration: .4s;
    transition: .5s ease;
    z-index: 9
}

.p-roadTrips__stop__thumbs__header:hover {
    background: rgba(0, 0, 0, .3)
}

.p-roadTrips__stop__thumbs__header:hover .p-roadTrips__stop__thumbs__title {
    color: rgba(0, 0, 0, .7)
}

.p-roadTrips__stop__thumbs__title {
    color: #fff;
    margin-bottom: 0;
    margin-left: .5rem;
    text-transform: uppercase
}

.p-roadTrips__stop__thumbs--show .p-roadTrips__stop__thumbs__title {
    color: #fff;
    font-weight: 700
}

.p-roadTrips__stop__thumbs__inner {
    -webkit-overflow-scrolling: touch;
    align-items: center;
    display: flex;
    height: 260px;
    overflow-x: auto;
    pointer-events: auto;
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory
}

.p-roadTrips__stop__map-image__switcher {
    display: none
}

@media only screen and (min-width:1024px) {
    .p-roadTrips__stop__map-image__switcher {
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 3rem;
        width: 100%;
        z-index: 99
    }
}

.p-roadTrips__stop__map-image__switcher .map__toggle {
    height: 0;
    visibility: hidden;
    width: 0
}

.p-roadTrips__stop__map-image__switcher label {
    background-color: hsla(0, 0%, 42%, .33);
    border-radius: 100px;
    cursor: pointer;
    display: block;
    font-size: var(--font-size-medium);
    font-weight: var(--font-sans-100);
    height: 50px;
    line-height: 50px;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 3rem;
    width: 340px
}

.p-roadTrips__stop__map-image__switcher label:before {
    background: #fff;
    border-radius: 90px;
    box-shadow: var(--shadow-toggle);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .3s;
    width: 170px
}

.p-roadTrips__stop__map-image__switcher label .map__toggle--on {
    left: 0;
    position: absolute;
    text-align: center;
    transition: .3s;
    width: 170px
}

.p-roadTrips__stop__map-image__switcher label .map__toggle--off {
    position: absolute;
    right: 0;
    text-align: center;
    transition: .3s;
    width: 170px
}

.p-roadTrips__stop__map-image__switcher .map__toggle+label .map__toggle--off,
.p-roadTrips__stop__map-image__switcher .map__toggle:checked+label .map__toggle--on {
    color: #fff
}

.p-roadTrips__stop__map-image__switcher .map__toggle:checked+label .map__toggle--off {
    color: var(--color-neutral-dark)
}

.p-roadTrips__stop__map-image__switcher input:checked+label:before {
    left: 100%;
    transform: translateX(-100%)
}

.p-roadTrips__stop__map-image__switcher label:active:before {
    width: 200px
}

.p-roadTrips__stop__thumbs__content {
    -webkit-overflow-scrolling: touch;
    border-radius: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    min-width: 100%;
    overflow: auto;
    position: fixed;
    right: 0;
    scroll-behavior: smooth;
    top: 0;
    transform: translateX(100%);
    transition: all .5s ease;
    z-index: 999
}

.p-roadTrips__stop__thumbs__content--show {
    transform: translateX(0)
}

.p-roadTrips__stop__thumbs__content .o-roadTripStopCard__image {
    border-radius: 0;
    height: 50vh;
    position: relative
}

.p-roadTrips__stop__thumbs__content .o-roadTripStopCard__image figure {
    margin: 0
}

.p-roadTrips__stop__thumbs__content .o-roadTripStopCard__image figure>figcaption {
    bottom: 5px;
    color: hsla(0, 0%, 100%, .5);
    font-size: smaller;
    font-style: italic;
    position: absolute;
    right: 5px;
    z-index: 1
}

.order-process-page {
    display: flex;
    flex-direction: column;
    min-height: 85vh;
    width: 100%
}

@media only screen and (min-width:768px) {
    .order-process-page {
        flex-direction: row;
        min-height: 85vh
    }
}

@media only screen and (min-width:1024px) {
    .order-process-page {
        flex-direction: row;
        min-height: 110vh
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .order-process-page {
        flex-direction: row;
        min-height: 70vh
    }
}

@media only screen and (min-width:1248px) {
    .order-process-page {
        flex-direction: row;
        min-height: 85vh
    }
}

.order-process-page.--forms .m-formBanner {
    display: none
}

@media only screen and (min-width:768px) {
    .order-process-page.--forms .m-formBanner {
        display: block
    }
}

@media only screen and (max-width:639px) {
    .order-process-page.--forms .m-orderProcess {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.order-process-page .m-formBanner.m-formBanner__bgImage {
    background-size: cover
}

.order-process-page .m-orderProcess {
    padding: 5% 3%;
    width: 100%
}

@media only screen and (min-width:768px) {
    .order-process-page .m-orderProcess {
        width: 50%
    }
}

.p-podcasts section.o-horizontalScrollContainer:first-of-type .m-containerIntro__heading--text {
    color: #fff
}

.p-podcasts__vertical_sections {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem
}

.p-podcasts__vertical_sections .o-verticalItemsListSection__content.multicolumn_layout {
    display: grid;
    grid-template-columns: auto
}

@media only screen and (min-width:768px) {
    .p-podcasts__vertical_sections .o-verticalItemsListSection__content.multicolumn_layout {
        grid-column-gap: var(--spacing-medium);
        grid-row-gap: var(--spacing-small);
        grid-template-columns: auto auto
    }
}

@media only screen and (min-width:1024px) {
    .p-podcasts__vertical_sections .o-verticalItemsListSection__content.multicolumn_layout {
        grid-template-columns: auto auto auto
    }
}

.p-podcasts__vertical_sections .o-verticalItemsListSection__content .m-podcastCardHorizontal {
    width: 100%
}

.p-podcasts__vertical_sections>section:first-child {
    flex: 1 1
}

.p-podcasts__vertical_sections>section:nth-child(2) {
    flex: 3 1
}

.p-podcasts__vertical_sections .a-simpleTags__tag {
    font-size: 8px
}

.p-podcasts .o-heroBG__content--logoImage {
    width: 360px
}

.p-podcast-details,
.p-podcast-details__content {
    display: flex;
    flex-direction: column
}

.p-podcast-details__content {
    margin-bottom: var(--spacing-xxx-large)
}

@media only screen and (min-width:1024px) {
    .p-podcast-details__content {
        flex-direction: row
    }
}

.p-podcast-details__heading {
    color: #333;
    font-family: Poppins;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: var(--spacing-medium)
}

@media only screen and (min-width:768px) {
    .p-podcast-details__heading {
        font-size: 36px;
        line-height: 45px;
        margin-bottom: var(--spacing-large)
    }
}

.p-podcast-details__description {
    display: flex;
    flex-direction: column
}

.p-podcast-details__description .m-block-text-left {
    margin-left: 0
}

@media only screen and (min-width:768px) {
    .p-podcast-details__description {
        flex: 1.2 1;
        margin-right: var(--spacing-xxx-large)
    }
}

.p-podcast-details__description a {
    color: #258196;
    font-weight: 700
}

.p-podcast-details__metadata {
    display: flex;
    flex: 1 1;
    flex-direction: column
}

.p-podcast-details .m-subscribe {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

@media only screen and (min-width:768px) {
    .p-podcast-details .m-subscribe {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.p-podcast-details .m-subscribe .icon {
    height: 45px;
    width: 45px
}

@media only screen and (min-width:768px) {
    .p-podcast-details .m-subscribe .icon {
        height: 55px;
        width: 55px
    }
}

.p-swipingCards {
    align-content: center;
    align-items: center;
    display: grid;
    flex-direction: column;
    grid-template-columns: 1fr;
    height: 100vh;
    justify-content: center;
    overflow: hidden;
    overscroll-behavior-y: contain;
    position: fixed;
    -webkit-user-select: none;
    user-select: none;
    width: 100vw
}

.p-swipingCards__heading {
    color: var(--color-neutral);
    font-size: var(--font-size-small);
    font-weight: var(--font-sans-400);
    text-align: center
}

@media only screen and (min-width:1024px) {
    .p-swipingCards__heading {
        font-size: var(--font-size-large)
    }
}

.p-swipingCards__header {
    max-width: 960px;
    padding: 0 3rem;
    text-align: right
}

.p-swipingCards__header .btn {
    margin-bottom: 1rem
}

.p-swipingCards__header svg.ico-caret-right {
    transform: rotate(180deg)
}

.p-swipingCards__results__header {
    margin-bottom: 30px
}

@media only screen and (min-width:1024px) {
    .p-swipingCards__results__header {
        display: grid;
        grid-template-columns: 2fr 1fr
    }
}

.p-swipingCards__results__header--right {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.o-swipingCards__wrapper {
    overflow-x: hidden;
    position: relative
}

.o-swipingCards__deck {
    height: 450px;
    opacity: 1;
    overflow: hidden;
    position: relative;
    transition: all .3s
}

.o-swipingCards__deck--hidden {
    opacity: 0;
    transform: translateX(-100%);
    transition: all .5
}

@media only screen and (min-width:400px) {
    .o-swipingCards__deck {
        height: 480px
    }
}

@media only screen and (min-width:768px) {
    .o-swipingCards__deck {
        height: 550px
    }
}

@media only screen and (min-width:1024px) {
    .o-swipingCards__deck {
        height: 750px
    }
}

@media only screen and (min-width:2560px) {
    .o-swipingCards__deck {
        height: 980px
    }
}

.o-swipingCards__deck__inner {
    cursor: url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39, auto;
    min-height: 400px;
    overflow-x: hidden;
    padding-top: 2rem;
    position: relative;
    width: 100%
}

@media only screen and (min-width:400px) {
    .o-swipingCards__deck__inner {
        min-height: 480px
    }
}

@media only screen and (min-width:1024px) {
    .o-swipingCards__deck__inner {
        min-height: 600px;
        padding-top: 3rem
    }
}

@media only screen and (min-width:2560px) {
    .o-swipingCards__deck__inner {
        min-height: 800px
    }
}

.o-swipingCards__results {
    opacity: 1;
    transform: translateX(0);
    transition: all .3s;
    width: 100%
}

.o-swipingCards__results--hidden {
    opacity: 0;
    transform: translateX(100%);
    transition: all .5s
}

.m-swipingCard {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100vw;
    will-change: transform
}

.m-swipingCard__inner {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: var(--border-radius-medium);
    box-shadow: 0 .5px 21px -8px rgba(50, 50, 73, .4), 0 10px 10px -7px rgba(50, 50, 73, .3);
    height: calc(262.47059px + 14.85294vw);
    touch-action: none;
    width: calc(145.41176px + 10.80882vw);
    will-change: transform
}

.m-swipingCard__description {
    background: #fff;
    border-radius: var(--border-radius-medium);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.m-swipingCard__description .m-swipingCard__title {
    color: var(--color-neutral-darker);
    font-size: var(--font-size-medium);
    margin: var(--spacing-medium);
    margin-bottom: var(--spacing-medium)
}

.m-swipingCard__description .m-swipingCard__extra {
    color: var(--color-neutral);
    font-size: var(--font-size-small);
    font-weight: var(--font-sans-100);
    margin-bottom: var(--spacing-medium);
    padding: 0 var(--spacing-medium)
}

.global-actions {
    align-items: flex-end;
    display: flex;
    justify-content: space-around;
    margin-bottom: 3rem;
    max-width: 400px;
    padding-bottom: .5rem;
    position: relative
}

.left-action,
.right-action,
.top-action {
    align-items: center;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center
}

.left-action,
.right-action {
    height: 60px;
    margin: 0 1rem;
    transition: background .1s ease;
    width: 60px
}

.left-action {
    background: #3f4f56
}

.left-action:hover {
    background: var(--color-neutral-darker)
}

.right-action {
    background: var(--color-red)
}

.right-action:hover {
    background: var(--color-red-darker)
}

.top-action {
    height: 40px;
    margin: 0 20px;
    width: 40px
}

.taxonomy_page section {
    margin-bottom: var(--spacing-xxx-large)
}

.taxonomy_page section:last-child {
    margin-bottom: 0
}

.taxonomy_page .o-cardList__horScroll {
    padding-left: var(--spacing-base)
}

@media only screen and (min-width:768px) {
    .taxonomy_page .o-cardList__horScroll {
        padding-left: calc(50vw - 685px)
    }
}

.taxonomy_page .visit-native-california {
    background: linear-gradient(180deg, #f2ecea, #f2ecea 20%, #fff)
}

.taxonomy_page .visit-native-california .outer-container {
    margin-inline: auto;
    max-width: 1900px
}

.taxonomy_page .visit-native-california .m-highlightCardWrapper__withLikeCTA .m-highlightCardWrapper__likeCTA {
    left: auto;
    right: 13px;
    top: 13px
}

@media only screen and (min-width:768px) {
    .taxonomy_page .visit-native-california .m-highlightCardWrapper__withLikeCTA .m-highlightCardWrapper__likeCTA {
        left: auto;
        right: 15px;
        top: 15px
    }
}

.taxonomy_page .visit-native-california .m-highlightCardWrapper__withLikeCTA .m-highlightCardWrapper__likeCTA .a-likeCTA svg {
    fill: #387452
}

.taxonomy_page .visit-native-california .m-highlightCardWrapper__withLikeCTA .m-highlightCardWrapper__likeCTA .a-likeCTA--checked .a-likeCTA__input,
.taxonomy_page .visit-native-california .m-highlightCardWrapper__withLikeCTA .m-highlightCardWrapper__likeCTA .a-likeCTA__input:focus,
.taxonomy_page .visit-native-california .m-highlightCardWrapper__withLikeCTA .m-highlightCardWrapper__likeCTA .a-likeCTA__input:hover {
    background-color: #ceb975
}

.taxonomy_page .visit-native-california .m-sectionHeading__topLine {
    height: 13px;
    width: 101px
}

.taxonomy_page .visit-native-california .a-iconCTA a.a-iconCTA--inverse {
    background-color: var(--nh-color-blue)
}

.taxonomy_page .visit-native-california .m-highlightCard__link__content--heading,
.taxonomy_page .visit-native-california .m-highlightCard__link__content--headline {
    line-height: 1.5
}

.taxonomy_page .visit-native-california .m-highlightCard__link__content--headline {
    -webkit-padding-after: 12px;
    padding-block-end: 12px
}

.taxonomy_page .visit-native-california__hero {
    position: relative
}

.taxonomy_page .visit-native-california__hero .mask {
    bottom: -2px;
    left: 0;
    position: absolute
}

.taxonomy_page .visit-native-california__hero .hero-bg {
    filter: brightness(.5);
    height: 500px
}

@media only screen and (min-width:1024px) {
    .taxonomy_page .visit-native-california__hero .hero-bg {
        height: auto
    }
}

@media only screen and (min-width:1248px) {
    .taxonomy_page .visit-native-california__hero .hero-bg {
        height: 800px
    }
}

.taxonomy_page .visit-native-california__hero__content {
    bottom: 20%;
    left: 5%;
    max-width: 90%;
    position: absolute
}

.taxonomy_page .visit-native-california__hero__content h1 {
    font-size: clamp(2.063rem, 1.498rem + 2.317vw, 4rem)
}

@media only screen and (min-width:1024px) {
    .taxonomy_page .visit-native-california__hero__content {
        bottom: auto;
        left: auto;
        max-width: 80%;
        right: 10%;
        top: 30%
    }
}

@media only screen and (min-width:1248px) {
    .taxonomy_page .visit-native-california__hero__content {
        bottom: auto;
        left: auto;
        max-width: 40%;
        right: 10%;
        top: 30%
    }
}

.taxonomy_page .visit-native-california__hero__content h1.heading {
    color: var(--color-global-very-white);
    font-weight: 600
}

@media only screen and (min-width:1024px) {
    .taxonomy_page .visit-native-california__hero__content h1.heading {
        line-height: 1.1
    }
}

.taxonomy_page .visit-native-california__video {
    padding-inline: var(--spacing-base)
}

@media only screen and (min-width:768px) {
    .taxonomy_page .visit-native-california__video .m-sectionHeading {
        -webkit-padding-end: 1rem;
        align-self: flex-start;
        max-width: 33%;
        padding-inline-end: 1rem
    }
}

@media only screen and (min-width:1024px) {
    .taxonomy_page .visit-native-california__video .m-sectionHeading {
        -webkit-padding-end: 2.5rem;
        padding-inline-end: 2.5rem
    }
}

.taxonomy_page .visit-native-california__video .m-sectionHeading .m-block-text-left {
    font-size: var(--font-size-large)
}

.taxonomy_page .visit-native-california__video .m-sectionHeading__topLine {
    margin-bottom: var(--spacing-x-large)
}

.taxonomy_page .visit-native-california__video .m-reactVideoPlayer .react-player__preview {
    border-radius: var(--border-radius-medium)
}

.taxonomy_page .visit-native-california__video .m-reactVideoPlayer .react-player__preview img {
    height: 3.5rem;
    width: 3.5rem
}

@media only screen and (min-width:1024px) {
    .taxonomy_page .visit-native-california__video .m-reactVideoPlayer .react-player__preview img {
        height: 4.5rem;
        width: 4.5rem
    }
}

.taxonomy_page .visit-native-california__video .m-reactVideoPlayer__video-title {
    -webkit-padding-before: 1rem;
    font-size: var(--font-size-medium);
    max-width: 325px;
    padding-block-start: 1rem
}

@media only screen and (min-width:768px) {
    .taxonomy_page .visit-native-california__video .m-reactVideoPlayer__video-title {
        font-size: var(--font-size-large);
        max-width: 580px
    }
}

.taxonomy_page .visit-native-california__culinary,
.taxonomy_page .visit-native-california__outdoors,
.taxonomy_page .visit-native-california__recent {
    padding-inline: var(--spacing-base)
}

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

    .taxonomy_page .visit-native-california__culinary .o-horizontalScrollContainer__content>:first-child:not(:only-child),
    .taxonomy_page .visit-native-california__outdoors .o-horizontalScrollContainer__content>:first-child:not(:only-child) {
        flex-basis: 600px
    }
}

.taxonomy_page .visit-native-california .background-container-one {
    background: url(/static/trees-3-c16fefd9f0dcee6b85cddbf90f008ff3.png) no-repeat top 100px center
}

.taxonomy_page .visit-native-california .background-container-two {
    background: url(/static/trees-2-b0456c0e62b3918ef741be00291106c7.png), url(/static/trees-4-4fd5eb56d1ef927bc72aa3bd3173b3cb.png);
    background-position: top -50px left, bottom 200px right;
    background-repeat: no-repeat
}

.taxonomy_page .visit-native-california .background-container-three {
    background: url(/static/trees-1-737df935eccc4c721fd342c7b1e3df07.png) no-repeat top -50px center
}

.taxonomy_term_page .expandlink {
    color: var(--color-blue);
    margin-bottom: 20px;
    text-align: center;
    width: 100%
}

.taxonomy_term_page .expandlink.down svg {
    color: var(--color-blue);
    transform: rotate(90deg)
}

.taxonomy_term_page .expandlink.up svg {
    color: var(--color-blue);
    transform: rotate(-90deg)
}

.taxonomy_term_page .hidden {
    display: none;
    visibility: hidden
}

.taxonomy_term_page .o-detailColumn__row2--tab1Content>div:first-of-type {
    padding-left: 0
}

.taxonomy_term_page .o-detailColumn__row2--tab1Content>div:last-of-type {
    display: block
}

.taxonomy_term_page .m-containerIntro__bottomLine_right {
    margin-left: 0
}

.taxonomy_term_page .m-tabNav__inner--nav ul {
    justify-content: space-evenly
}

.taxonomy_term_page .m-containerIntro__heading--text {
    width: 100%
}

@media only screen and (min-width:768px) {
    .taxonomy_term_page .m-containerIntro__heading--text {
        width: inherit
    }
}

.taxonomy_term_page .o-verticalItemsListSection__link {
    display: none;
    visibility: hidden
}

.taxonomy_term_page .o-verticalItemsListSection__content {
    gap: 3rem
}

@media only screen and (min-width:768px) {
    .taxonomy_term_page .o-verticalItemsListSection__content {
        flex-direction: row;
        flex-wrap: wrap
    }

    .taxonomy_term_page .o-verticalItemsListSection__content .m-detailCard {
        width: 30%
    }
}

.taxonomy_term_page .m-containerIntro .a-dropDown {
    margin-left: 0
}

@media only screen and (min-width:768px) {
    .taxonomy_term_page .m-containerIntro .a-dropDown {
        margin-left: 10px
    }
}

.taxonomy_term_page .california_family_vacations.outer-container {
    margin-inline: auto;
    max-width: 1900px
}

.taxonomy_term_page .california_family_vacations .container-xtra {
    margin-inline: auto;
    max-width: 1540px;
    padding-inline: var(--spacing-base)
}

.taxonomy_term_page .california_family_vacations__hero {
    align-items: center;
    display: flex;
    flex-flow: column-reverse
}

@media only screen and (min-width:768px) {
    .taxonomy_term_page .california_family_vacations__hero {
        gap: 1rem
    }
}

@media only screen and (min-width:1024px) {
    .taxonomy_term_page .california_family_vacations__hero {
        flex-flow: row wrap;
        gap: 2rem
    }
}

.taxonomy_term_page .california_family_vacations__hero>:first-child {
    flex: 1 1
}

.taxonomy_term_page .california_family_vacations__hero>:last-child {
    flex: 1 1;
    height: auto;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .taxonomy_term_page .california_family_vacations__hero>:last-child {
        -webkit-margin-start: 4rem;
        flex: 2 1;
        margin-inline-start: 4rem;
        max-width: 860px
    }
}

.taxonomy_term_page .california_family_vacations__travel-stories {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.taxonomy_term_page .california_family_vacations__travel-stories>* {
    flex-basis: 100%;
    flex: 1 1;
    flex-direction: column
}

.taxonomy_term_page .california_family_vacations__travel-stories>:last-child {
    flex: 1 1
}

@media only screen and (min-width:1024px) {
    .taxonomy_term_page .california_family_vacations__travel-stories>:last-child {
        flex: 2 1
    }
}

.p-travelStories__banner {
    grid-column-gap: 0;
    grid-row-gap: 0;
    align-content: center;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 100%;
    justify-content: center
}

.p-travelStories__banner--img {
    display: grid;
    grid-area: 1/1/2/2;
    height: 100%;
    min-width: 350px;
    object-fit: cover;
    width: 100%
}

.p-travelStories__banner--content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    grid-area: 1/1/2/2;
    justify-content: flex-start;
    margin-left: 16px;
    margin-top: 32px;
    max-width: 50%
}

@media only screen and (min-width:768px) {
    .p-travelStories__banner--content {
        justify-content: center;
        margin-left: 32px;
        margin-top: 16px
    }
}

@media only screen and (min-width:1440px) {
    .p-travelStories__banner--content {
        margin-left: 0;
        padding-left: calc(50vw - 700px + 2rem)
    }
}

.p-travelStories__banner--content__heading {
    color: var(--color-neutral-dark);
    font-size: 24px;
    font-weight: var(--font-sans-700);
    text-transform: capitalize
}

@media only screen and (min-width:768px) {
    .p-travelStories__banner--content__heading {
        font-size: 42px
    }
}

@media only screen and (min-width:1024px) {
    .p-travelStories__banner--content__heading {
        font-size: 60px
    }
}

@media only screen and (min-width:1248px) {
    .p-travelStories__banner--content__heading {
        font-size: 80px
    }
}

.layout__page__blocks {
    margin: var(--spacing-small) 0 var(--spacing-xx-large)
}

.layout__page__blocks>.o-block-paragraphs:last-child .m-block-text {
    font-size: 80%;
    margin-top: 2rem
}

.layout__page__blocks>.o-block-paragraphs:last-child .m-block-text .m-containerIntro__bottomLine_right {
    margin-left: 0
}

@media only screen and (min-width:1248px) {
    .layout__page__blocks {
        grid-column-gap: var(--spacing-xxx-large);
        display: grid;
        grid-template-columns: 1fr 30%;
        grid-template-rows: 1
    }

    .layout__page__blocks.--norightblock {
        display: block
    }
}

.p-region .o-galleryBanner__right-full {
    background-color: var(--color-neutral-light)
}

.p-region .o-galleryBanner__right-full svg {
    height: 600px;
    width: 600px
}

.p-region .a-dropDown {
    margin-left: var(--spacing-small)
}

.video-detail-page--text .o-articleBanner__inner--content {
    padding: var(--spacing-x-large) 0
}

.video-detail-page--official_resources {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (min-width:768px) {
    .video-detail-page--official_resources {
        flex-direction: row;
        justify-content: flex-start
    }
}

.video-detail-page--official_resources .m-detailCardHorizontalWrapper {
    margin-top: 10px
}

@media only screen and (min-width:1024px) {
    .video-detail-page--official_resources .m-detailCardHorizontalWrapper {
        margin-right: 20px
    }
}

.video-detail-page .o-horizontalScrollContainer__cta svg {
    margin-left: var(--spacing-small);
    width: 23px
}

.vimeoframe {
    background: #000;
    min-height: 100vh;
    width: 100%
}

.video-landing-page--text {
    padding: 0 var(--spacing-x-large)
}

.m-tabNav__inner--content {
    max-width: 1550px
}

.p-search__container {
    margin: var(--spacing-large) auto
}

@media only screen and (min-width:768px) {
    .p-search__container {
        margin: 0 auto var(--spacing-large)
    }
}

.p-search__container .a-filterButtons__button span {
    text-transform: capitalize
}

.p-search__container .m-SearchCardWrapper .m-SearchCard__link {
    top: 150px
}

.p-search__container .m-containerIntro__heading--text {
    color: #333;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

.p-search__container .m-containerIntro__topLine {
    height: 4px;
    width: 64px
}

.p-search__container .m-containerIntro__heading {
    text-align: left
}

.p-search__container .a-filterButtons__button {
    border-bottom: 4px solid #50b6d2;
    margin-bottom: .5rem;
    margin-right: .5rem;
    padding: .5rem 2rem .5rem .5rem;
    width: auto !important
}

.p-search__container .a-filterButtons__button>span {
    color: #333;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px
}

.p-search__container .search-cards-container {
    display: flex;
    flex-direction: column;
    text-align: left
}

@media only screen and (min-width:768px) {
    .p-search__container .search-cards-container {
        flex-direction: row;
        margin-bottom: 0
    }
}

.p-search__container .search-cards-container .m-SearchCardWrapper:not(:first-child) {
    margin-left: var(--spacing-medium)
}

.p-search__section {
    text-align: left
}

.p-search__view_all_link {
    color: #1d819d;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: var(--spacing-xxx-large)
}

@media only screen and (min-width:768px) {
    .p-search__view_all_link {
        font-size: 20px
    }
}

.p-search__view_all_link .icon {
    margin-left: var(--spacing-base);
    transform: rotate(90deg)
}

@media only screen and (min-width:768px) {
    .p-search__view_all_link .icon {
        transform: rotate(0deg)
    }
}

.p-search .searchResults_tabContents {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.p-search .searchResults_tabContents .emptycard {
    width: 210px
}

@media only screen and (min-width:768px) {
    .p-search .searchResults_tabContents .emptycard {
        width: 250px
    }
}

.p-search .searchResults_numResults {
    display: flex;
    font-size: 14px;
    justify-content: center;
    padding: 90px 0 20px;
    position: relative
}

@media only screen and (min-width:280px) {
    .p-search .searchResults_numResults {
        padding: 40px 0 20px
    }
}

@media only screen and (min-width:1024px) {
    .p-search .searchResults_numResults {
        left: var(--spacing-x-large);
        padding: 0;
        position: absolute;
        top: 90px
    }
}

@media only screen and (min-width:1248px) {
    .p-search .searchResults_numResults {
        left: calc(50vw - 720px);
        padding: 0;
        position: absolute;
        top: 90px
    }
}

.p-search .search_res--num {
    background: #f2f2f2;
    margin-bottom: 20px;
    padding: 35px 0 20px 10px
}

.p-search .search_res--num .result_text {
    font-weight: 600
}

.p-search .search_res--num .result_for,
.p-search .search_res--num .result_text {
    color: #282d30;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    line-height: 36px
}

.p-search .search_res--num .result_for {
    font-weight: 400
}

.p-search .search-result-block {
    background: #f2f2f2;
    margin-bottom: 20px;
    padding: 35px 0 20px
}

.p-search .text-wrapper {
    display: flex
}

.p-search .search-result-value {
    font-weight: 600;
    margin-right: 5px
}

.p-search .res-for-text,
.p-search .search-result-value {
    color: #282d30;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    line-height: 36px
}

.p-search .res-for-text {
    font-weight: 400
}

.p-search .search_res--topline {
    background: linear-gradient(90deg, #ffd100, #f58a33);
    display: block;
    height: 7px;
    margin-bottom: 5px;
    width: 32px
}

.p-search .searchResults_tabContainerOuter {
    padding-top: 0
}

.p-search .searchResults_tabContainerOuter.empty {
    height: 80vh
}

.p-search .searchResults_tabContainerOuter .m-tabNav__inner--nav ul {
    width: 100%
}

@media only screen and (min-width:768px) {
    .p-search .searchResults_tabContainerOuter .m-tabNav__inner--nav ul {
        justify-content: space-around;
        width: 80%
    }
}

.p-search .searchResults_tabContainerOuter .m-tabNav__inner--nav ul::-webkit-scrollbar {
    display: none
}

.p-search .a-filterButton__content--text {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word
}

.search--back {
    align-items: center;
    display: flex;
    margin-bottom: var(--spacing-medium);
    margin-top: var(--spacing-large)
}

.search--back a:hover {
    color: #0f6780 !important
}

.search--back>svg {
    margin-top: 3px
}

.searchBar__searchResultsContainerOuter {
    background-color: hsla(0, 0%, 100%, .9);
    min-height: 0;
    position: absolute;
    top: 47px;
    width: 150px;
    z-index: 1002
}

@media only screen and (min-width:280px) {
    .searchBar__searchResultsContainerOuter {
        background-color: hsla(0, 0%, 100%, .9);
        min-height: 0;
        position: fixed;
        right: 0;
        top: 55px;
        width: 100%;
        z-index: 1002
    }
}

@media only screen and (min-width:768px) {
    .searchBar__searchResultsContainerOuter {
        left: 0;
        top: 65px;
        width: 100%
    }
}

#searchBar__searchResultsContainerInner {
    display: none;
    visibility: hidden
}

#searchBar__searchResultsContainerInner.visible {
    background-color: #fff;
    display: block;
    padding-bottom: 20px;
    position: relative;
    top: -22px;
    visibility: visible;
    width: 100%;
    z-index: 10
}

@media only screen and (min-width:768px) {
    #searchBar__searchResultsContainerInner.visible {
        animation-duration: .4s;
        animation-name: animatesearchresults;
        border-radius: 0 0 8px 8px;
        box-shadow: var(--shadow-small);
        margin-left: auto;
        margin-right: auto;
        top: 0;
        width: 50%
    }
}

#searchBar__searchResultsContainerInner.visible .m-containerIntro__heading--text {
    font-size: 18px
}

@media only screen and (min-width:768px) {
    #searchBar__searchResultsContainerInner.visible .m-containerIntro__heading--text {
        font-size: 24px
    }
}

#searchBar__searchResultsContainerInner.visible .m-SearchCardWrapper {
    display: none;
    visibility: hidden
}

@media only screen and (min-width:768px) {
    #searchBar__searchResultsContainerInner.visible .m-SearchCardWrapper {
        display: block;
        visibility: visible
    }
}

#searchBar__searchResultsContainerInner.visible .m-search__mobileSearchResultLink {
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    #searchBar__searchResultsContainerInner.visible .m-search__mobileSearchResultLink {
        display: none;
        visibility: hidden
    }
}

#searchBar__searchResultsContainerInner.visible .m-search__mobileSearchResultLink a {
    color: #606060;
    text-decoration: none
}

@keyframes animatesearchresults {
    0% {
        opacity: 0;
        top: -300px
    }

    to {
        opacity: 1;
        top: 0
    }
}

#searchBar__searchResultsCloseButton {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px;
    visibility: hidden
}

@media only screen and (min-width:768px) {
    #searchBar__searchResultsCloseButton {
        display: block;
        visibility: visible
    }
}

#searchResultsHiddenDiv {
    display: none;
    visibility: hidden
}

.searchResults_paginationContainerOuter {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.searchResults_paginationContainerOuter .paginationLink {
    font-size: 11px;
    margin: 0 2px;
    padding: 2px 6px
}

@media only screen and (min-width:768px) {
    .searchResults_paginationContainerOuter .paginationLink {
        margin: 0 5px
    }
}

.searchResults_paginationContainerOuter .paginationLink.active {
    background-color: var(--color-text-link);
    border: 1px solid var(--color-text-link);
    border-radius: var(--border-radius-small);
    color: #fff
}

.searchResults_paginationContainerOuter .paginate-left-arrow {
    height: 14px
}

@media only screen and (min-width:768px) {
    .searchResults_paginationContainerOuter .paginate-left-arrow {
        height: 19px
    }
}

.searchResults_paginationContainerOuter .paginate-right-arrow {
    height: 10px;
    transform: rotate(180deg)
}

@media only screen and (min-width:768px) {
    .searchResults_paginationContainerOuter .paginate-right-arrow {
        height: 18px
    }
}

#a-searchBar-headerMain.focused {
    align-self: center;
    height: 30px;
    position: relative;
    width: 65.5%;
    z-index: 1003
}

@media only screen and (min-width:768px) {
    #a-searchBar-headerMain.focused {
        height: 45px;
        width: 528px
    }
}

#a-searchBar-headerMain.focused svg {
    height: 18px;
    width: 18px
}

#a-searchBar-headerMain.focused input {
    font-size: var(--font-size-base);
    font-weight: var(--font-sans-300);
    padding: var(--spacing-small)
}

#a-searchBar-mobileTopSearch>input::placeholder {
    color: #fff
}

.p-crises {
    display: flex;
    flex-direction: column;
    margin: 0 0 var(--spacing-x-large) 0
}

.p-crises__content {
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacing-xxx-large)
}

.p-crises__heading {
    color: #333;
    font-family: Poppins;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px
}

.p-crises .m-containerIntro__topLine {
    background: var(--color-orange-gradient)
}

.p-crises .m-containerIntro__heading--text {
    font-size: 1.2rem
}

.newsletters-page {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%
}

@media only screen and (max-width:639px) {
    .newsletters-page {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) {
    .newsletters-page {
        minheight: 65vh
    }
}

@media only screen and (min-width:1024px) {
    .newsletters-page {
        min-height: 80vh
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .newsletters-page {
        min-height: 50vh
    }
}

@media only screen and (min-width:1248px) {
    .newsletters-page {
        min-height: 70vh
    }
}

.newsletters-page .m-newsletterVertical {
    max-width: 700px
}

.p-likes__topnav--mobile,
.p-nearme__topnav--mobile {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    z-index: 1
}

.p-likes__topnav--mobile .row1,
.p-nearme__topnav--mobile .row1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 35px
}

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

    .p-likes__topnav--mobile,
    .p-nearme__topnav--mobile {
        display: none
    }
}

.p-likes__topnav--mobile .--hide,
.p-nearme__topnav--mobile .--hide {
    display: none
}

.p-likes__topnav--mobile .mobile-title,
.p-nearme__topnav--mobile .mobile-title {
    margin: var(--spacing-small) var(--spacing-medium)
}

.p-likes .toggleMap,
.p-nearme .toggleMap {
    background-color: var(--color-neutral-light);
    border-radius: var(--border-radius-large);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 35px;
    position: relative;
    width: 50%
}

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

    .p-likes .toggleMap,
    .p-nearme .toggleMap {
        display: none
    }
}

.p-likes .toggleMap span,
.p-nearme .toggleMap span {
    align-items: center;
    background: transparent;
    display: inline-flex;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    transition: all 1s ease-in;
    width: 50%;
    z-index: 1
}

.p-likes .toggleMap span.slider,
.p-nearme .toggleMap span.slider {
    background: var(--color-blue-gradient);
    border-radius: var(--border-radius-large);
    color: var(--color-neutral-lightest);
    position: absolute;
    transition: all .4s ease-in;
    z-index: 0
}

.p-likes .toggleMap span.left,
.p-nearme .toggleMap span.left {
    transform: translateX(0)
}

.p-likes .toggleMap span.right,
.p-nearme .toggleMap span.right {
    transform: translateX(100%)
}

.p-likes .toggleMap span.active,
.p-nearme .toggleMap span.active {
    color: var(--color-neutral-lightest)
}

.p-likes .filler,
.p-nearme .filler {
    width: 25%
}

.p-likes .region-popup,
.p-nearme .region-popup {
    font-size: 2em;
    text-transform: capitalize
}

.p-likes .page-title,
.p-nearme .page-title {
    display: none
}

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

    .p-likes .page-title,
    .p-nearme .page-title {
        display: block
    }
}

.p-likes .grid,
.p-nearme .grid {
    display: grid;
    grid-template-columns: [first] 100% [end];
    grid-template-rows: [map] auto [cards] 40vh [end];
    height: calc(100vh - 52px);
    width: 100vw
}

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

    .p-likes .grid,
    .p-nearme .grid {
        grid-template-columns: [cards] 450px [map] auto [end];
        grid-template-rows: [first] 100%;
        height: 100vh
    }
}

.p-likes .grid.--list,
.p-nearme .grid.--list {
    grid-template-rows: [cards] 100% [end]
}

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

    .p-likes .grid.--list,
    .p-nearme .grid.--list {
        grid-template-columns: [cards] 350px [map] auto [end];
        grid-template-rows: [first] 100%
    }
}

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

    .p-likes .grid.--list,
    .p-nearme .grid.--list {
        grid-template-columns: [cards] 450px [map] auto [end];
        grid-template-rows: [first] 100%
    }
}

.p-likes .sidebar,
.p-nearme .sidebar {
    grid-column: first/end;
    grid-row: cards/end;
    height: 100%;
    max-height: 100vh;
    overflow: hidden;
    width: 100%
}

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

    .p-likes .sidebar,
    .p-nearme .sidebar {
        grid-column: cards/map;
        grid-row: first;
        height: 98vh;
        margin: 0
    }
}

.p-likes .sidebar .title,
.p-nearme .sidebar .title {
    font-size: 1.5em
}

.p-likes .sidebar .sidebaroverlay-content,
.p-nearme .sidebar .sidebaroverlay-content {
    background-color: #fff;
    bottom: 0;
    left: -1000px;
    margin: 0;
    overflow-y: scroll;
    padding: 10px;
    position: fixed;
    top: 0;
    transition: 0s;
    width: 0;
    z-index: 1000
}

.p-likes .sidebar .sidebaroverlay-content .popover-top,
.p-nearme .sidebar .sidebaroverlay-content .popover-top {
    display: flex;
    justify-content: space-between
}

.p-likes .sidebar .sidebaroverlay-content .closePopover,
.p-nearme .sidebar .sidebaroverlay-content .closePopover {
    align-items: center;
    background: var(--color-neutral-lighter);
    border-radius: 5px;
    color: var(--color-secondary);
    cursor: pointer;
    display: flex;
    padding: 8px 16px
}

.p-likes .sidebar .sidebaroverlay-content .closePopover span,
.p-nearme .sidebar .sidebaroverlay-content .closePopover span {
    font-size: .8em
}

.p-likes .sidebar .sidebaroverlay-content .viewDetailsPopover,
.p-nearme .sidebar .sidebaroverlay-content .viewDetailsPopover {
    align-items: center;
    cursor: pointer;
    display: flex
}

.p-likes .sidebar .sidebaroverlay-content .readMorePopover,
.p-nearme .sidebar .sidebaroverlay-content .readMorePopover {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 25px;
    justify-content: center;
    margin-top: 20px;
    padding-bottom: 100px
}

.p-likes .sidebar .sidebaroverlay-content .o-articleBanner__inner--content__subHeading,
.p-nearme .sidebar .sidebaroverlay-content .o-articleBanner__inner--content__subHeading {
    font-size: 17px
}

.p-likes .relatedContent-Nearme,
.p-nearme .relatedContent-Nearme {
    padding: 0 1.5rem
}

.p-likes .regionsContent-main-nearme-popularContent,
.p-nearme .regionsContent-main-nearme-popularContent {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: auto auto;
    margin: 0 auto;
    width: 292px
}

.p-likes .regionsContent-main-nearme-popularContent .city,
.p-likes .regionsContent-main-nearme-popularContent .popular,
.p-nearme .regionsContent-main-nearme-popularContent .city,
.p-nearme .regionsContent-main-nearme-popularContent .popular {
    font-family: Poppins;
    font-size: 18px;
    font-style: normal
}

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

    .p-likes .regionsContent-main-nearme-popularContent .city,
    .p-likes .regionsContent-main-nearme-popularContent .popular,
    .p-nearme .regionsContent-main-nearme-popularContent .city,
    .p-nearme .regionsContent-main-nearme-popularContent .popular {
        font-size: 14px;
        margin-bottom: 16px
    }
}

.p-likes .regionsContent-main-nearme-popularContent .popular,
.p-nearme .regionsContent-main-nearme-popularContent .popular {
    color: #2b8ba5;
    font-weight: 700
}

.p-likes .regionsContent-main-nearme-popularContent .city,
.p-nearme .regionsContent-main-nearme-popularContent .city {
    color: #78797a;
    font-weight: 400;
    text-align: right
}

.p-likes .regionsContent,
.p-nearme .regionsContent {
    -ms-overflow-style: none;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 95%;
    overflow: unset;
    scrollbar-width: none
}

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

    .p-likes .regionsContent,
    .p-nearme .regionsContent {
        margin-top: 20%
    }
}

.p-likes .regionsContent .m-tabNav__inner--nav ul,
.p-nearme .regionsContent .m-tabNav__inner--nav ul {
    justify-content: space-evenly
}

.p-likes .regionsContent .m-tabNav__inner--content,
.p-nearme .regionsContent .m-tabNav__inner--content {
    margin-top: var(--spacing-x-small);
    padding-left: 0;
    padding-right: 0
}

.p-likes .regionsContent.--map,
.p-nearme .regionsContent.--map {
    overflow-x: hidden;
    overflow-y: scroll
}

.p-likes .regionsContent::-webkit-scrollbar,
.p-nearme .regionsContent::-webkit-scrollbar {
    width: 0
}

.p-likes .regionsContent>*,
.p-nearme .regionsContent>* {
    margin: 0
}

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

    .p-likes .regionsContent>*,
    .p-nearme .regionsContent>* {
        margin: 0 0 .5rem
    }
}

.p-likes .regionMap-container,
.p-nearme .regionMap-container {
    display: grid;
    grid-column: first/end;
    grid-row: map/cards
}

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

    .p-likes .regionMap-container,
    .p-nearme .regionMap-container {
        display: grid;
        grid-column: map/end;
        grid-row: first
    }
}

.p-likes .regionMap-container.--hide,
.p-nearme .regionMap-container.--hide {
    visibility: hidden
}

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

    .p-likes .regionMap-container.--hide,
    .p-nearme .regionMap-container.--hide {
        display: grid;
        grid-column: map/end;
        grid-row: first;
        visibility: visible
    }
}

.p-likes .desktop-thingsOrPlacesCards,
.p-nearme .desktop-thingsOrPlacesCards {
    background: linear-gradient(65.4deg, #6bb4cd, #83c5be);
    display: grid;
    height: 314px;
    margin: 27px auto
}

.p-likes .m-highlightCard,
.p-nearme .m-highlightCard {
    box-shadow: var(--shadow-containerIntroLine)
}

.p-likes .m-highlightCard__link__content--bottom,
.p-nearme .m-highlightCard__link__content--bottom {
    display: flex
}

.p-likes .m-highlightCard .a-simpleTags,
.p-nearme .m-highlightCard .a-simpleTags {
    display: inline-block
}

.p-likes .highlightcard-holder::-webkit-scrollbar,
.p-nearme .highlightcard-holder::-webkit-scrollbar {
    width: 0
}

.p-likes .highlightcard-holder,
.p-nearme .highlightcard-holder {
    -webkit-overflow-scrolling: touch;
    display: block;
    height: 100vh;
    margin-left: 0;
    margin-right: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 300px;
    scroll-snap-type: y mandatory
}

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

    .p-likes .highlightcard-holder,
    .p-nearme .highlightcard-holder {
        margin-left: 20px
    }
}

.p-likes .highlightcard-holder.--hide,
.p-nearme .highlightcard-holder.--hide {
    display: none
}

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

    .p-likes .highlightcard-holder.--hide,
    .p-nearme .highlightcard-holder.--hide {
        display: block;
        margin-left: inherit;
        margin-right: inherit
    }
}

.p-likes .highlightcard-holder--item,
.p-nearme .highlightcard-holder--item {
    margin-top: 45px;
    min-height: 100px;
    scroll-snap-align: end
}

.p-likes .highlightcard-holder--item:first-of-type,
.p-nearme .highlightcard-holder--item:first-of-type {
    padding-top: 20px
}

.p-likes .highlightcard-holder--item:last-of-type,
.p-nearme .highlightcard-holder--item:last-of-type {
    padding-bottom: 300px
}

.p-likes .highlightcard-holder .a-simpleTags,
.p-nearme .highlightcard-holder .a-simpleTags {
    color: #a2a2a2
}

.p-likes .detailcard-horizontal-holder-nearme,
.p-nearme .detailcard-horizontal-holder-nearme {
    margin-left: 22px;
    padding-bottom: 100px
}

.p-likes .m-detailcard-horizontal-nearmeChild,
.p-nearme .m-detailcard-horizontal-nearmeChild {
    margin: 16px 9px 16px auto
}

.p-likes .m-detailcard-horizontal-nearmeChild .m-detailCardHorizontalWrapper,
.p-nearme .m-detailcard-horizontal-nearmeChild .m-detailCardHorizontalWrapper {
    margin: 0;
    padding-bottom: 0
}

.p-likes .m-detailcard-horizontal-nearmeChild .m-detailCardHorizontal,
.p-nearme .m-detailcard-horizontal-nearmeChild .m-detailCardHorizontal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    height: 95px
}

.p-likes .m-detailcard-horizontal-nearmeChild .m-detailCardHorizontal__content,
.p-nearme .m-detailcard-horizontal-nearmeChild .m-detailCardHorizontal__content {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr
}

.p-likes .m-detailcard-horizontal-nearmeChild .m-detailCardHorizontal__content--heading,
.p-nearme .m-detailcard-horizontal-nearmeChild .m-detailCardHorizontal__content--heading {
    height: auto;
    margin: 0
}

.p-likes .m-thingsOrPlacesContent,
.p-nearme .m-thingsOrPlacesContent {
    border: 8px solid #83c4bf;
    border-radius: 6px
}

.p-likes .m-detailCardHorizontal,
.p-nearme .m-detailCardHorizontal {
    height: 135px
}

.p-likes .detailcard-horizontal-holder::-webkit-scrollbar,
.p-nearme .detailcard-horizontal-holder::-webkit-scrollbar {
    width: 0
}

.p-likes .detailcard-horizontal-holder,
.p-nearme .detailcard-horizontal-holder {
    -ms-overflow-style: none;
    scroll-snap-points-y: repeat(300px);
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: y mandatory;
    scroll-snap-type: mandatory;
    scrollbar-width: none;
    width: 100%
}

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

    .p-likes .detailcard-horizontal-holder,
    .p-nearme .detailcard-horizontal-holder {
        display: none
    }
}

.p-likes .detailcard-horizontal-holder.--hide,
.p-nearme .detailcard-horizontal-holder.--hide {
    display: none
}

.p-likes .detailcard-horizontal-child,
.p-nearme .detailcard-horizontal-child {
    scroll-snap-align: start
}

.p-likes .m-detailCardHorizontalWrapper,
.p-nearme .m-detailCardHorizontalWrapper {
    background-color: transparent;
    margin-right: 8px;
    margin-top: 20px;
    padding: 0 0 100px;
    width: 315px
}

.p-likes .m-detailCardHorizontalWrapper .a-simpleTags .a-simpleTags__tag,
.p-likes .m-detailCardHorizontalWrapper .a-simpleTags .a-simpleTags__tagLink,
.p-nearme .m-detailCardHorizontalWrapper .a-simpleTags .a-simpleTags__tag,
.p-nearme .m-detailCardHorizontalWrapper .a-simpleTags .a-simpleTags__tagLink {
    border: 1px solid #a2a2a2;
    color: #a2a2a2;
    font-size: 8px
}

.p-likes .m-highlightCard__selected--cta.m-shareCTA-nearme,
.p-nearme .m-highlightCard__selected--cta.m-shareCTA-nearme {
    margin: 0 55px 50px 0
}

.p-likes .m-detailCardHorizontal__content--copy,
.p-nearme .m-detailCardHorizontal__content--copy {
    color: #a2a2a2;
    top: 40%
}

.p-likes .m-detailCardWrapperNearMeStyle,
.p-nearme .m-detailCardWrapperNearMeStyle {
    padding: 0
}

.p-likes .m-detailCardWrapperNearMeStyle .m-detailCardHorizontal,
.p-nearme .m-detailCardWrapperNearMeStyle .m-detailCardHorizontal {
    height: 90px
}

.p-likes .m-detailCardWrapperNearMeStyle .m-detailCardHorizontal__content,
.p-nearme .m-detailCardWrapperNearMeStyle .m-detailCardHorizontal__content {
    align-items: center;
    display: flex;
    justify-content: left
}

.p-likes .m-detailCardWrapperNearMeStyle .m-detailCardHorizontal__content .m-detailCardHorizontalHeading,
.p-nearme .m-detailCardWrapperNearMeStyle .m-detailCardHorizontal__content .m-detailCardHorizontalHeading {
    height: auto
}

.p-likes .overlayCTA,
.p-nearme .overlayCTA {
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    display: none;
    font-size: .6em;
    opacity: .5;
    padding: .8em 1em;
    position: fixed;
    right: 35px;
    top: 35px
}

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

    .p-likes .overlayCTA,
    .p-nearme .overlayCTA {
        display: flex
    }
}

.p-likes span.count-trips,
.p-nearme span.count-trips {
    display: none
}

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

    .p-likes span.count-trips,
    .p-nearme span.count-trips {
        color: #a2a2a2;
        display: block;
        font-size: 11px;
        letter-spacing: .1rem;
        margin: 0 var(--spacing-medium)
    }
}

.p-likes span.count-likes,
.p-nearme span.count-likes {
    color: #a2a2a2;
    display: block;
    font-size: 11px;
    letter-spacing: .1rem;
    margin: var(--spacing-small) 0 0 var(--spacing-medium)
}

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

    .p-likes span.count-likes,
    .p-nearme span.count-likes {
        display: none
    }
}

.p-likes .no-likes,
.p-nearme .no-likes {
    align-content: space-between;
    align-items: center;
    border: 2px solid #e2e2e2;
    border-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: var(--spacing-medium);
    padding: var(--spacing-xx-large) var(--spacing-medium);
    width: 85%
}

.p-likes .no-likes--title,
.p-nearme .no-likes--title {
    font-weight: var(--font-sans-700);
    margin: var(--spacing-medium) 0 var(--spacing-small);
    text-align: center
}

.p-likes .no-likes--subtitle,
.p-nearme .no-likes--subtitle {
    font-size: .99rem;
    font-weight: var(--font-sans-100);
    margin: 0 0 var(--spacing-small);
    text-align: center
}

.p-likes .no-likes a,
.p-nearme .no-likes a {
    color: var(--color-neutral);
    font-size: .99rem;
    font-weight: var(--font-sans-100);
    text-decoration: underline
}

.p-likes .m-containerIntro,
.p-nearme .m-containerIntro {
    margin-bottom: 0
}

.p-likes .m-containerIntro.--mobile .m-containerIntro__bottomLine,
.p-nearme .m-containerIntro.--mobile .m-containerIntro__bottomLine {
    height: 4px;
    margin-bottom: 0;
    width: 60px
}

.p-likes .m-containerIntro__bottomLine,
.p-nearme .m-containerIntro__bottomLine {
    margin-bottom: 0
}

.p-likes .a-simpleTags__tagLink,
.p-nearme .a-simpleTags__tagLink {
    text-transform: none
}

.p-likes .mapboxgl-popup-tip,
.p-nearme .mapboxgl-popup-tip {
    border: 40px solid transparent
}

.p-likes .mapboxgl-popup-close-button,
.p-nearme .mapboxgl-popup-close-button {
    color: #fff;
    font-size: 20px;
    z-index: 3
}

.p-likes .mapboxgl-popup-content,
.p-nearme .mapboxgl-popup-content {
    padding: 0
}

.p-likes .mapboxgl-popup-content .map-detailcard,
.p-nearme .mapboxgl-popup-content .map-detailcard {
    display: flex;
    flex-direction: column;
    height: 148px;
    justify-content: space-between;
    padding: 15px;
    width: 263px
}

.p-likes .mapboxgl-popup-content .map-detailcard p,
.p-nearme .mapboxgl-popup-content .map-detailcard p {
    color: #fff;
    font-family: Poppins;
    font-size: 17.5px;
    font-weight: 700;
    line-height: 22.4px;
    margin-bottom: 0;
    width: 90%
}

.p-likes .mapboxgl-popup-content .map-detailcard .travel-info,
.p-nearme .mapboxgl-popup-content .map-detailcard .travel-info {
    display: flex
}

.p-likes .mapboxgl-popup-content .map-detailcard .travel-info .distance,
.p-nearme .mapboxgl-popup-content .map-detailcard .travel-info .distance {
    color: #fff;
    display: inline-block;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin-left: 5px
}

.p-likes .mapboxgl-popup-content .map-detailcard .travel-info img,
.p-nearme .mapboxgl-popup-content .map-detailcard .travel-info img {
    margin-bottom: 0
}

.p-likes .mapboxgl-popup-content .map-detailcard.map-nearmeCard,
.p-nearme .mapboxgl-popup-content .map-detailcard.map-nearmeCard {
    padding: 0
}

.p-likes .mapboxgl-popup-content .map-detailcard.map-nearmeCard .map-detailcard-overlay,
.p-nearme .mapboxgl-popup-content .map-detailcard.map-nearmeCard .map-detailcard-overlay {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8)), #c4c4c4;
    height: 100%;
    position: absolute;
    width: 100%
}

.p-likes .mapboxgl-popup-content .map-detailcard.map-nearmeCard .map-detailcard-bgImage,
.p-nearme .mapboxgl-popup-content .map-detailcard.map-nearmeCard .map-detailcard-bgImage {
    height: 100%;
    margin: 0;
    opacity: .7 !important;
    width: 100%
}

.p-likes .mapboxgl-popup-content .map-detailcard.map-nearmeCard p,
.p-nearme .mapboxgl-popup-content .map-detailcard.map-nearmeCard p {
    margin: 15px auto auto 12px;
    z-index: 3
}

.p-likes .mapboxgl-popup-content .map-detailcard.map-nearmeCard .travel-info,
.p-nearme .mapboxgl-popup-content .map-detailcard.map-nearmeCard .travel-info {
    margin: auto auto 14px 14px;
    z-index: 3
}

.p-likes .mapboxgl-popup-content .map-detailcard.map-nearmeCard .travel-info .distance,
.p-nearme .mapboxgl-popup-content .map-detailcard.map-nearmeCard .travel-info .distance {
    margin-left: 9px
}

.p-likes .o-articleBanner__inner--content,
.p-nearme .o-articleBanner__inner--content {
    min-width: 100%
}

.p-likes .o-articleBanner__inner--content__heading,
.p-nearme .o-articleBanner__inner--content__heading {
    width: 100%
}

.p-likes .o-articleBanner__inner--image,
.p-nearme .o-articleBanner__inner--image {
    height: 350px
}

.p-likes .m-mapboxMap,
.p-nearme .m-mapboxMap {
    height: 100%;
    width: 100%
}

.p-likes .m-mapboxMap .marker,
.p-nearme .m-mapboxMap .marker {
    animation: fadeIn .5s
}

.p-likes .m-mapboxMap .marker div,
.p-nearme .m-mapboxMap .marker div {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHJlY3Qgd2lkdGg9IjU4MiIgaGVpZ2h0PSI0MDIiIHg9Ii0xIiB5PSItMSIgZmlsbD0ibm9uZSIvPjxyZWN0IHdpZHRoPSI3LjM2NiIgaGVpZ2h0PSI3LjY4OCIgeD0iOC4zODkiIHk9IjQuMzI4IiBmaWxsPSIjZmZmIiBzdHJva2U9Im51bGwiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2Utd2lkdGg9Im51bGwiLz48cGF0aCBmaWxsPSIjMDA3ZjdmIiBkPSJNMTIgMGE4IDggMCAwIDAtOCA4YzAgMS40MjEuMzgyIDIuNzUgMS4wMzEgMy45MDYuMTA4LjE5Mi4yMjEuMzgxLjM0NC41NjNMMTIgMjRsNi42MjUtMTEuNTMxYy4xMDItLjE1MS4xOS0uMzExLjI4MS0uNDY5bC4wNjMtLjA5NEE3Ljk1NCA3Ljk1NCAwIDAgMCAyMCA4YTggOCAwIDAgMC04LTh6bTAgNGE0IDQgMCAxIDEgMCA4IDQgNCAwIDAgMSAwLTh6Ii8+PHBhdGggZmlsbD0iIzAwN2Y3ZiIgZD0iTTEyIDNhNSA1IDAgMSAwIDAgMTAgNSA1IDAgMCAwIDAtMTB6bTAgMmEzIDMgMCAxIDEgMCA2IDMgMyAwIDAgMSAwLTZ6Ii8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0;
    font-size: 0;
    height: 24px;
    margin-top: -28px;
    transform: scale(1.25);
    width: 24px
}

.p-likes .m-mapboxMap .marker div:hover,
.p-nearme .m-mapboxMap .marker div:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGc+PHBhdGggZmlsbD0iI2U3NGMzYyIgZD0iTTEyIDEwMjguNGE4IDggMCAwIDAtOCA4YzAgMS40MjEuMzgyIDIuNzUgMS4wMzEgMy45MDYuMTA4LjE5Mi4yMjEuMzgxLjM0NC41NjNMMTIgMTA1Mi40bDYuNjI1LTExLjUzMWMuMTAyLS4xNTEuMTktLjMxMS4yODEtLjQ2OWwuMDYzLS4wOTRBNy45NTQgNy45NTQgMCAwIDAgMjAgMTAzNi40YTggOCAwIDAgMC04LTh6bTAgNGE0IDQgMCAxIDEgMCA4IDQgNCAwIDAgMSAwLTh6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xMDI4LjQpIi8+PHBhdGggZmlsbD0iI2MwMzkyYiIgZD0iTTEyIDEwMzEuNGE1IDUgMCAxIDAgMCAxMCA1IDUgMCAwIDAgMC0xMHptMCAyYTMgMyAwIDEgMSAwIDYgMyAzIDAgMCAxIDAtNnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEwMjguNCkiLz48L2c+PC9zdmc+);
    transition: .3s ease
}

.p-likes .m-mapboxMap .marker-active,
.p-nearme .m-mapboxMap .marker-active {
    z-index: 99
}

.p-likes .m-mapboxMap .marker-active div,
.p-nearme .m-mapboxMap .marker-active div {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHJlY3Qgd2lkdGg9IjU4MiIgaGVpZ2h0PSI0MDIiIHg9Ii0xIiB5PSItMSIgZmlsbD0ibm9uZSIvPjxyZWN0IHdpZHRoPSI3LjM2NiIgaGVpZ2h0PSI3LjY4OCIgeD0iOC4zODkiIHk9IjQuMzI4IiBmaWxsPSIjZmZmIiBzdHJva2U9Im51bGwiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2Utd2lkdGg9Im51bGwiLz48cGF0aCBmaWxsPSIjMDA3ZjdmIiBkPSJNMTIgMGE4IDggMCAwIDAtOCA4YzAgMS40MjEuMzgyIDIuNzUgMS4wMzEgMy45MDYuMTA4LjE5Mi4yMjEuMzgxLjM0NC41NjNMMTIgMjRsNi42MjUtMTEuNTMxYy4xMDItLjE1MS4xOS0uMzExLjI4MS0uNDY5bC4wNjMtLjA5NEE3Ljk1NCA3Ljk1NCAwIDAgMCAyMCA4YTggOCAwIDAgMC04LTh6bTAgNGE0IDQgMCAxIDEgMCA4IDQgNCAwIDAgMSAwLTh6Ii8+PHBhdGggZmlsbD0iIzAwN2Y3ZiIgZD0iTTEyIDNhNSA1IDAgMSAwIDAgMTAgNSA1IDAgMCAwIDAtMTB6bTAgMmEzIDMgMCAxIDEgMCA2IDMgMyAwIDAgMSAwLTZ6Ii8+PC9zdmc+);
    transition: .3s ease
}

.p-likes .m-mapboxMap .marker.hide,
.p-nearme .m-mapboxMap .marker.hide {
    pointer-events: none
}

.p-likes .m-mapboxMap .marker.hide div,
.p-nearme .m-mapboxMap .marker.hide div {
    opacity: 0
}

.p-likes .m-mapboxMap .marker.thingsOrPlacesTaxonomy div,
.p-nearme .m-mapboxMap .marker.thingsOrPlacesTaxonomy div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' fill='none' viewBox='0 0 18 24'%3E%3Cpath fill='%236BB4CD' d='M16.77 11.433c1.04-3.016.374-6.51-2.053-8.911-3.363-3.363-8.832-3.363-12.193 0a8.635 8.635 0 0 0-2.055 8.91C2.71 17.89 8.633 24 8.633 24s5.87-6.056 8.11-12.46l.028-.107Zm-6.296-.427c-1.015 1.014-2.669 1.014-3.656 0-1.014-1.014-1.014-2.668 0-3.655 1.015-1.014 2.669-1.014 3.655 0a2.576 2.576 0 0 1 0 3.655Z'/%3E%3Ccircle cx='9' cy='9' r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.p-landing .o-verticalItemsListSection__content.multicolumn_layout {
    grid-column-gap: var(--spacing-medium);
    grid-row-gap: var(--spacing-xsmall);
    display: grid;
    grid-template-columns: auto auto
}

.p-landing .o-verticalItemsListSection__content.multicolumn_layout .m-highlightCardWrapper {
    height: 300px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .p-landing .o-verticalItemsListSection__content.multicolumn_layout {
        grid-template-columns: auto auto auto
    }

    .p-landing .o-verticalItemsListSection__content.multicolumn_layout .m-highlightCardWrapper {
        height: 340px
    }
}

@media only screen and (min-width:1248px) {
    .p-landing .o-verticalItemsListSection__content.multicolumn_layout {
        grid-template-columns: auto auto auto auto
    }

    .p-landing .o-verticalItemsListSection__content.multicolumn_layout .m-highlightCardWrapper {
        height: 420px
    }
}

.p-landing .o-verticalItemsListSection__content .m-highlightCardWrapper {
    width: 100%
}

.p-landing .o-verticalItemsListSection>section:first-child {
    flex: 1 1
}

.p-landing .o-verticalItemsListSection>section:nth-child(2) {
    flex: 3 1
}

.p-landing .o-verticalItemsListSection__link {
    display: none
}

.p-landing .o-heroBG .social-share {
    position: relative
}

@media only screen and (min-width:768px) {
    .p-landing .o-heroBG .social-share {
        position: absolute;
        right: calc(50vw - 685px);
        top: 20vh
    }
}

.p-landing .white {
    color: var(--color-neutral-lightest)
}

.--hideMobileSearch .m-travelAlert,
.--hideMobileSearch .mobileSearch {
    display: none
}

.p-welcomecenters__topnav--mobile {
    display: flex;
    flex-direction: column;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .p-welcomecenters__topnav--mobile {
        display: none
    }
}

.p-welcomecenters__topnav--mobile .row1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 15px
}

.p-welcomecenters .toggleMap {
    background-color: var(--color-neutral-light);
    border-radius: var(--border-radius-large);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 35px;
    position: relative;
    width: 50%
}

@media only screen and (min-width:768px) {
    .p-welcomecenters .toggleMap {
        display: none
    }
}

.p-welcomecenters .toggleMap span {
    align-items: center;
    background: transparent;
    display: inline-flex;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    transition: all 1s ease-in;
    width: 50%;
    z-index: 1
}

.p-welcomecenters .toggleMap span.slider {
    background: var(--color-blue-gradient);
    border-radius: var(--border-radius-large);
    color: var(--color-neutral-lightest);
    position: absolute;
    transition: all .4s ease-in;
    z-index: 0
}

.p-welcomecenters .toggleMap span.left {
    transform: translateX(0)
}

.p-welcomecenters .toggleMap span.right {
    transform: translateX(100%)
}

.p-welcomecenters .toggleMap span.active {
    color: var(--color-neutral-lightest)
}

.p-welcomecenters .title {
    color: inherit;
    font-size: 2.25rem
}

.p-welcomecenters .grid {
    display: grid;
    grid-template-columns: [first] 100% [end];
    grid-template-rows: [map] auto [cards] 260px [end];
    height: 93vh;
    width: 100vw
}

@media only screen and (min-width:768px) {
    .p-welcomecenters .grid {
        grid-template-columns: [cards] 450px [map] auto [end];
        grid-template-rows: [first] 100%
    }
}

.p-welcomecenters .grid.--list {
    grid-template-rows: [cards] 100% [end]
}

@media only screen and (min-width:768px) {
    .p-welcomecenters .grid.--list {
        grid-template-columns: [cards] 450px [map] auto [end];
        grid-template-rows: [first] 100%
    }
}

.p-welcomecenters .sidebar {
    grid-column: first/end;
    grid-row: cards/end;
    height: 100%;
    max-height: 100vh;
    overflow: hidden;
    width: 100%
}

@media only screen and (min-width:768px) {
    .p-welcomecenters .sidebar {
        grid-column: cards/map;
        grid-row: first;
        height: 98vh;
        margin: 0
    }
}

.p-welcomecenters .sidebar .page-title {
    display: block
}

@media only screen and (min-width:768px) {
    .p-welcomecenters .sidebar .page-title {
        display: block;
        margin-top: 50px
    }
}

.p-welcomecenters .sidebar .page-title h3 {
    font-size: 40.96px
}

.p-welcomecenters .sidebar .page-title .m-containerIntro__heading {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media only screen and (min-width:768px) {
    .p-welcomecenters .sidebar .page-title .m-containerIntro__heading {
        display: block;
        text-align: left
    }
}

.p-welcomecenters .sidebar__content {
    -ms-overflow-style: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: var(--spacing-small) var(--spacing-large);
    scrollbar-width: none
}

.p-welcomecenters .sidebar__content::-webkit-scrollbar {
    width: 0
}

.p-welcomecenters .sidebar .o-detailColumn {
    height: inherit
}

.p-welcomecenters .sidebar .m-readMore__content--part2 p {
    margin-top: var(--spacing-large)
}

.p-welcomecenters .sidebar .--hide {
    display: none
}

.p-welcomecenters .regionMap-container {
    display: grid;
    grid-column: first/end;
    grid-row: map/cards
}

@media only screen and (min-width:768px) {
    .p-welcomecenters .regionMap-container {
        display: grid;
        grid-column: map/end;
        grid-row: first
    }
}

.p-welcomecenters .regionMap-container.--hide {
    visibility: hidden
}

@media only screen and (min-width:768px) {
    .p-welcomecenters .regionMap-container.--hide {
        display: grid;
        grid-column: map/end;
        grid-row: first;
        visibility: visible
    }
}

.p-welcomecenters .dropdown-holder {
    display: block;
    margin-left: 0;
    margin-right: 0
}

.p-welcomecenters .dropdown-holder.--hide {
    display: none
}

@media only screen and (min-width:768px) {
    .p-welcomecenters .dropdown-holder.--hide {
        display: block;
        margin-left: inherit;
        margin-right: inherit
    }
}

.p-welcomecenters .hlc-holder {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .p-welcomecenters .hlc-holder {
        display: none
    }
}

.p-welcomecenters .hlc-holder.--bottom {
    -ms-overflow-style: none;
    scroll-snap-points-y: repeat(300px);
    flex-direction: row;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-top: 20px;
    scroll-snap-type: y mandatory;
    scroll-snap-type: mandatory;
    scrollbar-width: none
}

.p-welcomecenters .hlc-holder.--bottom .hlc-child {
    margin-right: var(--spacing-large);
    scroll-snap-align: start
}

.p-welcomecenters .hlc-holder.--bottom .hlc-child .m-highlightCardWrapper {
    height: 180px;
    margin-bottom: 20px;
    width: 320px
}

.p-welcomecenters .hlc-holder .hlc-child:last-of-type {
    padding-bottom: 100px
}

.p-welcomecenters .hlc-holder .hlc-child .m-highlightCardWrapper {
    background-color: transparent;
    height: 208px;
    margin-bottom: 20px;
    width: 320px
}

.p-welcomecenters .hlc-holder .hlc-child .m-highlightCardWrapper .m-highlightCard__link__content--top {
    flex-basis: 30%
}

.p-welcomecenters .hlc-holder .hlc-child .m-highlightCardWrapper .m-highlightCard__link__content--middle {
    flex-basis: 50%
}

.p-welcomecenters .hlc-holder .hlc-child .m-highlightCardWrapper .m-highlightCard__link__content--bottom {
    flex-basis: 20%
}

.p-welcomecenters .m-containerIntro.--mobile .m-containerIntro__bottomLine {
    height: 4px;
    margin-bottom: 0;
    width: 60px
}

.p-welcomecenters .a-simpleTags__tagLink {
    text-transform: none
}

.p-welcomecenters .map-detailcard p {
    font-size: var(--font-size-base);
    font-weight: var(--font-Raleway-700)
}

.p-welcomecenters .m-mapboxMap {
    height: 100%;
    width: 100%
}

.p-welcomecenters .m-mapboxMap .marker {
    animation: fadeIn .5s
}

.p-welcomecenters .m-mapboxMap .marker div {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHJlY3Qgd2lkdGg9IjU4MiIgaGVpZ2h0PSI0MDIiIHg9Ii0xIiB5PSItMSIgZmlsbD0ibm9uZSIvPjxyZWN0IHdpZHRoPSI3LjM2NiIgaGVpZ2h0PSI3LjY4OCIgeD0iOC4zODkiIHk9IjQuMzI4IiBmaWxsPSIjZmZmIiBzdHJva2U9Im51bGwiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2Utd2lkdGg9Im51bGwiLz48cGF0aCBmaWxsPSIjMDA3ZjdmIiBkPSJNMTIgMGE4IDggMCAwIDAtOCA4YzAgMS40MjEuMzgyIDIuNzUgMS4wMzEgMy45MDYuMTA4LjE5Mi4yMjEuMzgxLjM0NC41NjNMMTIgMjRsNi42MjUtMTEuNTMxYy4xMDItLjE1MS4xOS0uMzExLjI4MS0uNDY5bC4wNjMtLjA5NEE3Ljk1NCA3Ljk1NCAwIDAgMCAyMCA4YTggOCAwIDAgMC04LTh6bTAgNGE0IDQgMCAxIDEgMCA4IDQgNCAwIDAgMSAwLTh6Ii8+PHBhdGggZmlsbD0iIzAwN2Y3ZiIgZD0iTTEyIDNhNSA1IDAgMSAwIDAgMTAgNSA1IDAgMCAwIDAtMTB6bTAgMmEzIDMgMCAxIDEgMCA2IDMgMyAwIDAgMSAwLTZ6Ii8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0;
    font-size: 0;
    height: 24px;
    margin-top: -28px;
    transform: scale(1.25);
    width: 24px
}

.p-welcomecenters .m-mapboxMap .marker div:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGc+PHBhdGggZmlsbD0iI2U3NGMzYyIgZD0iTTEyIDEwMjguNGE4IDggMCAwIDAtOCA4YzAgMS40MjEuMzgyIDIuNzUgMS4wMzEgMy45MDYuMTA4LjE5Mi4yMjEuMzgxLjM0NC41NjNMMTIgMTA1Mi40bDYuNjI1LTExLjUzMWMuMTAyLS4xNTEuMTktLjMxMS4yODEtLjQ2OWwuMDYzLS4wOTRBNy45NTQgNy45NTQgMCAwIDAgMjAgMTAzNi40YTggOCAwIDAgMC04LTh6bTAgNGE0IDQgMCAxIDEgMCA4IDQgNCAwIDAgMSAwLTh6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xMDI4LjQpIi8+PHBhdGggZmlsbD0iI2MwMzkyYiIgZD0iTTEyIDEwMzEuNGE1IDUgMCAxIDAgMCAxMCA1IDUgMCAwIDAgMC0xMHptMCAyYTMgMyAwIDEgMSAwIDYgMyAzIDAgMCAxIDAtNnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEwMjguNCkiLz48L2c+PC9zdmc+);
    transition: .3s ease
}

.p-welcomecenters .m-mapboxMap .marker-active {
    z-index: 99
}

.p-welcomecenters .m-mapboxMap .marker-active div {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHJlY3Qgd2lkdGg9IjU4MiIgaGVpZ2h0PSI0MDIiIHg9Ii0xIiB5PSItMSIgZmlsbD0ibm9uZSIvPjxyZWN0IHdpZHRoPSI3LjM2NiIgaGVpZ2h0PSI3LjY4OCIgeD0iOC4zODkiIHk9IjQuMzI4IiBmaWxsPSIjZmZmIiBzdHJva2U9Im51bGwiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2Utd2lkdGg9Im51bGwiLz48cGF0aCBmaWxsPSIjMDA3ZjdmIiBkPSJNMTIgMGE4IDggMCAwIDAtOCA4YzAgMS40MjEuMzgyIDIuNzUgMS4wMzEgMy45MDYuMTA4LjE5Mi4yMjEuMzgxLjM0NC41NjNMMTIgMjRsNi42MjUtMTEuNTMxYy4xMDItLjE1MS4xOS0uMzExLjI4MS0uNDY5bC4wNjMtLjA5NEE3Ljk1NCA3Ljk1NCAwIDAgMCAyMCA4YTggOCAwIDAgMC04LTh6bTAgNGE0IDQgMCAxIDEgMCA4IDQgNCAwIDAgMSAwLTh6Ii8+PHBhdGggZmlsbD0iIzAwN2Y3ZiIgZD0iTTEyIDNhNSA1IDAgMSAwIDAgMTAgNSA1IDAgMCAwIDAtMTB6bTAgMmEzIDMgMCAxIDEgMCA2IDMgMyAwIDAgMSAwLTZ6Ii8+PC9zdmc+);
    transition: .3s ease
}

.p-welcomecenters .m-mapboxMap .marker.hide {
    pointer-events: none
}

.p-welcomecenters .m-mapboxMap .marker.hide div {
    opacity: 0
}

.element-invisible {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.list-unstyled {
    margin-left: 0
}

.list-unstyled li {
    list-style: none
}

.topLine {
    background: var(--color-blue-gradient);
    box-shadow: var(--shadow-containerIntroLine);
    display: block;
    height: 8px;
    margin-bottom: var(--spacing-small);
    width: 144px
}

@media only screen and (min-width:768px) {
    .topLine {
        height: 16px;
        width: 240px
    }
}

.cr__asset__button:focus,
[role=button]:focus,
a:focus,
button:focus,
input:focus {
    color: var(--color-text-link-focus);
    outline: medium dotted;
    text-decoration: none
}

a.skip {
    background-color: "#2b8ca6" !important;
    height: 1px;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: -1000px;
    width: 1px
}

a.skip:active,
a.skip:focus,
a.skip:hover {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: .8rem;
    height: auto;
    left: 5px;
    overflow: visible;
    padding: 5px;
    top: 5px;
    width: auto;
    z-index: 999
}

.static-photo-credit {
    color: #fff;
    font-style: italic;
    left: 10px;
    opacity: .4;
    position: absolute;
    z-index: 1
}

.privacy_prompt>.close_btn_thick {
    display: none !important
}

#onetrust-banner-sdk.otCenterRounded {
    border: 1px solid #ccc
}

.embed-media--video-youtube iframe {
    height: 190px;
    width: 100%
}

@media only screen and (min-width:400px) {
    .embed-media--video-youtube iframe {
        height: 235px
    }
}

@media only screen and (min-width:768px) {
    .embed-media--video-youtube iframe {
        height: 415px
    }
}

@media only screen and (min-width:1024px) {
    .embed-media--video-youtube iframe {
        height: 345px
    }
}

@media only screen and (min-width:1248px) {
    .embed-media--video-youtube iframe {
        height: 385px
    }
}

.u-uppercase {
    text-transform: uppercase
}

.u-children-spacer {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.u-children-spacer>* {
    margin-left: .5rem;
    margin-right: .5rem
}

.u-children-spacer--center {
    align-items: center
}

.u-flex-grow {
    flex-grow: 1
}

.u-content-container>:not(:last-child) {
    margin-bottom: 1rem
}

@media only screen and (min-width:640px) {
    .u-content-container>:not(:last-child) {
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width:767px) {
    .u-hide-mobile {
        display: none
    }
}

.atlwdg-trigger.atlwdg-RIGHT {
    z-index: 9999999
}

@font-face {
    font-family: Sunrise;
    src: url(/static/Sunrise-fb1c5abeccc4d4578713d8618a09d2f6.otf)
}

.ch-rules-nav {
    font-family: Sunrise, Helvetica, Arial, sans-serif
}

.scroll-gif {
    width: 70px
}

.bedtime__title span,
.ideas__heading {
    font-family: Sunrise, Helvetica, Arial, sans-serif
}

.bedtime__title-flourish-right {
    top: 30px
}

.playful__title span {
    font-family: Sunrise, Helvetica, Arial, sans-serif
}

.playful__title-flourish-moon {
    right: 5px
}

@media screen and (max-width:1023px) {
    .playful__grid-item--1 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 75px
    }

    .playful__grid-item--2 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 75px
    }

    .playful__grid-item--3 {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-row-start: 2;
        height: 105px
    }

    .playful__grid-item--4 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 75px
    }

    .playful__grid-item--5 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 75px
    }
}

.lacma__title span,
.lights__title {
    font-family: Sunrise, Helvetica, Arial, sans-serif
}

.lacma__title-flourish-right {
    right: 30px
}

@media screen and (max-width:1023px) {
    .lacma__image-grid-item--1 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 75px
    }

    .lacma__image-grid-item--2 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 75px
    }

    .lacma__image-grid-item--3 {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-row-start: 2;
        height: 105px
    }

    .lacma__image-grid-item--4 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 75px
    }

    .lacma__image-grid-item--5 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 75px
    }
}

.sandbox__heading,
.side-scroll__title h2,
.torrey__title span {
    font-family: Sunrise, Helvetica, Arial, sans-serif
}

.side-scroll__like-box {
    right: 15vw;
    width: 150px
}

.nature__title span,
.trees__heading {
    font-family: Sunrise, Helvetica, Arial, sans-serif
}

.nature__title span:first-child {
    font-size: clamp(4rem, 5vw, 6rem)
}

.nature__title-flourish-right {
    top: 30px
}

.boardwalk__title span,
.nature-dupe__title span {
    font-family: Sunrise, Helvetica, Arial, sans-serif
}

@media screen and (max-width:1023px) {
    .boardwalk__grid-item--1 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 75px
    }

    .boardwalk__grid-item--2 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 75px
    }

    .boardwalk__grid-item--3 {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-row-start: 2;
        height: 105px
    }

    .boardwalk__grid-item--4 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 75px
    }

    .boardwalk__grid-item--5 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 75px
    }
}

.footer__quote-icon {
    margin: 0 auto;
    min-width: 7.5vw;
    width: 75px
}

.cta__heading {
    font-family: Sunrise, Helvetica, Arial, sans-serif
}

@font-face {
    font-family: GirojiRegular;
    src: url(/static/GirojiRegular-c82ada77aa5270eaa385ef8dc8514398.otf), url(/static/GirojiRegular-78b506c91ca45291f8bed7dca6f4d206.woff)
}

@font-face {
    font-family: Lemon Yellow;
    src: url(/static/f9ef8986-c6d0-466c-af3a-576ac3b3dfad-b11ce69edc8e1029f432703aef8de82d.woff2) format("woff2"), url(/static/c2be1e64-901a-4903-a8e3-79b2040a0b9f-55401a90b7b0616542e5a72b92904dda.woff) format("woff")
}

.ch-container {
    margin: 0 auto;
    max-width: 86vw;
    width: 86vw
}

.ch-rules-page-wrap {
    height: 100vh;
    margin: 0;
    overflow: auto;
    padding: 0;
    scroll-snap-type: y mandatory;
    z-index: 10
}

@media screen and (max-width:767px) {
    .ch-rules-page-wrap {
        height: 100dvh
    }
}

@media screen and (max-height:560px) {
    .ch-rules-page-wrap {
        height: auto;
        scroll-snap-type: none
    }
}

.ch-rules-page-wrap img {
    display: block
}

.ch-rules-section {
    background-size: cover;
    color: #fff;
    height: 100vh;
    padding: 2rem 0;
    position: relative;
    scroll-snap-align: start;
    width: 100%
}

.ch-rules-section--auto-height {
    height: auto
}

@media screen and (max-width:767px) {
    .ch-rules-section {
        height: 100dvh
    }
}

@media screen and (max-height:560px) {
    .ch-rules-section {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .ch-rules-section {
        height: 700px
    }
}

.ch-rules-image-grid {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.ch-side-panel {
    background: #fff;
    border-radius: 16px 0 0 16px;
    bottom: 0;
    overflow: scroll;
    position: fixed;
    right: -30vw;
    top: 0;
    transition: .5s;
    width: 30vw;
    z-index: 9000
}

@media screen and (max-width:1023px) {
    .ch-side-panel {
        right: -300px;
        width: 300px
    }
}

.ch-side-panel__blurb {
    font-size: clamp(1rem, 5vw, 1.05rem);
    padding-bottom: 10px
}

.ch-side-panel__content {
    background: #17181a;
    height: 100%;
    padding: 30px
}

.ch-side-panel__title {
    padding-bottom: 15px
}

.ch-side-panel__full-details-box {
    background: #232528;
    border-radius: 8px;
    padding: 10px
}

.ch-side-panel__full-details-box a {
    color: #0ea4cd;
    transition: all .2s ease
}

.ch-side-panel__full-details-box a:hover {
    opacity: .8;
    transition: all .2s ease
}

.ch-side-panel__full-details-grid {
    display: flex
}

.ch-side-panel__full-details-link {
    font-size: 12px
}

.ch-side-panel__full-details-link img {
    display: inline-block;
    margin-left: 3px;
    position: relative;
    top: 3px;
    width: 15px
}

.ch-side-panel__full-details-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ch-side-panel__full-details-image {
    margin-right: 12px;
    width: 80px
}

.ch-side-panel__full-details-heading {
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 25px;
    text-transform: uppercase
}

.ch-side-panel__full-details-title {
    font-weight: 600;
    padding-bottom: 5px
}

.ch-side-panel__image {
    position: relative
}

.ch-side-panel__image img {
    border-radius: 16px 16px 0 0;
    height: 260px;
    object-fit: cover;
    width: 100%
}

.ch-side-panel__image:after {
    background: linear-gradient(0deg, #17181a, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ch-side-panel__close {
    cursor: pointer;
    padding: 20px
}

.ch-side-panel__close img {
    width: 14px
}

.ch-side-panel__info-grid {
    display: flex;
    margin-bottom: 25px
}

.ch-side-panel__info-grid address {
    font-style: normal;
    margin-bottom: 0
}

.ch-side-panel__info-grid img {
    margin: 0 auto;
    max-height: 22px;
    max-width: 20px;
    opacity: .5
}

.ch-side-panel__info-grid a {
    color: #0ea4cd;
    text-decoration: underline;
    transition: all .2s ease
}

.ch-side-panel__info-grid a:hover {
    opacity: .8;
    transition: all .2s ease
}

.ch-side-panel__info-grid-col:first-of-type {
    margin-right: 10px;
    width: 25px
}

.ch-side-panel--bedtime.bedtime-panel-is-open,
.ch-side-panel--boardwalk.boardwalk-panel-is-open,
.ch-side-panel--lacma.lacma-panel-is-open,
.ch-side-panel--nature.nature-panel-is-open,
.ch-side-panel--torrey.torrey-panel-is-open {
    right: 0;
    transition: .5s
}

.ch-rules-nav {
    background: #0f284c;
    bottom: -100vh;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif;
    height: 100vh;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: auto;
    transition: 1s;
    width: 100vw;
    z-index: 9999
}

@media screen and (max-width:767px) {
    .ch-rules-nav {
        bottom: -100dvh;
        height: 100dvh
    }
}

.ch-rules-nav.nav-menu-is-open {
    bottom: 0;
    transition: 1s;
    z-index: 9999
}

.ch-rules-nav a {
    color: #fff;
    font-size: clamp(2rem, 5vw, 3rem);
    transition: all .25s ease
}

.ch-rules-nav a:hover {
    color: #f1c400;
    transition: all .25s ease
}

.ch-rules-nav__social-block {
    padding-top: 40px;
    text-align: center
}

.ch-rules-nav__close-button {
    position: absolute;
    right: 18px;
    top: 20px;
    width: auto
}

.ch-rules-nav__logo {
    left: 20px;
    position: absolute;
    top: 20px;
    width: 100px
}

.ch-rules-nav__menu {
    margin: 0;
    padding: 0;
    text-align: center
}

.ch-rules-nav__menu ul {
    margin: 0;
    padding: 0
}

.ch-rules-nav__menu li {
    list-style-type: none
}

.ch-rules-nav-button {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 8px
}

.ch-rules-nav-button:focus {
    outline: none
}

.ch-rules-nav-button span {
    background: #fff;
    display: block;
    height: 3px;
    transition: background-color .2s ease;
    width: 22px
}

.ch-rules-nav-button span:nth-child(2),
.ch-rules-nav-button span:nth-child(3) {
    margin-top: 4px
}

.alt-menu-block-in-viewport .ch-rules-nav-button span {
    background: #000
}

.ch-rules-nav-button:hover span {
    background-color: #f1c400;
    transition: background-color .2s ease
}

.ch-rules-nav__close-button {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 8px
}

.ch-rules-nav__close-button:hover span {
    background: #f1c400;
    transition: all .2s ease
}

.ch-rules-nav__close-button:focus {
    outline: none
}

.ch-rules-nav__close-button span {
    background: #fff;
    display: block;
    height: 3px;
    transition: all .2s ease;
    width: 22px
}

.ch-rules-nav__close-button span:first-child {
    transform: rotate(45deg)
}

.ch-rules-nav__close-button span:nth-child(2) {
    margin-top: -3px;
    transform: rotate(-45deg)
}

.ch-rules-nav-open {
    position: fixed;
    right: 18px;
    top: 20px;
    z-index: 600
}

@keyframes bob {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-8px)
    }

    to {
        transform: translateY(0)
    }
}

.scroll-gif {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: bob;
    animation-timing-function: ease-in-out;
    position: absolute;
    width: 50px;
    z-index: 100
}

.scroll-gif img {
    width: 70px
}

.scroll-gif--hero,
.scroll-gif--ideas,
.scroll-gif--lights {
    bottom: 30px;
    left: 0;
    margin: 0 auto;
    right: 0
}

.scroll-gif--bedtime {
    bottom: 70px;
    left: 7vw
}

.scroll-gif--nature {
    bottom: 52px;
    right: 10vw
}

@media screen and (max-width:767px) {
    .scroll-gif--nature {
        display: none
    }
}

.ch-btn {
    cursor: pointer
}

.ch-btn--info {
    background-color: #0b7e9d;
    border-radius: 32px;
    color: #fff;
    display: inline-block;
    font-family: Lemon Yellow, Helvetica, Arial, sans-serif;
    font-size: clamp(1rem, 4vw, 1.6rem);
    letter-spacing: 1px;
    padding: 8px 23px;
    transition: all .2s ease
}

@media screen and (max-width:1023px) {
    .ch-btn--info {
        padding: 7px 20px
    }
}

.ch-btn--info span {
    display: inline-block;
    margin-left: 4px
}

.ch-btn--info:hover {
    background-color: #096b85;
    transition: all .2s ease
}

.ch-btn--info-alternate {
    background-color: #fff;
    border: 1px solid #0b7e9d;
    color: #0b7e9d
}

.ch-btn--info-alternate:hover {
    background-color: #0b7e9d, 5%;
    color: #fff;
    transition: all .2s ease
}

.intro {
    background: url(/static/intro-loading-background-0614d649a0e38b970f4923580ce7ea26.jpg);
    background-position: 50%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    pointer-events: none
}

.intro__logo {
    position: relative;
    z-index: 50
}

.intro__logo img {
    margin: auto;
    max-width: 92%;
    width: 300px
}

.intro__video-wrapper,
.intro__video-wrapper:after {
    height: 100vh;
    position: absolute
}

.intro__video-wrapper:after {
    background: rgba(38, 44, 101, .5);
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 10
}

@media screen and (max-height:560px) {
    .intro__video-wrapper:after {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .intro__video-wrapper:after {
        height: 700px
    }
}

.intro__video-wrapper video {
    bottom: 0;
    height: 100vh;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw
}

@media screen and (max-height:560px) {
    .intro__video-wrapper video {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .intro__video-wrapper video {
        height: 700px
    }
}

.hero {
    background-color: rgba(0, 0, 0, .85);
    background-image: url(/static/hero-background-dark-2151b5b7dcb02454689e0552230a042d.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

.hero__title {
    bottom: 25vw;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 74%;
    z-index: 70
}

@media screen and (max-width:767px) {
    .hero__title--desktop {
        display: none
    }
}

.hero__title--mobile {
    display: none
}

@media screen and (max-width:767px) {
    .hero__title--mobile {
        display: block;
        top: 30vh;
        width: 65%
    }
}

.hero__title--spanish h1 {
    color: #f1c400;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif;
    font-size: clamp(6rem, 12.25vw, 32rem);
    line-height: 1;
    position: relative;
    text-align: center;
    text-shadow: 5px 5px #000, -5px -5px #000, 5px -5px #000, -5px 5px #000;
    top: -18px
}

@media screen and (max-width:1023px) {
    .hero__title--spanish h1 {
        text-shadow: 3px 3px #000, -3px -3px #000, 3px -3px #000, -3px 3px #000
    }
}

.hero__title--mobile-spanish h1 {
    color: #f1c400;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif;
    font-size: clamp(6rem, 4vw, 10rem);
    line-height: 1;
    padding-top: 10px;
    text-align: center;
    text-shadow: 3px 3px #000, -3px -3px #000, 3px -3px #000, -3px 3px #000
}

.hero__foreground-image-wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    transform: scale(1);
    width: 100%;
    z-index: 100
}

@media screen and (max-width:767px) {
    .hero__foreground-image-wrap {
        bottom: 150px;
        transform: scale(3)
    }
}

.hero__foreground-image-wrap img {
    width: 100%
}

.hero__header-grid {
    bottom: 42vw;
    display: flex;
    justify-content: space-between;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 75%;
    z-index: 1000
}

@media screen and (max-width:767px) {
    .hero__header-grid {
        bottom: auto;
        top: 20vh
    }
}

.hero__logo {
    position: relative;
    width: 210px
}

@media screen and (max-width:1023px) {
    .hero__logo {
        margin: 0 auto
    }
}

@media screen and (max-width:767px) {
    .hero__logo {
        width: 150px
    }
}

.hero__tagline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    right: -20px;
    width: 410px
}

@media screen and (max-width:1023px) {
    .hero__tagline {
        display: none
    }
}

.hero__tagline--spanish {
    right: 0;
    width: auto
}

.hero__tagline--spanish h3 {
    font-family: Lemon Yellow, Helvetica, Arial, sans-serif;
    font-size: clamp(1.5rem, 5vw, 2.15rem)
}

.hero__lines-yellow {
    bottom: 42vw;
    left: 2vw;
    max-width: 9vw;
    position: absolute;
    width: 92px
}

.hero__lines-blue {
    max-width: 11vw;
    position: absolute;
    right: 0;
    top: 4vw;
    width: 110px
}

.hero__lines-red {
    bottom: -70px;
    left: -70px;
    max-width: 25vw;
    position: absolute;
    width: 250px;
    z-index: 200
}

.hero__circle-yellow {
    bottom: -40px;
    max-width: 12.5vw;
    position: absolute;
    right: 8vw;
    width: 125px;
    z-index: 200;
    z-index: 120
}

.hero__circle-red {
    bottom: -65px;
    max-width: 25vw;
    position: absolute;
    right: -65px;
    width: 250px;
    z-index: 200;
    z-index: 150
}

.ideas {
    background: url(/static/ideas-background-trans-9a65c9cae79c528634817f8b19c27897.png);
    background-color: #000;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.ideas__heading {
    color: #f1c400;
    display: inline-block;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif;
    margin: 0 auto;
    max-width: 95%;
    position: relative;
    text-align: center
}

.ideas__heading span {
    display: block;
    line-height: 1
}

.ideas__heading span:first-child {
    font-size: clamp(2.5rem, 5vw, 4.75rem)
}

.ideas__heading span:nth-child(2) {
    color: #fff;
    font-size: clamp(1.5rem, 5vw, 4rem)
}

.ideas__heading span:last-child {
    font-size: clamp(5rem, 8vw, 9rem)
}

.ideas__title-flourish-left,
.ideas__title-flourish-right {
    position: absolute
}

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

    .ideas__title-flourish-left,
    .ideas__title-flourish-right {
        display: none
    }
}

.ideas__title-flourish-left {
    left: -45px;
    top: 50%
}

.ideas__title-flourish-left img {
    height: 45px
}

.ideas__title-flourish-right {
    right: -55px;
    top: 50%;
    transform: rotate(130deg)
}

.ideas__title-flourish-right img {
    height: 45px
}

.ideas__cloud,
.ideas__star {
    position: absolute
}

.ideas__star {
    width: 45px
}

.ideas__star--1 {
    left: 5vw;
    top: 45vh
}

@media screen and (max-width:767px) {
    .ideas__star--1 {
        top: 25vh
    }
}

.ideas__star--2 {
    left: 40vw;
    top: 15vh
}

.ideas__star--3 {
    bottom: 8vh;
    left: 35vw
}

.ideas__star--4 {
    bottom: 35vh;
    right: 15vw
}

@media screen and (max-width:767px) {
    .ideas__star--4 {
        display: none
    }
}

.ideas__cloud--1 {
    bottom: 15vh;
    left: 4vw;
    max-width: 25vw;
    width: 300px
}

.ideas__cloud--2 {
    max-width: 20vw;
    right: 9vw;
    top: 12vh;
    width: 225px
}

.ideas__cloud--3 {
    bottom: 11vh;
    max-width: 30vw;
    right: 3vw;
    width: 335px
}

.bedtime {
    background: url(/static/bg-bedtime-trans-7c04868377c3ed19ebb7e1071c3fa210.png);
    background-color: #000;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

.bedtime:after {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5
}

.bedtime .blob {
    animation: pulse-black 2s infinite;
    background: #000;
    border-radius: 50%;
    bottom: 52vh;
    box-shadow: 0 0 0 0 #000;
    height: 80px;
    margin: 10px;
    position: absolute;
    right: 564px;
    transform: scale(1);
    width: 80px;
    z-index: 100
}

.bedtime .blob.yellow {
    animation: pulse-yellow 2s infinite;
    background: transparent;
    box-shadow: 0 0 0 0 #ffb142
}

@keyframes pulse-yellow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 177, 66, .7);
        transform: scale(.95)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
        transform: scale(1)
    }

    to {
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
        transform: scale(.95)
    }
}

.bedtime__title {
    display: inline-block;
    margin-left: 7vw;
    margin-top: 16vh;
    position: relative;
    z-index: 50
}

.bedtime__title span {
    display: block;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif
}

.bedtime__title span:first-child {
    color: #de5a35;
    font-size: clamp(3.5rem, 5vw, 6rem);
    line-height: 1
}

.bedtime__title span:last-child {
    color: #f1c400;
    font-size: clamp(5rem, 10vw, 10rem);
    line-height: 1
}

.bedtime__title--spanish span:last-child {
    color: #f1c400;
    font-size: clamp(4.5rem, 10vw, 8rem);
    line-height: 1
}

.bedtime__title-flourish-left,
.bedtime__title-flourish-right {
    position: absolute
}

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

    .bedtime__title-flourish-left,
    .bedtime__title-flourish-right {
        display: none
    }
}

.bedtime__title-flourish-left {
    left: -55px;
    top: -10px
}

.bedtime__title-flourish-left img {
    height: 50px
}

.bedtime__title-flourish-right {
    right: -60px;
    top: -30px
}

.bedtime__title-flourish-right img {
    width: 56px
}

.bedtime__subtitle {
    margin-left: 7vw;
    margin-top: 1rem;
    position: relative;
    z-index: 50
}

.bedtime__subtitle-grid {
    display: flex;
    justify-content: flex-start
}

.bedtime__subtitle-image {
    margin-right: 15px;
    width: 24px
}

.bedtime__subtitle-text {
    font-family: Lemon Yellow, Helvetica, Arial, sans-serif;
    font-size: clamp(1.4rem, 5vw, 1.9rem)
}

.bedtime__cta {
    margin-left: 7vw;
    margin-top: 35px;
    position: relative;
    z-index: 50
}

.playful {
    background: #000;
    position: relative
}

.playful__title {
    display: inline-block;
    position: relative;
    z-index: 50
}

.playful__title span {
    display: block;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif
}

.playful__title span:first-child {
    color: #de5a35;
    font-size: clamp(3rem, 5vw, 7rem);
    line-height: 1
}

.playful__title span:last-child {
    color: #f1c400;
    font-size: clamp(4rem, 7vw, 10rem);
    line-height: 1
}

.playful__title-flourish-heart,
.playful__title-flourish-moon,
.playful__title-flourish-sparks {
    position: absolute
}

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

    .playful__title-flourish-heart,
    .playful__title-flourish-moon,
    .playful__title-flourish-sparks {
        display: none
    }
}

.playful__title-flourish-moon {
    right: -80px;
    top: -25px
}

.playful__title-flourish-moon img {
    height: 65px
}

.playful__title-flourish-sparks {
    left: -35px;
    top: -25px
}

.playful__title-flourish-sparks img {
    height: 50px
}

.playful__title-flourish-heart {
    right: -60px;
    top: 60px
}

.playful__title-flourish-heart img {
    width: 45px
}

.playful__header-grid {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1023px) {
    .playful__header-grid {
        flex-direction: column
    }
}

.playful__header-grid-tagline {
    margin-top: calc(3vh + 22px);
    text-align: right
}

.playful__header-grid-tagline h3 {
    color: #fff;
    display: block;
    font-family: Lemon Yellow, Helvetica, Arial, sans-serif;
    font-size: clamp(1.7rem, 5vw, 2rem)
}

.playful__header-grid-tagline .ch-btn {
    margin-top: 15px
}

@media screen and (max-width:1023px) {
    .playful__header-grid-tagline .ch-btn {
        margin-top: 10px;
        text-align: left
    }

    .playful__header-grid-tagline {
        margin-top: 22px;
        text-align: left
    }
}

.playful__grid {
    bottom: 2vh;
    display: grid;
    gap: 4vh;
    grid-template-columns: 1fr 1fr 1fr;
    left: 7vw;
    position: absolute;
    right: 7vw
}

@media screen and (max-width:1023px) {
    .playful__grid {
        gap: 20px;
        grid-template-columns: 1fr 1fr
    }
}

.playful__grid-item img,
.playful__grid-item video {
    border-radius: 16px;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.playful__grid-item--1 {
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-row-start: 1;
    height: 30vh
}

@media screen and (max-width:1023px) {
    .playful__grid-item--1 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 12vh
    }
}

.playful__grid-item--2 {
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 2;
    height: 30vh
}

@media screen and (max-width:1023px) {
    .playful__grid-item--2 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 12vh
    }
}

.playful__grid-item--3 {
    grid-column-end: 3;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-row-start: 1;
    height: 64vh
}

@media screen and (max-width:1023px) {
    .playful__grid-item--3 {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-row-start: 2;
        height: 18vh
    }
}

.playful__grid-item--4 {
    grid-column-end: 4;
    grid-column-start: 3;
    grid-row-end: 2;
    grid-row-start: 1;
    height: 30vh
}

@media screen and (max-width:1023px) {
    .playful__grid-item--4 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 12vh
    }
}

.playful__grid-item--5 {
    grid-column-end: 4;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-row-start: 2;
    height: 30vh
}

@media screen and (max-width:1023px) {
    .playful__grid-item--5 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 12vh
    }
}

.lights {
    overflow: hidden;
    position: relative
}

.lights.ch-rules-section {
    padding: 0
}

.lights__video-wrapper {
    position: relative
}

.lights__video-wrapper:after {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 10
}

@media screen and (max-height:560px) {
    .lights__video-wrapper:after {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .lights__video-wrapper:after {
        height: 700px
    }
}

@media screen and (max-width:767px) {
    .lights__video-wrapper:after {
        height: 100dvh
    }
}

.lights__video-wrapper video {
    bottom: 0;
    height: 100vh;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw
}

@media screen and (max-height:560px) {
    .lights__video-wrapper video {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .lights__video-wrapper video {
        height: 700px
    }
}

@media screen and (max-width:767px) {
    .lights__video-wrapper video {
        height: 100dvh
    }
}

.lights__title {
    font-family: GirojiRegular, Helvetica, Arial, sans-serif;
    left: 0;
    margin: 0 auto;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 40vh;
    z-index: 100
}

.lights__title span {
    display: block
}

.lights__title span:first-child {
    color: #f1c400;
    font-size: clamp(4rem, 8vw, 5rem);
    line-height: .9
}

.lights__title span:last-child {
    color: #fff;
    font-size: clamp(4rem, 10vw, 6rem);
    line-height: .9;
    margin-top: -10px;
    position: relative;
    z-index: 120
}

.lights__blue-lines {
    bottom: 6vw;
    left: 5vw;
    position: absolute;
    width: 140px;
    z-index: 200
}

.lights__yellow-lines {
    position: absolute;
    right: 25vw;
    top: 9vw;
    width: 80px;
    z-index: 200
}

.lights__red-lines {
    bottom: 2vw;
    position: absolute;
    right: 4vw;
    width: 280px;
    z-index: 200
}

@media screen and (max-width:767px) {
    .lights__red-lines {
        display: none
    }
}

.lacma {
    background: linear-gradient(0deg, #fff 0, #fff 55%, #000 0, #000)
}

.lacma__title {
    display: inline-block;
    position: relative;
    z-index: 50
}

.lacma__title span {
    display: block;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif
}

.lacma__title span:first-child {
    color: #de5a35;
    font-size: clamp(3rem, 5vw, 7rem);
    line-height: 1
}

.lacma__title span:last-child {
    color: #fff;
    font-size: clamp(4rem, 7vw, 10rem);
    line-height: 1
}

.lacma__title--spanish span:first-child {
    color: #de5a35;
    font-size: clamp(2.5rem, 5vw, 6rem);
    line-height: 1
}

.lacma__title--spanish span:last-child {
    color: #fff;
    font-size: clamp(3rem, 7vw, 6rem);
    line-height: 1
}

.lacma__title-flourish-right {
    position: absolute
}

@media screen and (max-width:1023px) {
    .lacma__title-flourish-right {
        display: none
    }
}

.lacma__title-flourish-right {
    right: 75px;
    top: -20px
}

.lacma__title-flourish-right img {
    width: 36px
}

.lacma__header-grid {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1023px) {
    .lacma__header-grid {
        flex-direction: column
    }
}

.lacma__header-grid-tagline {
    margin-top: calc(3vh + 22px);
    text-align: right
}

@media screen and (max-width:1023px) {
    .lacma__header-grid-tagline {
        margin-top: 20px
    }
}

.lacma__header-grid-tagline h3 {
    color: #fff;
    display: block;
    font-family: Lemon Yellow, Helvetica, Arial, sans-serif;
    font-size: clamp(1.7rem, 5vw, 2rem)
}

.lacma__header-grid-tagline img {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 8px;
    width: 24px
}

.lacma__header-grid-tagline .ch-btn {
    margin-top: 15px
}

@media screen and (max-width:1023px) {
    .lacma__header-grid-tagline .ch-btn {
        margin-top: 15px
    }

    .lacma__header-grid-tagline {
        text-align: left
    }
}

.lacma__image-grid {
    bottom: 2vh;
    display: grid;
    gap: 3vh;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    left: 7vw;
    position: absolute;
    right: 7vw
}

@media screen and (max-width:1023px) {
    .lacma__image-grid {
        gap: 10px;
        grid-template-columns: 1fr 1fr
    }
}

.lacma__image-grid-item {
    position: relative
}

.lacma__image-grid-item:after {
    border-radius: 16px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.lacma__image-grid-item:hover {
    transition: all .4s ease
}

.lacma__image-grid-item:hover:after {
    opacity: 0;
    transition: all .4s ease
}

.lacma__image-grid-item img,
.lacma__image-grid-item video {
    border-radius: 16px;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.lacma__image-grid-item--1 {
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-row-start: 1;
    height: 30vh
}

.lacma__image-grid-item--1:after {
    background: rgba(241, 196, 0, .8)
}

@media screen and (max-width:1023px) {
    .lacma__image-grid-item--1 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 12vh
    }
}

.lacma__image-grid-item--2 {
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 2;
    height: 30vh
}

.lacma__image-grid-item--2:after {
    background: rgba(0, 174, 239, .8)
}

@media screen and (max-width:1023px) {
    .lacma__image-grid-item--2 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 12vh
    }
}

.lacma__image-grid-item--3 {
    grid-column-end: 3;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-row-start: 1;
    height: 63vh
}

.lacma__image-grid-item--3:after {
    background: rgba(225, 51, 77, .8)
}

@media screen and (max-width:1023px) {
    .lacma__image-grid-item--3 {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-row-start: 2;
        height: 18vh
    }
}

.lacma__image-grid-item--4 {
    grid-column-end: 5;
    grid-column-start: 3;
    grid-row-end: 2;
    grid-row-start: 1;
    height: 30vh
}

.lacma__image-grid-item--4:after {
    background: rgba(15, 40, 76, .8)
}

@media screen and (max-width:1023px) {
    .lacma__image-grid-item--4 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 12vh
    }
}

.lacma__image-grid-item--5 {
    grid-column-end: 4;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-row-start: 2;
    height: 30vh
}

.lacma__image-grid-item--5:after {
    background: rgba(241, 196, 0, .8)
}

@media screen and (max-width:1023px) {
    .lacma__image-grid-item--5 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 12vh
    }
}

.lacma__image-grid-item--6 {
    grid-column-end: 5;
    grid-column-start: 4;
    grid-row-end: 3;
    grid-row-start: 2;
    height: 30vh
}

.lacma__image-grid-item--6:after {
    background: rgba(222, 90, 53, .8)
}

@media screen and (max-width:1023px) {
    .lacma__image-grid-item--6 {
        display: none
    }
}

.sandbox {
    background: url(/static/sandbox-beach-bg-ba704b68c90452f62ac04f7faebb164c.png);
    background-color: #fff;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    overflow-x: hidden;
    position: relative
}

.sandbox__arrow {
    bottom: -130px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 65px
}

.sandbox__heading {
    font-family: GirojiRegular, Helvetica, Arial, sans-serif;
    margin: 20vh auto 0;
    max-width: 95%;
    position: relative;
    text-align: center
}

.sandbox__heading span {
    display: block;
    line-height: 1
}

.sandbox__heading span:first-child {
    color: #de5a35;
    font-size: clamp(2rem, 5vw, 4rem)
}

.sandbox__heading span:nth-child(2) {
    color: #0f284c;
    font-size: clamp(4.5rem, 7vw, 8.5rem);
    line-height: .9
}

.sandbox__heading span:nth-child(3) {
    color: #de5a35;
    font-size: clamp(5rem, 8vw, 9rem);
    line-height: .8
}

.sandbox__blue-lines {
    left: 10vw;
    max-width: 15vw;
    position: absolute;
    top: 10vh;
    width: 150px
}

.sandbox__cloud-one {
    bottom: 32vh;
    max-width: 20vw;
    position: absolute;
    right: 20vw;
    width: 170px
}

.sandbox__cloud-two {
    bottom: 36vh;
    left: 5vw;
    max-width: 30vw;
    position: absolute;
    width: 300px
}

.sandbox__cloud-three {
    max-width: 22vw;
    position: absolute;
    right: 7vw;
    top: 25vh;
    width: 220px
}

@media screen and (max-width:767px) {
    .sandbox__cloud-three {
        display: none
    }
}

.sandbox__beachball {
    bottom: 2vh;
    max-width: 12vw;
    position: absolute;
    right: 32vw;
    width: 120px
}

.sandbox__camera {
    bottom: 10vh;
    left: 25vw;
    max-width: 15vw;
    position: absolute;
    width: 150px
}

.sandbox__red-circle {
    max-width: 25vw;
    position: absolute;
    right: -50px;
    top: -50px;
    width: 250px;
    z-index: 100
}

.sandbox__yellow-circle {
    max-width: 12vw;
    position: absolute;
    right: 140px;
    top: 50px;
    width: 120px;
    z-index: 100
}

.torrey {
    background-repeat: repeat;
    background: url(/static/white-waves-bg-a5740d6dd63ca97e24a13d6f43440202.png);
    overflow: hidden;
    position: relative
}

.torrey__title {
    position: relative;
    z-index: 50
}

.torrey__title span {
    display: block;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif
}

.torrey__title span:first-child {
    color: #de5a35;
    font-size: clamp(3rem, 5vw, 7rem);
    line-height: 1
}

.torrey__title span:last-child {
    color: #0f284c;
    font-size: clamp(4rem, 7vw, 10rem);
    line-height: 1
}

.torrey__header-grid {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 200
}

@media screen and (max-width:1023px) {
    .torrey__header-grid {
        flex-direction: column
    }
}

.torrey__header-grid-tagline {
    margin-top: calc(3vh + 22px);
    text-align: right
}

@media screen and (max-width:1023px) {
    .torrey__header-grid-tagline {
        margin-top: 30px;
        text-align: left
    }
}

.torrey__header-grid-tagline h3 {
    color: #0f284c;
    display: block;
    font-family: Lemon Yellow, Helvetica, Arial, sans-serif;
    font-size: clamp(1.7rem, 5vw, 2rem)
}

.torrey__header-grid-tagline img {
    display: inline-block;
    filter: brightness(0) saturate(100%) invert(10%) sepia(46%) saturate(2790%) hue-rotate(201deg) brightness(90%) contrast(93%);
    margin-right: 15px;
    position: relative;
    top: 8px;
    width: 24px
}

.torrey__header-grid-tagline .ch-btn {
    margin-top: 15px
}

.torrey__background-image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 0
}

.torrey__background-image img {
    margin: auto;
    max-height: 70vh;
    width: 70%
}

@media screen and (max-width:767px) {
    .torrey__background-image img {
        height: 40vh;
        max-height: 110vh;
        width: 100%
    }
}

.torrey__foreground-image {
    bottom: 0;
    left: 0;
    max-height: 75vh;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 60
}

.torrey__foreground-image img {
    width: 100%
}

.side-scroll {
    background-repeat: repeat;
    background: url(/static/white-waves-bg-a5740d6dd63ca97e24a13d6f43440202.png);
    overflow: hidden;
    position: relative
}

.side-scroll ::-webkit-scrollbar,
.side-scroll ::-webkit-scrollbar-button {
    height: 1px;
    width: 1px
}

.side-scroll__image-fade {
    bottom: 0;
    height: 100vh;
    left: -10vw;
    pointer-events: none;
    position: relative;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 9000
}

.side-scroll .side-scroll-wrapper {
    background: transparent;
    display: block;
    left: 0;
    margin: 0;
    max-height: 2100px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 1px;
    position: absolute;
    top: 25vh;
    transform: rotate(-90deg) translateY(-700px);
    transform-origin: right top;
    width: 701px;
    z-index: 50
}

.side-scroll .side-scroll-wrapper>div {
    background: transparent;
    display: block;
    padding: 20px;
    transform: rotate(90deg);
    transform-origin: right top
}

.side-scroll .side-scroll-wrapper img {
    border: 8px solid #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
    height: 430px;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width:767px) {
    .side-scroll .side-scroll-wrapper img {
        height: 280px
    }
}

.side-scroll .squares {
    padding: 700px 0 0
}

.side-scroll .squares>div {
    height: 700px;
    margin: 0;
    width: 700px
}

.side-scroll__title {
    left: 7vw;
    position: absolute;
    top: 10vh
}

@media screen and (max-width:767px) {
    .side-scroll__title {
        top: 15vh
    }
}

.side-scroll__title h2 {
    color: #acacac;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif;
    font-size: clamp(4rem, 10vw, 10rem);
    opacity: .3
}

.side-scroll__title--spanish {
    top: 6vh
}

.side-scroll__title--spanish h2 {
    font-size: clamp(4rem, 10vw, 9rem);
    line-height: 1
}

@media screen and (max-width:767px) {
    .side-scroll__title--spanish {
        top: 10vh
    }
}

.side-scroll__like-box,
.side-scroll__sideways-arrow,
.side-scroll__sun,
.side-scroll__sunglasses {
    position: absolute;
    z-index: 0
}

.side-scroll__sun {
    left: 3vw;
    max-width: 12vw;
    top: 45vh;
    width: 120px;
    z-index: 100
}

.side-scroll__sunglasses {
    bottom: -30px;
    max-width: 30vw;
    right: 6vw;
    transform: rotate(-30deg);
    width: 300px
}

@media screen and (max-width:767px) {
    .side-scroll__sunglasses {
        bottom: -10px
    }
}

.side-scroll__sideways-arrow {
    bottom: 5vh;
    left: 5vw;
    max-width: 10vw;
    width: 100px
}

.side-scroll__like-box {
    max-width: 15vw;
    right: 10vw;
    top: 5vh;
    width: 120px
}

.trees {
    background: url(/static/trees-redwoods-5be6f3a1c94fc73bbc8abfd472eed060.png);
    background-color: transparent;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative
}

.trees__heading {
    font-family: GirojiRegular, Helvetica, Arial, sans-serif;
    margin: 15vh auto 0;
    max-width: 95%;
    position: relative;
    text-align: center
}

.trees__heading img {
    margin: 0 auto;
    max-width: 20vw;
    width: 200px
}

.trees__heading img:nth-of-type(2) {
    transform: rotate(180deg)
}

.trees__heading span {
    display: block;
    line-height: 1
}

.trees__heading span:first-of-type {
    color: #0f284c;
    font-size: clamp(3rem, 5vw, 4rem)
}

.trees__heading span:nth-of-type(2) {
    color: #de5a35;
    font-size: clamp(5rem, 6.5vw, 7.25rem);
    line-height: .9;
    margin-top: 10px
}

.trees__heading span:nth-of-type(3) {
    color: #de5a35;
    font-size: clamp(8rem, 10vw, 11rem);
    line-height: .8
}

.trees__heading span:nth-of-type(4) {
    color: #0f284c;
    font-size: clamp(5rem, 6vw, 7rem);
    line-height: .8;
    margin-top: 10px
}

.trees__heading--spanish span:nth-of-type(3) {
    color: #de5a35;
    font-size: clamp(7rem, 10vw, 8rem);
    line-height: .8
}

.trees__yellow-lines {
    left: 5vw;
    max-width: 9vw;
    position: absolute;
    top: 5vh;
    width: 90px
}

.trees__yellow-sun {
    max-width: 14vw;
    position: absolute;
    right: 9vw;
    top: 5vh;
    width: 140px;
    z-index: -3
}

.trees__mountains-background {
    bottom: 10vh;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -2
}

.trees__mountains-background img {
    width: 100%
}

.trees__hikers {
    bottom: 0;
    position: absolute;
    right: 37vw;
    width: 10vw;
    z-index: -1
}

.trees__arrow {
    bottom: -130px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 35px
}

.trees__arrow img {
    width: 50px
}

.nature {
    background: url(/static/nature-redwoods-76ce88945f600d0358a0a5474bb56ed6.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0
}

.nature,
.nature__video-wrapper {
    position: relative
}

.nature__video-wrapper:after {
    background: linear-gradient(0deg, #000, rgba(0, 0, 0, .753) 58%, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 10
}

@media screen and (max-height:560px) {
    .nature__video-wrapper:after {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .nature__video-wrapper:after {
        height: 700px
    }
}

.nature__video-wrapper video {
    bottom: 0;
    height: 100vh;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw
}

@media screen and (max-height:560px) {
    .nature__video-wrapper video {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .nature__video-wrapper video {
        height: 700px
    }
}

.nature__red-circle {
    bottom: 18vh;
    max-width: 22vw;
    position: absolute;
    right: 5vw;
    width: 220px;
    z-index: 10
}

.nature__yellow-circle {
    bottom: 16vh;
    max-width: 12vw;
    position: absolute;
    right: 15vw;
    width: 120px;
    z-index: 5;
    z-index: 10
}

.nature__content-box {
    bottom: 15vh;
    left: 7vw;
    position: absolute
}

.nature__title {
    display: inline-block;
    position: relative;
    z-index: 50
}

.nature__title span {
    display: block;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif
}

.nature__title span:first-child {
    color: #de5a35;
    font-size: clamp(3.25rem, 5vw, 6rem);
    line-height: 1
}

.nature__title span:last-child {
    color: #f1c400;
    font-size: clamp(6rem, 10vw, 10rem);
    line-height: 1
}

.nature__title-flourish-left,
.nature__title-flourish-right {
    position: absolute
}

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

    .nature__title-flourish-left,
    .nature__title-flourish-right {
        display: none
    }
}

.nature__title-flourish-left {
    left: -55px;
    top: -10px
}

.nature__title-flourish-left img {
    height: 50px
}

.nature__title-flourish-right {
    right: -60px;
    top: -30px
}

.nature__title-flourish-right img {
    width: 56px
}

.nature__subtitle {
    margin-top: 1rem;
    position: relative;
    z-index: 50
}

.nature__subtitle-grid {
    display: flex;
    justify-content: flex-start
}

.nature__subtitle-image {
    margin-right: 15px;
    width: 24px
}

.nature__subtitle-text {
    font-family: Lemon Yellow, Helvetica, Arial, sans-serif;
    font-size: clamp(1.4rem, 5vw, 1.9rem)
}

.nature__cta {
    margin-top: 35px;
    position: relative;
    z-index: 50
}

.nature-dupe {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 0;
    position: relative
}

.nature-dupe__polaroid-wrapper {
    position: absolute;
    top: 25vh;
    z-index: 200
}

@media screen and (max-width:767px) {
    .nature-dupe__polaroid-wrapper {
        top: 35vh
    }
}

.nature-dupe__polaroid {
    border: 7px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .25);
    position: absolute;
    width: 32vw
}

@media screen and (max-width:767px) {
    .nature-dupe__polaroid {
        border: 4px solid #fff
    }
}

.nature-dupe__polaroid--1 {
    left: -30px;
    transform: rotate(-10deg);
    z-index: 100
}

.nature-dupe__polaroid--2 {
    left: 25vw;
    margin-top: 30px;
    transform: rotate(10deg);
    z-index: 90
}

.nature-dupe__polaroid--3 {
    left: 50vw;
    margin-top: -80px;
    transform: rotate(-12deg);
    z-index: 90
}

.nature-dupe__polaroid--4 {
    left: 75vw;
    transform: rotate(10deg);
    z-index: 90
}

.nature-dupe__video-wrapper {
    position: relative
}

.nature-dupe__video-wrapper:after {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .753) 68%, #000);
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 10
}

@media screen and (max-height:560px) {
    .nature-dupe__video-wrapper:after {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .nature-dupe__video-wrapper:after {
        height: 700px
    }
}

.nature-dupe__video-wrapper video {
    bottom: 0;
    height: 100vh;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw
}

@media screen and (max-height:560px) {
    .nature-dupe__video-wrapper video {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .nature-dupe__video-wrapper video {
        height: 700px
    }
}

.nature-dupe__red-circle {
    bottom: 18vh;
    max-width: 22vw;
    position: absolute;
    right: 5vw;
    width: 220px;
    z-index: 10
}

.nature-dupe__yellow-circle {
    bottom: 16vh;
    max-width: 12vw;
    position: absolute;
    right: 15vw;
    width: 120px;
    z-index: 5;
    z-index: 10
}

.nature-dupe__content-box {
    bottom: 6vh;
    left: 7vw;
    position: absolute
}

@media screen and (max-width:767px) {
    .nature-dupe__content-box {
        bottom: 10vh
    }
}

.nature-dupe__title {
    position: relative;
    z-index: 50
}

.nature-dupe__title span {
    display: block;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif
}

.nature-dupe__title span:first-child {
    color: #f1c400;
    font-size: clamp(2.5rem, 5vw, 3.25rem);
    line-height: 1
}

.nature-dupe__title span:last-child {
    color: #fff;
    font-size: clamp(3rem, 10vw, 3.5rem);
    line-height: 1
}

.nature-dupe__subtitle {
    margin-top: 1rem;
    position: relative;
    z-index: 50
}

.nature-dupe__subtitle-grid {
    display: flex;
    justify-content: flex-start
}

.nature-dupe__subtitle-image {
    margin-right: 15px;
    width: 24px
}

.nature-dupe__subtitle-text {
    font-family: Lemon Yellow, Helvetica, Arial, sans-serif;
    font-size: clamp(1.4rem, 5vw, 1.9rem)
}

.nature-dupe__cta {
    margin-top: 35px;
    position: relative;
    z-index: 50
}

.coaster {
    padding: 0;
    position: relative
}

@media screen and (max-width:767px) {
    .coaster {
        display: none
    }
}

.coaster__video-wrapper {
    position: relative
}

.coaster__video-wrapper:after {
    background: rgba(0, 0, 0, .25);
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 10
}

@media screen and (max-height:560px) {
    .coaster__video-wrapper:after {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .coaster__video-wrapper:after {
        height: 700px
    }
}

.coaster__video-wrapper video {
    bottom: 0;
    height: 100vh;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw
}

@media screen and (max-height:560px) {
    .coaster__video-wrapper video {
        height: 900px
    }
}

@media screen and (max-height:560px) and (max-width:767px) {
    .coaster__video-wrapper video {
        height: 700px
    }
}

.coaster__beachball,
.coaster__camera,
.coaster__cloud,
.coaster__heart {
    position: absolute;
    z-index: 10
}

.coaster__cloud {
    left: 4vw;
    max-width: 30vw;
    top: 20vh;
    width: 300px
}

.coaster__camera {
    max-width: 17vw;
    right: 9vw;
    top: 21vh;
    width: 170px
}

.coaster__heart {
    bottom: 9vh;
    left: 10vw;
    max-width: 7vw;
    width: 70px
}

.coaster__beachball {
    bottom: -3vh;
    max-width: 13vw;
    right: 5vw;
    width: 130px
}

.boardwalk {
    position: relative;
    z-index: 500
}

.boardwalk__title {
    position: relative;
    z-index: 50
}

.boardwalk__title span {
    display: block;
    font-family: GirojiRegular, Helvetica, Arial, sans-serif
}

.boardwalk__title span:first-child {
    color: #de5a35;
    font-size: clamp(3rem, 5vw, 7rem);
    line-height: 1
}

.boardwalk__title span:last-child {
    color: #0f284c;
    font-size: clamp(4.25rem, 7vw, 10rem);
    line-height: 1
}

.boardwalk__header-grid {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 200
}

@media screen and (max-width:1023px) {
    .boardwalk__header-grid {
        flex-direction: column
    }
}

.boardwalk__header-grid-tagline {
    margin-top: calc(3vh + 22px);
    text-align: right
}

@media screen and (max-width:1023px) {
    .boardwalk__header-grid-tagline {
        margin-top: 30px;
        text-align: left
    }
}

.boardwalk__header-grid-tagline h3 {
    color: #0f284c;
    display: block;
    font-family: Lemon Yellow, Helvetica, Arial, sans-serif;
    font-size: clamp(1.7rem, 5vw, 2rem)
}

.boardwalk__header-grid-tagline img {
    display: inline-block;
    filter: brightness(0) saturate(100%) invert(10%) sepia(46%) saturate(2790%) hue-rotate(201deg) brightness(90%) contrast(93%);
    margin-right: 15px;
    position: relative;
    top: 8px;
    width: 24px
}

.boardwalk__header-grid-tagline .ch-btn {
    margin-top: 15px
}

.boardwalk__grid {
    bottom: 2vh;
    display: grid;
    gap: 4vh;
    grid-template-columns: 1fr 1fr 1fr;
    left: 7vw;
    position: absolute;
    right: 7vw
}

@media screen and (max-width:1023px) {
    .boardwalk__grid {
        gap: 20px;
        grid-template-columns: 1fr 1fr
    }
}

.boardwalk__grid-item img,
.boardwalk__grid-item video {
    border-radius: 16px;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.boardwalk__grid-item--1 {
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-row-start: 1;
    height: 30vh
}

@media screen and (max-width:1023px) {
    .boardwalk__grid-item--1 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 12vh
    }
}

.boardwalk__grid-item--2 {
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 2;
    height: 30vh
}

@media screen and (max-width:1023px) {
    .boardwalk__grid-item--2 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 2;
        grid-row-start: 1;
        height: 12vh
    }
}

.boardwalk__grid-item--3 {
    grid-column-end: 3;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-row-start: 1;
    height: 64vh
}

@media screen and (max-width:1023px) {
    .boardwalk__grid-item--3 {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-row-start: 2;
        height: 18vh
    }
}

.boardwalk__grid-item--4 {
    grid-column-end: 4;
    grid-column-start: 3;
    grid-row-end: 2;
    grid-row-start: 1;
    height: 30vh
}

@media screen and (max-width:1023px) {
    .boardwalk__grid-item--4 {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 12vh
    }
}

.boardwalk__grid-item--5 {
    grid-column-end: 4;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-row-start: 2;
    height: 30vh
}

@media screen and (max-width:1023px) {
    .boardwalk__grid-item--5 {
        grid-column-end: 3;
        grid-column-start: 2;
        grid-row-end: 4;
        grid-row-start: 3;
        height: 12vh
    }
}

.boardwalk__beachball,
.boardwalk__blue-curl,
.boardwalk__camera,
.boardwalk__heart {
    position: absolute;
    z-index: 10
}

.boardwalk__heart {
    left: 40vw;
    max-width: 6vw;
    top: 18vh;
    transform: rotate(-60deg);
    width: 60px
}

@media screen and (max-width:767px) {
    .boardwalk__heart {
        display: none
    }
}

.boardwalk__blue-curl {
    bottom: 4vh;
    left: 4vw;
    max-width: 12vw;
    width: 120px
}

.boardwalk__camera {
    max-width: 15vw;
    right: 3vw;
    top: 35vh;
    width: 150px
}

.boardwalk__beachball {
    bottom: 5vh;
    max-width: 10vw;
    right: 4vw;
    width: 105px
}

.footer {
    background: url(/static/footer-ellipse-2a5cbb1f1d0ad135ae5d6472d572a67d.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 90%
}

@media screen and (max-width:1139px) {
    .footer {
        background-position: center 150px;
        background-size: cover
    }
}

.footer__heading {
    font-family: GirojiRegular, Helvetica, Arial, sans-serif;
    margin: 0 auto;
    max-width: 95%;
    text-align: center
}

.footer__heading span {
    display: block;
    line-height: 1
}

.footer__heading span:first-child {
    color: #f1c400;
    font-size: clamp(3.5rem, 5vw, 4.75rem)
}

.footer__heading span:nth-child(2) {
    color: #fff;
    font-size: clamp(4.2rem, 6vw, 6rem)
}

.footer__button-block {
    padding-top: 2rem;
    text-align: center
}

.footer__button-block .ch-btn--info {
    font-size: clamp(1.5rem, 4vw, 2rem);
    padding: 8px 30px
}

.footer__button-block .ch-btn--info:hover {
    background-color: #096b85;
    color: #fff;
    transition: all .2s ease
}

.footer__quote-icon {
    display: none
}

.footer__content-wrap {
    bottom: 100px;
    width: 760px
}

.footer__content-wrap,
.footer__form-wrap {
    left: 0;
    margin: 0 auto;
    max-width: 92%;
    position: absolute;
    right: 0
}

.footer__form-wrap {
    bottom: 50px;
    width: 480px
}

@media screen and (max-width:767px) {
    .footer__form-wrap {
        bottom: 20px
    }
}

.footer__form-wrap input {
    background: #fff;
    border: 1px solid #acacac;
    color: #3a3e41;
    font-size: 1.25rem;
    font-weight: 400;
    max-width: 100%;
    padding: 10px 15px;
    width: 100%
}

.footer__form-wrap h3 {
    font-size: clamp(1rem, 5vw, 2rem);
    font-weight: 600;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 400px;
    padding-bottom: 1.5rem;
    text-align: center
}

.footer .ch-footer-form__field-wrap {
    margin-bottom: 15px
}

.footer .ch-footer-form__submit-btn {
    appearance: none;
    -webkit-appearance: none;
    background: #0b7e9d;
    border: none;
    border-radius: 32px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    transition: all .2s ease
}

.footer .ch-footer-form__submit-btn:hover {
    background: #096b85;
    transition: all .2s ease
}

.footer__balloon,
.footer__cloud-1,
.footer__cloud-2,
.footer__cloud-3,
.footer__quote,
.footer__rocket,
.footer__star-1,
.footer__star-2,
.footer__star-rounded,
.footer__star-rounded-1,
.footer__star-rounded-2,
.footer__star-rounded-3 {
    position: absolute;
    width: 100px
}

.footer__cloud-1 {
    bottom: 20vh;
    left: 5vw;
    max-width: 28vw;
    width: 280px;
    z-index: 8
}

@media screen and (max-width:1139px) {
    .footer__cloud-1 {
        display: none
    }
}

.footer__cloud-2 {
    bottom: 7vh;
    max-width: 32vw;
    right: 2vw;
    width: 320px;
    z-index: 8
}

@media screen and (max-width:1139px) {
    .footer__cloud-2 {
        display: none
    }
}

.footer__cloud-3 {
    max-width: 22vw;
    right: 12vw;
    top: 7vh;
    width: 220px;
    z-index: 8
}

.footer__rocket {
    left: 15vw;
    max-width: 19vw;
    top: 10vh;
    width: 195px;
    z-index: 8
}

.footer__balloon {
    max-width: 16vw;
    right: 5vw;
    top: 40vh;
    width: 160px;
    z-index: 8
}

@media screen and (max-width:767px) {
    .footer__balloon {
        display: none
    }
}

.footer__star-1 {
    left: 8vw;
    top: 12vh
}

.footer__star-1,
.footer__star-2 {
    max-width: 5vw;
    width: 46px;
    z-index: 8
}

.footer__star-2 {
    left: 42vw;
    top: 10vh
}

.footer__star-rounded-1 {
    left: 3vw;
    max-width: 3vw;
    top: 50vh;
    width: 28px;
    z-index: 8
}

.footer__star-rounded-2 {
    max-width: 3vw;
    right: 30vw;
    top: 6vh;
    width: 28px;
    z-index: 8
}

.footer__star-rounded-3 {
    max-width: 3vw;
    right: 3vw;
    top: 30vh;
    width: 28px;
    z-index: 8
}

.cta {
    background-repeat: repeat;
    background: url(/static/white-waves-bg-a5740d6dd63ca97e24a13d6f43440202.png);
    overflow: hidden
}

.cta .ch-container {
    height: 100%
}

.cta__content-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.cta__heading {
    font-family: GirojiRegular, Helvetica, Arial, sans-serif;
    margin: 0 auto;
    max-width: 95%;
    text-align: center
}

.cta__heading span {
    display: block;
    line-height: 1
}

.cta__heading span:first-child {
    color: #de5a35;
    font-size: clamp(3.5rem, 5vw, 5rem)
}

.cta__heading span:nth-child(2) {
    color: #0f284c;
    font-size: clamp(4rem, 6vw, 7rem)
}

.cta__button-block {
    padding-top: 2rem;
    text-align: center
}

.cta__button-block .ch-btn--info {
    font-size: clamp(1.5rem, 4vw, 2rem);
    padding: 8px 30px
}

.cta__button-block .ch-btn--info:hover {
    background-color: #096b85;
    color: #fff;
    transition: all .2s ease
}

.cta__cloud-1,
.cta__cloud-2,
.cta__cloud-3 {
    position: absolute
}

.cta__cloud-1 {
    max-width: 22vw;
    right: 5vw;
    top: 20vh;
    width: 220px;
    z-index: 8
}

@media screen and (max-width:1139px) {
    .cta__cloud-1 {
        display: none
    }
}

.cta__cloud-2 {
    left: 2vw;
    max-width: 30vw;
    top: 7vh;
    width: 300px;
    z-index: 8
}

.cta__cloud-3 {
    bottom: 7vh;
    left: 12vw;
    max-width: 20vw;
    width: 200px;
    z-index: 8
}

.ch-rec-form label {
    display: none
}

.ch-rec-form__agree {
    font-size: 14px;
    line-height: 1.4;
    padding-left: 15px
}

@media screen and (max-width:767px) {
    .ch-rec-form__agree {
        font-size: 12px
    }
}

.ch-rec-form input[type=checkbox] {
    height: 20px;
    width: 20px
}

.ch-rec-form input[type=submit] {
    appearance: none;
    -webkit-appearance: none;
    background: #0b7e9d;
    border: none;
    border-radius: 32px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    transition: all .2s ease
}

.ch-rec-form input[type=submit]:hover {
    background: #096b85;
    transition: all .2s ease
}

.mapboxgl-map {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
    overflow: hidden;
    position: relative
}

.mapboxgl-map:-webkit-full-screen {
    height: 100%;
    width: 100%
}

.mapboxgl-canary {
    background-color: salmon
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group>button.mapboxgl-ctrl-compass {
    cursor: grab;
    -webkit-user-select: none;
    user-select: none
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group>button.mapboxgl-ctrl-compass:active {
    cursor: grabbing
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
    touch-action: pan-x pan-y
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    touch-action: pinch-zoom
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    touch-action: none
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.mapboxgl-ctrl-top-left {
    left: 0;
    top: 0
}

.mapboxgl-ctrl-top-right {
    right: 0;
    top: 0
}

.mapboxgl-ctrl-bottom-left {
    bottom: 0;
    left: 0
}

.mapboxgl-ctrl-bottom-right {
    bottom: 0;
    right: 0
}

.mapboxgl-ctrl {
    clear: both;
    pointer-events: auto
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
    float: left;
    margin: 10px 0 0 10px
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
    float: right;
    margin: 10px 10px 0 0
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
    float: left;
    margin: 0 0 10px 10px
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
    float: right;
    margin: 0 10px 10px 0
}

.mapboxgl-ctrl-group {
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .1)
}

.mapboxgl-ctrl-group>button {
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 30px;
    outline: none;
    padding: 0;
    width: 30px
}

.mapboxgl-ctrl-group>button+button {
    border-top: 1px solid #ddd
}

.mapboxgl-ctrl>button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.mapboxgl-ctrl>button:hover {
    background-color: rgba(0, 0, 0, .05)
}

.mapboxgl-ctrl-icon,
.mapboxgl-ctrl-icon>.mapboxgl-ctrl-compass-arrow {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mapboxgl-ctrl-icon {
    padding: 5px
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23333333' d='M7 9c-.554 0-1 .446-1 1s.446 1 1 1h6c.554 0 1-.446 1-1s-.446-1-1-1z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23333333' d='M10 6c-.554 0-1 .446-1 1v2H7c-.554 0-1 .446-1 1s.446 1 1 1h2v2c0 .554.446 1 1 1s1-.446 1-1v-2h2c.554 0 1-.446 1-1s-.446-1-1-1h-2V7c0-.554-.446-1-1-1z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zm0 1.8A1.8 1.8 0 0 0 8.3 10a1.8 1.8 0 0 0 1.7 1.8 1.8 1.8 0 0 0 1.8-1.8A1.8 1.8 0 0 0 10 8.3z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate:disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zm0 1.8A1.8 1.8 0 0 0 8.3 10a1.8 1.8 0 0 0 1.7 1.8 1.8 1.8 0 0 0 1.8-1.8A1.8 1.8 0 0 0 10 8.3z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zm0 1.8A1.8 1.8 0 0 0 8.3 10a1.8 1.8 0 0 0 1.7 1.8 1.8 1.8 0 0 0 1.8-1.8A1.8 1.8 0 0 0 10 8.3z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zm0 1.8A1.8 1.8 0 0 0 8.3 10a1.8 1.8 0 0 0 1.7 1.8 1.8 1.8 0 0 0 1.8-1.8A1.8 1.8 0 0 0 10 8.3z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting {
    animation: mapboxgl-spin 2s linear infinite
}

@keyframes mapboxgl-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 4c-.5 0-1 .5-1 1v4h.5l1.277-1.703c1 .763 2.059 1.66 3.114 2.703a30.38 30.38 0 0 1-3.11 2.707L4.5 11H4v4c0 .5.5 1 1 1h4v-.5l-1.727-1.295a35.498 35.498 0 0 1 2.688-3.137 30.312 30.312 0 0 1 2.746 3.15L11 15.5v.5h4c.5 0 1-.5 1-1v-4h-.5l-1.295 1.727a35.513 35.513 0 0 1-3.168-2.717 47.787 47.787 0 0 1 3.192-2.705L15.5 9h.5V5c0-.5-.5-1-1-1h-4v.5l1.703 1.277A32.243 32.243 0 0 1 9.971 8.92 47.761 47.761 0 0 1 7.305 5.77L9 4.5V4H5z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-shrink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M4.242 3.492a.75.75 0 0 0-.523 1.29l2.246 2.245L4 8.5V9h4c.5 0 1-.5 1-1V4h-.5L7.018 5.955 4.78 3.72a.75.75 0 0 0-.539-.227zm11.492 0a.75.75 0 0 0-.515.227l-2.235 2.234L11.5 4H11v4c0 .5.5 1 1 1h4v-.5l-1.965-1.473 2.246-2.246a.75.75 0 0 0-.547-1.289zM4 11v.5l1.965 1.473-2.246 2.246A.751.751 0 1 0 4.78 16.28l2.246-2.246L8.5 16H9v-4c0-.5-.5-1-1-1H4zm8 0c-.5 0-1 .5-1 1v4h.5l1.473-1.965 2.246 2.246a.751.751 0 1 0 1.062-1.062l-2.246-2.246L16 11.5V11h-4z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-compass>.mapboxgl-ctrl-compass-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolygon fill='%23333' points='6 9 10 1 14 9'/%3E%3Cpolygon fill='%23CCC' points='6 11 10 19 14 11'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin: 5px;
    width: 20px
}

a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' enable-background='new 0 0 84.49 21' viewBox='0 0 84.49 21'%3E%3Cpath fill='%23FFFFFF' d='M83.25 14.26c0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.39-1.44 2.39a.34.34 0 0 1-.3.17h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.68-2.39-3.64a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.36 1.4-2.35a.34.34 0 0 1 .3-.17H83c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.63 2.43 3.67c0 .05.01.09.01.13zM66.24 9.59c-.39-1.88-1.96-3.28-3.84-3.28-1.03 0-2.03.42-2.73 1.18V3.51c0-.13-.1-.23-.23-.23h-1.4c-.13 0-.23.11-.23.23v10.72c0 .13.1.23.23.23h1.4c.13 0 .23-.11.23-.23v-.73c.71.75 1.7 1.18 2.73 1.18 1.88 0 3.45-1.41 3.84-3.29.13-.6.13-1.21 0-1.8zM62.08 13c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51S63.41 13 62.08 13zM71.67 6.32a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19s-1.9-4.17-4.27-4.17zm-.02 6.69c-1.33 0-2.42-1.12-2.42-2.51s1.08-2.52 2.42-2.52c1.33 0 2.42 1.12 2.42 2.51s-1.08 2.51-2.42 2.52z' class='prefix__st0' enable-background='new' opacity='0.9'/%3E%3Cpath d='M62.08 7.98c-1.32 0-2.39 1.11-2.41 2.48v.06c.01 1.38 1.08 2.48 2.41 2.48s2.42-1.12 2.42-2.51-1.09-2.51-2.42-2.51zm0 3.78c-.63 0-1.14-.56-1.17-1.25v-.04c.01-.69.54-1.25 1.17-1.25.63 0 1.17.57 1.17 1.27-.01.71-.52 1.27-1.17 1.27zM71.65 7.98c-1.33 0-2.42 1.12-2.42 2.51S70.32 13 71.65 13s2.42-1.12 2.42-2.51-1.08-2.51-2.42-2.51zm0 3.78c-.64 0-1.17-.57-1.17-1.27 0-.7.53-1.26 1.17-1.26s1.17.57 1.17 1.27c0 .71-.53 1.26-1.17 1.26z' class='prefix__st1' enable-background='new' opacity='0.35'/%3E%3Cpath fill='%23FFFFFF' d='M45.74 6.53h-1.4c-.13 0-.23.11-.23.23v.73c-.71-.75-1.7-1.18-2.73-1.18-2.17 0-3.94 1.87-3.94 4.19s1.77 4.19 3.94 4.19c1.04 0 2.03-.43 2.73-1.19v.73c0 .13.1.23.23.23h1.4c.13 0 .23-.11.23-.23V6.74c0-.12-.09-.22-.22-.22 0 .01 0 .01-.01.01zm-1.62 4C44.11 11.9 43.03 13 41.71 13s-2.42-1.12-2.42-2.51 1.08-2.52 2.4-2.52c1.33 0 2.39 1.11 2.41 2.48l.02.08z' class='prefix__st0' enable-background='new' opacity='0.9'/%3E%3Cpath d='M41.71 7.98c-1.33 0-2.42 1.12-2.42 2.51S40.37 13 41.71 13s2.39-1.11 2.41-2.48v-.06c-.02-1.37-1.09-2.48-2.41-2.48zm-1.16 2.51c0-.7.52-1.27 1.17-1.27.64 0 1.14.56 1.17 1.25v.04c-.01.68-.53 1.24-1.17 1.24-.64 0-1.17-.56-1.17-1.26z' class='prefix__st1' enable-background='new' opacity='0.35'/%3E%3Cpath fill='%23FFFFFF' d='M52.41 6.32c-1.03 0-2.03.42-2.73 1.18v-.75c0-.13-.1-.23-.23-.23h-1.4c-.13 0-.23.11-.23.23v10.72c0 .13.1.23.23.23h1.4c.13 0 .23-.1.23-.23V13.5c.71.75 1.7 1.18 2.74 1.18 2.17 0 3.94-1.87 3.94-4.19s-1.78-4.17-3.95-4.17zm-.33 6.69c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51S53.4 13 52.08 13.01z' class='prefix__st0' enable-background='new' opacity='0.9'/%3E%3Cpath d='M52.08 7.98c-1.32 0-2.39 1.11-2.42 2.48v.06c.03 1.38 1.1 2.48 2.42 2.48s2.41-1.12 2.41-2.51-1.09-2.51-2.41-2.51zm0 3.78c-.63 0-1.14-.56-1.17-1.25v-.04c.01-.69.54-1.25 1.17-1.25.63 0 1.17.58 1.17 1.27s-.53 1.27-1.17 1.27z' class='prefix__st1' enable-background='new' opacity='0.35'/%3E%3Cpath fill='%23FFFFFF' d='M36.08 14.24c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23V9.68c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.66c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23V9.68c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.48c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.11-.23-.23V6.74c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.66c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.17z' class='prefix__st0' enable-background='new' opacity='0.9'/%3E%3Cpath d='m84.34 13.59-.07-.13-1.96-2.99 1.94-2.95c.44-.67.26-1.56-.41-2.02-.02 0-.03 0-.04-.01-.23-.15-.5-.22-.78-.22h-1.61c-.56 0-1.08.29-1.37.78l-.32.55-.34-.56c-.29-.48-.81-.77-1.38-.77h-1.6c-.6 0-1.13.37-1.35.92a5.59 5.59 0 0 0-7.26.45c-.35.34-.65.72-.89 1.14-.9-1.62-2.58-2.72-4.5-2.72-.5 0-1.01.07-1.48.23V3.51c0-.82-.66-1.48-1.47-1.48h-1.4c-.81 0-1.47.66-1.47 1.47v3.75a5.12 5.12 0 0 0-4.17-2.19c-.74 0-1.46.16-2.12.47-.24-.17-.54-.26-.84-.26h-1.4c-.45 0-.87.21-1.15.56a1.498 1.498 0 0 0-1.16-.55h-1.39c-.3 0-.6.09-.84.26-.67-.3-1.39-.46-2.12-.46-1.83 0-3.43 1-4.37 2.5-.2-.46-.48-.89-.83-1.25-.8-.81-1.89-1.25-3.02-1.25h-.01c-.89.01-1.75.33-2.46.88-.74-.57-1.64-.88-2.57-.88h-.03c-.29 0-.58.03-.86.11-.28.06-.56.16-.82.28-.21-.12-.45-.18-.7-.18h-1.4c-.82 0-1.47.66-1.47 1.47v7.5c0 .82.66 1.47 1.47 1.47h1.4c.82 0 1.48-.66 1.48-1.48V9.79c.03-.36.23-.59.36-.59.18 0 .38.18.38.47v4.57c0 .82.66 1.47 1.47 1.47h1.41c.82 0 1.47-.66 1.47-1.47l-.01-4.57c.06-.32.25-.47.35-.47.18 0 .38.18.38.47v4.57c0 .82.66 1.47 1.47 1.47h1.41c.82 0 1.47-.66 1.47-1.47v-.38a5.068 5.068 0 0 0 4.06 2.06c.74 0 1.46-.16 2.12-.47.24.17.54.26.84.26h1.39c.3 0 .6-.09.84-.26v2.01c0 .82.66 1.47 1.47 1.47h1.4c.82 0 1.47-.66 1.47-1.47v-1.77c.48.15.99.23 1.49.22 1.7 0 3.22-.87 4.17-2.2v.52c0 .82.66 1.47 1.47 1.47h1.4c.3 0 .6-.09.84-.26.66.31 1.39.47 2.12.47 1.92 0 3.6-1.1 4.49-2.73 1.54 2.65 4.95 3.53 7.58 1.98.18-.11.36-.22.53-.36.22.55.76.91 1.35.9H78c.56 0 1.08-.29 1.37-.78l.37-.61.37.61c.29.48.81.78 1.38.78h1.6c.81 0 1.46-.66 1.45-1.46-.05-.22-.1-.44-.2-.65zm-48.48.88h-1.41c-.13 0-.23-.11-.23-.23V9.68c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.66c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23V9.68c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.48c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.11-.23-.23V6.74a.23.23 0 0 1 .23-.22h1.4c.13 0 .22.11.23.22v.66c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.01 5.16c.02.13-.09.23-.21.24zm10.11-.23c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.11-.23-.23v-.74c-.7.76-1.69 1.18-2.72 1.18-2.17 0-3.94-1.87-3.94-4.19s1.77-4.19 3.94-4.19c1.03 0 2.02.43 2.73 1.18v-.74c0-.13.1-.23.23-.23h1.4c.12-.01.22.08.23.21V14.25h-.01v-.01zm6.44.43c-1.03 0-2.02-.43-2.73-1.18v3.97c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V6.75c0-.13.1-.22.23-.22h1.4c.13 0 .23.11.23.23v.73a3.73 3.73 0 0 1 2.73-1.18c2.17 0 3.94 1.86 3.94 4.18s-1.77 4.18-3.94 4.18zm13.83-3.28c-.39 1.87-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.73c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.11-.23-.23V3.51c0-.13.1-.23.23-.23h1.4c.13 0 .23.11.23.23v3.97a3.72 3.72 0 0 1 2.73-1.17c1.88 0 3.45 1.4 3.84 3.28.13.6.13 1.21 0 1.8zm5.43 3.29c-2 .01-3.73-1.35-4.17-3.3-.13-.59-.13-1.19 0-1.77a4.243 4.243 0 0 1 4.17-3.3c2.36 0 4.26 1.87 4.26 4.19s-1.9 4.18-4.26 4.18zm11.37-.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.39-1.44 2.39a.34.34 0 0 1-.3.17h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.68-2.39-3.64a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.36 1.41-2.36a.34.34 0 0 1 .3-.17h1.61c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.38 3.64 2.43 3.67c.02.03.03.07.03.12-.03.13-.12.22-.24.22z' class='prefix__st1' enable-background='new' opacity='0.35'/%3E%3Cpath fill='%23FFFFFF' d='M10.5 1.24c-5.11 0-9.25 4.15-9.25 9.25s4.15 9.25 9.25 9.25 9.25-4.15 9.25-9.25c0-5.11-4.14-9.25-9.25-9.25zm4.39 11.53c-1.93 1.93-4.78 2.31-6.7 2.31-.7 0-1.41-.05-2.1-.16 0 0-1.02-5.64 2.14-8.81a4.4 4.4 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42 1.84 1.84 1.89 4.75.14 6.52z' class='prefix__st0' enable-background='new' opacity='0.9'/%3E%3Cpath d='M10.5-.01C4.7-.01 0 4.7 0 10.49s4.7 10.5 10.5 10.5S21 16.29 21 10.49C20.99 4.7 16.3-.01 10.5-.01zm0 19.75c-5.11 0-9.25-4.15-9.25-9.25s4.14-9.26 9.25-9.26 9.25 4.15 9.25 9.25c0 5.13-4.14 9.26-9.25 9.26z' class='prefix__st1' enable-background='new' opacity='0.35'/%3E%3Cpath d='M14.74 6.25c-1.84-1.84-4.76-1.9-6.51-.15-3.16 3.17-2.14 8.81-2.14 8.81s5.64 1.02 8.81-2.14c1.74-1.77 1.69-4.68-.16-6.52zm-2.27 4.09-.91 1.87-.9-1.87-1.86-.91 1.86-.9.9-1.87.91 1.87 1.86.9-1.86.91z' class='prefix__st1' enable-background='new' opacity='0.35'/%3E%3Cpolygon fill='%23FFFFFF' points='14.33 9.43 12.47 10.34 11.56 12.21 10.66 10.34 8.8 9.43 10.66 8.53 11.56 6.66 12.47 8.53' class='prefix__st0' enable-background='new' opacity='0.9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 21px;
    margin: 0 0 -3px -3px;
    width: 85px
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' enable-background='new 0 0 21 21' viewBox='0 0 21 21'%3E%3Cg transform='translate(0 .01)'%3E%3Cpath fill='%23ffffff' d='M10.5 1.24c-5.11 0-9.25 4.15-9.25 9.25s4.15 9.25 9.25 9.25 9.25-4.15 9.25-9.25c0-5.11-4.14-9.25-9.25-9.25zm4.39 11.53c-1.93 1.93-4.78 2.31-6.7 2.31-.7 0-1.41-.05-2.1-.16 0 0-1.02-5.64 2.14-8.81a4.4 4.4 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42 1.84 1.84 1.89 4.75.14 6.52z' class='prefix__st0' enable-background='new' opacity='0.9'/%3E%3Cpath d='M10.5-.01C4.7-.01 0 4.7 0 10.49s4.7 10.5 10.5 10.5S21 16.29 21 10.49C20.99 4.7 16.3-.01 10.5-.01Zm0 19.75c-5.11 0-9.25-4.15-9.25-9.25s4.14-9.26 9.25-9.26 9.25 4.15 9.25 9.25c0 5.13-4.14 9.26-9.25 9.26z' class='prefix__st1' enable-background='new' opacity='0.35'/%3E%3Cpath d='M14.74 6.25c-1.84-1.84-4.76-1.9-6.51-.15-3.16 3.17-2.14 8.81-2.14 8.81s5.64 1.02 8.81-2.14c1.74-1.77 1.69-4.68-.16-6.52Zm-2.27 4.09-.91 1.87-.9-1.87-1.86-.91 1.86-.9.9-1.87.91 1.87 1.86.9z' class='prefix__st1' enable-background='new' opacity='0.35'/%3E%3Cpolygon fill='%23ffffff' points='11.56 12.21 10.66 10.34 8.8 9.43 10.66 8.53 11.56 6.66 12.47 8.53 14.33 9.43 12.47 10.34' class='prefix__st0' enable-background='new' opacity='0.9'/%3E%3C/g%3E%3C/svg%3E");
    height: 21px;
    width: 21px
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    background-color: hsla(0, 0%, 100%, .5);
    margin: 0;
    padding: 0 5px
}

@media screen {
    .mapboxgl-ctrl-attrib.mapboxgl-compact {
        background-color: #fff;
        border-radius: 3px 12px 12px 3px;
        margin: 10px;
        position: relative
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
        padding: 2px 24px 2px 4px;
        visibility: visible
    }

    .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:hover,
    .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
        border-radius: 12px 3px 3px 12px;
        padding: 2px 4px 2px 24px
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
        display: none
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {
        display: block
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        background-color: hsla(0, 0%, 100%, .5);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
        border-radius: 12px;
        box-sizing: border-box;
        content: "";
        cursor: pointer;
        height: 24px;
        position: absolute;
        width: 24px
    }

    .mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        bottom: 0;
        right: 0
    }

    .mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        right: 0;
        top: 0
    }

    .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        left: 0;
        top: 0
    }

    .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
        bottom: 0;
        left: 0
    }
}

.mapboxgl-ctrl-attrib a {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.mapboxgl-ctrl-attrib a:hover {
    color: inherit;
    text-decoration: underline
}

.mapboxgl-ctrl-attrib .mapbox-improve-map {
    font-weight: 700;
    margin-left: 2px
}

.mapboxgl-attrib-empty {
    display: none
}

.mapboxgl-ctrl-scale {
    background-color: hsla(0, 0%, 100%, .75);
    border: 2px solid #333;
    border-top: #333;
    box-sizing: border-box;
    color: #333;
    font-size: 10px;
    padding: 0 5px
}

.mapboxgl-popup {
    display: flex;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    will-change: transform
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
    flex-direction: column
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
    flex-direction: column-reverse
}

.mapboxgl-popup-anchor-left {
    flex-direction: row
}

.mapboxgl-popup-anchor-right {
    flex-direction: row-reverse
}

.mapboxgl-popup-tip {
    border: 10px solid transparent;
    height: 0;
    width: 0;
    z-index: 1
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    align-self: center;
    border-bottom-color: #fff;
    border-top: none
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
    align-self: flex-start;
    border-bottom-color: #fff;
    border-left: none;
    border-top: none
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    align-self: flex-end;
    border-bottom-color: #fff;
    border-right: none;
    border-top: none
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    align-self: center;
    border-bottom: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
    align-self: flex-start;
    border-bottom: none;
    border-left: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    align-self: flex-end;
    border-bottom: none;
    border-right: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    align-self: center;
    border-left: none;
    border-right-color: #fff
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    align-self: center;
    border-left-color: #fff;
    border-right: none
}

.mapboxgl-popup-close-button {
    background-color: transparent;
    border: 0;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.mapboxgl-popup-close-button:hover {
    background-color: rgba(0, 0, 0, .05)
}

.mapboxgl-popup-content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    padding: 10px 10px 15px;
    pointer-events: auto;
    position: relative
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
    border-top-left-radius: 0
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
    border-top-right-radius: 0
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
    border-bottom-left-radius: 0
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
    border-bottom-right-radius: 0
}

.mapboxgl-marker {
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform
}

.mapboxgl-user-location-dot {
    box-shadow: 0 0 2px rgba(0, 0, 0, .25)
}

.mapboxgl-user-location-dot,
.mapboxgl-user-location-dot:before {
    background-color: #1da1f2;
    border-radius: 50%;
    height: 15px;
    width: 15px
}

.mapboxgl-user-location-dot:before {
    animation: mapboxgl-user-location-dot-pulse 2s infinite;
    content: "";
    position: absolute
}

.mapboxgl-user-location-dot:after {
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 19px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 19px
}

@keyframes mapboxgl-user-location-dot-pulse {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    70% {
        opacity: 0;
        transform: scale(3)
    }

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

.mapboxgl-user-location-dot-stale {
    background-color: #aaa
}

.mapboxgl-user-location-dot-stale:after {
    display: none
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
    cursor: crosshair
}

.mapboxgl-boxzoom {
    background: #fff;
    border: 2px dotted #202020;
    height: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 0
}

@media print {
    .mapbox-improve-map {
        display: none
    }
}

.rc-slider {
    border-radius: 6px;
    height: 14px;
    padding: 5px 0;
    position: relative;
    touch-action: none;
    width: 100%
}

.rc-slider,
.rc-slider * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box
}

.rc-slider-rail {
    background-color: #e9e9e9;
    width: 100%
}

.rc-slider-rail,
.rc-slider-track {
    border-radius: 6px;
    height: 4px;
    position: absolute
}

.rc-slider-track {
    background-color: #abe2fb;
    left: 0
}

.rc-slider-handle {
    background-color: #fff;
    border: 2px solid #96dbfa;
    border-radius: 50%;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: grab;
    height: 14px;
    margin-top: -5px;
    position: absolute;
    touch-action: pan-x;
    width: 14px
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
    border-color: #57c5f7;
    box-shadow: 0 0 0 5px #96dbfa
}

.rc-slider-handle:focus {
    outline: none
}

.rc-slider-handle-click-focused:focus {
    border-color: #96dbfa;
    box-shadow: unset
}

.rc-slider-handle:hover {
    border-color: #57c5f7
}

.rc-slider-handle:active {
    border-color: #57c5f7;
    box-shadow: 0 0 5px #57c5f7;
    cursor: grabbing
}

.rc-slider-mark {
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 100%
}

.rc-slider-mark-text {
    color: #999;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-align: center;
    vertical-align: middle
}

.rc-slider-mark-text-active {
    color: #666
}

.rc-slider-step {
    background: transparent;
    height: 4px;
    position: absolute;
    width: 100%
}

.rc-slider-dot {
    background-color: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 50%;
    bottom: -2px;
    cursor: pointer;
    height: 8px;
    margin-left: -4px;
    position: absolute;
    vertical-align: middle;
    width: 8px
}

.rc-slider-dot-active {
    border-color: #96dbfa
}

.rc-slider-dot-reverse {
    margin-right: -4px
}

.rc-slider-disabled {
    background-color: #e9e9e9
}

.rc-slider-disabled .rc-slider-track {
    background-color: #ccc
}

.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-handle {
    background-color: #fff;
    border-color: #ccc;
    box-shadow: none;
    cursor: not-allowed
}

.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-mark-text {
    cursor: not-allowed !important
}

.rc-slider-vertical {
    height: 100%;
    padding: 0 5px;
    width: 14px
}

.rc-slider-vertical .rc-slider-rail {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-track {
    bottom: 0;
    left: 5px;
    width: 4px
}

.rc-slider-vertical .rc-slider-handle {
    margin-left: -5px;
    touch-action: pan-y
}

.rc-slider-vertical .rc-slider-mark {
    height: 100%;
    left: 18px;
    top: 0
}

.rc-slider-vertical .rc-slider-step {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-dot {
    left: 2px;
    margin-bottom: -4px
}

.rc-slider-vertical .rc-slider-dot:first-child,
.rc-slider-vertical .rc-slider-dot:last-child {
    margin-bottom: -4px
}

.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    display: block !important
}

.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
    animation-name: rcSliderTooltipZoomDownIn;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    animation-name: rcSliderTooltipZoomDownOut;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter {
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    transform: scale(0)
}

.rc-slider-tooltip-zoom-down-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@keyframes rcSliderTooltipZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes rcSliderTooltipZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(0);
        transform-origin: 50% 100%
    }
}

.rc-slider-tooltip {
    left: -9999px;
    position: absolute;
    top: -9999px;
    visibility: visible
}

.rc-slider-tooltip,
.rc-slider-tooltip * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box
}

.rc-slider-tooltip-hidden {
    display: none
}

.rc-slider-tooltip-placement-top {
    padding: 4px 0 8px
}

.rc-slider-tooltip-inner {
    background-color: #6c6c6c;
    border-radius: 6px;
    box-shadow: 0 0 4px #d9d9d9;
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 1;
    min-width: 24px;
    padding: 6px 2px;
    text-align: center;
    text-decoration: none
}

.rc-slider-tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    border-top-color: #6c6c6c;
    border-width: 4px 4px 0;
    bottom: 4px;
    left: 50%;
    margin-left: -4px
}