@charset "UTF-8";
/* Theme Name: LGBTQ+ Museum 2020-23 (Civilization) Theme URI: http://builtbycivilization.com Description: Custom Wordpress CMS + Templates Version: 1.2 Author: Civilization Author URI: http://builtbycivilization.com */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, select { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

html { overflow-y: scroll; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

a:hover, :active, :focus { outline: none; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

button { width: auto; overflow: visible; border: 0; background: transparent; }

.ie7 img { -ms-interpolation-mode: bicubic; }

.white-bg { background-color: #ffffff; }

.white-bg .captcha { background-color: #ffffff; }

.white-text { color: #ffffff; }

.white-text button, .white-text input[type="submit"], .white-text .button { color: #ffffff; border-color: #ffffff; }

.white-text a:not(:focus):not(:hover) { color: #ffffff; }

.white-text svg { fill: #ffffff; }

.fill-white { fill: #ffffff; }

.black-bg { background-color: #000000; }

.black-bg .captcha { background-color: #000000; }

.black-text { color: #000000; }

.black-text button, .black-text input[type="submit"], .black-text .button { color: #000000; border-color: #000000; }

.black-text a:not(:focus):not(:hover) { color: #000000; }

.black-text svg { fill: #000000; }

.fill-black { fill: #000000; }

.yellow-bg { background-color: #FFD739; }

.yellow-bg .captcha { background-color: #FFD739; }

.yellow-text { color: #FFD739; }

.yellow-text button, .yellow-text input[type="submit"], .yellow-text .button { color: #FFD739; border-color: #FFD739; }

.yellow-text a:not(:focus):not(:hover) { color: #FFD739; }

.yellow-text svg { fill: #FFD739; }

.fill-yellow { fill: #FFD739; }

.purple-bg { background-color: #8C5BC6; }

.purple-bg .captcha { background-color: #8C5BC6; }

.purple-text { color: #8C5BC6; }

.purple-text button, .purple-text input[type="submit"], .purple-text .button { color: #8C5BC6; border-color: #8C5BC6; }

.purple-text a:not(:focus):not(:hover) { color: #8C5BC6; }

.purple-text svg { fill: #8C5BC6; }

.fill-purple { fill: #8C5BC6; }

.red-bg { background-color: #F15B44; }

.red-bg .captcha { background-color: #F15B44; }

.red-text { color: #F15B44; }

.red-text button, .red-text input[type="submit"], .red-text .button { color: #F15B44; border-color: #F15B44; }

.red-text a:not(:focus):not(:hover) { color: #F15B44; }

.red-text svg { fill: #F15B44; }

.fill-red { fill: #F15B44; }

.aqua-bg { background-color: #58D7CA; }

.aqua-bg .captcha { background-color: #58D7CA; }

.aqua-text { color: #58D7CA; }

.aqua-text button, .aqua-text input[type="submit"], .aqua-text .button { color: #58D7CA; border-color: #58D7CA; }

.aqua-text a:not(:focus):not(:hover) { color: #58D7CA; }

.aqua-text svg { fill: #58D7CA; }

.fill-aqua { fill: #58D7CA; }

.pink-bg { background-color: #F087DD; }

.pink-bg .captcha { background-color: #F087DD; }

.pink-text { color: #F087DD; }

.pink-text button, .pink-text input[type="submit"], .pink-text .button { color: #F087DD; border-color: #F087DD; }

.pink-text a:not(:focus):not(:hover) { color: #F087DD; }

.pink-text svg { fill: #F087DD; }

.fill-pink { fill: #F087DD; }

.dark-pink-bg { background-color: #E662CC; }

.dark-pink-bg .captcha { background-color: #E662CC; }

.dark-pink-text { color: #E662CC; }

.dark-pink-text button, .dark-pink-text input[type="submit"], .dark-pink-text .button { color: #E662CC; border-color: #E662CC; }

.dark-pink-text a:not(:focus):not(:hover) { color: #E662CC; }

.dark-pink-text svg { fill: #E662CC; }

.fill-dark-pink { fill: #E662CC; }

.black-text :-webkit-autofill { -webkit-text-fill-color: #ffffff; -webkit-box-shadow: 0 0 0px 1000px #000000 inset; }

.black-text :-webkit-autofill::selection { -webkit-text-fill-color: #000000; }

.black-text :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #ffffff; -moz-box-shadow: 0 0 0px 1000px #000000 inset; }

.black-text :-moz-autofill:-moz-selection { -moz-text-fill-color: #000000; }

.black-text ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #ffffff; -moz-box-shadow: 0 0 0px 1000px #000000 inset; }

.black-text ::-moz-autofill::-moz-selection { -moz-text-fill-color: #000000; }

.black-text ::-webkit-input-placeholder { color: #ffffff; opacity: 0.5; }

.black-text :-moz-placeholder { /* Firefox 18- */ color: #ffffff; opacity: 0.5; }

.black-text ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; opacity: 0.5; }

.black-text :-ms-input-placeholder { color: #ffffff; overflow: hidden; }

.white-text :-webkit-autofill { -webkit-text-fill-color: #000000 !important; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; }

.white-text :-webkit-autofill::selection { -webkit-text-fill-color: #ffffff; }

.white-text :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #ffffff inset; }

.white-text :-moz-autofill:-moz-selection { -moz-text-fill-color: #ffffff; }

.white-text ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000000; -moz-box-shadow: 0 0 0px 1000px #ffffff inset; }

.white-text ::-moz-autofill::-moz-selection { -moz-text-fill-color: #ffffff; }

.white-text ::-webkit-input-placeholder { color: #000000; opacity: 0.5; }

.white-text :-moz-placeholder { /* Firefox 18- */ color: #000000; opacity: 0.5; }

.white-text ::-moz-placeholder { /* Firefox 19+ */ color: #000000; opacity: 0.5; }

.white-text :-ms-input-placeholder { color: #000000; overflow: hidden; }

.object-cover video, .object-cover img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%; font-family: 'object-fit: cover;'; }

.object-contain video, .object-contain img { display: block; width: 100%; height: 100%; object-fit: contain; font-family: 'object-fit: contain;'; }

.split .split-text ul:not(.social-media):not(.footer-menu):not(.slick-dots), .wrap.text-wrap ul:not(.social-media):not(.footer-menu):not(.slick-dots) { list-style-type: none; }

.split .split-text ul:not(.social-media):not(.footer-menu):not(.slick-dots) li, .wrap.text-wrap ul:not(.social-media):not(.footer-menu):not(.slick-dots) li { text-indent: -1em; }

.split .split-text ul:not(.social-media):not(.footer-menu):not(.slick-dots) li::before, .wrap.text-wrap ul:not(.social-media):not(.footer-menu):not(.slick-dots) li::before { content: '▪ '; text-indent: -1em; margin-right: 0.25em; }

.split .split-text ul:not(.social-media):not(.footer-menu):not(.slick-dots) ul li::before, .wrap.text-wrap ul:not(.social-media):not(.footer-menu):not(.slick-dots) ul li::before { content: '▴ '; }

.split .split-text ul:not(.social-media):not(.footer-menu):not(.slick-dots) ul ul li::before, .wrap.text-wrap ul:not(.social-media):not(.footer-menu):not(.slick-dots) ul ul li::before { content: '• '; }

.split .split-text ul:not(.social-media):not(.footer-menu):not(.slick-dots), .wrap.text-wrap ul:not(.social-media):not(.footer-menu):not(.slick-dots), .split .split-text ol, .wrap.text-wrap ol { list-style-position: outside; padding-left: 1em; }

.split .split-text ul:not(.social-media):not(.footer-menu):not(.slick-dots) ul, .wrap.text-wrap ul:not(.social-media):not(.footer-menu):not(.slick-dots) ul, .split .split-text ul:not(.social-media):not(.footer-menu):not(.slick-dots) li + li, .wrap.text-wrap ul:not(.social-media):not(.footer-menu):not(.slick-dots) li + li, .split .split-text ol ul, .wrap.text-wrap ol ul, .split .split-text ol li + li, .wrap.text-wrap ol li + li { margin-top: 1em; }

input, textarea, button, select, body, .object-cover video .caption, .object-cover img .caption, .object-contain video .caption, .object-contain img .caption { font-family: neue-haas-unica, sans-serif; }

h6, th, h2.section-title { font-family: bebas-neue-pro, 'Arial Narrow', sans-serif; font-weight: 600; font-style: normal; }

.hero p, strong, b { font-weight: 500; }

cite span, h6, th { font-weight: 600; }

menu.main-menu a, input[type="submit"], .button, h5 { font-weight: 700; }

.error-modal h2, .four-oh-four h2, .intro-text.home-intro p, blockquote, h4, .contact-links a, h3, q { font-family: degular, sans-serif; font-weight: 700; font-style: normal; }

.hero:not(.no-image) h2 { font-family: degular, sans-serif; font-weight: 800; font-style: normal; }

em, i { font-style: italic; }

::selection { background: #8C5BC6; color: #ffffff; text-shadow: none; }

::-moz-selection { background: #8C5BC6; color: #ffffff; text-shadow: none; }

html { width: 100%; min-height: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; /* fixes FF over-bolding */ -ms-overflow-style: -ms-autohiding-scrollbar; font-size: 62.5%; /* 10px reset */ position: relative; background: #000000; color: #000000; -webkit-overflow-scrolling: touch; }

body { width: 100%; min-height: 100%; font-size: 1.6rem; line-height: 1.325; overflow-x: hidden; }

@media only screen and (min-width: 700px) { body { font-size: 2rem; font-size: calc(1rem + 0.5vw); } }

body.modal-open { height: 100%; height: 100vh; overflow-y: hidden; }

h1 { font-size: 300%; line-height: 1; }

h2 { font-size: 175%; line-height: 1.1; }

h2.section-title { text-transform: uppercase; }

@media only screen and (min-width: 700px) { h2 { font-size: 250%; } }

@media all and (orientation: portrait) and (min-width: 700px) { .home-hero h2 { font-size: 300%; } }

@media all and (orientation: landscape) and (min-width: 1024px) { .home-hero h2 { font-size: 300%; } }

h3, q { font-size: 2.2rem; line-height: 1.1; }

@media only screen and (min-width: 769px) { h3, q { font-size: 187.5%; } }

h4, .contact-links a { font-size: 1.8rem; line-height: 1.2; }

@media only screen and (min-width: 769px) { h4, .contact-links a { font-size: 150%; } }

h5 { text-transform: uppercase; font-size: 1.4rem; letter-spacing: 0.05em; }

h6, th { font-size: 1.2rem; line-height: 1.25; text-transform: uppercase; position: relative; z-index: 1; }

@media only screen and (min-width: 769px) { h6, th { font-size: 75%; } }

h6 { display: block; }

small { font-size: 1.1rem; }

@media only screen and (min-width: 769px) { small { font-size: 85%; } }

.upper { text-transform: uppercase; }

q { display: block; /* @include responsive(min, 930) { max-width: 92rem; margin: 0 auto; } */ }

q.quote { quotes: "\201C" "\201D" "\2018" "\2019"; }

q.quote p { display: inline; }

q.quote::before { display: inline; content: open-quote; }

q.quote::after { display: inline; content: close-quote; margin-left: -0.125em; }

svg + q { margin-top: 4rem; }

blockquote { font-size: 150%; }

cite { display: block; font-style: normal; font-size: 90%; margin-top: 2rem; }

@media only screen and (min-width: 700px) { cite { margin-top: 3rem; } }

hr { display: block; width: 100%; height: 2px; background-color: #000000; border: 0; margin: 5rem 0; }

.button-wrap + hr { margin-top: 2.5rem; }

.white-text hr { background-color: #ffffff; }

p + h3, ul + h3, ol + h3, h1 + hr, h1 + p, h1 + form, h2 + hr, h2 + h3, ul + h4, p + h4, ol + h4, blockquote + h3, hr + h3 { margin-top: 1.5em; }

h3 + div, h3 + hr + p, h6 + h4, h3 + p, h3 + h4, h3 + ul, h3 + h5, h3 + ol, ul + hr, ul + ul, ul + hr + ul, ul + p, ul + hr + p, hr + p, p + ul, ol + p, p + ol, h2 + p, p + blockquote, blockquote + p, h3 + blockquote, h5 + ul, h5 + h3, h4 + ul, h4 + p, p + p { margin-top: 1em; }

input, textarea, button, select { -webkit-appearance: none; -moz-appearance: none; }

input[disabled], textarea[disabled], button[disabled], select[disabled] { opacity: 0.625; cursor: default !important; }

input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { display: block; width: 100%; background-color: transparent; color: inherit; font-size: inherit; line-height: 4rem; padding: 0 1rem; margin: 0 auto; position: relative; border-radius: 0; z-index: 1; }

.black-text input[type="text"], .black-text input[type="number"], .black-text input[type="password"], .black-text input[type="email"], .black-text input[type="tel"], .black-text textarea, .black-text select { background-color: #000000; color: #ffffff; }

.white-text input[type="text"], .white-text input[type="number"], .white-text input[type="password"], .white-text input[type="email"], .white-text input[type="tel"], .white-text textarea, .white-text select { background-color: #ffffff; color: #000000; }

html[data-touch-events] input[type="text"], html[data-touch-events] input[type="number"], html[data-touch-events] input[type="password"], html[data-touch-events] input[type="email"], html[data-touch-events] input[type="tel"], html[data-touch-events] textarea, html[data-touch-events] select { font-size: 1.6rem; }

@-moz-document url-prefix() { input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { line-height: 2 !important; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { height: 2.9rem; } }

textarea { line-height: 1.45; padding: 1rem; height: 12rem; }

input[type="radio"], input[type="checkbox"] { background: transparent; -webkit-appearance: none; width: 1.6rem !important; height: 1.6rem; vertical-align: middle; margin-right: 1rem; margin-top: -2px; color: inherit; border: 2px solid; font-size: 2.4rem; line-height: 1.25; position: relative; cursor: pointer; }

@media only screen and (min-width: 700px) { input[type="radio"], input[type="checkbox"] { border-width: 3px; } }

input[type="radio"]:checked, input[type="checkbox"]:checked { background-color: #000000; }

input[type="radio"]:focus:not(:active), input[type="radio"]:hover, input[type="checkbox"]:focus:not(:active), input[type="checkbox"]:hover { background-color: #8C5BC6; }

input[type="radio"]:active, input[type="checkbox"]:active { box-shadow: 0 0 0 1px #000000; }

.white-text input[type="radio"]:focus:not(:active), .white-text input[type="radio"]:hover, .white-text input[type="checkbox"]:focus:not(:active), .white-text input[type="checkbox"]:hover { background-color: #58D7CA; }

.white-text input[type="radio"]:checked::after, .white-text input[type="checkbox"]:checked::after { color: #ffffff; }

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

select { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 4px center; background-size: auto 12px; padding-right: 24px; }

a { color: inherit; }

a:not(.button):hover, a:not(.button):focus:not(:active) { color: #8C5BC6; }

.pink-bg a:not(.button):hover, .pink-bg a:not(.button):focus:not(:active) { color: #5a308b; }

.red-bg a:hover, .red-bg a:focus:not(:active) { color: #58D7CA; }

button { font-size: inherit; }

button:not(.button):hover, button:not(.button):focus:not(:active) { color: #8C5BC6; }

button::-moz-focus-inner { border: 0; }

input[type="submit"], .button { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; color: inherit; cursor: pointer; padding: 0.8rem 1.2rem; border: 2px solid; font-size: 1.2rem; border-radius: 0; text-transform: uppercase; text-decoration: none; letter-spacing: 0.05em; }

input[type="submit"]:not([disabled]):hover, input[type="submit"]:not([disabled]):focus:not(:active), .button:not([disabled]):hover, .button:not([disabled]):focus:not(:active) { color: #ffffff; background-color: #000000; border-color: #000000; text-shadow: none; }

@media only screen and (min-width: 700px) { input[type="submit"], .button { border: 3px solid; font-size: 1.4rem; } }

section, footer { position: relative; width: 100%; }

iframe { width: 100%; }

svg, img { display: block; max-width: 100%; }

.align-center svg, .align-center img { margin-left: auto; margin-right: auto; }

svg { overflow: visible; }

.content { z-index: 1; }

footer, .button { z-index: 2; }

.modal { z-index: 5; }

header { z-index: 8; }

menu { z-index: 7; }

.content { position: relative; z-index: 1; width: 100%; width: 100vw; background-color: #ffffff; will-change: opacity; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }

body.modal-open:not(.menu-open) .content { opacity: 0.75; }

section { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; z-index: 1; }

section:hover, section:focus-within { z-index: 2; }

.wrap { display: block; width: 100%; padding: 4rem 2.5rem; margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 700px) { .wrap { padding: 8rem 4rem; } }

@media only screen and (min-width: 1024px) { .wrap { padding: 12rem 4rem; } }

.wrap.text-wrap { max-width: 48em; }

.wrap.narrow { max-width: 36em; }

.wrap.wide { max-width: 64em; }

.wrap.lite { padding-top: 4rem; padding-bottom: 4rem; }

.wrap.lite-top { padding-top: 2rem; }

@media only screen and (min-width: 1024px) { .wrap.lite-top { padding-top: 3rem; } }

.wrap.lite-bot { padding-bottom: 2rem; }

@media only screen and (min-width: 1024px) { .wrap.lite-bot { padding-bottom: 3rem; } }

.wrap.grid-wrap { padding: 5.25rem 5.25rem 7.75rem; }

.wrap.full-width { padding-left: 0; padding-right: 0; }

.wrap img, .wrap iframe { display: block; }

@media only screen and (max-width: 700px) { .wrap .split .wrap { padding-left: 0; padding-right: 0; } }

.wrap.flush-top { padding-top: 0 !important; }

.wrap.flush-bot { padding-bottom: 0 !important; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-center ul, .align-center ol { list-style: none !important; padding-left: 0 !important; }

.align-right { text-align: right; }

.intro-text p { zoom: 1.375; line-height: 1.125; }

@-moz-document url-prefix() { .intro-text p { font-size: 137.5%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .intro-text p { zoom: 1 !important; font-size: 137.5%; } }

@media only screen and (max-width: 699px) { .intro-text.home-intro { padding-bottom: 0 !important; } }

@media all and (orientation: portrait) and (min-width: 700px) { .intro-text.home-intro p { zoom: 2.25; } @-moz-document url-prefix() { .intro-text.home-intro p { font-size: 222.5%; } } }

@media all and (orientation: portrait) and (min-width: 700px) and (-ms-high-contrast: none), all and (orientation: portrait) and (min-width: 700px) and (-ms-high-contrast: active) { .intro-text.home-intro p { zoom: 1 !important; font-size: 222.5%; } }

@media all and (orientation: landscape) and (min-width: 1024px) { .intro-text.home-intro p { zoom: 2.25; } @-moz-document url-prefix() { .intro-text.home-intro p { font-size: 222.5%; } } }

@media all and (orientation: landscape) and (min-width: 1024px) and (-ms-high-contrast: none), all and (orientation: landscape) and (min-width: 1024px) and (-ms-high-contrast: active) { .intro-text.home-intro p { zoom: 1 !important; font-size: 222.5%; } }

.home-intro h2 + p { margin-top: 0; }

.button-wrap { margin: 2.5rem -0.7rem -1.25rem 0; letter-spacing: -0.31em; text-rendering: optimizeLegibility; }

.button-wrap a.button, .button-wrap button { margin: 0 1.25rem 1.25rem 0; }

.align-center .button-wrap { margin: 2.5rem -0.7rem -1.25rem; }

.align-center .button-wrap a.button, .align-center .button-wrap button { margin: 0 0.7rem 1.25rem; }

.button-wrap:first-child { margin-top: 0 !important; }

.button-wrap:last-child { margin-bottom: 0 !important; }

.button-wrap a:not(.button) { letter-spacing: normal; display: block; }

.button-wrap p { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; display: block; }

@media only screen and (min-width: 700px) { .button-wrap { margin: 2.5rem -1.25rem -1.25rem 0; } .button-wrap a.button, .button-wrap button { margin: 0 2.5rem 1.25rem 0; } .align-center .button-wrap { margin: 2.5rem -1.25rem -1.25rem; } .align-center .button-wrap a.button, .align-center .button-wrap button { margin: 0 1.25rem 1.25rem; } }

.white-text svg { fill: #ffffff; }

.white-text a:not(.button):hover, .white-text a:not(.button):focus:not(:active), .white-text button:hover, .white-text button:focus:not(:active) { color: #58D7CA; }

.white-text input[type="submit"]:hover, .white-text input[type="submit"]:focus:not(:active), .white-text .button:hover, .white-text .button:focus:not(:active) { background-color: #ffffff; border-color: #ffffff; color: #000000; }

.white-text :-webkit-autofill { -webkit-text-fill-color: #ffffff; border: 1px solid #ffffff; }

.white-text :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #ffffff; border: 1px solid #ffffff; }

.white-text ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #ffffff; border: 1px solid #ffffff; }

.white-text ::-webkit-input-placeholder { color: #ffffff; opacity: 0.5; }

.white-text :-moz-placeholder { /* Firefox 18- */ color: #ffffff; opacity: 0.5; }

.white-text ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; opacity: 0.5; }

.white-text :-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); overflow: hidden; }

.slide-image + p, .video-wrap + p { margin-top: 1.25rem; }

@media only screen and (max-width: 768px) { .content > section:not(.hero):first-child { padding-top: 7rem; } }

@media only screen and (min-width: 769px) { .content > section:not(.hero):first-child { padding-top: 9.7rem; } }

.content > section.hero:first-child > .wrap:first-child { margin-top: 7rem; }

@media only screen and (min-width: 700px) { .content > section.hero:first-child > .wrap:first-child { margin-top: 9.7rem; } }

.post-title-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; height: 100%; }

.post-title-wrap .social-share { margin-top: auto; padding-top: 5rem; }

@media only screen and (max-width: 768px) and (max-height: 400px) { .content { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } }

.four-oh-four svg { max-width: 84%; height: auto; margin: 0 auto 4rem; }

header { position: fixed; top: 0; left: 0; right: 0; height: 7rem; color: #ffffff; will-change: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

header::before { content: ''; display: block; background-color: #000000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 1; will-change: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

header .home-link { position: absolute; top: 0; left: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; height: 100%; }

header .home-link h1 { display: none; }

header .home-link svg { display: block; width: 16.3rem; }

header .home-link svg .transition { will-change: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; fill: #58D7CA; }

header .home-link:hover svg .transition, header .home-link:focus:not(:active) svg .transition { fill: #F087DD !important; }

header .header-reveal { position: absolute; top: 100%; left: 0; width: 100%; height: 0; }

body[data-loading="true"] header::before, header.transparent::before { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

body[data-loading="true"] header .home-link svg .transition, header.transparent .home-link svg .transition { fill: #ffffff; }

@media only screen and (max-width: 699px) { header .home-link { width: 21.3rem; } }

@media only screen and (min-width: 700px) { header { height: 9.7rem; } header .home-link { width: 24.3rem; } }

@media only screen and (max-width: 699px) { body.menu-open header::before { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ } }

body.hide-header header { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

body.hide-header header .header-reveal { height: 4rem; }

@media only screen and (min-width: 450px) { .donate-button { position: absolute; top: 0; right: 7.5rem; height: 7rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; } }

@media only screen and (min-width: 700px) { .donate-button { height: 9.7rem; right: 10.5rem; } }

.donate-button a:hover, .donate-button a:focus:not(:active) { filter: invert(1) hue-rotate(90deg); }

.donate-button a.button { padding-left: 2.5rem; padding-right: 2.5rem; }

.menu-button { position: absolute; top: 0; right: 0; padding: 2.5rem 2.5rem 3.6rem; display: block; overflow: visible; cursor: pointer; will-change: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.menu-button i { display: block; width: 2.5rem; height: 3px; background-color: #ffffff; will-change: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.menu-button i:nth-child(2) { -webkit-transform: translate3d(0, 5px, 0); -moz-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.menu-button i:nth-child(3) { -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); -o-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.menu-button:hover i, .menu-button:focus:not(:active) i { background-color: #F087DD; }

.menu-button:hover i + i, .menu-button:focus:not(:active) i + i { background-color: #FFD739; }

.menu-button:hover i + i + i, .menu-button:focus:not(:active) i + i + i { background-color: #58D7CA; }

@media only screen and (min-width: 700px) { .menu-button { padding: 3.8rem 4rem 3.6rem; } }

body.menu-open .menu-button i:nth-child(1) { -webkit-transform: translate3d(0, 8px, 0) rotate(300deg); -moz-transform: translate3d(0, 8px, 0) rotate(300deg); -ms-transform: translate3d(0, 8px, 0) rotate(300deg); -o-transform: translate3d(0, 8px, 0) rotate(300deg); transform: translate3d(0, 8px, 0) rotate(300deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

body.menu-open .menu-button i:nth-child(2) { -webkit-transform: translate3d(0, 5px, 0) rotate(180deg); -moz-transform: translate3d(0, 5px, 0) rotate(180deg); -ms-transform: translate3d(0, 5px, 0) rotate(180deg); -o-transform: translate3d(0, 5px, 0) rotate(180deg); transform: translate3d(0, 5px, 0) rotate(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

body.menu-open .menu-button i:nth-child(3) { -webkit-transform: translate3d(0, 2px, 0) rotate(60deg); -moz-transform: translate3d(0, 2px, 0) rotate(60deg); -ms-transform: translate3d(0, 2px, 0) rotate(60deg); -o-transform: translate3d(0, 2px, 0) rotate(60deg); transform: translate3d(0, 2px, 0) rotate(60deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

menu.main-menu { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; will-change: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ color: #ffffff; text-transform: uppercase; top: 0; right: 0; width: calc(50% - 4rem); height: 100%; padding-top: 9.7rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; /* Safari 7.0+ */ align-items: flex-start; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s, opacity 0.5s linear; will-change: visibility, opacity; will-change: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background-color: #000000; }

menu.main-menu a { color: #ffffff; text-decoration: none; font-size: 100%; letter-spacing: 0.05em; }

menu.main-menu a svg { fill: #ffffff; padding-top: 0.25em; width: 2rem; }

menu.main-menu a:hover, menu.main-menu a:focus:not(:active) { color: #F087DD !important; }

menu.main-menu a:hover svg, menu.main-menu a:focus:not(:active) svg { fill: #F087DD; }

menu.main-menu .menu-links .current a { cursor: default; color: #ffffff !important; }

menu.main-menu .menu-links .current span { border-bottom: 2px solid; }

body:not(.menu-open) menu.main-menu { -webkit-transform: translateX(2.5rem); -moz-transform: translateX(2.5rem); -ms-transform: translateX(2.5rem); -o-transform: translateX(2.5rem); transform: translateX(2.5rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

body.menu-open menu.main-menu { visibility: visible; opacity: 0.99999; transition-delay: 0s; }

menu.main-menu ul { width: 100%; }

menu.main-menu .menu-links { padding: 0 4rem; }

menu.main-menu .menu-links a { display: block; border: 0; }

menu.main-menu .menu-links li + li { margin-top: 1.25rem; }

menu.main-menu .column { padding: 4rem; }

menu.main-menu .column h4 { display: none; }

menu.main-menu .column a { line-height: 2.5rem; }

@media only screen and (max-width: 699px) { menu.main-menu { padding-top: 7rem; min-width: auto; width: 100%; } menu.main-menu .menu-links { padding: 0 2.5rem; } menu.main-menu .column { padding: 2.5rem; } menu.main-menu .donate-button a.button { padding: 0 2.5rem; border-left: 0; } }

@media only screen and (max-width: 449px) { menu.main-menu { -webkit-justify-content: space-between; /* Safari 7.0+ */ justify-content: space-between; } menu.main-menu .menu-links { margin-top: 2.5rem; } }

@media only screen and (min-width: 450px) { menu.main-menu .column { margin-top: auto; } }

@media only screen and (min-width: 1440px) { menu.main-menu { width: calc(25% - 2rem); } }

header.transparent.over-pink .home-link:hover svg .transition, header.transparent.over-pink .home-link:focus:not(:active) svg .transition { fill: #58D7CA !important; }

header.transparent.over-pink ~ menu.main-menu a:hover, header.transparent.over-pink ~ menu.main-menu a:focus:not(:active) { color: #58D7CA !important; }

header.transparent.over-pink ~ menu.main-menu a:hover svg, header.transparent.over-pink ~ menu.main-menu a:focus:not(:active) svg { fill: #58D7CA; }

header.transparent.over-pink ~ menu.main-menu .donate .button:hover, header.transparent.over-pink ~ menu.main-menu .donate .button:focus:not(:active) { background-color: #58D7CA; border-color: #58D7CA; color: #000000 !important; }

header.transparent.over-yellow .home-link:hover svg .transition, header.transparent.over-yellow .home-link:focus:not(:active) svg .transition { fill: #8C5BC6 !important; }

header.transparent.over-yellow ~ menu.main-menu a:hover, header.transparent.over-yellow ~ menu.main-menu a:focus:not(:active) { color: #8C5BC6 !important; }

header.transparent.over-yellow ~ menu.main-menu a:hover svg, header.transparent.over-yellow ~ menu.main-menu a:focus:not(:active) svg { fill: #8C5BC6; }

header.transparent.over-yellow ~ menu.main-menu .donate .button:hover, header.transparent.over-yellow ~ menu.main-menu .donate .button:focus:not(:active) { background-color: #8C5BC6; border-color: #8C5BC6; color: #ffffff !important; }

.page-anchor { display: block; position: absolute; visibility: hidden; top: -7rem; }

footer a { text-decoration: none; }

footer a:hover, footer a:focus:not(:active) { text-decoration: none; color: #F087DD; }

footer .footer-end { padding-top: 10rem; }

.footer-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; font-size: 1.6rem; }

.footer-wrap small { opacity: 0.5; }

.footer-wrap small:hover, .footer-wrap small:focus-within { opacity: 1; }

.footer-wrap h4 { line-height: 1; }

@media only screen and (max-width: 1023px) { .footer-wrap { padding: 2.75rem 4rem; } }

@media only screen and (max-width: 699px) { .footer-wrap { padding: 2.5rem; } .footer-wrap .column { width: 61.8%; } .footer-wrap .column + .column { width: 38.2%; padding-left: 4rem; } .footer-wrap small { display: block; } .footer-wrap small + small { margin-top: 1rem; margin-bottom: -1.5rem; } }

@media only screen and (max-width: 450px) { .footer-wrap { -webkit-flex-direction: column; flex-direction: column; } .footer-wrap .column { width: 100%; } .footer-wrap .column + .column { margin-top: 2.5rem; padding-left: 0; } }

@media only screen and (min-width: 700px) { .footer-wrap .column { display: inline-block; vertical-align: top; width: 12.5%; } .footer-wrap .column.col2 { width: 25%; } .footer-wrap .column.col3 { width: 37.5%; } .footer-wrap .column.col4 { width: 50%; } .footer-wrap .column.col5 { width: 50%; } .footer-wrap .column.col6 { width: 75%; } .footer-wrap .column.col7 { width: 87.5%; } .footer-wrap small + small { margin-left: 2.5rem; } }

@media only screen and (min-width: 1024px) { .footer-wrap { padding: 0 2.5rem; } .footer-wrap .column { padding: 5rem 1.25rem; } .footer-wrap:last-child .column { padding: 2.5rem 1.25rem; } }

.footer-end { max-width: 36rem; }

.footer-end svg { width: 100%; height: auto; }

.footer-end svg .transition { fill: #58D7CA; }

.footer-end .home-link:hover .transition, .footer-end .home-link:focus:not(:active) .transition { fill: #F087DD; }

.grid-item { vertical-align: top; position: relative; padding: 1.25rem; }

.grid-item h4 + p { margin-top: 4px; }

.grid-item p + h5 { margin-top: 2.5rem; }

.grid-image { position: relative; width: 100%; height: 0; padding-bottom: 80%; overflow: hidden; background-color: #8C5BC6; }

.pink-bg .grid-image { background-color: #723db1; }

.who-section .grid-image { padding-bottom: 100%; margin-bottom: 2.5rem; border-radius: 50%; }

.grid-image img { position: absolute; top: 0; left: 0; }

.grid-image .event-note { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; line-height: 1.1; display: inline-block; text-align: right; background-color: #8C5BC6; color: #ffffff; }

.row-grid { margin-top: -1.25rem; }

.row-grid .grid-item { width: 100%; }

.wrap > .row-grid { margin: -1.25rem; }

@media only screen and (min-width: 700px) { .row-grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; } .row-grid .grid-item { width: 33.333%; } .row-grid .grid-item:nth-child(1):nth-last-child(4), .row-grid .grid-item:nth-child(2):nth-last-child(3), .row-grid .grid-item:nth-child(3):nth-last-child(2), .row-grid .grid-item:nth-child(4):nth-last-child(1) { width: 25%; } }

.flex-grid { margin-top: -1.25rem; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; /* Safari 7.0+ */ flex-flow: row wrap; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; }

.wrap > .flex-grid { margin: -1.25rem; }

.flex-grid .grid-item { width: 100%; }

@media only screen and (min-width: 540px) { .flex-grid .grid-item { width: 50%; } }

@media only screen and (min-width: 900px) { .flex-grid .grid-item { width: 33.3333333333%; } }

@media only screen and (min-width: 1024px) { .flex-grid .grid-item { width: 25%; } }

@media only screen and (min-width: 1280px) { .flex-grid:not(.post-grid):not(.image-grid) .grid-item { width: 20%; } }

@media only screen and (min-width: 1600px) { .flex-grid:not(.post-grid):not(.image-grid) .grid-item { width: 16.6666666667%; } }

.flex-grid.people-grid .grid-item { padding-bottom: 2.5rem; }

.flex-grid.people-grid a { text-decoration: none; }

.flex-grid.people-grid a strong { text-decoration: underline; }

.flex-grid.people-grid a:hover img, .flex-grid.people-grid a:focus:not(:active) img { filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); -webkit-filter: grayscale(100%) contrast(0.8); filter: grayscale(100%) contrast(0.8); mix-blend-mode: luminosity; -webkit-mix-blend-mode: luminosity; }

@media only screen and (max-width: 539px) { .flex-grid.people-grid .grid-item { width: 50%; } }

.flex-grid.image-grid, .flex-grid.text-grid { -webkit-justify-content: flex-start; /* Safari 7.0+ */ justify-content: flex-start; }

.flex-grid.image-grid .grid-item, .flex-grid.text-grid .grid-item { text-align: left; }

.flex-grid.logo-grid { -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; }

.flex-grid.logo-grid img { background-color: #ffffff; filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); -webkit-filter: grayscale(100%) contrast(1); filter: grayscale(100%) contrast(1); mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; }

.flex-grid.logo-grid a { text-decoration: none; }

.flex-grid.logo-grid a:hover img, .flex-grid.logo-grid a:focus:not(:active) img { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

@media only screen and (min-width: 1024px) { .flex-grid.levels-grid .grid-item, .flex-grid.post-grid .grid-item { width: 33.3333333333%; } }

.post-grid .grid-item { text-align: left; text-decoration: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }

.post-grid .grid-item:hover, .post-grid .grid-item:focus:not(:active) { background-color: #8C5BC6; color: #ffffff !important; }

.post-grid .grid-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; /* Safari 7.0+ */ justify-content: space-between; height: 100%; padding: 1.25rem 0 0; }

.post-grid .grid-text h5 { margin-top: 2.5rem; }

.post-grid.past-events .grid-image .event-note { display: none; }

.fullscreen { position: relative; min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; overflow: hidden; }

.fullscreen .slide-image { width: 100%; height: 100%; z-index: 0; opacity: 0.65; }

.fullscreen .slide-image + .wrap { position: relative; }

.fullscreen .split .shape-wrap { max-width: calc(100vh - 12rem); margin: auto; }

@media only screen and (min-width: 1024px) { .fullscreen .split .shape-wrap { max-width: calc(100vh - 20rem); } }

.hero.hidden .slide-image { visibility: hidden; }

body.first-load .page-hero > .wrap { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s, opacity 0.5s linear; will-change: visibility, opacity; }

.page-hero { position: relative; z-index: 0; min-height: 100vh; overflow: hidden; }

.page-hero > .wrap { position: relative; padding-bottom: 4rem; z-index: 2; visibility: visible; opacity: 0.99999; transition-delay: 0s; padding-top: 8rem; }

@media only screen and (min-width: 700px) { .page-hero > .wrap { padding-top: 10rem; } }

.page-hero .split-text .wrap { padding-right: 0; }

.page-hero .split-text .wrap:first-child { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; /* Safari 7.0+ */ align-items: flex-end; padding-top: 0 !important; }

.page-hero .split-text .wrap:first-child:only-child { padding-bottom: 0 !important; }

.page-hero .split-text .wrap:nth-child(2) { padding-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 699px) { .page-hero .split-text .wrap:first-child { min-height: calc(100vh - 8rem); padding: 2.5rem 0; } .page-hero .split-text .wrap:first-child:only-child { min-height: calc(100vh - 14.5rem); } }

@media all and (orientation: landscape) and (max-width: 699px) { .page-hero .split-text .wrap:first-child { min-height: calc(100vh - 7rem); padding-bottom: 2.5rem; } .page-hero .split-text .wrap:first-child:only-child { min-height: calc(100vh - 11rem); } }

@media only screen and (min-width: 700px) { .page-hero .split-text .wrap { padding-right: 0; } .page-hero .split-text .wrap:first-child { min-height: calc(100vh - 10rem); padding-bottom: 4rem; } .page-hero .split-text .wrap:first-child:only-child { min-height: calc(100vh - 14rem); } }

@media only screen and (min-width: 1024px) { .page-hero .split-text .wrap:first-child { min-height: calc(100vh - 10rem); } .page-hero .split-text .wrap:first-child:only-child { min-height: calc(100vh - 14rem); } }

.page-hero .slide-image { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 0; overflow: hidden; }

.page-hero .slide-image img { opacity: 0.65; }

.page-hero .slide-image:not(.natural-bg) img { mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); -webkit-filter: grayscale(100%) contrast(1); filter: grayscale(100%) contrast(1); }

.page-hero.bottom .slide-image { position: absolute; top: auto; bottom: 0; }

.page-hero.home-hero .slide-image { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s, opacity 0.5s linear; will-change: visibility, opacity; }

.page-hero.home-hero .slide-image.show { visibility: visible; opacity: 0.99999; transition-delay: 0s; }

.page-hero.home-hero .hero-shape:not([style]) { opacity: 0; }

@media all and (orientation: portrait) { .page-hero.home-hero .hero-shape { width: 100%; height: calc(100vh - 30rem); border: 1rem solid; } .page-hero.home-hero .split-text .wrap:first-child { min-height: auto !important; padding-top: 2.5rem !important; } }

@media all and (orientation: portrait) and (min-width: 700px) { .page-hero.home-hero .split-text .wrap:first-child { padding-top: 4rem !important; } }

@media all and (orientation: landscape) { .page-hero.home-hero .hero-shape { position: fixed; top: 8rem; left: 2.5rem; width: calc(50vw - 2.5rem); height: calc(100vh - 10.5rem); border: 1.5rem solid; } .page-hero.home-hero.bottom .hero-shape { position: absolute; top: auto; bottom: 4rem; } }

@media all and (orientation: landscape) and (min-width: 700px) { .page-hero.home-hero .hero-shape { top: 10rem; left: 4rem; width: calc(50vw - 4rem); height: calc(100vh - 14rem); } }

.split { position: relative; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }

.split .slideshow { display: block; width: 100%; }

.split .slideshow .slick-dots { bottom: 2.5rem; }

.split .slideshow .slide:not(:only-child) .caption { bottom: 5rem; }

.split .shape-image { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; }

.split .shape-image.object-triangle-up, .split .shape-image.object-triangle-up { padding-bottom: 86.8778280543%; }

.split .shape-image img { position: absolute; }

.split .shape-svg svg { width: 100%; height: 100%; }

.split .object-circle { border-radius: 50%; }

.split .object-circle img { border-radius: 50%; }

.split .object-triangle-up { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }

.split .object-triangle-down { clip-path: polygon(50% 100%, 0 0, 100% 0); -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); }

.split .split-image { position: relative; width: 100%; height: 100%; }

.split .split-image > img { position: absolute; top: 0; left: 0; }

.split .split-image .slide-image { position: relative; width: 100%; height: 100%; }

.split .split-image .caption { z-index: 2; text-align: center; z-index: 100; }

.split .split-image .caption small { max-width: 42rem; text-align: left; }

.split .split-image:hover .caption, .split .split-image:focus-within .caption { visibility: visible; opacity: 0.99999; transition-delay: 0s; }

@media all and (orientation: portrait) { .wrap section.page-hero .split .wrap, section.page-hero .split.wrap .wrap { padding-left: 0; padding-right: 0; } }

@media all and (orientation: landscape) { section.page-hero .split { -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; } section.page-hero .split .split-text, section.page-hero .split .split-image { flex-grow: 0; flex-basis: 50%; width: 50%; } section.page-hero .split .split-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; } section.page-hero .split .split-image { height: 100%; } }

@media only screen and (max-width: 699px) { .wrap section:not(.page-hero) .split .wrap, section:not(.page-hero) .split.wrap .wrap { padding-left: 0; padding-right: 0; } section:not(.page-hero) .split .split-image.object-cover { height: 100vw; } section:not(.page-hero) .split .split-image:not(.object-cover) .wrap { padding-bottom: 0; } section:not(.page-hero) .split .split-image .slideshow { height: calc(72vw - 5rem); } section:not(.page-hero) .split .post-title-wrap { margin-top: 2.5rem; } }

@media only screen and (min-width: 700px) { section:not(.page-hero) .split { -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; } section:not(.page-hero) .split.align-top { -webkit-align-items: flex-start; /* Safari 7.0+ */ align-items: flex-start; } section:not(.page-hero) .split .split-text, section:not(.page-hero) .split .split-image { flex-grow: 0; flex-basis: 50%; width: 50%; } section:not(.page-hero) .split .split-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; } section:not(.page-hero) .split .slideshow { min-height: calc(36vw - 5rem); } section:not(.page-hero) .split .split-image { height: 100%; } section:not(.page-hero) .split .split-image .wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; will-change: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ } section:not(.page-hero) .split .natural img { width: auto; height: auto; max-width: 100%; max-height: calc(100vh - 20rem); } section:not(.page-hero) .split.split-scroll .split-image { width: 50vw !important; } section:not(.page-hero) .split.split-scroll .split-image.object-cover { height: 100vh; } section:not(.page-hero) .split.split-scroll .split-image.object-contain { height: 100%; } section:not(.page-hero) .split.split-scroll .split-image.split-snap { position: absolute; height: 100vh; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; padding: 0 !important; } section:not(.page-hero) .split.split-scroll .split-image.split-snap + .split-text { margin-left: 50%; } section:not(.page-hero) .split.split-scroll .split-image.split-snap .shape-wrap { position: absolute; width: 100%; } section:not(.page-hero) .split.split-scroll .split-image.fixed { position: fixed; top: 0; } section:not(.page-hero) .split.split-scroll .split-image.bottom { bottom: 0; } section:not(.page-hero) .split.split-scroll.split-text-left .split-image.fixed { left: 50vw; } section:not(.page-hero) .split.split-scroll.split-text-left .split-image + .split-text { margin-left: 0; } section:not(.page-hero) .split.split-scroll.split-text-left .split-image.split-snap + .split-text { margin-right: 50%; } }

@media only screen and (min-width: 700px) and (-ms-high-contrast: none), only screen and (min-width: 700px) and (-ms-high-contrast: active) { section:not(.page-hero) .split.split-scroll.split-text-left .split-image.split-snap { left: 50%; } }

@media only screen and (min-width: 700px) { section:not(.page-hero) .split:not(.split-text-left) .split-image { padding-left: 0; } .wrap section:not(.page-hero) .split:not(.split-text-left) .wrap, section:not(.page-hero) .split:not(.split-text-left).wrap .wrap { padding-right: 0; } section:not(.page-hero) .split.split-text-left { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } section:not(.page-hero) .split.split-text-left .split-image { padding-right: 0; } .wrap section:not(.page-hero) .split.split-text-left .wrap, section:not(.page-hero) .split.split-text-left.wrap .wrap { padding-left: 0; } .wrap section:not(.page-hero) .split.split-text-left.split-scroll .wrap { padding-left: 0; padding-right: 8.4rem; } }

@media only screen and (min-width: 700px) { .inline-split-section + .inline-split-section, .inline-split + .inline-split { margin-top: -8rem; } }

@media only screen and (min-width: 1024px) { .inline-split-section + .inline-split-section, .inline-split + .inline-split { margin-top: -12rem; } }

body:not(.hide-header) section:not(.page-hero) .split .split-snap .wrap { -webkit-transform: translateY(5rem); -moz-transform: translateY(5rem); -ms-transform: translateY(5rem); -o-transform: translateY(5rem); transform: translateY(5rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.slideshow { position: relative; width: 100%; height: 100%; overflow: hidden; }

.slideshow:not(.slick-initialized) > div:not(:first-child) { display: none; }

.slideshow .slick-list { height: 100%; position: relative; z-index: 1; }

.slideshow .slick-track { position: relative; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 auto; }

.slideshow .slide { position: relative; width: 100%; height: 100%; }

.slideshow iframe { width: 100%; }

.slideshow button.slick-prev, .slideshow button.slick-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ display: block; height: 10rem; z-index: 2; text-indent: 1500%; white-space: nowrap; overflow: hidden; border: 0; cursor: pointer; }

.slideshow button.slick-prev { background-image: url(i/arrow-left.svg); }

.slideshow button.slick-next { background-image: url(i/arrow-right.svg); }

.slideshow button.slick-prev { background-position: 2.5rem 50%; background-repeat: no-repeat; -webkit-background-size: auto 2.5rem; -moz-background-size: auto 2.5rem; -o-background-size: auto 2.5rem; background-size: auto 2.5rem; left: 0; }

@media all and (orientation: portrait) { .slideshow button.slick-prev { width: 4.5rem; background-position: 1.5rem 50%; } }

@media all and (orientation: landscape) { .slideshow button.slick-prev { width: 6rem; background-position: 3rem 50%; } }

.slideshow button.slick-next { background-position: calc(100% - 2.5rem) 50%; background-repeat: no-repeat; -webkit-background-size: auto 2.5rem; -moz-background-size: auto 2.5rem; -o-background-size: auto 2.5rem; background-size: auto 2.5rem; right: 0; }

@media all and (orientation: portrait) { .slideshow button.slick-next { width: 4.5rem; background-position: 1.5rem 50%; } }

@media all and (orientation: landscape) { .slideshow button.slick-next { width: 6rem; background-position: calc(100% - 3rem) 50%; } }

.slideshow .slick-dots { position: absolute; bottom: 1.125rem; left: 50%; width: 100%; -webkit-transform: translateX(-50%) translateY(0.3rem); -moz-transform: translateX(-50%) translateY(0.3rem); -ms-transform: translateX(-50%) translateY(0.3rem); -o-transform: translateX(-50%) translateY(0.3rem); transform: translateX(-50%) translateY(0.3rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ z-index: 2; text-align: center; padding: 0 !important; letter-spacing: -0.31em; text-rendering: optimizeLegibility; }

.slideshow .slick-dots li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 0.9rem; margin: 0 0.7rem; position: relative; vertical-align: middle; }

.slideshow .slick-dots li button { display: block; width: 0.7rem; height: 0.7rem; border: 0; background-color: #000000; padding: 0; border-radius: 50%; text-indent: 1500%; white-space: nowrap; overflow: hidden; font-size: 0; line-height: 0; margin: 0 auto; will-change: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

.slideshow .slick-dots li button::after { content: ''; display: block; width: 2rem; height: 2rem; position: absolute; top: -0.5rem; left: -0.5rem; z-index: 0; }

.slideshow .slick-dots li button:hover, .slideshow .slick-dots li button:focus:not(:active) { background-color: #F087DD; }

.slideshow .slick-dots li.slick-active button { width: 1.2rem; height: 1.2rem; }

.slideshow.hero.single-slide .wrap { padding-bottom: 4.5rem; }

.slideshow.hero .slick-dots { bottom: 2.5rem; }

@media only screen and (min-width: 700px) { .slideshow.hero .slick-dots { bottom: 4.5rem; } }

.white-text .slideshow .slick-dots button { background-color: #ffffff; }

.slide-image { width: 100%; height: 100%; }

.slide-image video, .slide-image img { position: absolute; top: 0; left: 0; }

.slide-image iframe { display: block; }

.inline-slideshow.slideshow { margin: 0 -2.5rem; width: calc(100% + 5rem); }

.inline-slideshow.slideshow.slick-dotted { padding-bottom: 2.5rem; }

.inline-slideshow.slideshow .slide { padding: 0 5rem 2.5rem; }

@media only screen and (max-width: 699px) { .inline-slideshow.slideshow .slide .wrap { padding: 0; } }

@media only screen and (min-width: 769px) { .inline-slideshow.slideshow { margin: 0 -5rem; width: calc(100% + 10rem); } .inline-slideshow.slideshow .slide { padding: 0 5rem 5rem; } }

@media only screen and (min-width: 1024px) { .inline-slideshow.slideshow { margin: 0 -7.5rem; width: calc(100% + 15rem); } .inline-slideshow.slideshow .slide { padding: 0 7.5rem 5rem; } }

.inline-slideshow.slideshow .slide-image { position: relative; width: 100%; height: 0; padding-bottom: 61.8%; }

@media only screen and (max-width: 699px) { html[data-touch-events] .inline-slideshow.slideshow .slide { padding: 0 2.5rem 2.5rem; } }

@media only screen and (max-width: 699px) { html[data-touch-events] .slideshow-wrap { padding-left: 0; padding-right: 0; } }

.timeline-slideshow .slick-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; }

.timeline-slideshow .wrap .split .split-image .wrap { padding-top: 0; }

.timeline-slideshow .wrap .split .split-text .wrap { padding-bottom: 0; }

@media all and (orientation: landscape) { .timeline-slideshow .split > div { will-change: transform; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } .timeline-slideshow .slick-slide:not(.slick-active) .split > div { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ } .timeline-slideshow .wrap .split .wrap { padding-top: 0; padding-bottom: 0; } }

html:not([data-touch-events]) .slick-track, html:not([data-touch-events]) .slick-list, html:not([data-touch-events]) .slick-slide, html:not([data-touch-events]) .slick-slide .slick-slide img { transform: translate3d(0, 0, 0); }

div.slick-slider { width: 1px; min-width: 100%; *width: 100%; }

.modal-close { position: absolute; top: 0; right: 0; padding: 0.5rem 1.4rem; z-index: 1; color: inherit; }

.modal-close:after { content: '+'; display: block; width: 2.8rem; height: 2.8rem; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; cursor: pointer; font-size: 5.2rem; line-height: 1; }

@media only screen and (min-width: 700px) { .modal-close { padding: 1.9rem 2.1rem; } }

.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s, opacity 0.5s linear; will-change: visibility, opacity; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-top: 7rem; }

.modal .modal-wrap { height: 100%; overflow: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-flex-direction: column; flex-direction: column; will-change: transform; -webkit-transition: transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; -webkit-transform: translateY(-7.5rem); -moz-transform: translateY(-7.5rem); -ms-transform: translateY(-7.5rem); -o-transform: translateY(-7.5rem); transform: translateY(-7.5rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ padding: 2.8rem; }

.modal .modal-inner-wrap { position: relative; z-index: 1; padding: 0.7rem; }

.modal .modal-inner-wrap .wrap { padding: 2.8rem 2.8rem 5.6rem !important; }

.modal .modal-inner-wrap .modal-close { top: 0; right: 0; }

@media only screen and (min-width: 700px) { .modal { padding-top: 9.7rem; } .modal .modal-wrap { padding: 5.6rem; } .modal .modal-inner-wrap .wrap { padding: 5.6rem 2.8rem !important; } }

body.first-load .modal { display: none; }

.modal:not(.show) iframe { -webkit-transform: translateY(100vw); -moz-transform: translateY(100vw); -ms-transform: translateY(100vw); -o-transform: translateY(100vw); transform: translateY(100vw); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

.modal.show { visibility: visible; opacity: 0.99999; transition-delay: 0s; }

.modal.show .modal-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* FF Hack for sharper renders */ }

@media only screen and (min-width: 700px) { .profile .shape-wrap { max-width: 30vmax; margin: auto; } }

.profile-modal { background-color: rgba(0, 0, 0, 0.25); padding-top: 7rem; }

.profile-modal .split-image { padding: 2.8rem 2.8rem 0; }

@media only screen and (min-width: 700px) { .profile-modal { padding-top: 9.7rem; } .profile-modal .split-image { padding: 5.6rem 2.8rem 5.6rem 5.6rem !important; } .profile-modal .split-text { padding-right: 2.8rem; } .profile-modal p { font-size: 1.6rem; line-height: 1.4; } }

@media only screen and (max-width: 699px) { .error-modal figure svg { height: 25vh; } .error-modal .error-message { text-align: center; padding-top: 2.5rem; } }

@media only screen and (min-width: 700px) { .error-modal .modal-wrap { -webkit-flex-direction: row; flex-direction: row; } .error-modal figure { padding-right: 4rem; } .error-modal .error-message { max-width: 25em; } }

.feature-modal .modal-wrap { -webkit-justify-content: center; /* Safari 7.0+ */ justify-content: center; }

.admin-edit { padding: 2.8rem; background: #8C5BC6; text-align: center; position: relative; z-index: 2; }

.admin-edit a { font-weight: 800; color: #ffffff !important; }

@media all and (orientation: landscape) { .landscape-portrait-wrap .portrait-image { opacity: 0 !important; visibility: hidden !important; display: none !important; } }

@media all and (orientation: portrait) { .landscape-portrait-wrap .landscape-image { opacity: 0 !important; visibility: hidden !important; display: none !important; } }

[data-sizes="auto"] { width: 100%; }

[data-src] { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }

[data-src] + .inline-caption { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }

[data-src].lazyloaded { opacity: 1; }

[data-src].lazyloaded + .inline-caption { opacity: 1; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { [data-src] { opacity: 1; } [data-src] + .inline-caption { opacity: 1; } }

[data-video] { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }

[data-video][data-loaded] { opacity: 1; }

.social-media { letter-spacing: -0.31em; text-rendering: optimizeLegibility; }

.social-media li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 0 0.625rem; }

.social-media a { display: block; border-radius: 50%; }

.social-media a:focus:not(:active), .social-media a:hover { background-color: #8C5BC6; }

.white-text .social-media a:focus:not(:active), .white-text .social-media a:hover { background-color: #000000; }

.social-media svg { width: 2rem; height: 2rem; fill: #000000; }

.white-text .social-media svg { fill: #ffffff; }

@media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .social-media li { margin: 0 1.25rem; }
    .social-media a { background-color: transparent !important; padding: 0 !important; }
    .social-media a:focus:not(:active) svg, .social-media a:hover svg { fill: #58D7CA !important; }
    .social-media svg { fill: #ffffff !important; } } }

.social-media.social-share li { vertical-align: middle; margin-right: 0; margin-right: 0.5rem; }

.social-media.social-share a { text-indent: 1500%; white-space: nowrap; overflow: hidden; border-radius: 50%; }

.balance-text { text-rendering: optimizeLegibility; opacity: 0; will-change: opacity; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }

.balance-text + .button-wrap { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }

html[data-ios-browser] .balance-text, .balance-text[style] { opacity: 1; }

html[data-ios-browser] .balance-text + .button-wrap, .balance-text[style] + .button-wrap { opacity: 1; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .balance-text { opacity: 1; } .balance-text + .button-wrap { opacity: 1; } }

figure { position: relative; }

figure img { width: 100% !important; }

figure + p { margin-top: 2.5rem; }

.caption { position: absolute; bottom: 1rem; left: 0; right: 0; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; }

.caption small { display: inline-block; padding: 0.5rem 0.5rem 0.7rem; color: #000000; background-color: #000000; color: #ffffff; font-size: 1.2rem; line-height: 1.3; text-transform: initial; }

@media only screen and (min-width: 700px) { .caption small { border-width: 3px; padding: 0.8rem 1.2rem; } }

.home-triangle { fill: none; stroke: #ffffff; stroke-width: 0.5625rem; stroke-miterlimit: 10; }

.pink-stroke img { border: 1rem solid #E662CC; }

@media only screen and (min-width: 700px) { .pink-stroke img { border-width: 1.5rem; } }

.white-stroke img { border: 1rem solid #ffffff; }

@media only screen and (min-width: 700px) { .white-stroke img { border-width: 1.5rem; } }

.name-input-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; /* Safari 7.0+ */ align-items: flex-start; gap: 2.5rem; }

.name-input-wrap + p { margin-top: 1.5rem; }

.name-input-wrap p + p { margin-top: 0; }

.wpcf7-list-item { margin: 0 !important; }

form.wpcf7-form .wpcf7-response-output:not(:empty) { display: block !important; border: 0 !important; padding: 0 !important; margin: 0 0 1em !important; }

.pause-animations * { animation: none !important; transition: none !important; }

[data-touch-events] select, [data-touch-events] textarea, [data-touch-events] input[type="text"], [data-touch-events] input[type="password"], [data-touch-events] input[type="datetime"], [data-touch-events] input[type="datetime-local"], [data-touch-events] input[type="date"], [data-touch-events] input[type="month"], [data-touch-events] input[type="time"], [data-touch-events] input[type="week"], [data-touch-events] input[type="number"], [data-touch-events] input[type="email"], [data-touch-events] input[type="url"] { font-size: 16px; }