@import url("//hello.myfonts.net/count/38be92");/*! * A custom theme for Invisible Dust * Dev by Sebastian Brown */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}html {-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "kern" 1;-moz-font-feature-settings: "kern" 1;font-feature-settings: "kern" 1;-webkit-font-kerning: normal;font-kerning: normal;overflow-y: scroll;font-size: 10px;}body {background-color: #fff;margin: 0;font-family: "Monument",sans-serif;}.show-aqi-data-visual body {width: 100%;height: 100%;position: fixed;overflow: hidden;}body.blog {background-color: #d9d9d9;}body.blog header,body.blog .header-wrapper,body.blog .tags-list,body.blog .nav {background-color: #d9d9d9;}body.forecast-project {background-color: #e9ee02;}body.forecast-project header,body.forecast-project .header-wrapper,body.forecast-project .tags-list,body.forecast-project .nav,body.forecast-project footer {background-color: #e9ee02;}body.forecast-project .title--green,body.forecast-project .gutenberg-container h1,body.forecast-project .gutenberg-container h2,body.forecast-project .gutenberg-container h3,body.forecast-project .gutenberg-container h4,body.forecast-project .gutenberg-container h5,body.forecast-project .gutenberg-container h6,body.forecast-project .wp-block-pullquote,body.forecast-project .tag,body.forecast-project .event-details a,.event-details body.forecast-project a,body.forecast-project .id-subscribe-form__submit,body.forecast-project .wp-block-button>a {color: black;}body.forecast-project .tag,body.forecast-project .event-details a,.event-details body.forecast-project a,body.forecast-project .id-subscribe-form__submit,body.forecast-project .wp-block-button>a {background-color: transparent;border-color: black;}body.forecast-project .tag:hover,body.forecast-project .event-details a:hover,.event-details body.forecast-project a:hover,body.forecast-project .id-subscribe-form__submit:hover,body.forecast-project .wp-block-button>a:hover {background-color: black;color: white;}body.forecast-project .profile__summary {background-color: black;color: white;}body.forecast-project .social-share__heading {color: white;}body.forecast-project .support-notice__bg {background-color: black;color: white;}body.forecast-project .support-notice__button {border: 1px solid white;}::-moz-selection {background-color: black;color: white;}::selection {background-color: black;color: white;}input,textarea,select,button {font-size: 100%;outline: 0;border: none;font-weight: normal;padding: 0;line-height: 100%;-webkit-appearance: none;-moz-border-radius: 0;border-radius: 0;}a {text-decoration: none;color: inherit;outline: 0;}img {max-width: 100%;height: auto;}hr {margin: 0;border: 0;background-color: black;}hr.horizontal {height: 1px;width: 100%;}hr.horizontal--no-margin {margin-bottom: 0 !important;}hr.green {background-color: #23c05f;}.underline span {border-bottom: 1px solid;}.underline span:hover {border: 1px solid transparent;cursor: pointer;}.screen-reader-text {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;white-space: nowrap;}.has-margin {margin-bottom: 7rem;}.has-margin--small {margin-bottom: 2rem;}.has-margin--medium {margin-bottom: 4rem;}.has-margin--large {margin-bottom: 8rem;}.has-margin--top {margin-top: 2rem;}.page-title {margin: 4rem auto 0;}.has-margin--large .page-title {margin-top: 8rem;}.wrap {padding: 0 20px;}.wrap--narrow {padding: 0 95px;}.flex {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}.flex>li {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}.pos-fix {position: fixed;}.pos-rel {position: relative;}.pos-abs {position: absolute;}.view-more {font-size: 1.4rem;}.align--center {text-align: center;}.credits {text-align: center;font-size: 1.4rem;line-height: 1.2em;}.arts-council-logo {margin-bottom: 24px;}.load-more-posts {cursor: pointer;}.id-dot {cursor: pointer;}#attributions {margin-top: 1em;display: none;}.event-details a {-moz-border-radius: 1.2em;border-radius: 1.2em;padding-right: 10px !important;padding-left: 10px !important;}.id-scroll-to-anchors {margin: 7rem auto;}/*! Flickity v2.2.0 https://flickity.metafizzy.co ---------------------------------------------- */.flickity-enabled {position: relative;}.flickity-enabled:focus {outline: none;}.flickity-viewport {overflow: hidden;position: relative;height: 100%;}.flickity-slider {position: absolute;width: 100%;height: 100%;}.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: -moz-grab;cursor: grab;}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: grabbing;}.flickity-button {position: absolute;background: rgba(255,255,255,0.75);border: none;color: #000;}.flickity-button:hover {background: white;cursor: pointer;}.flickity-button:focus {outline: none;}.flickity-button:active {opacity: 0.6;}.flickity-button:disabled {color: #D9D9D9;cursor: auto;pointer-events: none;}.flickity-button-icon {fill: currentColor;}.flickity-prev-next-button {bottom: 0;right: 0;width: 44px;height: 44px;}.flickity-prev-next-button.previous {right: 32px;}.flickity-prev-next-button.next {right: 0px;}.flickity-prev-next-button .flickity-button-icon {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}.flickity-page-dots {position: absolute;width: 100%;bottom: -25px;padding: 0;margin: 0;list-style: none;text-align: center;line-height: 1;}.flickity-rtl .flickity-page-dots {direction: rtl;}.flickity-page-dots .dot {display: inline-block;width: 10px;height: 10px;margin: 0 8px;background: #333;-moz-border-radius: 50%;border-radius: 50%;opacity: 0.25;cursor: pointer;}.flickity-page-dots .dot.is-selected {opacity: 1;}.flickity-enabled.is-fullscreen {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);padding-bottom: 35px;z-index: 1;}.flickity-enabled.is-fullscreen .flickity-page-dots {bottom: 10px;}.flickity-enabled.is-fullscreen .flickity-page-dots .dot {background: white;}html.is-flickity-fullscreen {overflow: hidden;}.flickity-fullscreen-button {display: block;right: 10px;top: 10px;width: 32px;height: 32px;background-color: white;outline: 0 !important;}.flickity-fullscreen-button .flickity-button-icon path {fill: black !important;}.flickity-fullscreen-button:focus {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;opacity: 1;}.flickity-rtl .flickity-fullscreen-button {right: auto;left: 10px;}.flickity-fullscreen-button-exit {display: none;}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit {display: block;}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view {display: none;}.flickity-fullscreen-button .flickity-button-icon {position: absolute;width: 32px;height: 32px;left: 0;top: 0;}.flickity-fullscreen-button .flickity-button-icon path {fill: white;}#nprogress {pointer-events: none;-webkit-transition: opacity .6s;-o-transition: opacity .6s;-moz-transition: opacity .6s;transition: opacity .6s;}#nprogress .bar {background: #23c05f;position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 4px;}header {font-size: 1.4rem;width: 100%;z-index: 200;top: 0;left: 0;right: 0;background-color: white;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);-webkit-transition: -webkit-transform .6s ease;transition: -webkit-transform .6s ease;-o-transition: -o-transform .6s ease;-moz-transition: transform .6s ease, -moz-transform .6s ease;transition: transform .6s ease;transition: transform .6s ease, -webkit-transform .6s ease, -moz-transform .6s ease, -o-transform .6s ease;}header .header-wrapper {border-bottom: 1px solid;position: relative;z-index: 3;background-color: #fff;}header .nav {-webkit-transform: translateY(-107%);-moz-transform: translateY(-107%);-ms-transform: translateY(-107%);-o-transform: translateY(-107%);transform: translateY(-107%);-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);transition: -webkit-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);-o-transition: -o-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);-moz-transition: transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1), -moz-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);transition: transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);transition: transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1), -webkit-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1), -moz-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1), -o-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);z-index: 2;}footer {width: -webkit-calc(100% - 40px);width: -moz-calc(100% - 40px);width: calc(100% - 40px);border-top: 1px solid;margin: auto;background-color: #fff;}footer .nav {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}footer #mobile-subscribe-button {cursor: pointer;}main {padding: 12rem 0 0;width: 100vw;}.standfirst {width: 100%;text-align: center;font-family: "AmerigoBT-MediumA",serif;color: #23c05f;margin: 6rem 0;}.standfirst h2 {padding: 0 20px;font-size: 36px;line-height: 1em;}.affiliates {font-size: 1.6rem;}.affiliates__list {padding: 1em;}.press__year {padding: 2.5rem 0 0 8.8rem;position: relative;}.press__year__date {position: absolute;left: 0;top: 2rem;}.press__release {margin: 0 0 4rem;opacity: 1;-webkit-transition: opacity .2s ease;-o-transition: opacity .2s ease;-moz-transition: opacity .2s ease;transition: opacity .2s ease;will-change: opacity;display: block;}.press__release__thumbnail {margin: 0 0 2rem 0;}.press__release__text {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}.press__release:hover {cursor: pointer;opacity: .5;}.posts,.profiles {font-size: 1.25rem;}.logo {width: 120px;height: 40px;margin: 0 1.8rem;padding: 1rem 0;}.logo a {display: block;}.logo svg {width: 100%;height: auto;}.search-bar {margin: 0px 20px 0px 0px;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;width: 100%;}.search-bar__wrap {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding: 0;}.search-bar__wrap[v-cloak] {display: none;}.search-bar__input {position: relative;width: 100%;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}.search-bar__input input,.search-bar__input label {line-height: 3.9em;padding: 0.25em 0.25em 0.25em 0.25em;display: block;height: 3.9em;font-family: "Monument",sans-serif;}.search-bar__input input[v-cloak],.search-bar__input label[v-cloak] {opacity: 0;}.search-bar__input label {color: #000;visibility: hidden;height: -webkit-calc(3.9em - 2px);height: -moz-calc(3.9em - 2px);height: calc(3.9em - 2px);}.search-bar__input label.active {visibility: visible;}.search-bar__input input {width: 100%;left: 0;top: 0;background: transparent;position: absolute;font-size: 100%;}.search-bar__search-icon {width: 18px;height: 18px;position: relative;margin: 0 .2em 0 0;}.search-bar__search-icon svg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.search-bar__search-icon svg path {width: 100%;height: 100%;}.search-bar .active-tags-button {margin-left: -webkit-calc(.25em - 20px);margin-left: -moz-calc(.25em - 20px);margin-left: calc(.25em - 20px);}.search-bar .active-tags-button:after {content: "";margin: 0;}.nav-icon {width: 32px;height: 24px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;transition: .3s ease-in-out;cursor: pointer;}.nav-icon span {display: block;position: absolute;height: 3px;width: 100%;background: #000;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;transition: .25s ease-in-out;}.nav-icon span:nth-child(1) {top: 0px;}.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) {top: 11px;}.nav-icon span:nth-child(4) {top: 22px;}.nav-icon.active span:nth-child(1) {top: 18px;width: 0%;left: 50%;}.nav-icon.active span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}.nav-icon.active span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}.nav-icon.active span:nth-child(4) {top: 18px;width: 0%;left: 50%;}.nav-links-wrapper {font-size: 0;}.nav-link {white-space: nowrap;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;text-align: center;}.nav-link a {font-size: 1.6rem;padding: .5em 1em;-webkit-transition: all .3s ease;-o-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;border: 1px solid transparent;}.nav {text-align: center;font-size: 1.4rem;width: 100%;background-color: #fff;border-bottom: 1px solid;}.nav__item>a {padding: 1.2em 0;display: block;font-size: inherit;-webkit-transition: opacity .2s ease;-o-transition: opacity .2s ease;-moz-transition: opacity .2s ease;transition: opacity .2s ease;}.nav--footer.flex .nav__item #mobile-subscribe-button {display: block;width: 100%;padding: 1.2em 0;}.id-subscribe-form {margin: 3rem auto;max-width: 92rem;}.id-subscribe-form__input {background-color: transparent;outline: 0;padding: 0.5em 0;width: 100%;font-family: "Monument",sans-serif;line-height: 1.35em;font-size: inherit !important;border-bottom: 1px solid black;margin-bottom: 1em;}.id-subscribe-form__input::-webkit-input-placeholder {color: black;}.id-subscribe-form__input::-moz-placeholder {color: black;}.id-subscribe-form__input::-ms-input-placeholder {color: black;}.id-subscribe-form__input::placeholder {color: black;}.id-subscribe-form__submit {font-size: inherit !important;-moz-border-radius: 1.2em !important;border-radius: 1.2em !important;padding-right: 15px !important;padding-left: 15px !important;}.tags-list {height: 3.2em;line-height: 3.2em;padding: 0 .5em;border-bottom: 1px solid;width: -webkit-calc(100% - 1em);width: -moz-calc(100% - 1em);width: calc(100% - 1em);background-color: #fff;-webkit-transform: translateY(-107%);-moz-transform: translateY(-107%);-ms-transform: translateY(-107%);-o-transform: translateY(-107%);transform: translateY(-107%);-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);transition: -webkit-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);-o-transition: -o-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);-moz-transition: transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1), -moz-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);transition: transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);transition: transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1), -webkit-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1), -moz-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1), -o-transform 0.3s cubic-bezier(0.59, 0.01, 0.28, 1);z-index: 1;outline: 0;overflow: hidden;}.touchevents .tags-list {overflow-x: scroll;-webkit-overflow-scrolling: touch;}.tags-list.open {-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}.tags-list__row {height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;white-space: nowrap;width: auto;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;-o-transition: -o-transform .3s ease;-moz-transition: transform .3s ease, -moz-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;position: relative;outline: 0;}.tags-list__row[data-fetching]:after {content: "Fetching tags ...";position: absolute;left: 1.5rem;top: 0;bottom: 0;margin: auto;color: black;font-size: 1.6rem;}.tags-list__row--is-empty:after {content: "There aren’t any tags matching your search term";position: absolute;left: 1.5rem;top: 0;bottom: 0;margin: auto;color: black;font-size: 1.6rem;}.tags-list__controls {position: absolute;top: 0;bottom: 0;height: 100%;margin: auto;text-align: center;z-index: 100;}.touchevents .tags-list__controls {display: none;}.tags-list__controls--scroll-right {background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(40%, rgba(255,255,255,0.95)));background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 40%);background: -moz- oldlinear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 40%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 40%);right: 0;}.tags-list__controls--scroll-right svg {margin-left: 5.5rem !important;}.blog .tags-list__controls--scroll-right {background: -webkit-gradient(linear, left top, right top, from(rgba(217,217,217,0)), color-stop(40%, rgba(217,217,217,0.95)));background: -webkit-linear-gradient(left, rgba(217,217,217,0) 0%, rgba(217,217,217,0.95) 40%);background: -moz- oldlinear-gradient(left, rgba(217,217,217,0) 0%, rgba(217,217,217,0.95) 40%);background: linear-gradient(to right, rgba(217,217,217,0) 0%, rgba(217,217,217,0.95) 40%);}.forecast-project .tags-list__controls--scroll-right {background: -webkit-gradient(linear, left top, right top, from(rgba(236,240,3,0)), color-stop(40%, rgba(236,240,3,0.95)));background: -webkit-linear-gradient(left, rgba(236,240,3,0) 0%, rgba(236,240,3,0.95) 40%);background: -moz- oldlinear-gradient(left, rgba(236,240,3,0) 0%, rgba(236,240,3,0.95) 40%);background: linear-gradient(to right, rgba(236,240,3,0) 0%, rgba(236,240,3,0.95) 40%);}.tags-list__controls--scroll-left {background: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0)), color-stop(40%, rgba(255,255,255,0.95)));background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 40%);background: -moz- oldlinear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 40%);background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 40%);left: 0;}.tags-list__controls--scroll-left svg {margin-right: 5.5rem !important;}.blog .tags-list__controls--scroll-left {background: -webkit-gradient(linear, right top, left top, from(rgba(217,217,217,0)), color-stop(40%, rgba(217,217,217,0.95)));background: -webkit-linear-gradient(right, rgba(217,217,217,0) 0%, rgba(217,217,217,0.95) 40%);background: -moz- oldlinear-gradient(right, rgba(217,217,217,0) 0%, rgba(217,217,217,0.95) 40%);background: linear-gradient(to left, rgba(217,217,217,0) 0%, rgba(217,217,217,0.95) 40%);}.forecast-project .tags-list__controls--scroll-left {background: -webkit-gradient(linear, right top, left top, from(rgba(236,240,3,0)), color-stop(40%, rgba(236,240,3,0.95)));background: -webkit-linear-gradient(right, rgba(236,240,3,0) 0%, rgba(236,240,3,0.95) 40%);background: -moz- oldlinear-gradient(right, rgba(236,240,3,0) 0%, rgba(236,240,3,0.95) 40%);background: linear-gradient(to left, rgba(236,240,3,0) 0%, rgba(236,240,3,0.95) 40%);}.tags-list__controls svg {height: 100%;width: 2.4rem;margin: 0 2.5rem;display: inline-block;}.tags-list__controls:hover {cursor: pointer;}.grid--no-offset {margin: 0;}.grid--align-left {-webkit-box-pack: left;-webkit-justify-content: left;-moz-box-pack: left;-ms-flex-pack: left;justify-content: left;}.grid--centred-items {-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}.grid--flexible-cols .grid__item {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}.grid--row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;width: auto;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;-o-transition: -o-transform .3s ease;-moz-transition: transform .3s ease, -moz-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;}.grid__item {border-bottom: 1px solid;position: relative;}.grid__item--centred-text {text-align: center;}.grid__item--cap-width {width: 100%;}.grid__item__container {padding: 40px 20px;margin: auto;display: block;}.grid__item__container--extra-padding {padding: 40px 20px;}.grid__item__post-type {font-size: 1.4rem;display: block;text-transform: capitalize;margin-bottom: 1rem;}.grid__item__heading {margin-bottom: 2rem;}.grid__item p {font-size: 1.4rem;display: block;margin: 0 auto;max-width: 50rem;line-height: 1.1em;}.grid__item .sponsor__heading {font-family: "AmerigoBT-MediumA",serif;font-size: 2rem;line-height: 1.1em;margin: 0 auto;padding: 0 20px;width: -webkit-calc(100% - 6rem);width: -moz-calc(100% - 6rem);width: calc(100% - 6rem);color: black;-webkit-transition: color .2s ease;-o-transition: color .2s ease;-moz-transition: color .2s ease;transition: color .2s ease;will-change: color;}.grid__item .sponsor__heading:hover {color: #d9d9d9;}#particles {position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.8);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);display: none;}.show-aqi-data-visual #particles {display: block;}#particles-logo {position: absolute;top: 0px;left: 0;}.post-item {margin: 0 0 40px;position: relative;-webkit-transition: opacity .3 ease;-o-transition: opacity .3 ease;-moz-transition: opacity .3 ease;transition: opacity .3 ease;opacity: 1;}.post-item[v-cloak] {opacity: 0;}.post-item>a {display: block;}.post-item .title,.post-item .gutenberg-container h3,.gutenberg-container .post-item h3 {margin-right: 2rem;}.post-item__post-type {font-size: 1.4rem;display: block;text-transform: capitalize;}.post-item__post-date {font-size: 1.4rem;display: block;margin-bottom: 1em;}.post-item__post-excerpt {font-size: 1.4rem;line-height: 1.2em;}.post-item__tags {font-size: 1.6rem;background-color: rgba(255,255,255,0.95);}.blog .post-item__tags {background-color: rgba(217,217,217,0.95);}.post-item__tags .tag,.post-item__tags .event-details a,.event-details .post-item__tags a,.post-item__tags .id-subscribe-form__submit,.post-item__tags .wp-block-button>a {margin-top: .8rem;}.post-item__inner {padding: 1em 0 0;}.post-item h3 {margin: 0.2em 0;line-height: 1em;text-align: left;}.notice {position: fixed;bottom: 0;left: 0;width: 100%;padding: 12px 2.66667vw 10px;background-color: #000;-webkit-transform: translate3d(0, 100%, 0);-moz-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);pointer-events: none;-webkit-transition: -webkit-transform 0.3s ease;transition: -webkit-transform 0.3s ease;-o-transition: -o-transform 0.3s ease;-moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;transition: transform 0.3s ease;transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;z-index: 10;}.notice--error {background-color: #f00;}.notice--success {background-color: black;color: white;}.notice.is-active {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.notice>p {color: white;margin: 0;line-height: 1.2em;font-size: 1.6rem;}figure img {opacity: 0;-webkit-transition: opacity .6s ease;-o-transition: opacity .6s ease;-moz-transition: opacity .6s ease;transition: opacity .6s ease;}figure.image-ready img {opacity: 1;}.featured-item {text-align: center;}.featured-item .id-dot {width: 120px;height: 120px;-moz-border-radius: 100%;border-radius: 100%;background-color: black;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}.hero-item {position: relative;text-align: center;margin: 0 0 2em;}.hero-item figure {padding-bottom: 66.796875%;height: 0;position: relative;overflow: hidden;}.hero-item figure img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;margin: auto;-o-object-fit: cover;object-fit: cover;}.hero-item__overlay {text-align: center;margin-top: 20px;}.hero-item__overlay-text {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}.hero-item:hover .hero-item__overlay {opacity: 1;}.hero-animation {width: 100%;}.hero-animation picture {position: relative;width: 100%;display: block;padding-bottom: 100%;}.hero-animation picture img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.related-item {text-align: center;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;position: relative;border-bottom: 1px solid;}.related-item__inner {padding: 5rem 2rem;max-width: 55rem;margin: auto;}.related-item__inner--extra-padding {padding: 8rem 4rem;}.related-item__post-type {font-size: 1.6rem;display: block;text-transform: capitalize;margin-bottom: 2rem;}.related-item__heading {padding: 0 1rem 1em;}.related-item__heading a {font-size: inherit;}.related-item p {display: block;margin: 0 auto;max-width: 50rem;font-size: 1.6rem;line-height: 1.1em;}.box {text-align: center;position: relative;font-size: 1.4rem;width: 100%;}.box__inner {padding: 4rem 0;}.box .post-tags {position: absolute;bottom: 2rem;left: 2rem;right: 2rem;}.box--no-padding {margin: auto;display: block;padding: 40px 0;}.box--no-padding .box__inner {padding: 4rem 0;}.footer-form {font-size: 100%;text-align: left;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;display: none;}.footer-form__email {padding: 1.05em 0;background-color: transparent;margin: 0 1em 0 0;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 1.4rem;}.footer-form__email::-webkit-input-placeholder {color: black;}.footer-form__email::-moz-placeholder {color: black;}.footer-form__email::-ms-input-placeholder {color: black;}.footer-form__email::placeholder {color: black;}.footer-form__submit {background-color: transparent;padding: 0 .5em;}.touchevents .footer-form__submit {min-width: 30%;}.no-touchevents .footer-form__submit:hover {cursor: pointer;background: #000;color: #FFF;}.social-icons {display: none;}.social-icons__item {display: inline-block;vertical-align: baseline;height: 2.2rem;max-width: 24px;margin: 0 .5rem;}.social-icons__item svg {width: 100%;max-height: 100%;}#mobile-social-icons {display: block;margin: 2rem auto;text-align: center;}.img-wrapper {position: relative;overflow: hidden;background-color: #d9d9d9;}.img-wrapper img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: opacity .4s ease;-o-transition: opacity .4s ease;-moz-transition: opacity .4s ease;transition: opacity .4s ease;opacity: 0;-o-object-fit: cover;object-fit: cover;}.img-wrapper img.is-ready {opacity: 1;}.filter {font-size: 1.6rem;position: relative;}.filter .wrap {padding-top: 25px;padding-bottom: 25px;}.filter p {display: inline-block;opacity: .4;}.filter__close,.filter__list {-webkit-transition: opacity .3s ease;-o-transition: opacity .3s ease;-moz-transition: opacity .3s ease;transition: opacity .3s ease;}.filter__close {opacity: 0;pointer-events: none;}.filter__toggle,.filter p {position: relative;z-index: 21;}.filter__toggle {background-color: transparent;margin-right: .5em;display: inline-block;border-bottom: 1px solid;line-height: 1.2em;font-size: 100%;cursor: pointer;}.filter__list {opacity: 0;pointer-events: none;position: absolute;top: 0;left: 0;width: -webkit-calc(100% - 3rem);width: -moz-calc(100% - 3rem);width: calc(100% - 3rem);background-color: #23c05f;z-index: 20;padding: 8rem 1.5rem 4rem;font-family: "AmerigoBT-MediumA",serif;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}.filter__list li {padding: 0 1rem;min-width: -webkit-calc(50% - 2rem);min-width: -moz-calc(50% - 2rem);min-width: calc(50% - 2rem);max-width: -webkit-calc(50% - 2rem);max-width: -moz-calc(50% - 2rem);max-width: calc(50% - 2rem);margin-top: -1px;display: inline-block;font-size: 0;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}.filter__list li:hover {background-color: #000;color: #FFF;}.filter__list li a {font-size: 2.8rem;display: block;padding: .5em 0;border-bottom: 1px solid #000;}.filter.open .filter__list,.filter.open .filter__close {opacity: 1;pointer-events: all;}.table {width: 100%;border-top: 1px solid;border-bottom: 1px solid;}.table__row {width: 100%;padding: 1em 0;margin: 0;border-bottom: 1px solid;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}.table__row:last-child {border: 0;}.table__row .text-item {border-bottom: 0;}.table__row .text-item:last-child:after {top: 0;bottom: 0;}.list {font-size: 2rem;}.list__item {line-height: 1.2em;padding: .2em 0;}.list__item a {text-decoration: underline;}.list__item a:hover {color: #23c05f;}.modal-item {text-align: center;}.modal-item__heading {opacity: 1;-webkit-transition: opacity .3s ease;-o-transition: opacity .3s ease;-moz-transition: opacity .3s ease;transition: opacity .3s ease;}.modal-item__heading:hover {cursor: pointer;opacity: .3;}.modal-item__heading h3 {margin: 0 !important;}.modal-item__window {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: #23c05f;display: none;z-index: 9999;text-align: center;font-size: 0;}.modal-item__window:before {content: "";width: 0;height: 100%;display: inline-block;vertical-align: middle;}.modal-item__text-container {display: inline-block;vertical-align: middle;max-width: 768px;width: -webkit-calc(100% - 40px);width: -moz-calc(100% - 40px);width: calc(100% - 40px);}.modal-item__text-container p,.modal-item__text-container ul {line-height: 1.03em;font-size: 2.4rem;font-family: "AmerigoBT-MediumA",serif;max-width: 100%;margin-bottom: 1em;}.modal-item__text-container p:last-child,.modal-item__text-container ul:last-child {margin-bottom: 0;}.modal-item.active .modal-item__window {display: block;}.close-icon {width: 32px;height: 32px;position: absolute;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;transition: .3s ease-in-out;cursor: pointer;top: 2rem;right: 2.4rem;z-index: 21;background-color: transparent;}.close-icon span {display: block;position: absolute;height: 3px;width: 100%;background: #000;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;transition: .25s ease-in-out;}.close-icon span:nth-child(1) {top: 18px;width: 0%;left: 50%;}.close-icon span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}.close-icon span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}.close-icon span:nth-child(4) {top: 18px;width: 0%;left: 50%;}.title,.gutenberg-container h3 {font-family: "AmerigoBT-MediumA",serif;line-height: 1.03em;font-size: 2.4rem;display: block;max-width: 800px;margin-left: auto;margin-right: auto;}.title--large {font-size: 3.6rem;}.title--extra-large {font-size: 4.2rem;}.title--green {color: #23c05f;}.title__sub {font-family: "Monument",sans-serif;color: #23c05f;font-size: 1.4rem;text-align: left;}.title__sub--black {color: black;}.feature-img {margin: 0 auto;max-width: 92rem;width: 100%;}.feature-img__caption {font-size: 2rem;margin: 2rem 0;display: block;text-align: center;}.gutenberg-container {width: 100%;font-size: 1.4rem;}.gutenberg-container p {line-height: 1.35em;max-width: 92rem;margin: 0 auto 1.4em;display: block;}.gutenberg-container p.has-large-font-size,.gutenberg-container p.has-drop-cap {font-size: inherit !important;}.gutenberg-container p.has-drop-cap {display: none;}.gutenberg-container p a,.gutenberg-container ul a,.gutenberg-container ol a {text-decoration: none;background-image: -webkit-linear-gradient(top, rgba(26,26,26,0.5) 75%, rgba(26,26,26,0.5) 75%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(26,26,26,0.5)), color-stop(75%, rgba(26,26,26,0.5)));background-image: -moz- oldlinear-gradient(top, rgba(26,26,26,0.5) 75%, rgba(26,26,26,0.5) 75%);background-image: linear-gradient(to bottom, rgba(26,26,26,0.5) 75%, rgba(26,26,26,0.5) 75%);background-repeat: repeat-x;-webkit-background-size: 1px 1px;-moz-background-size: 1px 1px;background-size: 1px 1px;background-position: 0 98%;}.gutenberg-container p a:hover,.gutenberg-container ul a:hover,.gutenberg-container ol a:hover {background-image: -webkit-linear-gradient(top, #1a1a1a 75%, #1a1a1a 75%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #1a1a1a), color-stop(75%, #1a1a1a));background-image: -moz- oldlinear-gradient(top, #1a1a1a 75%, #1a1a1a 75%);background-image: linear-gradient(to bottom, #1a1a1a 75%, #1a1a1a 75%);}.gutenberg-container p strong,.gutenberg-container ul strong,.gutenberg-container ol strong {font-weight: 800;}.gutenberg-container p em,.gutenberg-container ul em,.gutenberg-container ol em {font-style: italic;}.gutenberg-container ul:not(.blocks-gallery-grid),.gutenberg-container ol {line-height: 1.2em;max-width: 92rem;margin: 0 auto 2em;display: block;}.gutenberg-container ul:not(.blocks-gallery-grid) li {display: table;}.gutenberg-container ul:not(.blocks-gallery-grid) li:before {content: "\2014";display: table-cell;padding-right: .5em;}.gutenberg-container h1,.gutenberg-container h2 {max-width: 92rem;text-align: center;font-family: "AmerigoBT-MediumA",serif;color: #23c05f;line-height: 1.03em;margin: 7rem auto;font-size: 3.6rem;}.gutenberg-container h3 {max-width: 92rem;margin-bottom: 0.5em;}.gutenberg-container h4,.gutenberg-container h5,.gutenberg-container h6 {font-weight: 800;max-width: 92rem;margin: 0 auto;line-height: 1.35em;}.gutenberg-container hr.horizontal {margin: 0 auto 4rem;}.gutenberg-container--padded {margin: 4rem auto 0;}.wp-block-gallery {margin: 7rem auto;max-width: 92rem;width: 100%;}.wp-block-gallery .flickity-viewport {overflow: visible;}.wp-block-gallery .blocks-gallery-item {opacity: 0;width: 100%;display: block;-webkit-transition: opacity .6s ease;-o-transition: opacity .6s ease;-moz-transition: opacity .6s ease;transition: opacity .6s ease;}.wp-block-gallery .blocks-gallery-item.is-selected {opacity: 1;}.wp-block-gallery .blocks-gallery-item figure {position: relative;}.wp-block-gallery .blocks-gallery-item figcaption {font-size: 1.4rem;line-height: 1.2em;padding: 3rem 0;display: block;text-align: center;position: absolute;bottom: 0;width: 100%;z-index: 2;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);}.wp-block-gallery .blocks-gallery-item img {margin: auto;z-index: 1;}.wp-block-gallery .flickity-fullscreen-button {display: none;}.wp-block-gallery .flickity-prev-next-button {width: 20px;height: 30px;background-color: transparent;left: 0;right: 0;margin: auto;}.wp-block-gallery .flickity-prev-next-button.next {-webkit-transform: translate(1.5rem, 100%);-moz-transform: translate(1.5rem, 100%);-ms-transform: translate(1.5rem, 100%);-o-transform: translate(1.5rem, 100%);transform: translate(1.5rem, 100%);}.wp-block-gallery .flickity-prev-next-button.previous {-webkit-transform: translate(-1.5rem, 100%);-moz-transform: translate(-1.5rem, 100%);-ms-transform: translate(-1.5rem, 100%);-o-transform: translate(-1.5rem, 100%);transform: translate(-1.5rem, 100%);}.wp-block-gallery .flickity-enabled.is-fullscreen {max-width: 100%;z-index: 200;background-color: #FFF;margin: 0;}.wp-block-gallery .flickity-enabled.is-fullscreen .blocks-gallery-item {width: 100%;height: 100%;}.wp-block-gallery .flickity-enabled.is-fullscreen .blocks-gallery-item figure {width: 100%;padding-bottom: 0;height: 100vh;position: relative;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}.wp-block-gallery .flickity-enabled.is-fullscreen .blocks-gallery-item img {width: auto;height: auto;max-width: 80%;max-height: 80%;}.wp-block-gallery .flickity-enabled.is-fullscreen .blocks-gallery-item figcaption {-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);bottom: 0;}.wp-block-gallery .flickity-enabled.is-fullscreen .flickity-fullscreen-button {right: 2.5rem;top: 2.5rem;width: 32px;height: 25px;}.wp-block-gallery .flickity-enabled.is-fullscreen .flickity-fullscreen-button .flickity-button-icon {height: 25px;}.wp-block-gallery .flickity-enabled.is-fullscreen .flickity-prev-next-button {display: block;position: fixed;right: 2.5rem;left: auto;bottom: 2.5rem;width: 20px;height: 30px;background-color: transparent;margin: 0;}.wp-block-gallery .flickity-enabled.is-fullscreen .flickity-prev-next-button.previous {right: 6.5rem;-webkit-transform: translate(0%);-moz-transform: translate(0%);-ms-transform: translate(0%);-o-transform: translate(0%);transform: translate(0%);}.wp-block-gallery .flickity-enabled.is-fullscreen .flickity-prev-next-button.next {-webkit-transform: translate(0%);-moz-transform: translate(0%);-ms-transform: translate(0%);-o-transform: translate(0%);transform: translate(0%);}.wp-block-embed {margin: 7rem auto;max-width: 92rem;width: 100%;}.wp-block-embed__wrapper {position: relative;padding-bottom: 56.2%;height: 0;}.wp-block-embed__wrapper iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.wp-block-embed figcaption {font-size: 1.6rem;line-height: 1.2em;padding: 2rem 0;display: block;text-align: center;width: 100%;}.wp-block-button {margin: 0 auto;max-width: 92rem;text-align: center;}.wp-block-button>a {font-size: inherit !important;-moz-border-radius: 1.2em !important;border-radius: 1.2em !important;padding-right: 15px !important;padding-left: 15px !important;}.wp-block-pullquote {margin: 7rem 0;text-align: center;color: #23c05f;}.wp-block-pullquote p {font-family: "AmerigoBT-MediumA",serif;line-height: 1.03em !important;margin-bottom: .5em;font-size: 3.6rem;}.wp-block-pullquote cite {margin-top: 3rem;display: block;}.gallery {margin: 0 auto;max-width: 92rem;width: 100%;}.gallery .flickity-viewport {overflow: visible;}.gallery__slide {width: 100%;opacity: 0;-webkit-transition: opacity .6s ease;-o-transition: opacity .6s ease;-moz-transition: opacity .6s ease;transition: opacity .6s ease;}.gallery__slide.is-selected {opacity: 1;}.gallery__slide figure {padding-bottom: 66.6666666667%;height: 0;position: relative;}.gallery__slide img,.gallery__slide .wp-video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;margin: auto;width: auto;height: auto;}.gallery__slide__caption {font-size: 1.6rem;margin: 2rem 0;display: block;text-align: center;line-height: 1.2em;}.gallery__slide .wp-video {pointer-events: none;width: 100% !important;}.gallery__slide .wp-video video,.gallery__slide .wp-video video.wp-video-shortcode {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}.gallery__slide .mejs-controls {display: none;}.gallery .flickity-fullscreen-button {display: none;}.gallery .flickity-prev-next-button {display: none;}.gallery.is-fullscreen {max-width: 100%;z-index: 200;background-color: #FFF;}.gallery.is-fullscreen .flickity-prev-next-button {display: block;position: fixed;right: 2rem;bottom: 2rem;width: 20px;height: 20px;background-color: transparent;}.gallery.is-fullscreen .gallery__slide {width: 100%;height: 100%;}.gallery.is-fullscreen .gallery__slide figure {width: 100%;padding-bottom: 0;height: 100vh;position: relative;}.gallery.is-fullscreen .gallery__slide img {width: auto;height: auto;max-width: -webkit-calc(100% - 4rem);max-width: -moz-calc(100% - 4rem);max-width: calc(100% - 4rem);}.gallery.is-fullscreen .gallery__slide__caption {margin: 2rem auto;max-width: 60%;position: absolute;bottom: 0;left: 0;right: 0;}.gallery.is-fullscreen .flickity-fullscreen-button {right: 2rem;top: 2rem;width: 28px;height: 25px;}.gallery.is-fullscreen .flickity-fullscreen-button .flickity-button-icon {height: 25px;}.profile {width: 100%;margin-bottom: 4rem;}.profile .img-wrapper {margin-bottom: 2rem;}.profile .img-wrapper img {z-index: 1;will-change: z-index;opacity: 1;}.profile .img-wrapper:hover {cursor: default;}.profile .img-wrapper:hover img {z-index: 0;}.profile__text {font-size: 1.4rem;}.profile__name {margin-bottom: 1rem;}.profile hr {margin-bottom: 1rem;}.profile__summary {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;background-color: #23c05f;text-align: center;font-size: 1.4rem;z-index: 0;}.profile__summary p {line-height: 1.2em;margin: 0 1em;}.video-embed {max-width: 92rem;margin: 0 auto;}.video-embed__wrapper {width: 100%;padding-bottom: 56%;position: relative;}.video-embed__wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.video-embed figcaption {font-size: 1.4rem;line-height: 1.2em;margin: 2rem 0;display: block;text-align: center;}.ruled-grid__row {padding: 0 0 10px;}.ruled-grid__row hr.horizontal {border: 0;min-width: -webkit-calc(100% - 2em);min-width: -moz-calc(100% - 2em);min-width: calc(100% - 2em);height: 1px;background-color: black;margin: 0 1em 2rem;display: block;margin-bottom: 10px;}.ruled-grid__row hr.vertical {border: 0;width: 1px;margin: 0;background-color: black;}.ruled-grid__content {position: relative;width: 100%;padding-bottom: -webkit-calc(100% - 4rem);padding-bottom: -moz-calc(100% - 4rem);padding-bottom: calc(100% - 4rem);}.ruled-grid__content__inner {top: 0;left: 0;display: block;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;text-align: center;position: absolute;width: 100%;height: 100%;}.ruled-grid__content__inner h4 {font-family: "AmerigoBT-MediumA",serif;font-size: 2.3vw;line-height: 1.1em;margin: 0 auto;padding: 0;width: -webkit-calc(100% - 6rem);width: -moz-calc(100% - 6rem);width: calc(100% - 6rem);color: black;-webkit-transition: color .2s ease;-o-transition: color .2s ease;-moz-transition: color .2s ease;transition: color .2s ease;will-change: color;}.ruled-grid__content__inner h4:hover {color: #d9d9d9;}.hero .wrap {position: relative;}.hero a {display: block;}.hero__gallery {margin-top: 25px;opacity: 0;-webkit-transition: opacity .6s ease .6s;-o-transition: opacity .6s ease .6s;-moz-transition: opacity .6s ease .6s;transition: opacity .6s ease .6s;}.hero__gallery.flickity-enabled {opacity: 1;}.hero__gallery__slide {width: 100%;}.hero__gallery__slide figure {padding-bottom: 125.3731343284%;height: 0;position: relative;}.hero__gallery__slide img {position: absolute;top: 0;left: 0;margin: auto;-o-object-fit: cover;object-fit: cover;}.hero__overlay {width: 100%;text-align: center;margin-top: 20px;}.hero__overlay-text {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}.hero__brand-statement {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;background-color: #23c05f;}.hero__brand-statement>div {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;text-align: center;padding: 0 2rem;}.hero .aspect-ratio-wrapper {padding-bottom: 125.3731343284%;height: 0;position: relative;}.hero:hover .hero__overlay {opacity: 1;}.text {font-family: "Monument",sans-serif;line-height: 1.1em;font-size: 1.6rem;}.text--large {font-size: 2rem;}.text--green {color: #23c05f;}.text--green svg path {fill: #23c05f;}.icon {width: 1.5rem;height: 1.5rem;display: inline-block;vertical-align: middle;margin: 0 .5rem;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);will-change: transform;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;-o-transition: -o-transform .3s ease;-moz-transition: transform .3s ease, -moz-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;}.icon--arrow-down {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);margin: 0;}.ns-form {font-size: 1.4rem;line-height: 1.1em;background-color: #23c05f;width: -webkit-calc(100% - 40px);width: -moz-calc(100% - 40px);width: calc(100% - 40px);background-color: #23c05f;margin: auto;position: absolute;z-index: 10;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;}.show-subscription-notice .ns-form {display: block;}.ns-form .wrap {position: relative;padding-top: 2rem;padding-bottom: 2rem;}.ns-form__heading {padding: 3rem 0 2rem;}.ns-form__copy a {text-decoration: underline;}.ns-form__copy--legal {margin: 5rem 2rem 2rem;}.ns-form__form {width: 100%;}.ns-form__label {display: block;position: relative;width: 100%;height: 30px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 2rem;}.ns-form__label span {font-size: 1.4rem;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;text-align: center;-webkit-transition: font-size .3s ease, -webkit-transform .3s ease;transition: font-size .3s ease, -webkit-transform .3s ease;-o-transition: font-size .3s ease, -o-transform .3s ease;-moz-transition: transform .3s ease, font-size .3s ease, -moz-transform .3s ease;transition: transform .3s ease, font-size .3s ease;transition: transform .3s ease, font-size .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease;}.ns-form__label.is-active span {font-size: 1.2rem;-webkit-transform: translateY(-18px);-moz-transform: translateY(-18px);-ms-transform: translateY(-18px);-o-transform: translateY(-18px);transform: translateY(-18px);}.ns-form__label:last-child {margin-bottom: 3rem;}.ns-form__input,.ns-form__submit {background-color: transparent;}.ns-form__input {position: absolute;top: 0;left: 0;width: 100%;height: -webkit-calc(100% - 0.2em);height: -moz-calc(100% - 0.2em);height: calc(100% - 0.2em);border-bottom: 1px solid;font-family: "Monument",sans-serif;font-size: 1.4rem;text-align: center;padding: .1em 0;}.ns-form__submit {width: 100%;border: 1px solid;padding: 1rem 0;text-align: center;margin: 0 0 4rem;}.ns-form__submit:hover {background-color: black;color: white;cursor: pointer;border-color: black;}.ns-form__close {position: absolute;top: 0;right: 0;padding: 1.5rem 2rem;cursor: pointer;}.ns-form .response {color: white;text-align: center;background: #000;padding: 1em;margin: -1em 0 2em;}.social-share {font-size: 1.4rem;text-align: center;}.social-share input[type="text"] {opacity: 0;position: absolute;left: -9999px;}.social-share__heading {color: #d9d9d9;font-size: inherit;}.social-share__links {width: 100%;list-style: disc;display: block;}.social-share__links__item {display: inline-block;}.social-share__links__item a {font-size: inherit;}.social-share__links__item:not(:last-child):after {content: "\2022";font-size: 2.5rem;display: inline-block;-webkit-transform: translateY(0.4rem);-moz-transform: translateY(0.4rem);-ms-transform: translateY(0.4rem);-o-transform: translateY(0.4rem);transform: translateY(0.4rem);margin: 0 .5rem;}.support-notice {text-align: center;}.support-notice__heading {margin-bottom: 1em;}.support-notice__bg {background-color: #23c05f;padding: 4rem 0;}.support-notice__button {display: inline-block;border: 1px solid black;padding: 8px 7px;font-size: 1.6rem;}.id-donations__container {padding: 0 2rem;}.id-donations__container p,.id-donations__container div {font-size: 14px;}.id-donations__container h3 {font-size: 20px;}.paypal-donations {overflow: hidden;font-size: 1.6rem;line-height: 1em;background-color: #FFF;border: 1px solid #23c05f;margin: 4rem auto 0;padding: 8px 7px;max-width: 265px;position: relative;}.paypal-donations:hover {background-color: #23c05f;cursor: pointer;}.paypal-donations input[type="image"] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 1;}.paypal-donations:after {content: "Donate now";width: 100%;height: 100%;}.report {font-size: 1.4rem;line-height: 1.1em;margin: 2rem 0;}.mobile-menu {display: none;position: fixed;width: 100%;top: 0;left: 0;right: 0;background-color: #23c05f;z-index: 200;pointer-events: none;-webkit-transition: opacity 0.3s ease,-webkit-transform 0.5s cubic-bezier(0.59, 0.01, 0.28, 1);transition: opacity 0.3s ease,-webkit-transform 0.5s cubic-bezier(0.59, 0.01, 0.28, 1);-o-transition: opacity 0.3s ease,-o-transform 0.5s cubic-bezier(0.59, 0.01, 0.28, 1);-moz-transition: opacity 0.3s ease,transform 0.5s cubic-bezier(0.59, 0.01, 0.28, 1),-moz-transform 0.5s cubic-bezier(0.59, 0.01, 0.28, 1);transition: opacity 0.3s ease,transform 0.5s cubic-bezier(0.59, 0.01, 0.28, 1);transition: opacity 0.3s ease,transform 0.5s cubic-bezier(0.59, 0.01, 0.28, 1),-webkit-transform 0.5s cubic-bezier(0.59, 0.01, 0.28, 1),-moz-transform 0.5s cubic-bezier(0.59, 0.01, 0.28, 1),-o-transform 0.5s cubic-bezier(0.59, 0.01, 0.28, 1);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);will-change: transform;}.mobile-menu.open {pointer-events: all;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}.mobile-menu .nav-icon {margin: 0;}.mobile-menu ul {padding: 0;top: 0;left: 0;width: 100%;}.mobile-menu ul li {border: 0;border-bottom: 1px solid black;font-size: 1.4rem;}.mobile-menu ul li a {width: 100%;height: 100%;display: block;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;padding: 0.2em 0;height: 3.9em;line-height: 3.9em;}.mobile-menu ul li a span {display: inline-block;width: 100%;}.mobile-menu__exit {position: absolute;padding: 20px;top: 0;right: 0;}.col {width: 100%;}.cookie-notice {position: fixed;z-index: 300;bottom: 0;left: 0;right: 0;width: auto;background-color: #23c05f;color: black;padding: 0 2.5rem;text-align: center;display: none;}.show-cookie-banner .cookie-notice {display: block;}.cookie-notice__wrapper {position: relative;padding: 5rem 0 3.5rem;}.cookie-notice h5 {line-height: 1.2em;font-size: 1.4rem;margin-bottom: 1rem;}.cookie-notice p {color: black;margin: 0 0 3.5rem 0;line-height: 1.2em;font-size: 1.6rem;}.cookie-notice p br {display: none;}.cookie-notice .cookie-notice__button {display: inline-block;vertical-align: middle;line-height: 1em;border: 1px solid black;margin: 0 .8rem 0 0;padding: 8px 7px;font-size: 1.4rem;cursor: pointer;}.cookie-notice__accept {height: 20px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;-moz-border-radius: 0;border-radius: 0;background-color: transparent;cursor: pointer;position: absolute;right: 0;top: 2.5rem;margin: auto;}.air-pollution-report {position: absolute;bottom: 25px;left: 0;right: 0;width: 100%;text-align: center;font-size: 12px;line-height: 1.1em;color: black;z-index: 1;}.air-pollution-report .attributions {font-size: 8px;line-height: 1.1em;}.profiles__view-more {display: none;margin: 70px 0;cursor: pointer;}.tag,.event-details a,.id-subscribe-form__submit,.wp-block-button>a {display: inline-block;vertical-align: middle;line-height: 1em;background-color: #FFF;border: 1px solid #23c05f;margin: 0 .8rem 0 0;padding: 8px 7px;font-size: 1.4rem;}.blog .tag,.blog .event-details a,.event-details .blog a,.blog .id-subscribe-form__submit,.blog .wp-block-button>a {background-color: #d9d9d9;}.no-touchevents .tag:hover,.no-touchevents .event-details a:hover,.event-details .no-touchevents a:hover,.no-touchevents .id-subscribe-form__submit:hover,.no-touchevents .wp-block-button>a:hover {background-color: #23c05f;cursor: pointer;}.tag--active {background-color: #23c05f;}header .tag--active:after {content: '\D7';position: relative;color: rgba(0,0,0,0.4);opacity: 0.66;margin-left: 7px;font-size: 1.6rem;line-height: 1em;}header .tag--active[v-cloak] {display: none;}.tag:hover,.event-details a:hover,.id-subscribe-form__submit:hover,.wp-block-button>a:hover {cursor: pointer;}.post-tags .tag,.post-tags .event-details a,.event-details .post-tags a,.post-tags .id-subscribe-form__submit,.post-tags .wp-block-button>a {margin-top: .8rem;}@font-face {font-family:'AmerigoBT-MediumA';src:url("https://invisibledust.com/wp-content/themes/invisibledust/scss/build/../../fonts/38BE92_0_0.eot");src:url("https://invisibledust.com/wp-content/themes/invisibledust/scss/build/../../fonts/38BE92_0_0.eot?#iefix") format("embedded-opentype"),url("https://invisibledust.com/wp-content/themes/invisibledust/scss/build/../../fonts/38BE92_0_0.woff2") format("woff2"),url("https://invisibledust.com/wp-content/themes/invisibledust/scss/build/../../fonts/38BE92_0_0.woff") format("woff"),url("https://invisibledust.com/wp-content/themes/invisibledust/scss/build/../../fonts/38BE92_0_0.ttf") format("truetype");}@font-face {font-family:'Monument';src:url("https://invisibledust.com/wp-content/themes/invisibledust/scss/build/../../fonts/monument-grotesk-regular.woff") format("woff");}@font-face {font-family:'Monument';src:url("https://invisibledust.com/wp-content/themes/invisibledust/scss/build/../../fonts/monument-grotesk-bold.woff2") format("woff2"),url("https://invisibledust.com/wp-content/themes/invisibledust/scss/build/../../fonts/monument-grotesk-bold.woff") format("woff");font-weight:800;}@media (min-width: 600px) {.has-margin {margin-bottom: 10rem;}.has-margin--small {margin-bottom: 2.5rem;}.has-margin--medium {margin-bottom: 6rem;}.has-margin--large {margin-bottom: 15rem;}.has-margin--top {margin-top: 2.5rem;}.page-title {margin-top: 10rem;}.has-margin--large .page-title {margin-top: 15rem;}.wrap {padding: 0 25px;}.view-more {font-size: 1.6rem;}.credits {font-size: 1.6rem;}.id-scroll-to-anchors {margin: 12rem auto;}#nprogress .bar {height: 2px;}header {font-size: 1.6rem;}header .header-wrapper {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}header .header-wrapper>li {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}header .nav.open {-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}footer {width: -webkit-calc(100% - 50px);width: -moz-calc(100% - 50px);width: calc(100% - 50px);}main {padding: 7.3rem 0 0;min-height: -webkit-calc(100vh - 12.3rem);min-height: -moz-calc(100vh - 12.3rem);min-height: calc(100vh - 12.3rem);overflow: hidden;}.standfirst {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;height: -webkit-calc(80vh - 111px);height: -moz-calc(80vh - 111px);height: calc(80vh - 111px);}.standfirst h2 {vertical-align: middle;padding: 0 40px;display: inline-block;font-size: 5vw;}.press__year {padding: 3rem 12rem 0;}.press__year__date {top: 3rem;}.press__release {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}.press__release__thumbnail {margin: 0 2.5rem 0 0;max-width: 200px;}.posts .grid,.profiles .grid {margin-top: -1em !important;}.logo {margin: 0 2rem;}.search-bar__wrap {width: -webkit-calc(100% - .5em);width: -moz-calc(100% - .5em);width: calc(100% - .5em);padding: 0 0.25em;}.search-bar__input input,.search-bar__input label {height: 4em;line-height: 4em;}.search-bar__input label {margin-top: 2px;height: -webkit-calc(4em - 2px);height: -moz-calc(4em - 2px);height: calc(4em - 2px);}.search-bar__search-icon {margin: 0 .2em 0 1em;width: 24px;height: 24px;}.search-bar .active-tags-button {display: none;}.nav:not(.nav--footer) {height: 3.2em;}.nav:not(.nav--footer) .nav__item {border-right: 1px solid;}.nav:not(.nav--footer) .nav__item:last-child {border: 0;}.nav__item>a {padding: .75em 0;}.no-touch .nav__item>a:hover {background-color: #000;color: #FFF;}.nav--footer.flex .nav__item #mobile-subscribe-button {padding: .75em 0;}.id-subscribe-form {margin: 4rem auto;}.tags-list--mobile-active-tags {display: none;}.grid {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -1em;}.grid--no-offset {margin: 0;}.grid__item--centred-text {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}.grid__item__container {padding: 50px 20px;}.grid__item__container--extra-padding {padding: 80px 40px;}.grid__item__post-type {margin-bottom: 2rem;font-size: 1.6rem;}.grid__item p {font-size: 1.6rem;}.grid__item .sponsor__heading {padding: 0;font-size: 2.3vw;}#particles-logo {top: 5px;}.post-item__post-type {font-size: 1.6rem;}.post-item__post-date {font-size: 1.6rem;}.post-item__post-excerpt {font-size: 1.6rem;}.post-item__tags {margin-top: 2em;position: absolute;bottom: 1em;}.post-item__inner {padding: 1em 0 84px;}.notice>p {font-size: 2rem;}.featured-item .id-dot {width: 150px;height: 150px;}.hero-item {width: -webkit-calc(50% - 2em);width: -moz-calc(50% - 2em);width: calc(50% - 2em);margin: 0 1em;}.related-item:not(:first-child):after {position: absolute;background: black;content: '';top: 1em;bottom: 1em;width: 1px;height: auto;left: 0;right: auto;}.box {padding: 0 0 46.9827586207%;font-size: 1.6rem;}.box__inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;padding: 0;}.box__inner>div {width: 100%;}.box--square {padding: 0 0 100%;}.box--no-padding {padding: 80px 0;}.box--no-padding .box__inner {position: static;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;padding: 0;}.box--no-padding .box__inner>div {width: 100%;}.footer-form__email {font-size: 1.6rem;padding: .75em 0;}.modal-item__window {margin: auto;top: 71px;height: -webkit-calc(100vh - 71px);height: -moz-calc(100vh - 71px);height: calc(100vh - 71px);z-index: 150;}.modal-item__text-container p,.modal-item__text-container ul {font-size: 3.6rem;}.title__sub {font-size: 1.6rem;}.gutenberg-container {font-size: 2rem;}.gutenberg-container p {line-height: 1.35em;}.gutenberg-container h1,.gutenberg-container h2 {margin: 10rem auto;}.gutenberg-container hr.horizontal {margin: 0 auto 10rem;}.gutenberg-container--padded {margin-top: 10rem;}.wp-block-gallery {margin: 10rem auto 12rem;}.wp-block-gallery .blocks-gallery-item figcaption {font-size: 1.6rem;padding: 4rem 0;}.wp-block-gallery .flickity-prev-next-button {height: 40px;}.wp-block-gallery .flickity-prev-next-button.next {-webkit-transform: translate(2rem, 100%);-moz-transform: translate(2rem, 100%);-ms-transform: translate(2rem, 100%);-o-transform: translate(2rem, 100%);transform: translate(2rem, 100%);}.wp-block-gallery .flickity-prev-next-button.previous {-webkit-transform: translate(-2rem, 100%);-moz-transform: translate(-2rem, 100%);-ms-transform: translate(-2rem, 100%);-o-transform: translate(-2rem, 100%);transform: translate(-2rem, 100%);}.wp-block-gallery .flickity-enabled.is-fullscreen .blocks-gallery-item figcaption {padding: 3rem 0;}.wp-block-gallery .flickity-enabled.is-fullscreen .flickity-prev-next-button.previous {-webkit-transform: translate(0%);-moz-transform: translate(0%);-ms-transform: translate(0%);-o-transform: translate(0%);transform: translate(0%);}.wp-block-gallery .flickity-enabled.is-fullscreen .flickity-prev-next-button.next {-webkit-transform: translate(0%);-moz-transform: translate(0%);-ms-transform: translate(0%);-o-transform: translate(0%);transform: translate(0%);}.wp-block-embed {margin: 10rem auto;}.wp-block-pullquote {margin: 12rem 0;}.gallery.is-fullscreen .flickity-prev-next-button {right: 2.5rem;bottom: 2.5rem;height: 30px;}.gallery.is-fullscreen .flickity-prev-next-button.previous {right: 6.5rem;}.gallery.is-fullscreen .gallery__slide img {max-width: 80%;max-height: 80%;}.gallery.is-fullscreen .flickity-fullscreen-button {right: 2.5rem;top: 2.5rem;}.profile {width: -webkit-calc(33.333% - 2em);width: -moz-calc(33.333% - 2em);width: calc(33.333% - 2em);padding: 1em;}.profile__text {font-size: 1.6rem;}.profile__summary {font-size: 1.2vw;}.hero__brand-statement>div {padding: 0 4rem;}.ns-form {width: 100%;font-size: 1.6rem;max-width: 445px;}.ns-form__heading {padding: 4rem 0 5rem;}.ns-form__copy {text-align: center;margin: 0 2rem 5rem;}.ns-form__copy--legal {margin: 5rem 2rem 4rem;}.ns-form__label {margin-bottom: 4rem;}.ns-form__label span {font-size: 1.6rem;}.ns-form__label.is-active span {-webkit-transform: translateY(-26px);-moz-transform: translateY(-26px);-ms-transform: translateY(-26px);-o-transform: translateY(-26px);transform: translateY(-26px);}.ns-form__input {font-size: 1.6rem;}.social-share {font-size: 1.6rem;}.social-share__heading {margin-bottom: 1rem;}.social-share__links__item:not(:last-child):after {margin: 0 1rem;}.support-notice__bg {padding: 8rem 0;}.id-donations__container {padding: 0 4rem;}.id-donations__container h3 {font-size: 36px;font-size: 2.5vw;}.paypal-donations {max-width: 350px;}.col--1 {width: 25%;}.col--1:not(:nth-child(4n)):not(:last-child):after {position: absolute;background: black;content: '';top: 1em;bottom: 1em;width: 1px;height: auto;left: 100%;right: auto;}.col--2 {width: 50%;}.col--2:not(:nth-child(2n)):not(:last-child):after {position: absolute;background: black;content: '';top: 1em;bottom: 1em;width: 1px;height: auto;left: 100%;right: auto;}.cookie-notice h5 {font-size: 1.6rem;}.cookie-notice p {font-size: 2rem;}.cookie-notice .cookie-notice__button {font-size: 1.6rem;}.air-pollution-report {font-size: 16px;}.tag,.event-details a,.id-subscribe-form__submit,.wp-block-button>a {font-size: 1.6rem;}}@media (min-width: 600px) and (min-width: 1920px) {.id-donations__container h3 {font-size: 36px;}}@media (min-width: 900px) {.standfirst h2 {padding: 0;max-width: 63%;font-size: 3.61vw;}.nav-link {width: 100vh;position: fixed;font-size: 2rem;z-index: 100;}.nav-link--prev {top: 0;left: -webkit-calc(100% - 2.5rem);left: -moz-calc(100% - 2.5rem);left: calc(100% - 2.5rem);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}.nav-link--next {top: 100%;left: 2.5rem;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}.nav--footer.flex {-webkit-box-align: stretch;-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}.nav--footer.flex li {-webkit-box-flex: initial;-webkit-flex: initial;-moz-box-flex: initial;-ms-flex: initial;flex: initial;}.nav--footer.flex .nav__item {position: relative;width: -webkit-calc(50% - 1px);width: -moz-calc(50% - 1px);width: calc(50% - 1px);}.nav--footer.flex .nav__item:not(:nth-child(even)):not(:last-child):after {position: absolute;background: black;content: '';top: .32em;bottom: .32em;width: 1px;height: auto;right: -.5px;}.grid__item--cap-width {min-width: 25%;}.grid__item__container {padding: 50px;max-width: 55rem;}.notice {padding: 20px 1.25vw;}.hero-item__overlay {margin-top: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(35,192,96,0.8);opacity: 0;z-index: 5;-webkit-transition: opacity .3s ease;-o-transition: opacity .3s ease;-moz-transition: opacity .3s ease;transition: opacity .3s ease;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}.hero-item__overlay .title,.hero-item__overlay .gutenberg-container h3,.gutenberg-container .hero-item__overlay h3 {padding: 0 40px;}.hero-animation {width: 75%;margin: 0 auto;}.hero-animation picture {padding-bottom: 56.25%;}.footer-form__email {min-width: 50%;padding: .5em 0;margin: 0 1em;}.footer-form__email::-webkit-input-placeholder {color: #d9d9d9;}.footer-form__email::-moz-placeholder {color: #d9d9d9;}.footer-form__email::-ms-input-placeholder {color: #d9d9d9;}.footer-form__email::placeholder {color: #d9d9d9;}.title,.gutenberg-container h3 {line-height: 1em;font-size: 3.6rem;font-size: 2.5vw;}.title--large {font-size: 5.2rem;font-size: 3.61111vw;}.title--extra-large {font-size: 8.4rem;font-size: 5.83333vw;}.gutenberg-container h1,.gutenberg-container h2 {line-height: 1em;font-size: 5.2rem;font-size: 3.61111vw;}.wp-block-gallery .blocks-gallery-item figure {padding-bottom: 66.6666666667%;height: 0;}.wp-block-gallery .blocks-gallery-item img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;}.wp-block-pullquote p {line-height: 1em !important;font-size: 5.2rem;font-size: 3.61111vw;}.hero__gallery__slide figure {padding-bottom: 49.4244604317%;}.hero__gallery__slide img {height: 100%;width: 100%;right: 0;bottom: 0;}.hero__overlay {margin-top: 0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;opacity: 0;z-index: 5;-webkit-transition: opacity .3s ease;-o-transition: opacity .3s ease;-moz-transition: opacity .3s ease;transition: opacity .3s ease;background-color: rgba(35,192,96,0.8);position: absolute;top: 0;left: 0;height: 100%;}.hero .aspect-ratio-wrapper {padding-bottom: 49.4244604317%;}.id-donations__container p,.id-donations__container div {font-size: 16px;}.report {font-size: 1.6rem;}.cookie-notice__wrapper {padding: 3.5rem 0;}.cookie-notice p br {display: block;}}@media (min-width: 900px) and (min-width: 1920px) {.title,.gutenberg-container h3 {font-size: 36px;}.title--large {font-size: 52px;}.title--extra-large {font-size: 84px;}.gutenberg-container h1,.gutenberg-container h2 {font-size: 52px;}.wp-block-pullquote p {font-size: 52px;}}@media (min-width: 1200px) {footer {width: 100%;}.nav {font-size: 1.6rem;}.nav--footer {border-bottom: 0;height: 3.2em;}.nav--footer.flex {-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}.nav--footer.flex li {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}.nav--footer.flex .nav__item:not(:nth-child(even)):not(:last-child):after {top: 0;bottom: 0;}.nav--footer.flex .nav__item:not(:last-child):after {position: absolute;background: black;content: '';top: 0;bottom: 0;width: 1px;height: auto;right: -.5px;}.nav--footer.flex .nav__item #mobile-subscribe-button {display: none;}.grid__item__heading {margin-bottom: 4rem;}.post-item {margin: 0;padding: 1em;width: -webkit-calc(33.333% - 2em);width: -moz-calc(33.333% - 2em);width: calc(33.333% - 2em);}.post-item:not(:nth-child(3n)):not(:last-child):after {position: absolute;background: black;content: '';top: 1em;bottom: 1em;width: 1px;height: auto;right: 0;}.footer-form {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}.footer-form__email {border-bottom: 1px solid;}.social-icons {display: inline-block;vertical-align: middle;margin: 0 1em 0;}#mobile-social-icons {display: none;}.id-donations__container p,.id-donations__container div {font-size: 16px;font-size: 1.11111vw;}}@media (min-width: 1200px) and (min-width: 1920px) {.id-donations__container p,.id-donations__container div {font-size: 16px;}}@media (min-width: 1500px) {.notice {padding: 20px 1.5625vw;}.video-embed figcaption {font-size: 1.6rem;}}@media (max-width: 1199px) {.nav--footer.flex .nav__item:not(:nth-last-child(-n+3)) {border-bottom: 1px solid;}.post-item {margin: 0;padding: 1em;width: -webkit-calc(50% - 2em);width: -moz-calc(50% - 2em);width: calc(50% - 2em);}.post-item:not(:nth-child(even)):not(:last-child):after {position: absolute;background: black;content: '';top: 1em;bottom: 1em;width: 1px;height: auto;right: -.5px;}}@media (max-width: 899px) {footer .nav {padding: 0;border-bottom: 0;}.nav-link {display: inline-block;width: 50%;margin: 2rem 0 4rem;}.nav-link a {font-size: 1.4rem;padding: .5em 2em;}.nav-link--prev {text-align: right;}.nav-link--prev a:after {content: "\2192";margin: 0 0 0 .5em;display: inline-block;vertical-align: middle;}.nav-link--next {text-align: left;}.nav-link--next a:before {content: "\2190";margin: 0 .5em 0 0;display: inline-block;vertical-align: middle;}.nav--footer {display: block;}.nav--footer .nav__item {border-right: 0;}.nav--footer .nav__item:not(:last-child) {border-bottom: 1px solid;}.nav--footer.flex .nav__item #mobile-subscribe-button {border-bottom: 1px solid;}.hero-item__overlay .title,.hero-item__overlay .gutenberg-container h3,.gutenberg-container .hero-item__overlay h3 {font-family: "Monument",sans-serif;font-size: 1.4rem;}.wp-block-gallery .blocks-gallery-item img {width: 100%;height: auto;}.hero__gallery__slide img {height: 100%;width: auto;}.hero__overlay .title,.hero__overlay .gutenberg-container h3,.gutenberg-container .hero__overlay h3 {font-family: "Monument",sans-serif;font-size: 1.4rem;}}@media (max-width: 599px) {.has-margin--mobile-large {margin-bottom: 8rem;}.arts-council-logo {margin-top: 40px;margin-bottom: 0px;}.user-is-scrolling header {-webkit-transform: translateY(-60px);-moz-transform: translateY(-60px);-ms-transform: translateY(-60px);-o-transform: translateY(-60px);transform: translateY(-60px);}header .nav {display: none !important;}main {margin-bottom: 20px;min-height: 100vh;}.standfirst h2 br {display: none;}.search-bar {border-top: 1px solid #000;padding: 0 20px;width: -webkit-calc(100% - 40px);width: -moz-calc(100% - 40px);width: calc(100% - 40px);}.search-bar .tag:not(.active-tags-button),.search-bar .event-details a:not(.active-tags-button),.event-details .search-bar a:not(.active-tags-button),.search-bar .id-subscribe-form__submit:not(.active-tags-button),.search-bar .wp-block-button>a:not(.active-tags-button) {display: none;}.nav__item:not(:last-child) {border-bottom: 1px solid;}.nav.flex {display: block;}.tags-list {width: -webkit-calc(100% - .5em);width: -moz-calc(100% - .5em);width: calc(100% - .5em);height: 3.5em;line-height: 3.6em;padding: 0.25em 0.25em 0.25em 0.25em;}.grid--mobile {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0;}.post-item {margin: 0 0 40px;width: 100%;padding: 0;}.post-item:after {display: none;}.featured-item--dot {padding-bottom: 60%;}.hero-item {display: block;}.box .post-tags {bottom: 4rem;}.box--no-padding .box__inner {padding: 0 0 4rem;}.box--mobile {padding: 0 0 100%;}.box--mobile .box__inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;padding: 0;}.box--mobile .box__inner>div {width: 100%;}.modal-item .grid__item__container {padding: 20px;}.title br:not(.mobile-break),.gutenberg-container h3 br:not(.mobile-break) {display: none;}.wp-block-gallery.columns-1 {margin: 7rem auto;}.wp-block-gallery.columns-1 figcaption {padding: 1rem 0;}.gallery__slide__caption {margin: 2rem auto;}.gallery.is-fullscreen .flickity-prev-next-button.previous {left: 2rem;right: auto;}.hero__brand-statement .title--large {font-size: 2.4rem;}.ns-form__heading {font-size: 3.6rem;}.ns-form__copy {display: none;}.ns-form__submit {margin: 2rem 0 0;}.ns-form__close {padding: 1rem;left: 0;right: 0;margin: auto;}.ns-form__close svg {display: block;width: 17px;height: 18px;margin: auto;}.support-notice {margin-bottom: -20px;}.support-notice__heading {line-height: 1.2em;font-size: 100%;font-size: 2.4rem;padding: 0 20px;}.support-notice__button {font-size: 1.4rem;}.mobile-menu {display: block;}.profiles__grid:not(.see-all) .profile:nth-child(n+3) {display: none;}.profiles__view-more {display: block;}.sponsors {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}.sponsors__item {width: 50%;}.sponsors__item:not(:nth-child(2n)):not(:last-child):after {position: absolute;background: black;content: '';top: 1em;bottom: 1em;width: 1px;height: auto;left: 100%;right: auto;}} /*! * Theme Name: Invisible Dust Theme * Theme URI: http://www.invisibledust.com/ * Author: Sebastian Brown * Author URI: https://sebastianbrown.net/ * Description: A custom theme for Invisible Dust * Version: 1.0.0 */ .gutenberg-container .post-password-form p:last-child { margin-bottom:10px; } .post-password-form input[type="submit"] { display: block; border: 1px solid black; padding: 10px; width: 100%; display: block; background:transparent; cursor: pointer; } .post-password-form input[type="submit"]:hover { background:black; color:#fff; } input[name="post_password"] { width: calc(100% - 2px); border: 1px solid; margin: 10px 0px; padding: 10px 0px; text-align: center; } .post-password-form { max-width: 400px; margin: 0 auto 40px; border: 1px solid; padding: 20px 30px; text-align: center; } @media all and (min-width:600px) { .post-password-form { font-size:17px; } } .has-text-align-center { text-align:center; } figcaption a { text-decoration: none; background-image: -webkit-linear-gradient(top, rgba(26,26,26,0.5) 75%, rgba(26,26,26,0.5) 75%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(26,26,26,0.5)), color-stop(75%, rgba(26,26,26,0.5))); background-image: -moz- oldlinear-gradient(top, rgba(26,26,26,0.5) 75%, rgba(26,26,26,0.5) 75%); background-image: linear-gradient(to bottom, rgba(26,26,26,0.5) 75%, rgba(26,26,26,0.5) 75%); background-repeat: repeat-x; -webkit-background-size: 1px 1px; -moz-background-size: 1px 1px; background-size: 1px 1px; background-position: 0 98%; } figcaption { line-height: 1.35em; margin-top:20px; display: block; } figcaption a:hover { background-image: -webkit-linear-gradient(top, #1a1a1a 75%, #1a1a1a 75%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #1a1a1a), color-stop(75%, #1a1a1a)); background-image: -moz- oldlinear-gradient(top, #1a1a1a 75%, #1a1a1a 75%); background-image: linear-gradient(to bottom, #1a1a1a 75%, #1a1a1a 75%); } .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} /* Theme Name: Invisible Dust 1.0 Theme URI: Invisible Dust 1.0 Author URI: Description: Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: Tags: */ /* ========================================================================== CSS Reset ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; box-sizing: border-box; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { -ms-overflow-style: -ms-autohiding-scrollbar; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { box-sizing: border-box; } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } img { width:100%; max-width:100%; display: block; } /* .wp-block-gallery .blocks-gallery-item img { width:auto; } */ .wp-block-gallery { overflow:visible; } .flickity-slider .wp-block-image { width:100%; } .gutenberg-container { overflow:hidden; } @media (min-width: 900px) { .wp-block-gallery .blocks-gallery-item img { object-fit: contain; } } .wp-block-gallery .blocks-gallery-item figcaption { -webkit-transform: translateY(calc(100% + 20px)); -moz-transform: translateY(calc(100% + 20px)); -ms-transform: translateY(calc(100% + 20px)); -o-transform: translateY(calc(100% + 20px)); transform: translateY(calc(100% + 20px)); } .wp-block-gallery { margin: 2rem auto 8rem; } .wp-block-embed, .wrap > iframe { margin: 1rem auto; margin: 7rem auto; max-width: 92rem; display:block; } .wrap > div { max-width: 92rem; margin-left: auto; margin-right: auto; } @media (min-width:600px) { .wp-block-gallery { margin: 4rem auto 10rem; } .wp-block-embed, .wrap > iframe { margin: 2rem auto; } } .wrap > figure:first-child { margin-top:0px; } .wp-block-image { text-align:center; } .wp-block-image img { display: inline-block; width:auto; } h2 strong { font-weight:400; } .info figure img { opacity:1; } .cookie-notice.active { pointer-events: all; } /* .wp-block-gallery.flickity-enabled .wp-block-image { opacity: 0; width: 100%; display: block; -webkit-transition: opacity .6s ease; -o-transition: opacity .6s ease; -moz-transition: opacity .6s ease; transition: opacity .6s ease; } .wp-block-gallery.flickity-enabled .wp-block-image.is-selected { opacity: 1; } .wp-block-gallery .flickity-prev-next-button.previous { -webkit-transform: translate(-1.5rem, 110%); -moz-transform: translate(-1.5rem, 110%); -ms-transform: translate(-1.5rem, 110%); -o-transform: translate(-1.5rem, 110%); transform: translate(-1.5rem, 110%); } .wp-block-gallery .flickity-prev-next-button.next { -webkit-transform: translate(1.5rem, 110%); -moz-transform: translate(1.5rem, 110%); -ms-transform: translate(1.5rem, 110%); -o-transform: translate(1.5rem, 110%); transform: translate(1.5rem, 110%); } @media all and (min-width:600px) { .wp-block-gallery .flickity-prev-next-button.previous { -webkit-transform: translate(-2rem, 110%); -moz-transform: translate(-2rem, 110%); -ms-transform: translate(-2rem, 110%); -o-transform: translate(-2rem, 110%); transform: translate(-2rem, 110%); } .wp-block-gallery .flickity-prev-next-button.next { -webkit-transform: translate(2rem, 110%); -moz-transform: translate(2rem, 110%); -ms-transform: translate(2rem, 110%); -o-transform: translate(2rem, 110%); transform: translate(2rem, 110%); } } */ .flickity-button:disabled { opacity:0; } /* ========================================================================== Font Face ========================================================================== */ /* @font-face { font-family: 'NeueMontreal'; src: url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/PPNeueMontrealBook.woff2') format('woff2'), url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/PPNeueMontrealBook.woff') format('woff'); font-weight:400; } @font-face { font-family: 'NeueMontreal'; src: url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/PPNeueMontreal-SemiBold.woff2') format('woff2'), url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/PPNeueMontreal-SemiBold.woff') format('woff'); font-weight: bold; } */ @font-face { font-family: 'ABCMonumentGrotesk'; src: url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/ABCMonumentGrotesk-Regular-Trial.woff2') format('woff2'), url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/ABCMonumentGrotesk-Regular-Trial.woff') format('woff'); font-weight:400; } @font-face { font-family: 'ABCMonumentGrotesk'; src: url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/ABCMonumentGrotesk-Medium-Trial.woff2') format('woff2'), url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/ABCMonumentGrotesk-Medium-Trial.woff') format('woff'); font-weight: bold; } @font-face { font-family: 'AmerigoBT'; src: url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/AmerigoBT.woff2') format('woff2'), url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/AmerigoBT.woff') format('woff'); font-weight: normal; } @font-face { font-family: 'FKRasterRomanCompactTrialSmooth'; src: url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/FKRasterRomanCompactTrialSmooth.woff2') format('woff2'), url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/FKRasterRomanCompactTrialSmooth.woff') format('woff'); font-weight:300; } @font-face { font-family: 'icomoon'; src: url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/icomoon.eot?kq1vbm'); src: url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/icomoon.eot?kq1vbm#iefix') format('embedded-opentype'), url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/icomoon.ttf?kq1vbm') format('truetype'), url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/icomoon.woff?kq1vbm') format('woff'), url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/fonts/icomoon.svg?kq1vbm#icomoon') format('svg'); font-weight: normal; font-style: normal; } /* ========================================================================== Body ========================================================================== */ body { font-family: 'ABCMonumentGrotesk', 'Helvetica Neue', Helvetica, Arial, Sans-serif; font-weight: normal; line-height: 1.5; color:#000000; font-size:16px; letter-spacing: 0.0075em; font-weight:400; } b, strong { font-weight:600; } .extrabold { font-weight:600; } /* ========================================================================== Typography ========================================================================== */ /* .raster { letter-spacing: 0.035em; font-family:'FKRasterRomanCompactTrialSmooth', -apple-system, BlinkMacSystemFont, Helvetica Neue, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } */ .amerigo { letter-spacing: -0.01em; font-family: 'AmerigoBT', -apple-system, BlinkMacSystemFont, Helvetica Neue, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .montreal { line-height: 1.25; } p, h1, h2, h3, h4, h5, h6 { margin:0px; } p { margin-bottom:20px; } h1, h2, h3, h4, h5, h6 { font-weight:normal; line-height:1.2; } .uppercase { text-transform:uppercase; } .titlecase { text-transform:capitalize; } .lineheight { line-height:1.1; } .gutenberg-container p { padding-bottom:0.01em; } /* ========================================================================== Hero Text (Responsive) ========================================================================== */ .screen-height { min-height:80vh; } .large { font-size:30px; } .mediumlarge { font-size:24px; } .medium { font-size:24px; line-height:1.25; } .small { font-size:18px; } @media all and (min-width:660px) { .large { font-size: calc(3.45vw + 7px); } .mediumlarge { font-size:calc(3.2vw + 10px); } .medium { font-size:calc(2.75vw + 10px); } .small { font-size:calc(2vw + 10px); } } @media all and (min-width:1440px) { .large { font-size:57px; } .mediumlarge { font-size:46px; } .medium { font-size:50px; } .small { font-size:38px; } } figcaption { margin: 20px 0px 10px } /* ========================================================================== Mix-ins ========================================================================== */ .fs-10 { font-size:10px; } .fs-12 { font-size:12px; } .fs-13 { font-size:13px; } .fs-14 { font-size:14px; } .fs-15 { font-size:15px; } .fs-16 { font-size:16px; } .fs-17 { font-size:17px; } .fs-18 { font-size:18px; } .fs-19 { font-size:19px; } .fs-20 { font-size:20px; } .fs-24 { font-size:24px; } .fs-28 { font-size:28px; } .fs-32 { font-size:33px; } .fs-36 { font-size:36px; } .fs-38 { font-size:38px; } .fs-40 { font-size:40px; } .fs-48 { font-size:48px; } @media all and (min-width:768px) { .fs-12-sm { font-size:12px; } .fs-15-sm { font-size:15px; } .fs-16-sm { font-size:16px; } .fs-18-sm { font-size:18px; } .fs-20-sm { font-size:20px; } .fs-24-sm { font-size:24px; } .fs-28-sm { font-size:28px; } .fs-36-sm { font-size:36px; } .fs-38-sm { font-size:38px; } .fs-40-sm { font-size:40px; } .fs-48-sm { font-size:48px; } } @media all and (min-width:1024px) { .fs-12-md { font-size:12px; } .fs-15-md { font-size:15px; } .fs-16-md { font-size:16px; } .fs-18-md { font-size:18px; } .fs-20-md { font-size:20px; } .fs-24-md { font-size:24px; } .fs-28-md { font-size:28px; } .fs-36-md { font-size:36px; } .fs-38-md { font-size:38px; } .fs-48-md { font-size:48px; } .fs-56-md { font-size:56px; } } /* ========================================================================== Rich Text ========================================================================== */ .rte h1 { font-size:25px; line-height: 1.2; letter-spacing: -0.01em; font-family: 'AmerigoBT', -apple-system, BlinkMacSystemFont, Helvetica Neue, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .rte h2 { font-size:20px; line-height: 1.2; letter-spacing: -0.01em; font-family: 'AmerigoBT', -apple-system, BlinkMacSystemFont, Helvetica Neue, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .rte h1 b, .rte h2 b, .rte h1 strong, .rte h2 strong { font-weight:400 !important; } .rte h3 { font-size:18px; } .rte h4 { font-size:15px; } .rte h5 { font-size:12px; } .rte h6 { font-size:10px; } .rte p, .rte li { font-size:17px; } .rte > *, .rte .wrap > * { margin-bottom:40px } .rte > *:last-child { margin-bottom:0px; } .rte ul { list-style: inside; } .rte figure { margin-bottom: 40px; margin-top: 40px; } .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin: 0px 1px 1px 0px !important; } @media all and (min-width:768px) { body { font-size:17px; } .rte h1 { font-size:45px; } .rte h2 { font-size:35px; } .rte h3 { font-size:25px; } .rte h4 { font-size:20px; } .rte h5 { font-size:14px; } .rte h6 { font-size:10px; } .rte p, .rte li { font-size:20px; } } .rte .wp-block-pullquote p { line-height:1.4; } /* ========================================================================== Logo ========================================================================== */ .logo svg { width:100%; float: left; max-width:120px; } .logo { margin:0; padding:0; height:auto; } @media (min-width: 600px) { .logo { margin:0; padding:0; height:auto; } } /* ========================================================================== Sliders ========================================================================== */ .post-slider:not(.flickity-enabled) > div { display:none; } .post-slider:not(.flickity-enabled) > div:nth-child(1), .post-slider:not(.flickity-enabled) > div:nth-child(2), .post-slider:not(.flickity-enabled) > div:nth-child(3) { display:block; } .flickity-button-icon { fill: #000; } .dark .flickity-button-icon { fill: #fff; } /* .post-slider .flickity-viewport, */ .gallery-slider .flickity-viewport { overflow:visible; } .post-slider .flickity-viewport:before, .post-slider .flickity-viewport:after { content:''; background:inherit; position:absolute; height:100%; width:100vw; opacity:0.75; z-index:1; } .post-slider .flickity-viewport { background:transparent; } .post-slider .flickity-viewport:before { right:100%; } .post-slider .flickity-viewport:after { left:100%; } .post-slider .flickity-prev-next-button { opacity: 1; height: 0%; border-radius: 0px; right: 100%; top:50%; left: unset; transform: translateY(-150%); padding-top: 50px; z-index:2; cursor:pointer; } .post-slider .flickity-prev-next-button.previous { right: 100%; left: unset; } .post-slider .flickity-prev-next-button.next { left: 100%; right: unset; } .post-slider .flickity-button:disabled { opacity:0; } .hero-slider .flickity-viewport { height:100% !important; } @media all and (max-width:767px) { .post-slider .flickity-prev-next-button.next { right: 20px; } .post-slider .flickity-prev-next-button.prev { left: 20px; } .post-slider .flickity-prev-next-button { display:none !important; } } /* ========================================================================== Posts ========================================================================== */ /* .thumbnail { background-image:url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/../img/icons/logo.svg'); background-repeat:no-repeat; background-position:center center; background-size:60%; } */ .grow { transition:transform 1s ease; } .grow-on-hover { overflow:hidden; } .item { position:relative; } .item h4 { line-height: 1.3; margin-bottom:4px; } .item .lineheight { line-height: 1.15; padding-top:3px; } .spaced-items > * { margin-bottom:20px; } .spaced-items > *:last-child { margin-bottom:0px; } .item-content { padding-bottom:5px; } .item-content > * { margin-bottom:10px; } .item-content .thumbnail { margin-bottom:15px; } @media all and (max-width:1023px) { .col-xs-6 .fs-16 { font-size:13px; } } @media all and (min-width:1024px) { .col-md-4 h4.fs-16, .col-md-6 h4.fs-16 { font-size:19px; } .item-content .thumbnail { margin-bottom:18px; } } .col-md-2 .blurb { display:none; } .col-md-3 .blurb { font-size:13px; } .blurb { opacity:0; position: absolute; background: rgba(0,0,0,0.9); color: #fff; /* background: rgba(35, 192, 95,0.95); color: #000; */ top: -2px; left:-2px; width: calc(100% + 4px); height: calc(100% + 4px); font-size:15px; padding: 20px 24px; overflow:scroll; transition: opacity 0.2s ease; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; } .blurb p { margin-bottom:0px; } .item .thumbnail { box-shadow: rgb(0 0 0 / 0%) 0px 26px 30px -10px, rgb(0 0 0 / 0%) 0px 16px 10px -10px; cursor: pointer; display: block; position: relative; transform: scale(1, 1) translateZ(0px); transition-duration: 300ms; transition-property: transform, box-shadow; transition-timing-function: ease-out; -webkit-font-smoothing: subpixel-antialiased; } /* HOVER EFFECTS */ @media all and (min-width:1025px) { /* .grow-on-hover:hover .grow { transform:scale(1.1); transition:transform 6s ease; } */ .thumbnail:hover .blurb { opacity:1; transition: opacity 0.6s ease 0s; } .thumbnail.scale-on-hover:hover { box-shadow:rgb(0 0 0 / 10%) 0px 40px 58px -16px, rgb(0 0 0 / 10%) 0px 30px 22px -10px; transform: scale(1.05, 1.05) translateZ(0px) translate3d(0px, 0px, 0px); transition-duration: 200ms; transition-property: transform, box-shadow; } } .backdrop { position:absolute; height:100%; width:100%; opacity:0.7; } /* ========================================================================== Cookies ========================================================================== */ .cookie-notice { position:fixed; bottom:0; width:100%; transition:transform 0.3s ease-in; transform:translateY(100%); } .cookie-notice .close { height: 35px; width: 35px; line-height: 38px; border-radius:20px; } .cookie-notice .close:hover svg > * { stroke:#fff; } .cookie-notice.active { transform:translateY(0%); } /* ========================================================================== Subscribe Pop-up ========================================================================== */ #subscribe-popup { z-index: 100; display: block; position: fixed; bottom: 0px; width: 100%; transform:translateY(100%); transition:transform 0.3s ease; } #subscribe-popup.active { transform:translateY(0%); } @media all and (min-width:768px) { #subscribe-popup { max-width: 600px; } #subscribe-popup.with-image { max-width: 720px; } } @media all and (min-width:1024px) { #subscribe-popup, #subscribe-popup.with-image { max-width: 420px; } } /* ========================================================================== Ratios ========================================================================== */ .ratio-1-1 { padding-top:25%; width:100%; } .ratio-16-9 { padding-top:50%; width:100%; } .ratio-4-3 { padding-top:50%; width:100%; } .ratio-5-3, .thumbnail { padding-top: 60%; width:100%; } .ratio-5-35, .thumbnail.collaborator, .thumbnail.staff, .thumbnail.trustee, .thumbnail.post { padding-top: 70%; width:100%; } .ajax { cursor:pointer; } /* ========================================================================== Vimeo ========================================================================== */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .featured-artist { position:relative; } .featured-artist:before { height:1px; width:40px; right:100%; border-top:1px solid; content:''; top:50%; position:absolute; } /* ========================================================================== Active Marker ========================================================================== */ #menu-main-menu { position:relative; } .active-marker { background:#23c05f; background:#000; height: 2px; position: absolute; bottom: -20px; /* -webkit-transition: all 0.2s cubic-bezier(0.25, 0.25, 0.25, 1.25); transition: all 0.2s cubic-bezier(0.25, 0.25, 0.25, 1.25); */ width: auto; opacity:0; display:none; } /* ========================================================================== Single Page ========================================================================== */ @media all and (min-width:1024px) { .sticky-md { position: sticky; top: 125px; } } /* ========================================================================== Awards ========================================================================== */ .award_dot { position:relative; height:10px; padding:30px 0px; } .award_dot:after { content:''; border:5px solid; height:1px; width:1px; position:relative; float: left; border-radius: 10px; margin-top: -5px; } .award_dot:before { content:''; border-bottom:1px solid #e5e5e5; height:1px; width:calc(100% + 20px); position:absolute; display: block; } .dark .award_dot:before { border-bottom-color:#222; } .award_dot:before { left:0px; } .award-1 .award_dot:before { left:0px; } .awards > div:last-child .award_dot:before { display:none !important; } @media all and (min-width:1024px) { .awards:not(.with-title) .award-2 .award_dot:before, .awards:not(.with-title) .award-3 .award_dot:before, .awards:not(.with-title) .award-4 .award_dot:before, .awards:not(.with-title) .award-5 .award_dot:before, .awards:not(.with-title) .award-6 .award_dot:before, .awards:not(.with-title) .award-7 .award_dot:before, .awards:not(.with-title) .award-8 .award_dot:before, .awards:not(.with-title) .award-9 .award_dot:before { width:2000px; } .awards:not(.with-title) .award-4 .award_dot:before, .awards:not(.with-title) .award-7 .award_dot:before { right:-20px; left:unset; } .awards.with-title .award-2 .award_dot:before, .awards.with-title .award-3 .award_dot:before, .awards.with-title .award-5 .award_dot:before, .awards.with-title .award-6 .award_dot:before, .awards.with-title .award-8 .award_dot:before, .awards.with-title .award-9 .award_dot:before { width:2000px; } .awards.with-title .award-3 .award_dot:before, .awards.with-title .award-6 .award_dot:before { right:-20px; left:unset; } } /* ========================================================================== Draw ========================================================================== */ /* NEW VIDEO CONTROLS */ .overlayfade { transition:opacity 0.3s ease-out; position: absolute; width: 20%; height: 100%; top: 0; right: 100%; left: unset; pointer-events:none; opacity:0; } .draw.active .overlayfade{ opacity:1; transition:opacity 0.8s ease-out; } .viewer video { background: rgba(0,0,0,0.15); width: 100%; display: block; } .draw { position: fixed; top: 0; left: 100%; /* border-left:1px solid black; */ width: 80%; max-width:720px; background: #fff; height: 100vh; transform: translateX(0%); transition:transform 0.25s ease-out; z-index: 100; overflow: scroll; } .draw.active { transform: translateX(-100%); transition:transform 0.2s ease-out; pointer-events: all; } .info h3 { font-weight: 600 !important; /* margin-bottom: 10px; */ } .fulloverlay { position:fixed; background:#333333; opacity:0; width:100%; height:100%; left: 0; z-index: 100; top: 0; cursor:pointer; pointer-events: none; transition:opacity 0.3s ease-out 0s; } .fulloverlay.active { opacity:0.1; transition:opacity 0.3s ease-out 0s; pointer-events:all; } .closethedraw { background: black; width: 40px; height: 40px; display: block; color: #fff; font-size: 27px; font-weight: 100; text-align: center; /* border-radius: 40px; */ position: sticky; transform: translate(0px, 0px); top: 0; right:0; margin-bottom: -40px; } .draw { width:100%; } @media (min-width:768px) { .draw { width: 80%; min-width:760px; } .about .draw, .journal .draw { width: 50%; width: calc(50%); } } /* ========================================================================== Tags ========================================================================== */ .header__tags { height: 50px; background:white; border-bottom: 1px solid; width:100vw; overflow:scroll; z-index: -1; transition:transform 0.2s ease; transform: translateY(-100%); } header:hover .header__tags, .header__tags:hover { transform: translateY(0%); } .__tag { font-size: 17px; display: inline-block; background: white; border: 1px solid black; padding: 0px 10px; margin: 5px 10px 5px 0px; height: 34px; line-height: 32px; margin-left:0px; text-transform: capitalize; transition: all 0.2s ease; } .__tag:hover, .__tag.active { background:black; color:#fff; } .__tag.active { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .__tag.active:after { content:'×'; display:inline-block; margin-left: 10px; } /* ========================================================================== Search ========================================================================== */ #searchsubmit { border: 0px solid black; width: 30px; height: 30px; padding: 0px; background: transparent; position:relative; -webkit-appearance: none; appearance: none; } .search-icon { display: inherit; position:relative; } .search-icon:after, .search-icon:before { content:''; position:absolute; } .search-icon:before { width: 19px; height: 19px; border: 1px solid black; border-radius: 20px; top: 2px; left: 3px; } .search-icon:after { width: 11px; height: 1px; background: black; top: 21px; left: 17px; transform:rotate(45deg); } input#s { height: 30px; padding: 0px 8px; font-family:inherit; font-size:16px; margin-left: 5px; border-radius: 0px; -webkit-appearance: none; appearance: none; border: 0px; line-height:30px; color:#000; outline:none; background:transparent !important; } /* ========================================================================== Navigation ========================================================================== */ @media all and (min-width:1024px) { .sub-nav-initiated > section:first-child { padding-top:65px; } } header { z-index: 10; } header, .sub-nav { position: fixed; top:0; width:100%; height:65px; } .sub-nav { position: fixed; top: 65px; background: rgba(0,0,0,0.75); color: white; backdrop-filter: blur(10px); } header:after { content:''; bottom:-1px; width:100%; position:absolute; border-bottom:1px solid; } body { margin-top:65px; } .menubackground { backdrop-filter: blur(8px); opacity:1; background:white; } header nav.nav-desktop li, .sub-nav nav li { font-size:16px; display:block; margin-bottom: 10px; padding-bottom: 2px; } .sub-nav nav li { display:inline-block; margin: 0px 16px; } header nav.nav-desktop li:last-of-type, .sub-nav nav li:last-of-type { margin-right:0px; } header nav.nav-desktop li:first-child, .sub-nav nav li:first-child { margin-left:0px; } @media all and (min-width:1024px) { header nav.nav-desktop li, .sub-nav nav li { display:inline-block; margin-bottom: 0px; margin: 0px 16px; } } .nav-desktop { display:inline-block; } /* ========================================================================== Hamburger ========================================================================== */ /* ========================================================================== Mobile Menu ========================================================================== */ .mobile-icon { width: 30px; height: 30px; display: block; position:relative; transition:transform 0.2s ease; } .mobile-icon span { width: 100%; height: 1px; display: block; background: black; position:absolute; top:50%; left:0; transform:translateY(-1px); } .mobile-icon span:nth-child(1) { transform:translateY(-9px); } .mobile-icon span:nth-child(2) { transform:translateY(7px); } .mobile-icon span:nth-child(1), .mobile-icon span:nth-child(2) { transition:transform 0.2s ease 0.2s; } .mobile-icon.active span:nth-child(1), .mobile-icon.active span:nth-child(2) { transition:transform 0.2s ease; } .mobile-icon.active span:nth-child(1) { transform:translateY(-1px); } .mobile-icon.active span:nth-child(2) { transform:translateY(-1px); } .mobile-icon.active span:nth-child(3) { transform:rotate(45deg); } .mobile-icon span:nth-child(3) { transition:transform 0.2s ease; } #hamburger.mobile-icon.active { transform:rotate(45deg); transition:transform 0.2s ease 0.2s; } .mobile-icon.active span:nth-child(3) { transform:rotate(-90deg) translateX(0.5px); transition:transform 0.2s ease 0.2s; } #menu { position: fixed; height: 100%; text-align: center; pointer-events:none; /* overflow:hidden; */ } .menu #menu { pointer-events:all; } #menu .menu-inner { transform:translateY(0%); transition:transform 0.3s ease; position: absolute; bottom: 0; border-color:#000; overflow: scroll; max-height: calc(100vh - 66px); } /* #menu .menu-inner > * { opacity:0; transition:opacity 0.3s ease; } .menu #menu .menu-inner > * { opacity:1; transition:opacity 0.2s ease 0.3s; } */ .menu #menu .menu-inner { transform:translateY(100%); transition:transform 0.3s ease; } #menu li a { padding: 5px 0px; display:block; } .close-menu { position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0; transition:opacity 0.4s ease; } .menu .close-menu { opacity:0.7; transition:opacity 0.4s ease; } /* ========================================================================== Search Mobile ========================================================================== */ #search-input { border: 0px; outline:none; border-radius:0px; padding: 12px; font-size: 16px; color: #000; transition:all 99999s ease 9999s; } @media all and (max-width:1023px) { #search-mobile { width:100%; background:white; height: 66px; position: fixed; top: 65px; border-bottom: 1px solid black; transform:translateY(-100%); transition: transform 0.2s ease; z-index:-1; } .search-open #search-mobile { transform:translateY(-0%); } #search-mobile .search-icon { display:none; } input#s { height: 66px; border: 0px; border-radius: 0px; width: 100%; padding: 0px 25px; font-size: 20px; font-family: inherit; outline:none; } } /* ========================================================================== Hamburger ========================================================================== */ @media all and (min-width:1024px) { .navcontainer { max-width: 680px !important; padding-left: 0 !important; margin-left: 0 !important; padding-right: 0px !important; } } nav ul { list-style: none; padding: 0; margin: 0; } nav li a, nav li a:hover, p a:hover, p a, h4 a, .hover-green * { transition: color 0.2s ease; } nav li:not(.current-menu-item) a:hover, p a:hover, h4 a:hover, .hover-green:hover * { color:#23c05f; } nav.nav-desktop li a { position:relative; } nav.nav-desktop li.current-menu-item a:after { content:''; background:black; width:100%; position:absolute; bottom:-23px; height:2px; left:0px; } header nav li.active a { position:relative; } header nav li.active a:after { content:''; width:100%; position:absolute; bottom:-4px; left:0; } #navigation > .col { margin-left:20px; } .feature_message p a:hover { color:#23c05f; } .social-icon svg > *, .logo svg > * { transition:all 0.3s ease; } .social-icon:hover svg > *, .logo:hover svg > * { fill:#23c05f; } #copyURL { height: 0px; overflow: hidden; border: 0px; padding: 0px; width: 0px; position: absolute; } /* ========================================================================== Post Thumbnail ========================================================================== */ /* .post__thumbnail { background-attachment:fixed; } */ .post__header { height:calc(100vh - 85px); max-height: 50vw; } .title__holder { width: 100%; backdrop-filter: blur(3px); bottom: 0; top: unset; background: rgba(0,0,0,0.15); } .single__collaborators .country { display:none; } .country { display:none; } .blur { backdrop-filter:blur(30px); } .profile__header { position:relative; } #single-post { padding-top:1px; } @media all and (max-width:599px) { #single-post { padding-top:30px; } } /* ========================================================================== Footer ========================================================================== */ footer, body.forecast-project footer { background:black; } footer p { margin-bottom:5px; } footer nav li { display:block; margin-bottom: 5px; } /* ========================================================================== Footer Signup ========================================================================== */ footer input[type=email] { background: black; border: 1px solid; padding: 8px 13px 9px; line-height: 1; color: #fff; border-radius: 0px; height:40px; -webkit-appearance:none; flex: 1; } footer input[type=submit] { border-radius: 0px; border: none; height: 41px; color: #000; padding: 9px 13px; margin: 0px; position: absolute; right: 0; height:40px; } #subscribe-result-form { margin-top: 20px; } #subscribe-popup input[type=email] { border: 1px solid black; padding: 8px 13px 9px; line-height: 1; border-radius: 0px; -webkit-appearance:none; flex: 1; height:40px; } #subscribe-popup input[type=submit] { border-radius: 0px; border: none; height:40px; color: #fff; background:#000; padding: 9px 13px; margin: 0px; position: absolute; right: 0; } /* ========================================================================== Prev Next ========================================================================== */ /* @media (min-width: 900px) { .nav-link--next { top: 100%; left: 2.2%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .nav-link--prev { top: 0; left: -webkit-calc(100% - 2.4%); left: -moz-calc(100% - 2.4%); left: calc(100% - 2.4%); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .nav-link { width: 100vh; position: fixed; font-size: 16px; z-index: 100; } .nav-link { white-space: nowrap; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; text-align: center; } } @media (min-width: 1200px) { .nav-link { font-size: 18px; } } */ /* ========================================================================== Social Icon ========================================================================== */ #social .col { margin: 0px 15px 0px 0px; } #social .col:last-child { margin-right:0px; } .social-icon { width: 35px; height: 35px; display: block; } /* ========================================================================== CATEGORY FILTERS ========================================================================== */ ul.categories { list-style:none; } .category-item { display:inline-block; margin-right:25px; position:relative; } .category-item:last-child span { margin-right:0px; } .category-item.active a:after { content:''; position:absolute; width:100%; height:1px; bottom:2px; background:#000; } /* ========================================================================== Anchor Links ========================================================================== */ a { text-decoration: none; cursor:pointer; color:inherit; } a:visited { color: inherit; } p a { text-decoration:underline; } .rte a { text-decoration:underline; } /* ========================================================================== Wrapper ========================================================================== */ .wrapper { padding:0px 20px; width:100%; max-width:1440px; margin:0 auto; } @media all and (min-width:768px) { .wrapper { padding:0px 60px; } } /* ========================================================================== #main ========================================================================== */ /* #main { position: absolute; height: 100%; width: 100%; right: 0; } @media (min-width: 1100px) and (min-height:680px) { #main { height: 100%; } } */ .bg { background-size:cover; background-position:center center; } .object-fit { width:100%; height:100%; object-fit:cover; } .country { background:black; color:white; font-size:16px; padding:10px 15px 11px; position:absolute; bottom:0; right:0; } /* ========================================================================== Fade in Animation ========================================================================== */ .fadeIn { opacity: 0; -webkit-transform: translateZ(0) translateY(100px); transform: translateZ(0) translateY(100px); transition: opacity 1s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 1s cubic-bezier(0.6, 0, 0.3, 1); transition: opacity 1s cubic-bezier(0.6, 0, 0.3, 1), transform 1s cubic-bezier(0.6, 0, 0.3, 1); transition: opacity 1s cubic-bezier(0.6, 0, 0.3, 1), transform 1s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 1s cubic-bezier(0.6, 0, 0.3, 1); } .fadeIn.is-visible { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); } /* ========================================================================== Guide ========================================================================== */ .guide { position:fixed; height:100%; width:100%; top:0; left:0; z-index: 100; pointer-events:none; opacity:0; } .guide.active { opacity:1; } .guide .wrapper, .guide .row { height:100%; width:100%; } .guide .col-xs { height:100%; position:relative; box-shadow: 1px 0px 0px rgba(0,0,0,0.1); } .guide .col-xs:before, .guide .col-xs:after { height:100%; content:''; width:0px; position: absolute; border-right:1px solid rgba(0,0,0,0.1); } .guide .col-xs:before { left:10px; } .guide .col-xs:after { left:-10px; } .guide .col-xs:first-child:before { border-left:1px solid rgba(0,0,0,0.1); left:0px; width:11px; } .guide .col-xs span { width:0px; height:100%; position:absolute; top:0; right:-11px; width:21px; border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); } @media (min-width: 600px) { .grid { margin: 0 0em; } } @media (max-width: 599px) { .user-is-scrolling header { -webkit-transform: translateY(-0px); -moz-transform: translateY(-0px); -ms-transform: translateY(-0px); -o-transform: translateY(-0px); transform: translateY(-0px); } } /* ========================================================================== Scene Transitions ========================================================================== */ .sceneElement { width: 100%; /* height: 100%; */ right: 0; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .sceneElement { -webkit-animation-duration: 0s; animation-duration: 0s; transition-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .is-exiting .sceneElement { transition-timing-function: ease-out; } /* ========================================================================== COLOURS ========================================================================== */ .white { background:#ffffff; } .white-border { border-color:#ffffff; } .white-text { color:#ffffff; } .white-text svg > * { fill:#ffffff; } .black, .dark { background:#000000; } .black-border { border-color:#000000; } .black-text { color:#000000; } .yellow { background:#e9ee02; } .green { background:#23c05f; } .green-text { color:#23c05f; } .grey { background-color:#f7f7f7; } .hover--green:hover { color:#23c05f; } /* ========================================================================== CORNERS ========================================================================== */ .rounded { border-radius:3px; overflow:hidden; } .rounded-xl { border-radius:10px; overflow:hidden; } /* ========================================================================== TABS ========================================================================== */ .tab-button, .filter-button { margin-right:20px; padding:2px 0px; position:relative; font-weight:600; font-size:19px; opacity:0.2; cursor:pointer; margin-bottom:5px; transition: opacity 0.3s ease; font-family: 'ABCMonumentGrotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .tab-button:hover, .tab-button.active, .filter-button:hover, .filter-button.is-checked { opacity:1; } .tab { height:0px; overflow:hidden; } .tab.active { height:auto; overflow:visible; } .tab-button:after, .filter-button:after { content:''; position:absolute; width:100%; border-bottom:2px solid; height:1px; bottom:0px; left:0px; opacity:0; } .tab-button.active:after, .filter-button.is-checked:after { opacity:1; } /* ========================================================================== BUTTONS ========================================================================== */ button { -webkit-appearance: none !important; background:unset; border:unset; padding:0px; } .gutenberg-container h3 strong { font-weight:400 !important; } .wp-block-buttons .wp-block-button { margin:0 auto !important; } .wpcf7-submit, .button, .wp-block-button__link { pointer-events: auto; cursor: pointer; -webkit-appearance: none !important; padding: 5px 14px 6px; border-radius: 0px; transition: transform 0.2s ease; font-weight: 400; float: none; border: 1px solid #000; font-size: 15px; overflow: hidden; position: relative; display: inline-block; background:#fff; color:#000; text-align: center; } .rte .button, .rte a.wp-block-button__link { pointer-events: auto; cursor: pointer; padding: 9px 20px 9px; font-size: 20px; border-radius: 0px !important; text-decoration: none !important; background: #fff !important; color: #000 !important; } .button + .button { margin-left:10px; } .button.last-child { margin-right:0px; } .button::before, .button::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; width: calc(100% + 1px); } .button.button--hyperion { color: #fff; background: black; } .button--hyperion::before { content: ''; background: #fff; transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1) 0.1s; transform-origin: 100% 50%; } .button--hyperion span { display: block; position: relative; } /* .button--hyperion > span { overflow: hidden; } */ .button--hyperion > span > span { overflow: hidden; mix-blend-mode: difference; } @media all and (min-width:1024px) { .button--hyperion:hover::before { transform: scale3d(0,1,1); transform-origin: 0% 50%; } .button--hyperion:hover > span > span { animation: MoveUpInitial 0.2s forwards 0.1s, MoveUpEnd 0.2s forwards 0.3s; } } .button-group { margin-bottom: 10px; } /* @keyframes MoveUpInitial { to { transform: translate3d(0,-105%,0); } } @keyframes MoveUpEnd { from { transform: translate3d(0,100%,0); } to { transform: translate3d(0,0,0); } } */ @keyframes MoveUpInitial { to { transform: translateY(-110%); } } @keyframes MoveUpEnd { from { transform: translateY(110%); } to { transform: translateY(0%); } } @media all and (max-width:660px) { .button.btn-medium { padding: 7px 14px 8px; font-size: 16px; } } .button.donate { text-align: left; padding: 12px 17px; background:#23c05f; border-color:#23c05f; color: #000; position:relative; font-size: 16px; padding-right:65px; transition:all 0.3s ease; } .button.donate:hover { padding-right:75px; } .button.donate:after { content: '→'; position: absolute; right: 21px; top: 0; display: block; line-height: 43px; font-size: 24px; width: 19px; left: unset; font-weight: 400; } .button.donate:hover { background:black; border-color:black; color:#fff; } .feature_message p { margin-bottom:0px; } .pulse { border-radius: 50%; margin-right: 17px; height: 16px; width: 15px; transform: scale(1); display: inline-block; margin-bottom:-2.5px; } .pulse.green { background: rgba(35, 192, 95, 1); box-shadow: 0 0 0 0 rgba(35, 192, 95, 1); animation: pulse-green 2s infinite; } @keyframes pulse-green { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(35, 192, 95, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(35, 192, 95, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(35, 192, 95, 0); } } .underlinelinks a { position:relative; padding-right: 8px; font-weight: 600; text-decoration: underline; display:inline-block; } .underlinelinks a:before { content: ""; position: absolute; bottom: 7px; height: 4px; border-right:1px solid; border-top:1px solid; left: unset; right: 0; width: 4px; transform:rotate(45deg); } a.arrow-link { padding: 0px 0px; margin-right: 20px; text-transform: none; letter-spacing: 0.01em; opacity:1; font-weight:bold; position:relative; font-size:16px; } a.arrow-link:before { content: ""; position: absolute; bottom: 7px; height: 6px; border-right:2px solid; border-top:2px solid; left: calc(100% + 10px); width: 6px; transform:rotate(45deg); } a.arrow-link span { transition: transform 0.3s ease-out; display:inline-block; margin:0px; } @media all and (min-width:1024px) { a.arrow-link:hover span { transform:translateX(-5px); } a.arrow-link { font-size:18px; } a.arrow-link:before { bottom: 10px; } } /* ========================================================================== Tooltip ========================================================================== */ .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; width: 140px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; font-size: 14px; left: 50%; margin-left: -70px; opacity: 0; transition: opacity 0.3s; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } /* ========================================================================== Page Builder ========================================================================== */ /*—————————————————————————————————————————————————— FLEX ——————————————————————————————————————————————————*/ .flex { box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .flex > .col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; padding-left: .9375rem; padding-right: .9375rem; width:initial; } .row > .col { width:initial; } .fillheight { height: 100%; } /*—————————————————————————————————————————————————— ALIGNMENT ——————————————————————————————————————————————————*/ .bg { background-size:cover; background-repeat:no-repeat; background-position: center; } .hide { height:0px; width:0px; overflow:hidden; } .bottom { bottom:0; top:auto !important; } .right { right:0; left:unset !important; } .left { text-align:left; } .center { text-align:center; } .fullheight { height:100%; } @media all and (min-width:1024px) { .fullheight-md { height:100%; } } .fullwidth { width:100%; } .fillheight { flex:1 !important; } .fillheightwrap { height: 100%; min-height: 100%; display: flex; flex-direction: column !important; } .winheight { height:100vh; min-height:50vw; max-height:70vw; } .thirdheight { height:30vh; min-height:120px; } .quarterheight { height:18vh; min-height: 160px; } @media all and (max-width:1024px) { .winheight { height:calc(100vh - 40px); } } @media all and (max-width:768px) { .thirdheight { height:120px; min-height:120px; } .quarterheight { height:160px; min-height: 160px; } .winheight { max-height:1024px; } } @media all and (max-width:660px) { .thirdheight { height:80px; min-height:80px; } .quarterheight { height:100px; min-height: 100px; } .winheight { max-height:768px; } } .inline { display:inline-block; margin:0 auto; } .rounded { border-radius:5px; } .rounded-lg { border-radius: 8px; } .rounded-xl { border-radius: 12px; } .round { border-radius: 1000px; } .z-index { z-index:1; } .z-index-2 { z-index:2; } .border { border:1px solid rgba(0,0,0,1); } .border-top { border-top:1px solid rgba(0,0,0,1); } .border-bottom { border-bottom:1px solid rgba(0,0,0,1); } @media all and (max-width:1023px) { .blocks > div .row { border-bottom: 1px solid rgba(0,0,0,1); } .blocks > div:last-child .row { border-bottom: 0px solid rgba(0,0,0,1); } } @media all and (min-width:1024px) { .blocks > div .row { border-right: 1px solid rgba(0,0,0,1); } .blocks > div:last-child .row { border-right: 0px solid rgba(0,0,0,1); } } .last-border-bottom > div:last-child { border-bottom:0px solid rgba(105, 68, 68, 1); } .white-text .border-bottom { border-bottom:1px solid #fff; } .absolute { position:absolute !important; top:0; left:0; } @media all and (min-width:768px) { .absolute-sm { position:absolute !important; top:0; left:0; } } @media all and (min-width:1024px) { .absolute-md { position:absolute !important; top:0; left:0; } .sticky { position: sticky; top: 100px; } .fill { flex: 1 !important; } } .absolute.fill { height:100%; width:100%; } .fixed { position:fixed; } .fixedtop { position:fixed !important; top:0; } .relative { position: relative; } .block { display: block; } .overflow { overflow: hidden; } .scroll { overflow: scroll; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } .inlineblock { display:inline-block; } .text-left { text-align: left !important; } .column { -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .pointer-events { pointer-events:none; } .pointer-events-all { pointer-events:all; } /*—————————————————————————————————————————————————— SPACING ——————————————————————————————————————————————————*/ .nomarginbottom { margin-bottom:0px !important; } .nomargintop { margin-top:0px !important; } .no-pad-bottom { padding-bottom:0px !important; } .no-pad-top { padding-top:0px !important; } .wd-20 { width:20px; display:inline-block; } .wd-30 { width:30px; display:inline-block; } .sp-5, .sp-10, .sp-15, .sp-20, .sp-25, .sp-30, .sp-40, .sp-50, .sp-60, .sp-70, .sp-80, .sp-110, .sp-120 { width:100%; clear:both; display:block; } .sp-5 { min-height:5px; } .sp-10 { min-height:10px; } .sp-15 { min-height:15px; } .sp-20 { min-height:20px; } .sp-25 { min-height:25px; } .sp-30 { min-height:30px; } .sp-40 { min-height:40px; } .sp-50 { min-height:50px; } .sp-60 { min-height:60px; } .sp-70 { min-height:70px; } .sp-80 { min-height:80px; } .sp-110 { min-height:110px; } .sp-120 { min-height:120px; } /*—————————————————————————————————————————————————— FLEXBOX GRID ——————————————————————————————————————————————————*/ .flexfill { flex:1 !important; } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } .row, .flex { box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: 100%; } .row.reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .col.reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .show-sm, .show-md, .show-lg { display:none; } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .noflex { display:block; } .col-xs { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xs-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-xs-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-xs-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-xs-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-xs-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-1 { margin-left: 8.333%; } .col-xs-offset-2 { margin-left: 16.667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.333%; } .col-xs-offset-5 { margin-left: 41.667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.333%; } .col-xs-offset-8 { margin-left: 66.667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.333%; } .col-xs-offset-11 { margin-left: 91.667%; } .start-xs { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-xs { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-xs { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-xs { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-xs { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .between-xs { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-xs { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-xs { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .fill-xs { height:100%; flex:1; } .pad-top-bottom { padding-left:0px !important; padding-right:0px !important; } .pad-left-right { padding-top:0px !important; padding-bottom:0px !important; } .pad-top { padding-bottom:0px !important; padding-left:0px !important; padding-right:0px !important; } .pad-bottom { padding-top:0px !important; padding-left:0px !important; padding-right:0px !important; } .pad-left { padding-top:0px !important; padding-bottom:0px !important; padding-right:0px !important; } .pad-right { padding-top:0px !important; padding-bottom:0px !important; padding-left:0px !important; } .pad-xs-0 { padding:0px; } .pad-xs-5 { padding:5px; } .pad-xs-10 { padding:10px; } .pad-xs-15 { padding:15px; } .pad-xs-20 { padding:20px; } .pad-xs-25 { padding:25px; } .pad-xs-30 { padding:30px; } .pad-xs-40 { padding:40px; } .pad-xs-50 { padding:50px; } .pad-xs-60 { padding:60px; } .pad-xs-70 { padding:70px; } .pad-xs-80 { padding:80px; } .pad-xs-120 { padding:120px; } @media only screen and (min-width: 768px) { .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .col-sm-unset { -webkit-flex-grow: unset; -ms-flex-positive: unset; -webkit-box-flex: unset; flex-grow: unset; -ms-flex-preferred-size: unset; flex-basis: unset; max-width: unset; width:unset; } .col-sm { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-unset { -webkit-flex-grow: unset; -ms-flex-positive: unset; -webkit-box-flex: unset; flex-grow: unset; -ms-flex-preferred-size: unset; flex-basis: unset; max-width: unset; } .col-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-sm-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-sm-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-sm-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-sm-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.333%; } .col-sm-offset-2 { margin-left: 16.667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.333%; } .col-sm-offset-5 { margin-left: 41.667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333%; } .col-sm-offset-8 { margin-left: 66.667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.333%; } .col-sm-offset-11 { margin-left: 91.667%; } .start-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: right; } .top-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .show-sm { display:block; } .hide-sm { display:none; } .fill-sm { height:100%; } .pad-sm-0 { padding:0px; } .pad-sm-5 { padding:5px; } .pad-sm-10 { padding:10px; } .pad-sm-15 { padding:15px; } .pad-sm-20 { padding:20px; } .pad-sm-25 { padding:25px; } .pad-sm-30 { padding:30px; } .pad-sm-40 { padding:40px; } .pad-sm-50 { padding:50px; } .pad-sm-60 { padding:60px; } .pad-sm-70 { padding:70px; } .pad-sm-80 { padding:80px; } .pad-sm-120 { padding:120px; } .lr-40-sm { padding-left: 40px !important; padding-right: 40px !important; } .center-sm .button { margin: 0 auto; } .pad-top-sm { padding-bottom:0px !important; } } @media only screen and (min-width: 1024px) { .flexfill-md { flex:1 !important; } .col-md-820 { max-width:820px; } .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .col-md { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-unset { -webkit-flex-grow: unset; -ms-flex-positive: unset; -webkit-box-flex: unset; flex-grow: unset; -ms-flex-preferred-size: unset; flex-basis: unset; max-width: unset; width:unset; } .col-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-md-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-md-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-md-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-md-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.333%; } .col-md-offset-2 { margin-left: 16.667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.333%; } .col-md-offset-5 { margin-left: 41.667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333%; } .col-md-offset-8 { margin-left: 66.667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.333%; } .col-md-offset-11 { margin-left: 91.667%; } .start-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; text-align:left; } .center-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .right-md { text-align: right; } .top-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .column-md { flex-direction:column; } .show-md { display:block; } .row.show-md { display:flex; } .hide-md { display:none; } .fill-md { height:100%; } .pad-md-0 { padding:0px; } .pad-md-10 { padding:10px; } .pad-md-15 { padding:15px; } .pad-md-20 { padding:20px; } .pad-md-25 { padding:25px; } .pad-md-30 { padding:30px; } .pad-md-40 { padding:40px; } .pad-md-45 { padding:45px; } .pad-md-50 { padding:50px; } .pad-md-60 { padding:60px; } .pad-md-70 { padding:70px; } .pad-md-80 { padding:80px; } .pad-md-120 { padding:120px; } } @media only screen and (min-width: 1350px) { .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; /* padding-right: 1rem; padding-left: 1rem; */ } .col-lg-unset { -webkit-flex-grow: unset; -ms-flex-positive: unset; -webkit-box-flex: unset; flex-grow: unset; -ms-flex-preferred-size: unset; flex-basis: unset; max-width: unset; width:unset; } .col-lg { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-lg-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-lg-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-lg-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-lg-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.333%; } .col-lg-offset-2 { margin-left: 16.667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.333%; } .col-lg-offset-5 { margin-left: 41.667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333%; } .col-lg-offset-8 { margin-left: 66.667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.333%; } .col-lg-offset-11 { margin-left: 91.667%; } .start-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; text-align:left; } .center-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .show-lg { display:block; } .hide-lg { display:none; } .fill-lg { height:100%; } .pad-lg-0 { padding:0px; } .pad-lg-10 { padding:10px; } .pad-lg-15 { padding:15px; } .pad-lg-20 { padding:20px; } .pad-lg-25 { padding:25px; } .pad-lg-30 { padding:30px; } .pad-lg-40 { padding:40px; } .pad-lg-60 { padding:60px; } .pad-lg-80 { padding:80px; } .pad-lg-120 { padding:120px; } .start-lg .button { margin-left: 0; } } /* ————————————————————————————————————— FLICKITY ————————————————————————————————————— */ .regular-slider .flickity-viewport { height: 100% !important; } .overflow { overflow:hidden; } .zindex { z-index:1; } .main-carousel { width: 100%; } .flickity-button:focus { outline: none; box-shadow: none !important; } .carousel { position:relative; } @media all and (min-width:1024px) { .carousel:not(.large):before, .carousel:not(.large):after { content:''; background:white; opacity:0.8; height:100%; width:200vw; top:0; position:absolute; z-index: 1; } .carousel:not(.large):before { left:100%; } .carousel:not(.large):after { right:100%; } } .carousel-cell { width: 100%; height:100%; opacity:1; transition: opacity 0.6s ease-out; } .carousel .carousel-cell { height: auto; } .slide { background-size:cover; background-position:center center; } .carousel-cell.is-selected { opacity: 1; transition: opacity 0.6s ease-out; } .large .carousel-cell { overflow: hidden; width: 100%; opacity:0.2; transition: opacity 0.6s ease-out; } .large .carousel-cell.is-selected { opacity:1; transition: opacity 0.6s ease-out; } .wp-block-gallery.flickity-enabled { overflow:visible; } .wp-block-gallery.has-nested-images { display:block !important; } @media all and (max-width:1023px) { .large .carousel-cell { overflow: hidden; width: 100%; opacity:0.2; transition: opacity 0.6s ease-out; } } .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; } .show-overflow .flickity-viewport { overflow: visible; position: relative; } .main-carousel.fullheight .flickity-viewport { min-height: 100% !important; } *:not(.wp-block-gallery) > .flickity-viewport > .flickity-slider{ position: absolute; width: 100%; } figure .flickity-slider, figure .flickity-enabled .flickity-slider, figure .flickity-enabled .flickity-viewport { position: relative; width: auto; height: auto; } figure .flickity-enabled { width:100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- flickity-button ---- */ .flickity-button { background: hsla(0, 0%, 100%, 0); } .flickity-button:hover { cursor: pointer; background:transparent; } /* .row .flickity-button { position: absolute; background: hsla(0, 0%, 100%, 0); border: none; color: #333; cursor:pointer; } */ .row .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .row .flickity-button:active { opacity: 1; } .row .flickity-button:disabled { opacity: 0; cursor: auto; pointer-events: none; } /* .row .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); cursor:pointer; } */ .main-carousel.fullheight .flickity-prev-next-button { opacity:1; } .main-carousel.fullheight .flickity-prev-next-button.previous { left: 10px; } .main-carousel.fullheight .flickity-prev-next-button.next { right: 10px; } .row .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .row .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .row .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } /* .row .flickity-prev-next-button.previous { left: -20px; } */ /* .row .flickity-prev-next-button.next { right: -20px; } */ @media all and (max-width:32em) { /* .row .flickity-prev-next-button.previous { left: -20px; } */ /* .row .flickity-prev-next-button.next { right: -20px; } */ .row .flickity-prev-next-button .flickity-button-icon { width: 50%; height: 50%; } } .row .flickity-prev-next-button { opacity:1; transition:all 0.3s ease; } .row .flickity-prev-next-button:hover { opacity:1; transition:all 0.3s ease; } /* ---- page dots ---- */ .flickity-page-dots { position: relative; width: 100%; padding: 0; margin: 0; bottom:unset; list-style: none; text-align: center; line-height: 1; margin-bottom:20px; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 6px; background: #000; transform:scale(0.6); border-radius: 50%; opacity: 0.25; cursor: pointer; } .regular-slider .flickity-page-dots { bottom:15px; text-align:right; padding-right: 15px; } .regular-slider .flickity-page-dots .dot { margin: 0 4px; background: #000; } .regular-slider, .regular-slider .flickity-viewport, .regular-slider .flickity-slider { overflow:visible; } .flickity-page-dots .dot.is-selected { opacity: 1; background:#000; transform:scale(1); } .flickity-page-dots .dot:first-child:last-child { display:none; } .flickity-button-icon { width:10px; } @media all and (max-width:768px) { *:not(.wp-block-gallery) .flickity-slider .flickity-prev-next-button { display:none; } } /* ————————————————————————————————————— FLICKITY FADE ————————————————————————————————————— */ .fadeslider { z-index:1; } .fadeslider .flickity-viewport { overflow:hidden; } .vertical-sub-slider.fadeslider .flickity-viewport { overflow:visible; } .fadeslider .flickity-slider { transform: none !important; } .fadeslider .carousel-cell { left: 0 !important; opacity: 0; transition: opacity 1s ease-in-out; z-index: -1; } .fadeslider .carousel-cell.is-selected { opacity: 1; z-index: 0 } .gallery > img { line-height: 0; font-size: 0; text-align: center; } .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-enabled.flickity-enabled.is-draggable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-enabled .flickity-viewport { position: relative; width: 100%; min-height: 100% !important; } *:not(.wp-block-gallery).flickity-enabled .flickity-slider { position: absolute; width: 100%; } .post-slider:not(.flickity-enabled) > *:not(:first-child) { position:absolute; opacity:0; } /* ————————————————————————————————————— LIGHTBOX ————————————————————————————————————— */ #lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 999; } #lightbox .valign { z-index:0; } #lightbox .screen { background: rgba(0,0,0, 0.8); position: absolute; height: 100%; width: 100%; display: block; top: 0; left: 0; } #lightbox .slider { width: 100%; height: 100%; } #lightbox .slider .slide { width: 100%; height: 100%; } #lightbox .slider .slide .frame { width: 100%; height: 100%; display: table; table-layout: fixed; pointer-events: none; position: absolute; } #lightbox .slider .slide .frame .valign { width: 100%; height: 100vh; display: table-cell; text-align: center; vertical-align: middle; line-height: 0; } #lightbox .slider .slide .frame .valign img { max-width: 100%; height: auto; pointer-events: all; max-height: 100% !important; object-fit: contain; } #lightbox .prev, #lightbox .next { position: absolute; top: 50%; margin-top: -25px; width: 50px; cursor: pointer; } #lightbox .prev { left: 0; background-image: url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/../img/icon-left.svg'); background-repeat:no-repeat; background-size:cover; } #lightbox .next { right: 0; background-image: url('https://invisibledust.com/wp-content/themes/invisibledust/_/css/../img/icon-right.svg'); background-repeat:no-repeat; background-size:cover; } .wp-block-gallery { margin: 7rem auto; max-width: 92rem; width: 100%; } .wp-block-gallery .flickity-viewport { overflow: hidden; } .wp-block-gallery .blocks-gallery-item { opacity: 0; width: 100%; display: block; -webkit-transition: opacity .6s ease; -o-transition: opacity .6s ease; -moz-transition: opacity .6s ease; transition: opacity .6s ease; } .wp-block-gallery .blocks-gallery-item.is-selected { opacity: 1; } .wp-block-gallery .blocks-gallery-item figure { position: relative; } .wp-block-gallery .blocks-gallery-item figcaption { font-size: 1.4rem; line-height: 1.2em; padding: 3rem 0; display: block; text-align: center; position: absolute; bottom: 0; width: 100%; z-index: 2; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .wp-block-gallery .blocks-gallery-item img { margin: auto; z-index: 1; } .wp-block-gallery .flickity-fullscreen-button { display: none; } .wp-block-gallery .flickity-prev-next-button { width: 20px; height: 30px; background-color: transparent; left: 0; right: unset; margin: auto; bottom:unset; top:calc(50% - 20px); width: 30px; padding: 10px 30px; } .wp-block-gallery .flickity-prev-next-button.next { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; right: 0; left:unset; } .wp-block-gallery .flickity-prev-next-button.previous { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } @media all and (min-width:768px) { .wp-block-gallery.has-nested-images.two-across .flickity-slider, .wp-block-gallery.has-nested-images.three-across .flickity-slider { display: flex !important; flex-direction:row; } .wp-block-gallery.has-nested-images.two-across .flickity-slider .wp-block-image { width: 50%; padding: 7px; } .wp-block-gallery.has-nested-images.three-across .flickity-slider .wp-block-image { width: 33.2%; padding: 7px; } .wp-block-gallery.has-nested-images.two-across.grid, .wp-block-gallery.has-nested-images.three-across.grid { display: flex !important; flex-direction:row; gap: 15px; } .wp-block-gallery.has-nested-images.two-across .wp-block-image img, .wp-block-gallery.has-nested-images.three-across .wp-block-image img { display:block; } .wp-block-gallery.has-nested-images.two-across > figure, .wp-block-gallery.has-nested-images.three-across > figure { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; min-width: 40%; } .wp-block-gallery.has-nested-images.two-across > figure { min-width: 40%; } .wp-block-gallery.has-nested-images.three-across > figure { min-width: 30%; } } @media all and (min-width:1190px) { .wp-block-gallery .flickity-prev-next-button.next { right: -60px; } .wp-block-gallery .flickity-prev-next-button.previous { left: -60px; } } .object-cover-child > * { position:absolute; height:100%; width:100%; object-fit:cover; object-position:center center; } .line-height-1 { line-height: .8; } .gap--small { gap: 7px; } .icon--small svg { width: 14px; margin: 4px 6px 0px 0px; }