@charset "UTF-8";
/*
Title: Elemetary CSS Framework
Description: A simple CSS framework for my client and personal work, using SASS
Author: Prathamesh Pai
Author URI: http://transducent.com/
Version: 1.5.0
*/
@import url("https://fonts.googleapis.com/css2?family=Monoton&family=Montserrat:wght@300;400;700&display=swap");
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
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; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

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; }

*, *:before, *:after { box-sizing: border-box; }

@-webkit-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@-moz-keyframes rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@-ms-keyframes rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@-o-keyframes rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

@keyframes rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

* { box-sizing: border-box; }

html { font-size: 100%; }

body { font-size: 1.125rem; font-family: Montserrat, Helvetica, Verdana, sans-serif; line-height: 1.8; color: #e6e6e6; background-color: #482E62; min-height: 100vh; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #e6e6e6; }

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: 0; }

h1 { font-size: 2.471625rem; }

h2 { font-size: 1.90125rem; }

h3 { font-size: 1.4625rem; }

h4 { font-size: 1.125rem; }

h5 { font-size: 0.8653846154rem; }

h6 { font-size: 0.6656804734rem; }

p { margin: 1em 0; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

ul, ol { margin: 1em 0; }

ol { list-style-type: decimal; }

ul { list-style-type: disc; }

table, th, td { border: 1px solid #482E62; }

th { font-weight: bold; }

td { padding: 0.5em; }

code { display: block; background-color: #e6e6e6; padding: 1em; margin: 1em 0; }

details summary { cursor: pointer; }

.normal { font-weight: normal; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

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

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

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

.txt-align-justify { text-align: justify; }

.txt-align-vertical-centre { vertical-align: middle; }

.quote { border: 3px double #482E62; border-width: 3px 0; padding: 1em; }

.quote article { font-style: italic; }

.quote address.author:before { content: "\2014"; display: inline-block; margin-right: 0.5em; }

.meta { color: #bfbfbf; }

.sm { font-size: 0.8653846154rem; }

.lg { font-size: 1.4625rem; }

.uc { text-transform: uppercase; }

.err { color: #FFAEA3; }

.lc { text-transform: lowercase; }

.message, ul.messages li, ul.toasts li, ol.messages li, ol.toasts li, .toast { display: block; padding: 1em; -webkit-animation: 3s 1 fadein; -moz-animation: 3s 1 fadein; -ms-animation: 3s 1 fadein; -o-animation: 3s 1 fadein; animation: 3s 1 fadein; }

.message.debug, ul.messages li.debug, ul.toasts li.debug, ol.messages li.debug, ol.toasts li.debug, .toast.debug { background-color: #B1B6FF; }

.message.info, ul.messages li.info, ul.toasts li.info, ol.messages li.info, ol.toasts li.info, .toast.info { background-color: #A3CEFF; }

.message.success, ul.messages li.success, ul.toasts li.success, ol.messages li.success, ol.toasts li.success, .toast.success { background-color: #90E1CA; }

.message.warning, ul.messages li.warning, ul.toasts li.warning, ol.messages li.warning, ol.toasts li.warning, .toast.warning { background-color: #FFE0A3; }

.message.error, ul.messages li.error, ul.toasts li.error, ol.messages li.error, ol.toasts li.error, .toast.error { background-color: #FFAEA3; }

ul.indented, ol.indented { margin-left: 1em; }

ul.no-bull, ol.no-bull { list-style-type: none; }

ul.messages, ul.toasts, ol.messages, ol.toasts { list-style-type: none; margin: 0; }

ul.non-field-errors, ul.field-errors, ul.errors, ol.non-field-errors, ol.field-errors, ol.errors { list-style-type: none; margin: 0; }

ul.non-field-errors li, ul.field-errors li, ul.errors li, ol.non-field-errors li, ol.field-errors li, ol.errors li { color: #FFAEA3; }

.disabled, .loading { opacity: 0.5; }

.disabled input, .loading input, .disabled textarea, .loading textarea, .disabled select, .loading select, .disabled label, .loading label { pointer-events: none; }

.loading { color: transparent !important; min-height: 2em; pointer-events: none; position: relative; }

.loading::after { -webkit-animation: 1s rotate infinite linear; -moz-animation: 1s rotate infinite linear; -ms-animation: 1s rotate infinite linear; -o-animation: 1s rotate infinite linear; animation: 1s rotate infinite linear; background: transparent; border: 2px solid gray; border-radius: 50%; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 2em; left: 50%; margin-left: -1em; margin-top: -1em; opacity: 1; padding: 0; position: absolute; top: 50%; width: 2em; z-index: 1000; }

img { max-width: 100%; }

img.cover { object-fit: cover; }

img.contain { object-fit: contain; }

img.stretch { width: 100%; }

.container { width: 100%; max-width: 90rem; padding: 1em; margin: 0 auto; }

.screen-reader-only { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.hide-completely { display: none; }

.float-left { float: left; }

.float-right { float: right; }

.inline-block { display: inline-block; }

.flexy { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; }

.flexy.wrap { flex-wrap: wrap; }

.flexy.align-centre { align-items: center; }

.flexy.justify-centre { justify-content: center; }

.flexy.column { flex-direction: column; }

.flexy.space-between { justify-content: space-between; }

.flexy.space-around { justify-content: space-around; }

.flexy.align-start { align-items: flex-start; }

.flexy.align-end { align-items: flex-end; }

.flexy.justify-start { justify-content: flex-start; }

.flexy.justify-end { justify-content: flex-end; }

.flexy.middle { justify-content: center; flex-direction: column; }

.flexy > *.align-start { align-self: flex-start; }

.flexy > *.align-end { align-self: flex-emd; }

.flexy > *.align-centre { align-self: center; }

.flexy > *.flex-one { flex: 1; }

#site-header { background-color: transparent; }

#site-footer { background-color: transparent; font-size: 0.8653846154rem; color: #fff; }

a, a:visited { color: #C5A48A; }

a .icon, a:visited .icon { stroke: #C5A48A; }

a:hover, a:visited:hover { color: #8b6445; }

a:hover .icon, a:visited:hover .icon { stroke: #8b6445; }

a.active, a.active:visited { color: #482E62; }

a.with-inline-svg-icon, a.with-inline-svg-icon:visited { display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: flex-start; }

a.with-inline-svg-icon .icon, a.with-inline-svg-icon:visited .icon { margin-right: 0.5em; }

a.with-inline-svg-icon.vertical, a.with-inline-svg-icon.vertical:visited { flex-direction: column; }

a.with-inline-svg-icon.vertical .icon, a.with-inline-svg-icon.vertical:visited .icon { margin: 0; }

.btn { text-decoration: none; outline: none; border: none; line-height: 1; padding: 0.5em; display: inline-block; background: transparent; border: 1px solid; color: #faedcd; }

.btn .icon { stroke: #faedcd; }

.btn:hover { color: #eec359; }

.btn:hover .icon { stroke: #eec359; }

.btn.sm { padding: 0.25em; }

.btn.lg { padding: 1em; }

.btn.xs { padding: 0.125em; }

.btn.primary { color: #482E62; }

.btn.primary .icon { stroke: #482E62; }

.btn.primary:hover { color: #08050b; }

.btn.primary:hover .icon { stroke: #08050b; }

.btn.secondary { color: #381715; }

.btn.secondary .icon { stroke: #381715; }

.btn.secondary:hover { color: black; }

.btn.secondary:hover .icon { stroke: black; }

.btn.grey { color: #bfbfbf; }

.btn.grey .icon { stroke: #bfbfbf; }

.btn.grey:hover { color: gray; }

.btn.grey:hover .icon { stroke: gray; }

.btn.block { display: block; }

.btn.rounded { border-radius: 5px; }

.btn .rounded { border-radius: 5px; }

.btn.solid { border: none; background-color: #faedcd; color: #fff; }

.btn.solid:hover { color: #eec359; }

.btn.solid:hover .icon { stroke: #eec359; }

.btn.solid .icon { stroke: #fff; }

.btn.solid.primary { background-color: #482E62; }

.btn.solid.primary:hover { color: #08050b; }

.btn.solid.primary:hover .icon { stroke: #08050b; }

.btn.solid.secondary { background-color: #381715; }

.btn.solid.secondary:hover { color: black; }

.btn.solid.secondary:hover .icon { stroke: black; }

.btn.solid.grey { background-color: #bfbfbf; }

.btn.solid.grey:hover { color: gray; }

.btn.solid.grey:hover .icon { stroke: gray; }

.btn.disabled, .btn.loading { background-color: #e6e6e6; color: #bfbfbf; cursor: default; border: none; }

.btn.disabled .icon, .btn.loading .icon { stroke: #bfbfbf; }

.btn.disabled:hover, .btn.loading:hover { border: none; background-color: #e6e6e6; color: #bfbfbf; }

.btn.disabled:hover .icon, .btn.loading:hover .icon { stroke: #bfbfbf; }

nav ul { margin: 0; list-style-type: none; }

nav.horizontal ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; margin-right: -1em; margin-bottom: -1em; }

nav.horizontal ul li { margin-right: 1em; margin-bottom: 1em; }

nav.breadcrumbs ul li { display: inline-block; }

nav.breadcrumbs ul li:last-child:after { content: ""; }

nav.breadcrumbs ul li:after { content: "→"; margin: 0 0.5em; }

.icon { stroke: #000; width: 1.5em; }

.icon.icon-sm { width: 1em; }

.icon.icon-lg { width: 2em; }

.icon.icon-xl { width: 4em; }

.icon.icon-xxl { width: 8em; }

.flex-wrap-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; margin: 0 -1em -1em 0; }

.flex-wrap-grid > * { margin: 0 1em 1em 0; }

.flex-wrap-grid.three-col > * { width: calc(33.33% - 1em); }

.flex-wrap-grid.two-col > * { width: calc(50% - 1em); }

.flex-wrap-grid.four-col > * { width: calc(25% - 1em); }

.flex-wrap-grid.align-start { align-items: flex-start; }

.flex-wrap-var-col-size-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; margin: 0 -1em -1em 0; }

.flex-wrap-var-col-size-grid > * { margin: 0 1em 1em 0; min-width: 320px; }

.flex-wrap-var-col-size-grid > .col-6 { width: calc(100% - 1em); }

.flex-wrap-var-col-size-grid > .col-4 { width: calc(66.66666% - 1em); }

.flex-wrap-var-col-size-grid > .col-3 { width: calc(50% - 1em); }

.flex-wrap-var-col-size-grid > .col-2 { width: calc(33.33333% - 1em); }

.carousel-outer > a.prev, .carousel-outer > a.next { color: gray; font-size: 3.2131125rem; font-family: monospace; text-decoration: none; }

.carousel { overflow: hidden; position: relative; margin: 1em 0; }

.carousel nav { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: flex-start; position: absolute; }

.carousel nav a { font-family: monospace; font-size: 3.2131125rem; color: #fff; text-decoration: none; }

.carousel nav a.prev { margin-left: 1rem; }

.carousel nav a.next { margin-right: 1rem; }

.carousel nav.overlay { top: 0; left: 0; width: 100%; height: 100%; }

.carousel nav.noverlay { top: 0; right: 0; display: inline-block; }

.carousel nav.outside { position: static; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: flex-start; }

.carousel nav.outside a { color: gray; }

.carousel .slides { -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }

.carousel .slides > * { width: 100%; flex-shrink: 0; }

.carousel .slides figure { position: relative; }

.carousel .slides figure img { display: block; width: 100%; }

.carousel .slides figure figcaption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5em; background-color: rgba(0, 0, 0, 0.6); color: #fff; }

.carousel .slides.caption-outside figure figcaption { position: static; }

body.possesed { overflow: hidden; }

#overlord { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.8); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: flex-start; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; display: none; }

#overlord.now-showing { display: flex; opacity: 1; z-index: 1000; }

#overlord #gallery-inner { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: flex-start; }

#overlord #gallery-inner > a { font-size: 3.2131125rem; color: #fff; font-family: monospace; text-decoration: none; }

#overlord #gallery-inner > a:hover { color: #C5A48A; }

#overlord #gallery-inner figure { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

#overlord #gallery-inner figure.faded { opacity: 0; }

#overlord #gallery-inner figure img { max-height: 90vh; }

#overlord #gallery-inner figure figcaption { color: #fff; }

#overlord #gallery-inner figure figcaption span { text-align: right; font-size: 0.8653846154rem; }

#overlord .close-btn { position: absolute; top: 1em; right: 1em; font-size: 1.90125rem; color: #fff; cursor: pointer; }

#overlord .close-btn:hover { color: #C5A48A; }

body { font-weight: 300; background: radial-gradient(#482E62, 75%, #150d1d); }

code { background-color: transparent; font-family: monospace; margin: 0; padding: 0; padding-left: 1.5em; }

#nav-primary { background: #381715 radial-gradient(#381715, #130807); height: 0; width: 100%; transition: height 1s ease-in-out; position: relative; overflow: hidden; z-index: 9; }

#nav-primary.visible { padding: 1.5em; height: 100vh; }

#nav-primary.visible a#nav-off { display: block; position: absolute; }

#nav-primary.visible + header#site-header { margin: 0; height: auto; }

#nav-primary.visible + header#site-header a#logo img { max-width: 200px; }

#nav-primary section { width: 100%; }

#nav-primary a { color: #e6e6e6; text-decoration: none; font-size: 1.4625rem; }

@media (max-width: 50em) { #nav-primary a { font-size: 1.125rem; } }

#nav-primary a:hover, #nav-primary a.active { color: #C5A48A; }

#nav-primary a#nav-off { display: none; bottom: 1.5em; right: 1.5em; font-size: 2.471625rem; }

#nav-primary ul.horizontal { width: 100%; margin-bottom: 1.5em; }

@media (max-width: 50em) { #nav-primary ul.horizontal { flex-direction: column; justify-content: flex-start; } }

#nav-primary ul.horizontal li { margin-right: 1.5em; }

#nav-primary ul.horizontal li::last-child { margin: 0; }

#nav-primary ul.vertical li { text-align: center; margin: 1.5em 0; }

#site-header { padding: 1.5em; position: fixed; top: 0; left: 0; width: 100%; height: 10em; overflow: hidden; z-index: 10; }

#site-header.sticky { position: sticky; }

@media (max-width: 50em) { #site-header { position: sticky; } }

#site-header a#nav-switch { color: #e6e6e6; text-decoration: none; display: flex; flex-direction: column; align-items: center; }

#site-header a#nav-switch svg { stroke: #e6e6e6; }

#site-header a#nav-switch:hover { color: #C5A48A; }

#site-header a#nav-switch:hover svg { stroke: #C5A48A; }

#site-header a#logo { font-size: 3.2131125rem; line-height: 1; display: flex; flex-wrap: wrap; align-items: center; color: #e6e6e6; text-decoration: none; font-family: Monoton, cursive; font-weight: bold; }

#site-header a#logo img { display: block; max-width: 300px; margin-right: 0.5em; transition: all 1s ease-in-out; }

#site-header a#logo span { display: block; }

#site-header a#logo span:first-child { font-size: 1.4625rem; font-family: Montserrat, Helvetica, Verdana, sans-serif; font-weight: 300; margin-left: 1em; }

#site-header a#logo span:nth-child(3) { margin-left: 0.5em; }

#hero { height: 100vh; z-index: 8; overflow: hidden; }

#hero.slider { margin: 0; }

#hero.slider figure { width: 100%; height: 100vh; display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; align-items: end; }

#hero.slider figure img, #hero.slider figure picture { grid-row: 1; grid-column: 1; width: 100%; height: 100%; object-fit: cover; }

#hero.slider figure figcaption { grid-row: 1; grid-column: 1; text-align: center; background: rgba(0, 0, 0, 0.1); text-shadow: 1px 1px 2px #000; }

#hero.slider figure figcaption h4, #hero.slider figure figcaption p { font-size: 0.8653846154rem; }

@media (min-width: 50em) { #hero.slider figure figcaption h4, #hero.slider figure figcaption p { font-size: 1.125rem; } }

#hero.slider figure figcaption p { margin: 0; }

#hero.slider figure figcaption:after { display: block; content: "\2193"; font-size: 3.2131125rem; cursor: pointer; }

#hero.slider figure.poster figcaption { background: rgba(0, 0, 0, 0.5); }

#hero.slider figure.pcc figcaption { background: rgba(0, 0, 0, 0.8); }

#hero.slider figure.spectacle2 figcaption { background: rgba(0, 0, 0, 0.9); }

#hero.slider nav { opacity: 0; transition: opacity 1s ease-in-out; }

#hero.slider nav.visible { opacity: 1; }

#hero.slider nav a.pause { border-style: double; border-width: 0 0 0 0.5em; border-color: #fff; width: 0.5em; height: 0.5em; }

#hero.slider nav a.pause:hover, #hero.slider nav a.pause.paused { border-color: #8b6445; }

#hero.slider.filmstrip { background-color: #000; display: flex; align-items: center; }

#hero.slider.filmstrip figure { height: 80vh; }

#hero.slider.filmstrip nav a.prev, #hero.slider.filmstrip nav a.next { visibility: hidden; opacity: 0; }

#hero video { background-color: #000; width: 100%; height: 100%; }

#hero.map { background: #000; }

#hero.map figure { width: 100%; height: 100vh; display: grid; }

#hero.map figure img { width: 100%; height: 100vh; grid-row: 1; grid-column: 1; object-fit: contain; }

#hero.map figure figcaption { grid-row: 1; grid-column: 1; color: #fff; font-size: 1.90125rem; background-color: rgba(0, 0, 0, 0.5); padding: 1em; opacity: 1; cursor: pointer; transition: opacity 1s ease-in-out; align-self: center; justify-self: center; }

#hero.map figure figcaption.visible { opacity: 1; }

#content { padding: 1.5em; padding-bottom: 0; }

#content .container { background: #bfbfbf linear-gradient(to right, #a6a6a6, #bfbfbf, #a6a6a6); margin-top: 0; margin-bottom: 0; color: #000; font-weight: 400; }

#content .container h1, #content .container h2, #content .container h3, #content .container h4, #content .container h5, #content .container h6 { color: #262626; }

#content .container a { color: #faedcd; }

#content .container a:hover { color: #000; }

#nav-repeat li { margin-right: 1.5em; }

.fadeshow { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; position: relative; text-align: center; }

.fadeshow figure { background-color: #000; grid-row: 1; grid-column: 1; width: 100%; height: 100vh; opacity: 0; transition: opacity 1s ease-in-out; }

.fadeshow figure img { display: block; width: 100%; height: 100vh; object-fit: contain; }

.fadeshow figure.top { opacity: 1; }

.fadeshow.stack figure { transition: none; }

.fadeshow.withnav a.paws { color: #fff; text-decoration: none; position: absolute; bottom: 1em; right: 1em; width: 1em; height: 1em; border: 1em double #fff; border-width: 0 0 0 1em; }

.fadeshow.withnav a.paws.active { border-color: #8b6445; }

.fadeshow.projector { background: #000; }

.fadeshow.projector figure { display: flex; align-items: center; justify-content: center; transition: none; }

.fadeshow.projector figure img { width: 80%; height: 80vh; }

.fadeshow.projector figure.top img:after { transform: scale(0); }

.fadeshow.projector #shutter { display: block; width: 100%; height: 100vh; background: #000; position: absolute; top: 0; left: 0; transform-origin: top left; transition: transform 0.25s ease-in-out; }

.fadeshow.projector #shutter.on { transform: scale(1); }

.fadeshow.projector #shutter.off { transform: scale(0); }

a#scrolltocontent { display: block; color: #fff; z-index: 100; font-size: 3.2131125rem; line-height: 0.65; text-decoration: none; width: 0.8em; height: 0.8em; position: absolute; bottom: 1em; left: 50%; margin-left: -0.4em; background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; }

.artist, .collab { margin-bottom: 3em; }

img.lefty, img.righty, img.centre { max-height: 20em; cursor: pointer; }

img.lefty { float: left; margin-right: 1em; }

img.righty { float: right; margin-left: 1em; }

img.centre { text-align: center; margin-left: 1em; }

img.xs { max-height: 5em; }

figure.righty { float: right; margin-left: 1em; max-width: 30em; }

figure.righty figcaption { font-style: italic; }

.upsize img.centre { max-height: 40em; }

.clear { clear: both; }

.exhibit { margin-bottom: 3em; }

.exhibit div { margin: 0 1em; }

.exhibit div h4 { font-weight: normal; margin: 0; }

.exhibit div p { font-style: italic; margin: 0; }

.exhibit .gallery { display: flex; flex-wrap: wrap; }

.exhibit .gallery a.thumb { display: block; width: 15em; margin: 0 0.25em 0.25em 0; }

.exhibit .gallery a:nth-child(1) { width: 16em; }

.exhibit .gallery a:nth-child(2) { width: 9em; }

.exhibit .gallery a:nth-child(3) { width: 18em; }

.exhibit .gallery a:nth-child(4) { width: 15em; }

.exhibit .gallery a:nth-child(5) { width: 15em; }

.exhibit .gallery a:nth-child(6) { width: 8em; }

.exhibit .gallery a:nth-child(7) { width: 13em; }

.exhibit .gallery a:nth-child(8) { width: 16em; }

.exhibit .gallery a:nth-child(9) { width: 8em; }

.exhibit .gallery a:nth-child(10) { width: 16em; }

.exhibit .gallery a:nth-child(11) { width: 8em; }

.exhibit .gallery a:nth-child(12) { width: 11em; }

.exhibit .gallery a:nth-child(13) { width: 9em; }

.exhibit .gallery a:nth-child(14) { width: 16em; }

.exhibit .gallery a:nth-child(15) { width: 19em; }

.exhibit .gallery a:nth-child(16) { width: 15em; }

.exhibit .gallery a:nth-child(17) { width: 9em; }

.exhibit .gallery a:nth-child(18) { width: 13em; }

.exhibit .gallery a:nth-child(19) { width: 16em; }

.exhibit .gallery a:nth-child(20) { width: 19em; }

.exhibit .gallery a:nth-child(21) { width: 20em; }

.exhibit .gallery a:nth-child(22) { width: 19em; }

.exhibit .gallery a:nth-child(23) { width: 10em; }

.exhibit .gallery a:nth-child(24) { width: 16em; }

.exhibit .gallery a:nth-child(25) { width: 10em; }

.exhibit .gallery a:nth-child(26) { width: 8em; }

.exhibit .gallery a:nth-child(27) { width: 14em; }

.exhibit .gallery a:nth-child(28) { width: 18em; }

.exhibit .gallery a:nth-child(29) { width: 13em; }

.exhibit .gallery a:nth-child(30) { width: 20em; }

.exhibit .gallery a:nth-child(31) { width: 9em; }

.exhibit .gallery a:nth-child(32) { width: 16em; }

.exhibit .gallery a:nth-child(33) { width: 10em; }

.exhibit .gallery a:nth-child(34) { width: 19em; }

.exhibit .gallery a:nth-child(35) { width: 11em; }

.exhibit .gallery a:nth-child(36) { width: 10em; }

.exhibit .gallery a:nth-child(37) { width: 10em; }

.exhibit .gallery a:nth-child(38) { width: 17em; }

.exhibit .gallery a:nth-child(39) { width: 20em; }

.exhibit .gallery a:nth-child(40) { width: 13em; }

.exhibit .gallery a:nth-child(41) { width: 9em; }

.exhibit .gallery a:nth-child(42) { width: 15em; }

.exhibit .gallery a:nth-child(43) { width: 10em; }

.exhibit .gallery a:nth-child(44) { width: 11em; }

.exhibit .gallery a:nth-child(45) { width: 9em; }

.exhibit .gallery a:nth-child(46) { width: 9em; }

.exhibit .gallery a:nth-child(47) { width: 14em; }

.exhibit .gallery a:nth-child(48) { width: 16em; }

.exhibit .gallery a:nth-child(49) { width: 17em; }

.exhibit .gallery a:nth-child(50) { width: 13em; }

#map-interactive { display: flex; position: fixed; top: 0; left: 0; z-index: 0; width: 100%; height: 100vh; opacity: 0; background-color: #000; transition: opacity 1s ease-in-out; }

#map-interactive.visible { opacity: 1; z-index: 100; }

#map-interactive figure { flex: 1; height: 100vh; }

#map-interactive figure svg { width: 100%; max-height: 100vh; }

#map-interactive figure svg image.story { cursor: pointer; transition: all 1s ease-in-out; }

#map-interactive figure svg image.story:hover { opacity: 0.6; }

#map-interactive figure svg image.story.active { transform-origin: center center; transform: scale(2) translateX(-10%); top: 50%; left: 50%; z-index: 101; }

#map-interactive aside { min-width: 20em; padding: 1em; background-color: #fff; color: #000; font-family: "Palatino", Georgia, serif; line-height: 1.2; font-size: 0.8653846154rem; }

#map-interactive aside h4 { font-size: 0.8653846154rem; color: #000; text-transform: uppercase; }

#map-interactive aside h4::before { content: ''; display: inline-block; width: 2em; height: 1em; background-color: gray; vertical-align: middle; margin-right: 0.5em; }

#map-interactive aside h4.primary::before { background-color: #61C547; }

#map-interactive aside h4.secondary::before { background-color: #4888F0; }

#map-interactive aside h4.tertiary::before { background-color: #FDF151; }

#map-interactive aside h4.quarternary::before { background-color: #C539D2; }

#map-interactive aside h4.quinary::before { background-color: #C6322C; }

#map-interactive aside a { color: #000; }

#map-interactive aside a:hover { color: #C5A48A; }

#map-interactive aside a.closemap { text-decoration: none; }

#map-interactive aside a.closemap span { font-size: 1.90125rem; }

#tpdialogue #content h3 { margin-top: 1.5em; border-top: 1px dashed gray; padding-top: 1em; }

#tpdialogue #content h3 + p { margin: 0; }

#tpdialogue #content .indented { font-weight: normal; font-family: monospace; margin: 0; margin-left: 1.5em; margin-bottom: 0.5em; }

#tpdialogue .dialogue-calendar-map { min-height: 50em; background: url(/assets/images/to-public/dialogue/calendar-map.png); background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed; }

#tpdialogue .two-col { align-items: flex-start; flex-direction: row-reverse; }

#tpdialogue .two-col figure { position: sticky; top: 10em; }

#tpdialogue .two-col figure img { object-fit: contain; width: auto; }

@media (max-width: 44em) { #tpdialogue .two-col { display: block; } #tpdialogue .two-col > * { width: 100%; } #tpdialogue .two-col figure { position: static; } }

.gal a.thumb { display: block; max-width: 10em; }

.md { font-size: 1.125rem; }

#site-footer { font-size: 0.8653846154rem; color: #bfbfbf; min-height: 10em; }

#site-footer.container { padding: 0; }

#site-footer p { margin: 0; }

#site-footer a { color: #bfbfbf; }

#site-footer a:hover { color: #C5A48A; }

#site-footer details summary { color: gray; }

#site-footer details[open] summary { color: #fff; }

svg.map { font-family: 'Palatino-Roman', 'Palatino', Georgia, serif; }

svg.map .outlines { fill: #fff; }

svg.map #signal-colours .red { fill: #d71a20; }

svg.map #signal-colours .yellow { fill: #fef101; }

svg.map #signal-colours .green { fill: #25c829; }

svg.map .quinary-red { fill: #d41e25; }

svg.map .quarternary-purple { fill: #d41fd6; }

svg.map .tertiary-yellow { fill: #fdf001; }

svg.map .secondary-blue { fill: #3188f4; }

svg.map .primary-green { fill: #2bc52f; }

svg.map .location { cursor: pointer; }

svg.map .location .filler { transition: all 1s ease-in-out; fill: transparent; }

svg.map .location:hover .story-colour { fill: #fff; }

svg.map #primary .location:hover .filler, svg.map #primary .location.active .filler { fill: #2bc52f; }

svg.map #primary.active .location .filler { fill: #2bc52f; }

svg.map #secondary .location:hover .filler, svg.map #secondary .location.active .filler { fill: #3188f4; }

svg.map #secondary.active .location .filler { fill: #3188f4; }

svg.map #tertiary .location:hover .filler, svg.map #tertiary .location.active .filler { fill: #fdf001; }

svg.map #tertiary .location:hover .outlines, svg.map #tertiary .location:hover .story-colour, svg.map #tertiary .location.active .outlines, svg.map #tertiary .location.active .story-colour { fill: #000; }

svg.map #tertiary.active .location .filler { fill: #fdf001; }

svg.map #tertiary.active .location .outlines { fill: #000; }

svg.map #quarternary .location:hover .filler, svg.map #quarternary .location.active .filler { fill: #d41fd6; }

svg.map #quarternary.active .location .filler { fill: #d41fd6; }

svg.map #quinary .location:hover .filler, svg.map #quinary .location.active .filler { fill: #d41e25; }

svg.map #quinary.active .location .filler { fill: #d41e25; }

svg.map #etc .location:hover .filler, svg.map #etc .location.active .filler { fill: gray; }

svg.map #legend-bg { fill: #fff; }

svg.map #legend-logo { font-size: 37.5px; }

svg.map #legend-logo path { fill: #000; }

svg.map #legend-logo path.quinary-red { fill: #d41e25; }

svg.map .legend-layer { font-size: 50px; }

svg.map .legend-layer .legend-layer-head { font-weight: 700; }

svg.map .legend-layer .legend-location, svg.map .legend-layer .layer-head { cursor: pointer; }

svg.map .legend-layer[data-layer="primary"] .legend-location:hover, svg.map .legend-layer[data-layer="primary"] .legend-location.active, svg.map .legend-layer[data-layer="primary"] .layer-head:hover, svg.map .legend-layer[data-layer="primary"] .layer-head.active { fill: #2bc52f; }

svg.map .legend-layer[data-layer="secondary"] .legend-location:hover, svg.map .legend-layer[data-layer="secondary"] .legend-location.active, svg.map .legend-layer[data-layer="secondary"] .layer-head:hover, svg.map .legend-layer[data-layer="secondary"] .layer-head.active { fill: #3188f4; }

svg.map .legend-layer[data-layer="tertiary"] .legend-location:hover, svg.map .legend-layer[data-layer="tertiary"] .legend-location.active, svg.map .legend-layer[data-layer="tertiary"] .layer-head:hover, svg.map .legend-layer[data-layer="tertiary"] .layer-head.active { fill: #fdf001; }

svg.map .legend-layer[data-layer="quarternary"] .legend-location:hover, svg.map .legend-layer[data-layer="quarternary"] .legend-location.active, svg.map .legend-layer[data-layer="quarternary"] .layer-head:hover, svg.map .legend-layer[data-layer="quarternary"] .layer-head.active { fill: #d41fd6; }

svg.map .legend-layer[data-layer="quinary"] .legend-location:hover, svg.map .legend-layer[data-layer="quinary"] .legend-location.active, svg.map .legend-layer[data-layer="quinary"] .layer-head:hover, svg.map .legend-layer[data-layer="quinary"] .layer-head.active { fill: #d41e25; }

svg.map #legend-title { font-size: 58px; }

svg.map #map-actions text { font-family: sans-serif; font-size: 60px; cursor: pointer; }

svg.map #map-actions text tspan { font-size: 80px; }

svg.map #map-actions text:hover { fill: #d71a20; }

svg.map #signal-colours path { opacity: 0; transition: opacity 0.5s ease-in-out; }

svg.map #signal-colours path.on { opacity: 1; }

#map-reset-button { cursor: pointer; position: fixed; top: 1em; right: 1em; font-size: 72px; color: #fff; background-color: #d41e25; width: 72px; height: 72px; line-height: 1; border-radius: 50%; box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.5); z-index: 1000; text-align: center; border: 2px solid #2bc52f; }

#map-reset-button:hover { color: #d41e25; }

/*# sourceMappingURL=main.css.map */