@charset "UTF-8";

:root {
--highlight: #afc3cd;
--dark: #231F20;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
@font-face {
font-family: "TP Archival Stencil";
src: url(//archipelagonetwork.org/wp-content/themes/archipelagonetwork/assets/fonts/tparchival-stencil-webfont.woff) format("woff"), url(//archipelagonetwork.org/wp-content/themes/archipelagonetwork/assets/fonts/tparchival-stencil-webfont.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: fallback; }
@font-face {
font-family: "TP Archival Morse";
src: url(//archipelagonetwork.org/wp-content/themes/archipelagonetwork/assets/fonts/tparchival-morse-webfont.woff) format("woff"), url(//archipelagonetwork.org/wp-content/themes/archipelagonetwork/assets/fonts/tparchival-morse-webfont.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: fallback; }
@font-face {
font-family: "TP Archival Solid";
src: url(//archipelagonetwork.org/wp-content/themes/archipelagonetwork/assets/fonts/tparchival-solid-webfont.woff) format("woff"), url(//archipelagonetwork.org/wp-content/themes/archipelagonetwork/assets/fonts/tparchival-solid-webfont.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: fallback; }
@font-face {
font-family: "TP Archival Solid";
src: url(//archipelagonetwork.org/wp-content/themes/archipelagonetwork/assets/fonts/tparchival-soliditalic-webfont.woff) format("woff"), url(//archipelagonetwork.org/wp-content/themes/archipelagonetwork/assets/fonts/tparchival-soliditalic-webfont.woff2) format("woff2");
font-weight: 400;
font-style: italic;
font-display: fallback; }
main > .section, main .page > *, #menu {
padding: 7.8vw 2.2vw 1.8vw 1.8vw; }
@media (orientation: portrait){
main > .section, main .page > *, #menu {
padding: 16.6vw 2.6vw 4.2vw 3.125vw; } }   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } main {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; }
* {
box-sizing: border-box; }
body {
font-family: "TP Archival Solid", sans-serif;
padding: 0;
margin: 0;
font-size: 100%;
line-height: 1.5;
min-height: 100dvh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
color: #231F20; }
img {
width: 100%;
max-width: 100%;
display: block; }
img[width] {
width: auto; }
img[width][height] {
height: auto; } img[src$=".svg"] {
width: 100%;
height: auto;
max-width: none; }
svg {
fill: currentColor; }
figure {
margin: 0; }
.single-collection figure {
position: relative; }
.single-collection figcaption {
position: absolute;
left: 3px;
bottom: 0px;
color: white; }
nav, h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin: 0; }
a {
display: block;
color: currentColor;
text-decoration: none; }
a:visited {
color: inherit; }
p a {
color: #FFFFFF; }
a[href*="@"] {
word-break: break-all; }
h3, h4, h5, h6, p {
font-weight: normal;
margin: 0;
font-size: 2.1vw;
line-height: 1.2; }
@media (orientation: portrait){
h3, h4, h5, h6, p {
font-size: 3.9999vw; } }
.contact h3, .contact h4, .contact h5, .contact h6, .contact p {
font-size: inherit; }
.content h3, .content h4, .content h5, .content h6, .content p {
margin-bottom: 3.2vw; }
h1, h2, .text-lg {
display: block;
font-family: "TP Archival Morse", serif;
font-size: 4.3vw;
line-height: 4.8vw; }
@media (orientation: portrait){
h1, h2, .text-lg {
font-size: 9.4vw;
line-height: 10vw; } }
article p {
margin-bottom: 1.8vw;
padding-right: 2.4vw; }
article p:last-of-type {
margin-bottom: 3.2vw; }
@media (orientation: portrait){
article p:last-of-type {
margin-bottom: 6.2vw; } }
ul {
list-style: none;
margin: 0;
padding-left: 0; }
pre {
margin: 0; }
.icon {
cursor: pointer;
position: relative;
min-height: 1em;
min-width: 1em;
display: flex;
align-items: center;
justify-content: center; }
.icon > svg {
fill: currentColor;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
height: 100%;
min-width: 100%;
width: auto; }
svg[class*="icon"] {
height: 100%;
max-height: 1em;
max-width: 1em;
width: 100%; }
cite,
small {
font-style: normal;
font-size: 1.05vw;
line-height: 1.25;
text-transform: uppercase; }
@media (orientation: portrait){
cite,
small {
font-size: 2.375vw; } }
cite {
display: block; }
cite + cite {
margin-top: 1.8vw; }
* {
scrollbar-color: rgba(35, 31, 32, 0.5) rgba(35, 31, 32, 0);
scrollbar-width: none; }
*::-webkit-scrollbar {
width: 0px;
background-color: rgba(35, 31, 32, 0); }
*::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(35, 31, 32, 0);
background-color: rgba(35, 31, 32, 0); }
*::-webkit-scrollbar-thumb {
background-color: rgba(35, 31, 32, 0.5); }
blockquote {
margin: 0; }
blockquote, blockquote p {
font-style: normal;
font-size: 1.05vw;
line-height: 1.25;
text-transform: uppercase; }
blockquote:before {
content: "From top:";
display: block;
margin-bottom: 1em; }
.lang-el blockquote:before {
content: "ΑΠΟ ΕΠΑΝΩ:"; }
body {
margin: 0; }
.flex {
display: flex;
flex-wrap: wrap; }
.flex > * {
max-width: 100%;
position: relative; }
.flex.a-end {
align-items: flex-end; }
.flex.nowrap {
flex-wrap: nowrap; }
.flex.align-center {
align-items: center; }
.flex-column {
flex-direction: column; }
.flex[class*="colx"] {
width: 100%; }
@media (orientation: landscape) {
.flex[class*="colx"] {
margin-left: -0.8vw;
margin-right: -0.8vw; } }
.flex[class*="colx"] > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%; }
@media (orientation: landscape) {
.flex[class*="colx"] > * {
margin-left: 0.8vw;
margin-right: 0.8vw;
-ms-flex-preferred-size: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-basis: 0;
flex-grow: 1; }
.news .flex[class*="colx"] > *,
.journal .flex[class*="colx"] > *,
.collections .flex[class*="colx"] > * {
max-width: 30.4vw; }
.news .flex[class*="colx"] > *:only-child,
.journal .flex[class*="colx"] > *:only-child,
.collections .flex[class*="colx"] > *:only-child {  }
.flex[class*="colx"] > *.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; } }
#app > header {
grid-area: header;
z-index: 1020;
position: fixed;
top: 0; }
#app > main {
grid-area: main;
overflow: auto;
scroll-behavior: smooth; }
.snap {
scroll-snap-type: y proximity;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
height: 100dvh; }
.snap > * {
scroll-snap-stop: always;
scroll-snap-align: start;
overflow-y: auto;
min-height: 100dvh; }
.snap > img,
.snap > figure {
min-height: 0; }
main {
position: relative;
z-index: 1; }
main > .section {
display: flex;
flex-flow: column;
position: relative;
overflow-y: auto;
scrollbar-color: #CACEAF rgba(35, 31, 32, 0.1);
scrollbar-width: thin;
z-index: 0;
background-size: cover;
background-repeat: no-repeat; }
.js-ready main > .section:not(:first-child) > *:not(.show-more) {
opacity: 0;
transition: opacity .8s ease-in-out; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(1) {
transition-delay: 0.1s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(2) {
transition-delay: 0.2s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(3) {
transition-delay: 0.3s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(4) {
transition-delay: 0.4s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(5) {
transition-delay: 0.5s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(6) {
transition-delay: 0.6s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(7) {
transition-delay: 0.7s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(8) {
transition-delay: 0.8s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(9) {
transition-delay: 0.9s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(10) {
transition-delay: 1s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(11) {
transition-delay: 1.1s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(12) {
transition-delay: 1.2s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(13) {
transition-delay: 1.3s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(14) {
transition-delay: 1.4s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(15) {
transition-delay: 1.5s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(16) {
transition-delay: 1.6s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(17) {
transition-delay: 1.7s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(18) {
transition-delay: 1.8s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(19) {
transition-delay: 1.9s; }
.js-ready main > .section:not(:first-child) > *:not(.show-more):nth-child(20) {
transition-delay: 2s; }
main > .section.is-visible {
z-index: 1; }
.js-ready main > .section.is-visible:not(:first-child) > * {
opacity: 1; }
main > .section .wrapper {
width: 100%; }
main > .section footer {
margin-top: auto;
position: sticky;
bottom: 0;
left: 0;
right: 0;
width: 100%; }
main > .section footer a {
display: inline-block; }
main > .section .post {
display: block; }
@media (orientation: portrait) {
main .page > *:not(:first-child) {
padding-top: 3.6vw; } }
@media (orientation: landscape) {
main .page > * {
height: 100dvh;
overflow-y: auto; } }
@media (orientation: portrait) and (max-width: 768px) {
main .page > *.snap {
height: auto; } }
main .page > *.left > *:last-child {
margin-bottom: 3.2vw; }
@media (orientation: portrait) {
main .page > *.left > *:last-child {
margin-bottom: 6.2vw; } }
main .page > header {
margin-bottom: 0;
padding-bottom: 1.8vw; }
main .page h1, main .page h2 {
font-family: "TP Archival Solid", sans-serif;
margin-bottom: 2.2vw; }
@media (orientation: portrait) {
main .page h1, main .page h2 {
margin-bottom: 5.8vw; } }
@media (orientation: landscape) {
main .page {
height: 100dvh;
display: flex;
flex-flow: row nowrap; }
main .page .left,
main .page .right {
padding-top: 6.2vw;
width: 50%; }
main .page .right {
padding: 0;
background-color: #FFFFFF; }
main .page figure {
min-height: 0; } }
main article header {
margin-bottom: 4.79999vw; }
main article .content {
margin-bottom: 3.73324vw; }
@media (orientation: landscape) {
main article {
display: flex;
flex-flow: row nowrap; }
main article header {
width: 22.3vw;
padding-right: 4.5vw;
margin-bottom: 1.8vw; }
main article .content {
width: 72.1vw;
margin-bottom: 3.2vw; } }
main > article,
.container {
max-width: 100%;
position: relative;
margin: auto; }
.intro {
background-color: #C5E6DD; }
.about {
background-color: #AFCED8; }
.collections {
background-color: #C9D1C7; }
.news {
background-color: #CACEAF; }
.press {
background-color: #ecd8cd; }
.split-page {
background-color: #E6E7E8; }
.contact {
display: flex;
flex-flow: column nowrap;
background-color: #E3D9BA;
font-size: 4.3vw;
line-height: 4.8vw; }
@media (orientation: portrait){
.contact {
font-size: 6.666vw;
line-height: 8vw; } }
.contact a:active, .contact a:focus, .contact a:hover, .contact a.active, .active > .contact a {
color: #FFFFFF; }
.post {
margin-bottom: 1.8vw; }
@media (orientation: portrait){
.post {
margin-bottom: 2.13328vw; } }
.post figure {
position: relative; }
.post figure:only-of-type {
padding-bottom: 1.1vw; }
.post figure:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//archipelagonetwork.org/wp-content/themes/archipelagonetwork/assets/images/arrow_r.svg) no-repeat center;
background-size: 42%;
opacity: 0;
transition: all .4s; }
.post a:focus figure:after, .post a:hover figure:after {
opacity: 1; }
.header {
font-size: 4.3vw;
letter-spacing: .05vw;
transition: color .2s;
width: 100vw;
padding: .125vw 2.2vw .18vw 1.8vw; }
@media (orientation: portrait){
.header {
font-size: 9.4vw; } }
@media (orientation: portrait) and (max-width: 768px) {
.header {
padding: .5vw 3.6vw 1.8vw 3.125vw; } }
.header.has-active {
color: #FFFFFF; }
.header .icon {
height: 1em;
width: 1em;
font-size: .75em; }
.header .lines {
display: block;
letter-spacing: -.115em; }
@media (orientation: portrait){
.header .lines {
display: none; } }
.split-page .header .lines {
display: none; }
.header h1, .header h2 {
margin-top: .3vw;
line-height: 1.6; }
.header h1:before,
.header h1 span, .header h2:before,
.header h2 span {
white-space: pre; }
.header h2:before {
content: ' --------------------------------------------';
letter-spacing: -.115em; }
@media (orientation: portrait) {
.header h2:before {
display: none; } }
.split-page .header h2:before {
display: none; }
.header a {
display: flex;
flex-flow: row nowrap;
align-items: center; }
.header i {
display: none;
font-size: 3.225vw;
margin-right: 1.4vw;
width: 1em; }
@media (orientation: landscape) {
.split-page .header i {
display: flex; } }
.header i svg {
transform: rotate(90deg); }
.btn--menu {
display: inline-flex;
margin-left: auto;
font-size: 4.3vw;
color: currentColor; }
@media (orientation: portrait){
.btn--menu {
font-size: 6vw; } }
@media (orientation: portrait){
.btn--menu {
font-size: 9.4vw; } }
@media (orientation: landscape) {
.split-page .btn--menu {
color: #FFFFFF; } }
.btn--menu span {
display: none; }
.btn--menu .icon-close, .btn--menu .icon-mobile {
display: none; }
@media (orientation: portrait) {
.btn--menu .icon-menu {
display: none; }
.btn--menu .icon-mobile {
display: flex; } }
.btn--menu.active .icon-close {
display: flex; }
.btn--menu.active .icon-mobile, .btn--menu.active .icon-menu {
display: none; }
#menu {
font-family: "TP Archival Morse", serif;
position: fixed;
z-index: 1000;
opacity: 0;
top: -100%;
left: 0;
height: 100dvh;
width: 100%;
background-color: #695E3C; }
#menu.is-open {
opacity: 1;
top: 0; }
.menu {
font-size: 4.3vw;
line-height: 4.8vw;
display: flex;
flex-flow: column nowrap;
height: 100%; }
@media (orientation: portrait){
.menu {
font-size: 9.4vw;
line-height: 10vw; } }
.menu label,
.menu a {
color: #FFFFFF;
transition: all .4s;
display: flex;
align-items: center; }
.menu label:hover, .menu label.active, .menu label:active,
.menu a:hover,
.menu a.active,
.menu a:active {
color: #231F20; }
.menu label svg,
.menu a svg {
transition: transform .4s;
transform: rotate(-90deg); }
.menu label i,
.menu a i {
font-size: 80%;
height: 1em;
width: 1em;
margin-left: .125em; }
.menu .active > a {
color: #231F20; }
.menu label {
display: inline-flex;
align-items: center; }
.menu--sub {
display: none;
margin-left: 11vw;
font-size: 4.3vw;
line-height: 4.8vw; }
@media (orientation: portrait){
.menu--sub {
font-size: 5.32vw;
line-height: 6.666vw;
margin-top: .8vw;
margin-left: 9.4vw;
margin-bottom: 3.6vw; } }
.menu--social {
display: flex;
flex-flow: column;
flex-flow: row nowrap;
position: absolute;
bottom: 0;
right: 12.75vw;
margin: 5.86vw 5.86vw 1.3vw 11vw; }
@media (orientation: portrait) {
.menu--social {
font-size: 5.32vw;
line-height: 6.666vw;
flex-flow: column;
position: static;
bottom: auto;
right: auto; } }
.menu--social li:not(:last-child) {
margin-right: 3.6vw; }
.menu--lang {
font-family: "TP Archival Morse", serif;
font-size: 4.3vw;
line-height: 1;
margin-left: auto;
align-self: flex-end;
display: flex;
flex-flow: row nowrap; }
@media (orientation: portrait){
.menu--lang {
font-size: 9.4vw; } }
.menu--lang a {
color: currentColor; }
.menu--lang a.active {
color: #231F20; }
.menu--lang li {
display: flex;
flex-flow: row nowrap;
color: #FFFFFF; }
.menu--lang li:not(:first-child):before {
content: '/';
margin: 0; }
.menu--lang li:hover a, .menu--lang li.active a {
color: #231F20; }
footer .menu--lang {
margin-bottom: -.5vw; }
@media (orientation: portrait){
footer .menu--lang {
margin-bottom: -1.5vw; } }
.menu footer {
margin-top: auto; }
.sub-trigger {
display: none; }
.sub-trigger[type="checkbox"]:checked ~ .menu--sub {
display: block; }
.sub-trigger[type="checkbox"]:checked ~ label {
color: #FFFFFF; }
.sub-trigger[type="checkbox"]:checked ~ label svg {
transform: rotate(0); }
#intro .wrapper {
margin: -1.5vw auto 0;
display: flex;
flex-flow: column; }
@media (orientation: portrait) {
#intro .wrapper {
min-height: 84.6vw;
margin-top: -2vw; } }
#intro pre {
max-height: 100%;
overflow: hidden;
display: flex;
flex-flow: column;
margin: 0 auto;
font-size: 4.2vw;
line-height: 1.25;
font-family: "TP Archival Stencil", sans-serif;
transition: line-height .5s; }
@media (orientation: landscape) and (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 4 / 3) {
#intro pre {
line-height: 1.6; } }
@media (orientation: landscape) and (min-aspect-ratio: 16 / 10) {
#intro pre {
line-height: 1; } }
#intro pre:after {
max-height: 1px;
content: '                                            ';
flex: 1 100%;
display: block; }
#intro pre.mobile { display: none;
font-size: 9.4vw; }
#intro pre.mobile:after {
content: '                    ';
font-size: 104%; }
@media (min-aspect-ratio: 3 / 4) and (max-aspect-ratio: 1 / 1) {
#intro pre.mobile {
line-height: 1.1; } }
@media (orientation: portrait) and (max-aspect-ratio: 1 / 2) {
#intro pre.mobile {
line-height: 1.8; } }
@media (orientation: portrait) and (orientation: landscape) {
#intro pre.mobile {
line-height: 1.05; } }
@media (orientation: portrait) {
#intro pre {
display: none; }
#intro pre.mobile {
display: block; } }
#intro footer {
position: absolute;
position: sticky;
bottom: 0;
left: 0;
right: 0;
width: 100%; }
.type-text {
display: flex;
flex-flow: row nowrap;
align-items: center; }
.home .type-text {
overflow: hidden;
animation: typing 1s steps(40, end); }
@keyframes typing {
from {
width: 0; }
to {
width: 100%; } }
.show-more {
position: fixed;
overflow: hidden;
display: flex;
margin: 0 auto 2.8vw;
height: 1em;
width: 3em;
padding: 0 1em;
left: 0;
right: 0;
bottom: 0;
z-index: 1030;
font-size: 6.93332vw;
transition: all .4s; }
.show-more svg {
display: block;
fill: #FFFFFF; }
.intro .show-more svg {
fill: #231F20; }
@media (orientation: landscape) {
.show-more {
font-size: 3.2vw; } }
@media (orientation: portrait) and (max-width: 768px) {
.show-more {
bottom: .5em; }
.intro.is-visible .show-more,
.intro.is-visible ~ * .show-more {
bottom: 2em; } }
.form--newsletter {
display: flex;
flex-flow: column;
margin-bottom: 4.6vw;
flex: 1;
max-width: none !important; }
@media (orientation: landscape) {
.form--newsletter {
order: 2;
padding-left: 8.2vw; } }
@media (orientation: portrait) and (max-width: 576px) {
.form--newsletter {
margin: 4vw 0 7vw; } }
.form--newsletter input, .form--newsletter input:focus, .form--newsletter input:active, .form--newsletter input:hover {
background-color: transparent;
border: none;
color: #FFFFFF;
outline: none; }
.form--newsletter input::placeholder {
color: currentColor;
opacity: 1; }
.form--newsletter button {
align-self: flex-start;
background: transparent;
border: none;
padding: 0;
margin: 0; }
.sponsor {
width: 25.6vw;
font-family: "TP Archival Solid", sans-serif;
align-self: flex-end; }
@media (orientation: portrait) {
.sponsor {
width: 59.8vw; } }
.sponsor a {
flex-flow: column;
align-items: flex-start;
color: #231F20;
width: 100%; }
.sponsor small {
display: block;
margin-bottom: 1.2vw;
font-size: 1.05vw;
line-height: 1.05vw; }
@media (orientation: portrait) {
.sponsor small {
margin-bottom: 2.66666vw;
font-size: 2.375vw; } }
.footer-links {
align-self: flex-end;
font-size: 1.05vw;
line-height: 1.25; }
@media (orientation: portrait) {
.footer-links {
margin-top: 5.3333vw;
font-size: 2.375vw;
flex-basis: 100%; } }
@media (orientation: landscape) {
.footer-links {
margin-left: auto; } }
.footer-links .col-auto:not(:first-child) {
padding-left: 3.2vw; }
@media (orientation: portrait) {
.footer-links .col-auto:not(:first-child) {
padding-left: 8.53312vw; } }
.oembed {
position: relative; overflow: hidden;
max-width: 100%;
height: auto; }
.oembed iframe,
.oembed object,
.oembed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-bg {
object-fit: cover;
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1; } .supporters {
background-color: #C8C3D0; }