/*!
Theme Name: AAA
Theme URI: http://underscores.me/
Author: Chad Rossouw for HdK
Author URI: https://wearehdk.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aaa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

AAA is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
@font-face {
  font-family: "Open Dyslexic";
  src: url("assets/fonts/OpenDyslexic-Regular.woff2") format("woff2"), url("assets/fonts/OpenDyslexic-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Open Dyslexic";
  src: url("assets/fonts/OpenDyslexic-Bold.woff2") format("woff2"), url("assets/fonts/OpenDyslexic-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Open Dyslexic";
  src: url("assets/fonts/OpenDyslexic-Italic.woff2") format("woff2"), url("assets/fonts/OpenDyslexic-Italic.woff") format("woff");
  font-style: italic;
}
body,
button,
input,
select,
optgroup,
textarea {
  color: #080808;
  font-family: var(--font_main);
  font-size: 1rem;
  line-height: var(--line-spacing);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: var(--font_header);
  line-height: var(--line-spacing);
  font-weight: 600;
  line-height: 110%;
}

h1, h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-top: 0;
  color: #3f3f3f;
}

h1 {
  text-align: center;
  margin: 2rem 0 1rem;
}

h3 {
  font-size: 1.4rem;
}

h4 {
  font-size: 1.3rem;
  margin: 0 0 0.5rem;
}

h5 {
  color: #3f3f3f;
  font-weight: 600;
}

p {
  margin: 0 0 1rem 0;
  font-size: 1.2rem;
}

h3 a {
  text-decoration: none;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #080808;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

@media screen and (min-width: 700px) {
  h1, h2 {
    font-size: 2.6rem;
    margin-bottom: 2rem;
  }
  h3 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}
a.btn {
  width: 100%;
  display: block;
  color: #f2f2f2;
  padding: 1rem;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
}
a.btn:visited {
  color: #f2f2f2;
}

input[type=submit].btn {
  color: #f2f2f2;
  padding: 1rem;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  border: none;
}
input[type=submit].btn:visited {
  color: #f2f2f2;
}

/* Elements
--------------------------------------------- */
html {
  scroll-behavior: smooth;
}

html, body {
  width: 100vw;
  overflow-x: hidden;
}

:root {
  --font_main: "Raleway", sans-serif;
  --font_serif: "Times New Roman", serif;
  --font_header:"Raleway", sans-serif;
  --outline: none;
  --transition: 400ms;
  --header-height:65px;
  --line-spacing: 150%;
  --margin:2%;
}

@media screen and (min-width: 700px) {
  :root {
    --margin:5%;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --header-height:110px;
    --margin:10%;
  }
}
body {
  background: #efefed;
}

body.dyslexia {
  --font_main: "Open Dyslexic", sans-serif;
  --font_serif: "Open Dyslexic", sans-serif;
  --font_header: "Open Dyslexic", sans-serif;
  --line-spacing: 140% ;
}

body.reduce_motion {
  --transition: 0ms;
}

body.focus section {
  outline: 2px solid black;
}
body.focus section a.decorative {
  outline: 2px solid black;
}

@media (prefers-reduced-motion) {
  body {
    --transition: 0;
  }
}
body.focus {
  --outline:1px solid currentColor;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
}

figure {
  margin: 1em 0;
}

/*Lists*/
ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0;
}

dl {
  margin: 0;
}

dl ~ dl {
  margin-top: 1rem;
}

/*Links*/
a {
  color: #080808;
}
a:visited {
  color: #080808;
}
a:hover, a:focus, a:active {
  color: #19847f;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*Input Fields*/
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #080808;
  border: 1px solid #080808;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=range]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=color]::placeholder,
textarea::placeholder {
  overflow: visible;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #080808;
}

select {
  border: 1px solid #080808;
}

textarea {
  width: 100%;
}

/*Buttons*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 2px solid;
  border-color: #080808;
  border-radius: 0;
  background: #f2f2f2;
  color: #080808;
  padding: 0.46rem;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #3e7e6b;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #3e7e6b;
}

/*Colors, Effects and Widths*/
.bg-grey {
  background-color: #3f3f3f;
}
.bg-grey h2, .bg-grey h3, .bg-grey h4 {
  color: #eade00;
}
.bg-grey p, .bg-grey li {
  color: #f2f2f2;
}
.bg-grey p a, .bg-grey li a {
  color: #f2f2f2;
}
.bg-grey p a:hover, .bg-grey li a:hover {
  color: #eade00;
}
.bg-grey .decorative {
  color: #f2f2f2;
}
.bg-grey .decorative::after, .bg-grey .decorative::before {
  background-color: #19847f;
}
.bg-sea {
  background-color: #19847f;
}
.bg-sea h2, .bg-sea h3, .bg-sea h4 {
  color: #f2f2f2;
}
.bg-sea p, .bg-sea li {
  color: #f2f2f2;
}
.bg-sea p a, .bg-sea li a {
  color: #f2f2f2;
}
.bg-sea p a:hover, .bg-sea li a:hover {
  color: #3f3f3f;
}
.bg-sea-secondary {
  background-color: #21ada6;
}
.bg-sea-secondary.btn {
  background-color: #21ada6;
}
.bg-light-grey {
  background-color: #d9d9d9;
  /* h3,h4{
  	color:$color_yellow;
  	background-color: $color_grey;
  } */
}
.bg-light-grey h2, .bg-light-grey h3, .bg-light-grey h4 {
  color: #080808;
}
.bg-light-grey p, .bg-light-grey li {
  color: #080808;
}
.bg-mid-grey {
  background-color: #b2b2b2;
  /* h3,h4{
  	color:$color_yellow;
  	background-color: $color__text-main;
  } */
}
.bg-mid-grey h2, .bg-mid-grey h3, .bg-mid-grey h4 {
  color: #080808;
}
.bg-mid-grey p, .bg-mid-grey li {
  color: #080808;
}
.bg-white {
  background-color: #f2f2f2;
}
.bg-white h2, .bg-white h3, .bg-white h4 {
  color: #080808;
}
.bg-white p, .bg-white li {
  color: #080808;
}

.color-yellow {
  color: #eade00;
}

/*hides the defs*/
.svg_defs {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}

.grunge-header {
  position: relative;
  z-index: 1;
}
.grunge-header::after {
  content: "";
  background-color: inherit;
  height: 100vw;
  width: 100%;
  position: absolute;
  bottom: -99.5vw;
  clip-path: url(#header-grunge);
  left: 0;
}
.grunge-top {
  position: relative;
  z-index: 1;
}
.grunge-top::before {
  content: "";
  background-color: inherit;
  height: 100vw;
  width: 102%;
  position: absolute;
  top: -99.5vw;
  clip-path: url(#grunge-top);
  left: -2px;
}
.grunge-bottom {
  position: relative;
  z-index: 1;
}
.grunge-bottom::after {
  content: "";
  background-color: inherit;
  height: 100vw;
  width: 102%;
  position: absolute;
  bottom: -99.5vw;
  clip-path: url(#grunge-bottom);
  left: -2px;
  z-index: -1;
}

.torn-bottom {
  position: relative;
  z-index: 1;
}
.torn-bottom::after {
  content: "";
  background-color: inherit;
  height: 100vw;
  width: 102%;
  position: absolute;
  bottom: -99.5vw;
  clip-path: url(#torn-bottom);
  left: 0;
  z-index: -1;
}
.torn-bottom_2 {
  position: relative;
  z-index: 1;
}
.torn-bottom_2::after {
  content: "";
  background-color: inherit;
  height: 100vw;
  width: 102%;
  position: absolute;
  bottom: -99.5vw;
  clip-path: url(#torn-bottom-2);
  left: 0;
  z-index: -1;
}

@media screen and (min-width: 1800px) {
  .grunge-bottom::after, .torn-bottom::after, .torn-bottom_2::after {
    bottom: -97vw;
  }
}
.svg-color-base {
  fill: #f2f2f2;
  opacity: 0.8;
}

.svg-color-overlap {
  fill: #f2f2f2;
}

.active .svg-color-base, .color-yellow .svg-color-base {
  fill: #eade00;
  opacity: 0.8;
}
.active .svg-color-overlap, .color-yellow .svg-color-overlap {
  fill: #d8bc2c;
}

.color-yellow .preloader .svg-color-base {
  opacity: 1;
}

.color-grey .svg-color-base {
  fill: #3f3f3f;
  opacity: 0.8;
}
.color-grey .svg-color-overlap {
  fill: #3f3d3c;
}

details .svg-color-base, details .svg-color-base {
  fill: #eade00;
  opacity: 0.8;
}
details .svg-color-overlap, details .svg-color-overlap {
  fill: #d8bc2c;
}

.full-width {
  width: 100%;
  padding: 1rem var(--margin);
}

.has_bg_bottom + .block {
  margin-top: -2rem;
  padding-top: 4rem;
}

.has_bg_bottom + .block.has_bg_top {
  margin-top: 4rem;
  padding-top: 2rem;
}

.has_bg_top {
  margin-top: 0;
}

.bg-light-grey.has_bg_bottom + .bg-light-grey.has_bg_bottom {
  padding-top: 2rem;
}

@media screen and (min-width: 1000px) {
  .has_bg_bottom + .block {
    padding-top: 7rem;
  }
}
@media screen and (min-width: 1200px) {
  .has_bg_bottom + .block {
    padding-top: 7rem;
  }
}
#intro + .block--quotes {
  margin-top: 3rem;
}

/*Fancy Headers*/
.site-main h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  text-align: left;
}
.site-main h1::before {
  content: "";
  width: 75px;
  height: 75px;
  display: inline-block;
  margin-right: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(./assets/star.svg);
}
.site-main.productions h1::before {
  background-image: url(./assets/ticket.svg);
}
.site-main.artist h1::before {
  background-image: url(./assets/star.svg);
}

.site-main h1.bg-light-grey {
  margin: 0;
  padding: 2rem 0;
}
.site-main h1.bg-light-grey + .has_bg_top {
  margin-top: 2rem;
}

.site-main h1.bg-light-grey + .bg-light-grey {
  padding-top: 0.1rem;
}

@media screen and (min-width: 1200px) {
  .site-main h1 {
    margin-top: 4rem;
  }
}
.zindex10 {
  z-index: 10;
}
.zindex5 {
  z-index: 5;
}

/*Porportional images*/
.proportional {
  position: relative;
  width: 100%;
  height: 0;
}
.proportional img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image_sixteen_nine {
  padding-top: 56.25%;
}

.image_square {
  padding-top: 100%;
}

/*--------------------------------------------------------------

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.site-header {
  position: fixed;
  max-height: var(--header-height);
  height: var(--header-height);
  width: 100vw;
  z-index: 20;
}

.site-branding {
  width: 75px;
  position: absolute;
  top: 0;
  z-index: 20;
}
.site-branding a {
  display: block;
  line-height: 0;
}

@media screen and (min-width: 700px) {
  .site-branding {
    left: calc(5% - 1rem);
  }
}
/*Accessibility Menu*/
.ao_toggle {
  background: #f2f2f2;
  border: 1px solid rgb(172, 115, 247);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
  font-weight: bold;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
}
.ao_toggle svg {
  width: 30px;
  fill: rgb(172, 115, 247);
}
.ao_toggle.opener {
  position: fixed;
  bottom: 2%;
  right: 2%;
  z-index: 40;
}
.ao_toggle.opener:hover, .ao_toggle.opener:focus {
  outline: 1px solid black;
}
.ao_toggle.closer {
  position: absolute;
  right: 1.2rem;
}

.ao_form_container {
  position: fixed;
  background: #f2f2f2;
  width: 82%;
  height: 100vh;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  padding: 1.2rem;
  transition: transform var(--transition) ease;
  transform: translate3d(-110%, 0, 0);
  z-index: 30;
}

.ao_form_open .ao_form_container {
  transform: translate3d(0, 0, 0);
}

form#ao_form {
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
form#ao_form label {
  margin-bottom: 1rem;
}
form#ao_form input[type=submit] {
  display: block;
  margin: 1rem auto;
}
form#ao_form h2 {
  margin-top: 0;
}
form#ao_form label {
  flex-basis: 90%;
}

@media screen and (min-width: 700px) {
  .ao_form_container {
    padding: 1.2rem 5%;
  }
  .ao_toggle.opener {
    right: 5%;
  }
}
@media screen and (min-width: 1200px) {
  .ao_form_container {
    padding: 1.2rem 10%;
    width: 42%;
  }
}
.home-link svg {
  width: 50px;
}

.main-navigation .menu-menu-1-container,
.main-navigation .menu-menu-screen-container {
  position: fixed;
  top: 0;
  background: #080808;
  width: 84%;
  height: 100vh;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  padding: 1.2rem;
  transition: transform var(--transition) ease;
  transform: translate3d(-110%, 0, 0);
  z-index: 10;
}
.main-navigation.toggled .menu-menu-1-container {
  transform: translate3d(0, 0, 0);
}
.main-navigation.toggled .menu-menu-screen-container {
  transform: translate3d(0, 0, 0);
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 5rem;
}
.main-navigation li {
  position: relative;
  margin-bottom: 1rem;
}
.main-navigation li a {
  color: #f2f2f2;
  display: block;
  text-decoration: none;
  transition: text-decoration var(--transition) ease;
  font-size: 1.2rem;
}
.main-navigation li.current-menu-item a {
  color: #eade00;
}
.main-navigation li:hover > a, .main-navigation li.focus > a {
  text-decoration: underline;
}

@media screen and (min-width: 700px) {
  .main-navigation .menu-menu-1-container {
    padding: 1.2rem 5%;
  }
}
#hamburger {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.hamburger {
  padding: 5px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: calc(var(--transition) / 2);
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.8;
}

.hamburger.is-active:hover {
  opacity: 0.8;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #f2f2f2;
}

.hamburger-box {
  width: 40px;
  height: 15px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 2px;
  background-color: #eade00;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: calc(var(--transition) / 2);
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -6px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*

* Hamburger Collapse

*/
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: calc(var(--transition) / 2.2);
  transition-duration: calc(var(--transition) / 2.2);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -12px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -4px, 0) rotate(-30deg);
  transition-duration: calc(var(--transition) / 1.8);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-120deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (min-width: 700px) {
  #hamburger {
    right: 5%;
  }
}
@media screen and (min-width: 1200px) {
  button#hamburger {
    display: none;
  }
  .main-navigation .menu-menu-1-container,
  .main-navigation .menu-menu-screen-container {
    position: static;
    transform: none;
    width: 100%;
    height: auto;
    background: none;
    box-shadow: none;
    padding: 1.2rem 0;
  }
  .main-navigation ul {
    margin-top: 1rem;
    flex-direction: row;
    min-width: 50vw;
    padding: 0;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 1.2vw;
  }
  .main-navigation li {
    width: max-content;
  }
  .site-header {
    display: flex;
    padding: 0 var(--margin);
    justify-content: space-between;
  }
  .site-branding {
    position: static;
    width: clamp(80px, 8vw, 120px);
  }
  .home-link svg {
    width: 40px;
  }
}
/* Stage/Screen Nav */
.stage_screen_nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.stage_screen_nav a {
  text-decoration: none;
  color: #f2f2f2;
  font-size: clamp(1rem, 1.5vw, 1.5rem);
  font-weight: 600;
}
.stage_screen_nav a.yellow_active {
  color: #eade00;
}
.stage_screen_nav a:hover {
  text-decoration: underline;
}
.stage_screen_nav.desktop {
  display: none;
}
@media screen and (min-width: 1200px) {
  .stage_screen_nav.desktop {
    display: flex;
    gap: 0.5rem;
  }
}
.stage_screen_nav.mobile {
  gap: 0.5rem;
  margin-top: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .stage_screen_nav.mobile {
    display: none;
  }
}

/* Posts and pages
--------------------------------------------- */
/* Home Split Screen*/
.home_split_screen {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .home_split_screen {
    display: flex;
  }
}
.home_split_screen svg {
  position: absolute;
  top: calc(50% - 125px);
  left: calc(50% - 125px);
  z-index: 9;
  width: 250px;
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 700px) {
  .home_split_screen svg {
    top: calc(50% - 25vw);
    left: calc(50% - 25vw);
    width: 50vw;
  }
}
@media screen and (min-width: 1200px) {
  .home_split_screen svg {
    top: 0;
    left: calc(50% - 12.5vw);
    width: 25vw;
  }
}
.home_split_screen .split_screen_image_container {
  height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  position: relative;
}
.home_split_screen .split_screen_image_container::before {
  content: "";
  display: block;
  background: #656565;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.3;
  height: 100%;
  transition: background var(--transition) ease-in, opacity var(--transition) ease-in;
}
.home_split_screen .split_screen_image_container:hover::before {
  opacity: 0.6;
  background: #19847f;
}
@media screen and (min-width: 1200px) {
  .home_split_screen .split_screen_image_container {
    height: 100vh;
    width: 50%;
  }
}
.home_split_screen h2 {
  position: absolute;
  color: #3f3f3f;
  display: block;
  margin: 0 auto;
  transition: color var(--transition) ease-in;
  font-weight: 700;
  font-size: 2rem !important;
  padding: 1.8rem 1.3rem !important;
}
.home_split_screen h2:hover {
  color: #19847f;
}
.home_split_screen h2.decorative::after, .home_split_screen h2.decorative::before {
  background-color: #eade00;
  height: 60%;
}
.home_split_screen img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home_slogan {
  width: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  line-height: 110%;
  color: #eade00;
  font-weight: 600;
  padding: 4rem var(--margin);
  background-color: #3f3f3f;
  text-align: center;
}

@media screen and (min-width: 1200px) {
  .stage_split_container h2 {
    right: 4rem;
  }
}

@media screen and (min-width: 1200px) {
  .screen_split_container h2 {
    left: 4rem;
  }
}

.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.home {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

#primary {
  padding-top: calc(var(--header-height) - 5px);
  overflow: hidden;
}

/*Block Colours*/
.white,
.white details svg {
  background-color: #f2f2f2;
}

.yellow,
.yellow details svg {
  background-color: #eade00;
}

.peach,
.peach details svg {
  background-color: #ded0c8;
}

.green,
.green details svg {
  background-color: #d0dbcc;
}

.blue,
.blue details svg {
  background-color: #bfcdd3;
}

.purple,
.purple details svg {
  background-color: #ccc9d0;
}

.texturise {
  background-image: url(assets/bg_image.webp);
  background-blend-mode: multiply;
  background-size: cover;
}

/*Block General */
.block {
  width: 100%;
  padding: 5px;
  margin: 0 auto;
}

.block--full {
  padding: 0;
}

.columns {
  display: flex;
  flex-wrap: wrap;
}
.columns .column {
  flex-basis: 100%;
}
.columns.column_three .column {
  margin-bottom: 2rem;
}
.columns h3 {
  text-align: center;
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
.columns a h3:hover {
  color: #b2b2b2;
}

.columns.columns_two_assym img {
  margin: 0 auto;
}

.columns .column + .column {
  margin-top: 1rem;
}

.image_square {
  position: relative;
  height: 0;
  padding-top: 100%;
  width: 100%;
}

.image_square img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block--links p {
  font-size: 1.2rem;
  text-align: center;
  font-weight: 600;
}

.columns .image_square, .columns .media_container {
  margin-top: 0.75rem;
  margin-bottom: 2rem;
}

.columns.columns_two_assym .media_container {
  padding-top: 100%;
}
.columns.columns_two_assym .media_container iframe {
  object-fit: contain;
}

.block--text_col, .block--media_col {
  margin-bottom: 1rem;
}

@media screen and (min-width: 700px) {
  .block--full {
    padding: 0;
  }
  .columns {
    --gap: 1rem;
    justify-content: space-between;
  }
  .columns .column + .column {
    margin-top: 0;
  }
  .columns.columns_two .column {
    flex-basis: calc(50% - var(--gap) / 2);
  }
  .columns.columns_three {
    justify-content: center;
    gap: var(--gap);
  }
  .columns.columns_three .column {
    flex-basis: calc(33% - var(--gap) / 3 * 2);
  }
  .columns.columns_three .column.sponsors {
    height: max-content;
  }
  .columns.columns_two_assym .column {
    flex-basis: calc(40% - var(--gap) / 2);
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .columns.columns_two_assym .column:first-child {
    flex-basis: calc(60% - var(--gap) / 2);
    align-items: center;
  }
  .columns.columns_two_assym.assym_r .column:first-child {
    flex-basis: calc(40% - var(--gap) / 2);
    align-items: center;
  }
  .columns.columns_two_assym.assym_r .column {
    flex-basis: calc(60% - var(--gap) / 2);
    align-items: center;
  }
  .columns.columns_two_assym.column_order_reverse {
    flex-direction: row-reverse;
  }
  .columns.columns_two_assym.column_order_reverse.assym_r .column:first-child {
    flex-basis: calc(60% - var(--gap) / 2);
    align-items: center;
  }
  .columns.columns_two_assym.column_order_reverse.assym_r .column {
    flex-basis: calc(40% - var(--gap) / 2);
    align-items: center;
  }
  .columns.columns_two_assym .columns .image_square, .columns.columns_two_assym .columns .media_container {
    margin-top: 0;
    margin-bottom: 0;
  }
  .block--links .column {
    display: grid;
    grid-template-rows: max-content max-content auto max-content;
  }
}
@media screen and (min-width: 1200px) {
  .columns {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .block.block--text_full {
    padding-bottom: 2rem;
  }
  .block--full {
    padding: 0;
  }
}
/*Decorative Link*/
.decorative {
  display: block;
  font-family: var(--font_header);
  text-decoration: none;
  padding: 1.2rem 1rem;
  width: max-content;
  max-width: 80vw;
  text-align: center;
  font-size: 1.2rem;
  position: relative;
  color: #eade00;
  z-index: 10;
  margin: 0 auto;
  font-weight: 600;
}
.decorative:visited {
  color: #eade00;
}
.decorative::after, .decorative::before {
  content: "";
  width: 100%;
  height: 35%;
  background-color: #3f3f3f;
  mix-blend-mode: multiply;
  position: absolute;
  z-index: -1;
  filter: brightness(100%);
  transition: filter var(--transition) ease-in-out;
}
.decorative::before {
  top: 28%;
  left: -0.3rem;
}
.decorative::after {
  bottom: 21%;
  right: -0.3rem;
}
.decorative.decorative_white {
  color: #3f3f3f;
}
.decorative.decorative_white::after, .decorative.decorative_white::before {
  background-color: #f2f2f2;
  mix-blend-mode: screen;
  opacity: 0.9;
}
.decorative.decorative_yellow {
  color: #3f3f3f;
}
.decorative.decorative_yellow::after, .decorative.decorative_yellow::before {
  background-color: #eade00;
  mix-blend-mode: screen;
}
.decorative.no-tape {
  background-color: #3f3f3f;
  color: #f2f2f2;
  padding: 0.4rem 1rem;
}
.decorative.no-tape::after, .decorative.no-tape::before {
  display: none;
}

.carousel_item .decorative {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.carousel_item .decorative h2 {
  font-size: 1.2rem;
  line-height: 100%;
  margin: 0;
}

a.decorative:hover {
  color: #f2f2f2;
}
a.decorative:hover::after, a.decorative:hover::before {
  filter: brightness(150%);
}
a.decorative.decorative_white:hover {
  color: #3f3d3c;
}
a.decorative.decorative_white:hover::after, a.decorative.decorative_white:hover::before {
  filter: brightness(80%);
}
a.decorative.decorative_yellow:hover {
  color: #3f3d3c;
}

/*Lists in blocks*/
.block:not(.block--history) ul {
  padding: 0;
  margin: 0 0 0 0.5rem;
}
.block:not(.block--history) ul li {
  padding-bottom: 1rem;
  position: relative;
}
.block:not(.block--history) ul li::before {
  content: "";
  width: 2rem;
  height: 0.8rem;
  background-color: #eade00;
  display: inline-block;
  margin-right: 0.5rem;
}
.block:not(.block--history) ul li ul {
  margin-left: 1rem;
}
.block:not(.block--history) ul li ul li::before {
  content: "";
  width: 2rem;
  height: 0.8rem;
  background-color: #21ada6;
  display: inline-block;
  margin-right: 0.5rem;
}

/*Full Width Text*/
.block.block--text_full > *,
.block.block--text_image > * {
  margin: 1.2rem auto;
  max-width: 900px;
}
.block.block--text_full p,
.block.block--text_full ul,
.block.block--text_image p,
.block.block--text_image ul {
  margin: 1.2rem auto;
  font-size: 1.2rem;
  max-width: 900px;
}

.page-content .block--text_full p {
  margin-bottom: 0;
}

.home .block--text_full:first-of-type::before {
  display: block;
}

.block--text_image a {
  text-decoration: none;
}
.block--text_image .decorative {
  transform: rotate(-12deg) translateY(20px);
  margin: 0;
}
.block--text_image img {
  max-width: 90px;
  margin: 0 auto 1rem;
}
.block--text_image p {
  font-family: "Times New Roman", serif;
}

section.block.block--text_full.white svg {
  max-width: 90px;
  margin: 0 auto 1rem;
  display: block;
}

.block--text_logo p {
  font-family: "Times New Roman", serif;
}

@media screen and (min-width: 700px) {
  .block--text_image {
    position: relative;
  }
  .block--text_image .decorative {
    position: absolute;
    right: 5%;
    top: 0;
    z-index: 10;
  }
  .block--text_image p {
    line-height: 150%;
  }
  .carousel_item .decorative {
    font-size: 2.2rem;
  }
  .carousel_item .decorative h2 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1000px) {
  .block--featured-image.block--full img {
    max-height: calc(100vh - var(--header-height) - 88px);
    object-fit: cover;
  }
}
@media screen and (min-width: 1200px) {
  .block--text_image .decorative {
    right: 25%;
  }
}
/*Home Featured Video*/
.block--featured-video.block--full {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.block--featured-video.block--full iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video_embed img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video_embed svg {
  position: absolute;
  width: 70px;
  height: 70px;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  fill: #080808;
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--transition) ease;
}
.video_embed.ready svg {
  opacity: 1;
}
.video_embed.ready.playing img, .video_embed.ready.playing svg {
  z-index: -1;
}

@media screen and (min-width: 1200px) {
  .block--featured-video.block--full {
    padding-top: clamp(50vh, 56.25%, 80vh);
  }
}
/*Home Featured Production*/
.block--featured .columns_two {
  flex-direction: column-reverse;
}

.featured_text {
  text-align: center;
  padding: 1rem 2rem;
}
.featured_text h3 {
  font-family: var(--font_serif);
  font-weight: 400;
}
.featured_text p {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
.featured_text h4 {
  margin-bottom: 1rem;
  font-family: "Times New Roman", serif;
}

.featured_image {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  max-height: 0;
}
.featured_image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.featured_image a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(./assets/tick.svg);
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity var(--transition) ease-in;
}
.featured_image a:hover::after {
  opacity: 1;
}

.column:hover a::after {
  transform: scale(1);
}

@media screen and (min-width: 1000px) {
  .block--featured .columns_two {
    flex-direction: row;
    align-items: center;
  }
  .block--featured .featured_image {
    padding-top: 50%;
  }
  .block--featured .featured_text {
    padding: 0 2rem;
  }
}
/*Page Featured Production*/
.block--featured_prod {
  margin: 0;
  padding: 0;
}
.block--featured_prod a {
  text-decoration: none;
  display: block;
  margin: 0 auto;
}
.block--featured_prod h2 {
  text-align: center;
  margin: 1rem;
  font-size: 1.6rem;
}
.block--featured_prod img {
  max-height: 60vh;
  object-fit: cover;
  width: 100%;
}

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

@media screen and (min-width: 1200px) {
  .block--featured_prod h2 {
    font-size: 2.4rem;
  }
}
/*Production Grid*/
.block--prod-grid {
  min-height: 680px;
}

#primary.productions {
  border-bottom: 2px solid #d9d9d9;
}

section.block.block--prod-grid {
  padding-top: 5rem;
}
section.block.block--prod-grid .columns {
  scroll-margin-top: var(--header-height);
}
section.block.block--prod-grid .columns h1 {
  flex-basis: 100%;
}

.grid_container .column {
  margin-bottom: 1rem;
}

.filter {
  max-width: 1200px;
  margin: 0 auto 2rem;
}
.filter p {
  font-weight: 600;
  text-align: center;
}

.form-filter--radios {
  display: flex;
  flex-wrap: wrap;
}

.form_filter--radio {
  height: fit-content;
}
.form_filter--radio input {
  display: none;
}
.form_filter--radio input:checked ~ label {
  background-color: #f2f2f2;
  color: #3f3f3f;
  border: 1px solid #3f3f3f;
}
.form_filter--radio label {
  margin: 0.5rem 0 0.5rem 0.5rem;
  padding: 0.2rem 0.5rem;
  font-weight: 600;
  background-color: #3f3f3f;
  border: 1px solid #3f3f3f;
  display: block;
  transition: color var(--transition) ease, background-color var(--transition) ease;
  cursor: pointer;
  color: #f2f2f2;
}
.form_filter--radio.current-filter label {
  background-color: #f2f2f2;
  color: #3f3f3f;
  border: 1px solid #3f3f3f;
}
.form_filter--radio:hover label {
  color: #eade00;
}
.form_filter--radio.current-filter:hover label {
  background-color: #eade00;
  color: #3f3f3f;
  border: 1px solid #3f3f3f;
}

#loader {
  position: absolute;
  width: 50px;
  height: 50px;
  left: calc(50% - 25px);
  animation-name: spin;
  animation-duration: 800ms;
  animation-iteration-count: infinite;
  z-index: 10;
  display: none;
}
#loader.show {
  display: block;
}
#loader svg {
  height: 100%;
}

@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@media screen and (min-width: 700px) {
  .form-filter--radios {
    justify-content: center;
  }
  .filter p {
    float: left;
    margin-top: 0.5rem;
    font-size: 1.2rem;
  }
  .form_filter--radio label {
    margin: 0.5rem 0 0.5rem 0.5rem;
    font-size: 1.2rem;
  }
}
/*Carousel Quotes*/
.carousel--quotes .flickity-button {
  background-color: transparent;
  filter: saturate(0) brightness(1.5);
}

.carousel--quotes {
  margin-bottom: 50px;
}
.carousel--quotes .carousel_item {
  text-align: center;
  width: 100%;
  margin: 3rem 0 5rem;
  position: relative;
}
.carousel--quotes .carousel_item p {
  width: 70%;
  margin: 0 auto;
  font-size: 1.5rem;
  color: #f2f2f2;
  line-height: 110%;
}
.carousel--quotes .carousel_item h5 {
  font-size: 1.1rem;
  margin-bottom: 0;
  color: #f2f2f2;
}
.carousel--quotes .carousel_item:before {
  content: "";
  top: -50px;
  left: calc(50% - 22px);
  position: absolute;
  width: 44px;
  height: 44px;
  background-image: url(./assets/quote.svg);
  display: block;
  background-repeat: no-repeat;
}

.bg-white .carousel--quotes .carousel_item p, .bg-light-grey .carousel--quotes .carousel_item p, .bg-mid-grey .carousel--quotes .carousel_item p {
  color: #3f3f3f;
}
.bg-white .carousel--quotes .carousel_item h5, .bg-light-grey .carousel--quotes .carousel_item h5, .bg-mid-grey .carousel--quotes .carousel_item h5 {
  color: #3f3f3f;
}
.bg-white .carousel--quotes .carousel_item:before, .bg-light-grey .carousel--quotes .carousel_item:before, .bg-mid-grey .carousel--quotes .carousel_item:before {
  filter: invert(1);
}

@media screen and (min-width: 700px) {
  .carousel--quotes {
    margin: 0 auto;
  }
  .carousel--quotes .carousel_item {
    padding: 0.5rem 50px;
    max-width: 100%;
  }
  .carousel--quotes .flickity-button {
    top: 50%;
  }
  .carousel--quotes .flickity-prev-next-button.previous {
    left: 0;
  }
  .carousel--quotes .flickity-prev-next-button.next {
    right: 0;
  }
  .carousel--quotes .carousel_item:after {
    right: 55px;
  }
}
@media screen and (min-width: 1200px) {
  .carousel--quotes {
    max-width: 1200px;
    margin: 0 auto;
  }
  .carousel--quotes .carousel_item {
    padding: 0 100px;
  }
}
/*Text Column Block*/
.block--text_col.bg-sea, .block--text_col.bg-mid-grey, .block--text_col.bg-grey, .block--media_col.bg-sea, .block--media_col.bg-mid-grey, .block--media_col.bg-grey {
  padding-bottom: 4rem;
}

/*Gallery Carousel*/
.block--gallery h2 {
  text-align: center;
}

.block--gallery.block--gallery_hero,
.block--hero {
  padding: 0 0 1rem 0;
}
.block--gallery.block--gallery_hero .carousel--gallery,
.block--hero .carousel--gallery {
  margin-bottom: 0;
}
.block--gallery.block--gallery_hero h3,
.block--hero h3 {
  text-align: center;
}

.carousel--gallery {
  margin-bottom: 2rem;
}
.carousel--gallery .carousel_item {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  position: relative;
  padding-top: 66.6%;
  margin: 0 1rem;
}
.carousel--gallery .carousel_item img,
.carousel--gallery .carousel_item iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.carousel--gallery .carousel_item.portrait img {
  object-fit: contain;
}

.carousel--gallery_nav .carousel_item {
  width: calc(25% - 0.66rem);
  margin: 0 0.5rem 0.5rem;
  max-height: 0;
  overflow: hidden;
  position: relative;
  padding-top: calc(14.0625% + 6px);
  filter: saturate(0);
  transition: filter var(--transition) ease;
}
.carousel--gallery_nav .carousel_item.is-nav-selected {
  border-bottom: 6px solid #000;
  filter: saturate(1);
}
.carousel--gallery_nav .carousel_item img,
.carousel--gallery_nav .carousel_item iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 6px);
  width: 100%;
  object-fit: cover;
}
.carousel--gallery_nav .carousel_item.portrait img {
  object-fit: contain;
}

.block--gallery_hero .carousel--gallery .carousel_item {
  margin: 0;
}

@media screen and (min-width: 1000px) {
  .carousel--gallery .carousel_item {
    padding-top: 56.25%;
  }
  .carousel--gallery_nav {
    max-width: 800px;
    margin: 0 auto;
  }
  .block--gallery.block--gallery_hero h3 {
    max-width: 800px;
    margin: 1rem auto;
  }
}
@media screen and (min-width: 1200px) {
  .block--gallery_hero .carousel--gallery {
    max-width: 2200px;
  }
  .carousel--gallery {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .carousel--gallery_nav {
    max-width: 800px;
    margin: 0 auto;
  }
}
/*History Carousel*/
.carousel--history .carousel_item {
  width: 100%;
}

.carousel--history .carousel_item p {
  width: 100%;
  padding: 0 1rem;
  text-align: center;
}

.carousel--history button.flickity-button.flickity-prev-next-button {
  display: none;
}

.block--history h2 {
  text-align: center;
}

.carousel--history svg {
  width: 40px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.year_list {
  display: flex;
  justify-content: centre;
  margin: 0 auto 3rem;
  padding: 0 1rem;
  gap: 1rem;
  max-width: 720px;
}
.year_list svg {
  width: 35px;
  display: block;
  margin: 0.5rem auto;
}

.year_list a {
  text-decoration: none;
  font-size: 1.6rem;
}
.year_list a .svg-color-base {
  fill: #3f3f3f;
  transition: fill 400ms ease;
}
.year_list a .svg-color-overlap {
  fill: #3f3d3c;
  transition: fill 400ms ease;
}
.year_list a:focus .svg-color-base {
  fill: #19847f;
}
.year_list a:focus .svg-color-overlap {
  fill: #21ada6;
}

@media screen and (min-width: 700px) {
  .carousel.carousel--history {
    min-height: 150px;
    width: 680px;
    margin: 0 auto;
  }
}
/*Productions Block*/
.block--productions h2 {
  text-align: center;
  margin-top: 0.2rem;
}

/*Links Block*/
.block--links {
  padding-bottom: 3rem;
}
.block--links.bg-light-grey h3, .block--links.bg-light-grey h4, .block--links.bg-mid-grey h3, .block--links.bg-mid-grey h4, .block--links.bg-white h3, .block--links.bg-white h4 {
  color: #080808;
  background-color: transparent;
}
.block--links.bg-grey h3, .block--links.bg-grey h4, .block--links.bg-sea h3, .block--links.bg-sea h4 {
  color: #f2f2f2;
  background-color: transparent;
}
.block--links.bg-grey h3 a, .block--links.bg-grey h4 a, .block--links.bg-sea h3 a, .block--links.bg-sea h4 a {
  color: #f2f2f2;
}

/*Social MEdia Block*/
.block--sm .twitter-link svg {
  margin: 0 auto 1rem;
  display: block;
}
.block--sm .twitter-link svg circle {
  fill: transparent;
}
.block--sm .twitter-link svg path {
  fill: #000;
}
.block--sm iframe {
  max-height: 450px;
}
.block--sm .sm {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: 0;
}

.sm {
  max-width: 75vw;
  margin: 1rem auto;
  text-align: center;
  padding: 1.5rem 1rem;
}
.sm h4 {
  margin-bottom: 2rem;
}

.sm_icons {
  display: flex;
  justify-content: space-between;
}
.sm_icons svg {
  width: 40px;
}
.sm_icons svg circle {
  fill: #eade00;
}
.sm_icons svg path {
  fill: #3f3f3f;
}

@media screen and (min-width: 700px) {
  .sm {
    max-width: 320px;
  }
}
@media screen and (min-width: 1000px) {
  .block--sm iframe {
    max-height: 600px;
  }
}
/*Full Width Media*/
.media_container {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  max-width: 2200px;
  margin: 0 auto;
}

.block--media h2 {
  text-align: center;
  margin: 2rem auto;
}

.media_container iframe {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
}

/*You May Like*/
.block--links h2 {
  text-align: center;
}

/*Footer*/
.footer_item .footer_logo {
  max-width: 150px;
}

.footer {
  padding: 4rem 0 0;
  margin: 0 var(--margin) 2rem;
  border-bottom: 2px solid #3f3f3f;
}
.footer address {
  margin: 1rem 0;
}
.footer address a {
  text-decoration: none;
  font-style: normal;
  display: block;
}
.footer input[type=email] {
  padding: calc(1rem - 2px);
  border-radius: 0;
  border: 2px solid #3f3f3f;
  background-color: #d9d9d9;
  font-weight: 600;
}
.footer .column {
  margin-bottom: 3rem;
}

.spacer {
  margin: 1rem 0;
  width: 100%;
  height: 2px;
  background-color: grey;
}

.column.sponsors {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.column.sponsors img {
  mix-blend-mode: darken;
  height: 70px;
  width: auto;
  margin: 0.5rem;
}

@media screen and (min-width: 700px) {
  .footer {
    margin: 0 5% 2rem;
  }
  .footer address {
    margin: 0 0 3rem;
  }
  .footer input[type=email] {
    margin-bottom: 0.5rem;
  }
  .footer_item.footer_logo {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .footer_item.footer_logo {
    margin-left: calc(50% - 600px);
  }
}
/*Artists*/
.page_content .columns {
  margin: 0 5%;
}

.block--bio {
  padding-bottom: 4rem;
}

@media screen and (min-width: 1200px) {
  .page_content .columns {
    margin: 0 auto;
  }
}
/*Single Production*/
.block.block--intro {
  padding: 1rem 0 2rem;
}

.sm_icons.vertical {
  position: fixed;
  right: 0;
  top: calc(var(--header-height) + 2rem);
  flex-direction: column;
  padding: 1rem 0.3rem 1rem 1.6rem;
  z-index: 60;
  transition: transform 800ms ease-in;
  transform: translateX(120%);
}

.sm_icons.vertical.open {
  transform: translateX(0);
}

.breadcrumb {
  margin: 0 auto;
  padding-left: var(--margin);
}

.breadcrumb p {
  margin-top: 1rem;
  font-size: 1.2rem;
}

.block--bio .breadcrumb {
  padding: 0;
}

.single-production h1,
.single-artist h1 {
  margin: 1rem 50px 2rem 0;
  padding-left: var(--margin);
}

.intro_text {
  text-align: center;
  padding: 1rem var(--margin);
  max-width: 900px;
  margin: 0 auto;
  box-sizing: content-box;
}
.intro_text h2 {
  text-align: center;
}
.intro_text .semibold {
  font-weight: 600;
}

.parallax {
  width: 100%;
  height: 50vh;
  background-size: 100%;
  transition: background-position 20ms linear;
}

.cast {
  padding-bottom: 1rem;
}
.cast h2 {
  text-align: center;
  padding: 2rem 0;
  margin: 0;
}
.cast a {
  text-decoration: none;
  display: block;
}

.block--prod_about {
  max-width: 900px;
  box-sizing: content-box;
}

.carousel--cast .carousel_item {
  width: 360px;
  height: calc(360px + 6.5rem);
}
.carousel--cast h5 {
  text-align: center;
  font-size: 1.2rem;
  max-width: 100vw;
  margin: 1rem auto 0;
  font-weight: 600;
}
.carousel--cast h6 {
  text-align: center;
  font-size: 1rem;
  max-width: 100vw;
  margin: 1rem auto 0;
  font-weight: 600;
  color: #3f3f3f;
}

.bg-grey h5 {
  color: #eade00;
}

.carousel.carousel--cast.no-slider {
  display: flex;
  justify-content: center;
}

.block ul.production_staff_list {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.block ul.production_staff_list li,
.block ul.production_staff_list li a {
  display: flex;
  justify-content: space-between;
}
.block ul.production_staff_list li::before,
.block ul.production_staff_list li a::before {
  display: none;
}
.block ul.production_staff_list li a {
  width: 100%;
}
.block ul.production_staff_list strong,
.block ul.production_staff_list .name {
  flex-basis: max-content;
  width: max-content;
}
.block ul.production_staff_list .dot-spacer {
  flex: 1;
  height: 0.2rem;
  align-self: start;
  border-bottom: 1px dotted #3f3f3f;
  margin-bottom: 0.3rem;
  margin-top: 1rem;
}

@media screen and (min-width: 700px) {
  .single-production h1 {
    text-align: left;
  }
  .parallax {
    height: 35vh;
  }
}
@media screen and (min-width: 1000px) {
  .carousel--cast .flickity-button.flickity-prev-next-button {
    top: -60px;
  }
  .carousel--cast .flickity-button.flickity-prev-next-button.previous {
    left: unset;
    right: calc(var(--margin) + 90px);
  }
}
@media screen and (min-width: 1200px) {
  .block--intro .image_sixteen_nine.proportional {
    padding-top: 42.65%;
  }
}
/*Single Artist*/
.dashes {
  width: fit-content;
  margin: 2rem auto 3rem;
  position: relative;
}
.dashes::after, .dashes::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 3px;
  background-color: #080808;
  top: 58%;
}
.dashes::after {
  right: -3rem;
}
.dashes::before {
  left: -3rem;
}

.block--bio img {
  height: 100%;
  object-fit: cover;
}

.block--profile .text_column {
  padding: 2rem 1rem;
}

@media screen and (min-width: 700px) {
  .block--profile .text_column {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    max-width: 1200px;
    margin: 0 auto;
  }
  .block--profile .text_column .agent {
    flex-basis: 240px;
  }
  .block--profile .text_column .lists {
    flex-basis: calc(100% - 260px);
    margin-left: 20px;
  }
  .block--profile .text_column a.decorative {
    flex-basis: auto;
    margin: 20px 20px 0 0;
  }
}
@media screen and (min-width: 1000px) {
  .block--bio a.decorative {
    margin-left: 0;
  }
  .block--profile .text_column .lists {
    column-count: 2;
  }
  .block--profile .text_column .lists dl {
    break-inside: avoid;
  }
}
/*Q & A Block*/
.block--details h3 {
  text-align: center;
}

details {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 1rem;
}
details .summary-title {
  user-select: none;
  font-weight: 600;
  padding: 0.5rem 1rem;
  display: inline-block;
  color: #eade00;
}
details:hover {
  cursor: pointer;
}
details p {
  padding: 0 0.5rem;
}
details p:first-of-type {
  cursor: default;
  padding-top: 0.5rem;
}
details summary {
  list-style: none;
}
details summary:focus {
  outline: none;
}
details summary:hover .arrow_up svg {
  opacity: 1;
}
details .arrow_up,
details .arrow_down {
  pointer-events: none;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  background-color: #3f3f3f;
}
details .arrow_up svg,
details .arrow_down svg {
  width: 35px;
  height: 25px;
  display: block;
}
details .arrow_down {
  transform: rotate(180deg);
}
details summary::-webkit-details-marker {
  display: none;
}

.bg-grey details .summary-title {
  color: #080808;
}
.bg-grey details .arrow_up, .bg-grey details .arrow_down {
  background-color: #b2b2b2;
}

.block_spacer {
  height: 10rem;
}

.mc4wp-alert {
  background-color: #21ada6;
  padding: 1rem;
  color: #d9d9d9;
}

#made-by-HdK-light path {
  fill: #21ada6;
}

form.post-password-form {
  margin: 4rem auto;
  width: 375px;
  max-width: calc(100vw - 2 * var(--margin));
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #080808;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
/*# sourceMappingURL=style.css.map */