@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3908488, 2020-05-29T16:55:35-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: UniversLTPro-55Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/univers/pro-55-roman/
 * Copyright: Copyright © 2017 Monotype GmbH. All rights reserved.
 * 
 * Webfont: UniversLTPro-55Oblique by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/univers/pro-55-oblique/
 * Copyright: Copyright © 2014 Monotype GmbH. All rights reserved.
 * 
 * 
 * 
 * © 2020 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3ba388");
@font-face {
  font-family: "UniversLTPro-55";
  src: url("../fonts/UniversLTPro-55Roman/font.fd116e86abf6.woff2") format("woff2"), url("../fonts/UniversLTPro-55Roman/font.31063db6e593.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversLTPro-55";
  src: url("../fonts/UniversLTPro-55Oblique/font.af38e7290cc2.woff2") format("woff2"), url("../fonts/UniversLTPro-55Oblique/font.b8f64200acdc.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
html {
  font-size: 14px;
}
body {
  font-family: UniversLTPro-55, Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 25px 8px;
  margin: calc(1.2em + 8px) 8px;
  color: #222;
}

h1, h2, h3, h4, h5, p, address, nav, li, form, table {
  transition: opacity 2000ms ease-in-out;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4 {
  font-size: 1em;
  line-height: 1.2;
  font-weight: normal;
  margin: 0 0 1.2em 0;
}

button, a {
  text-decoration: underline;
}

a {
  color: #222;
  transition: color 0.2s ease-in-out;
}
a:link {
  color: #222;
}
a { /* unvisited links       */ }
a:visited {
  color: #222;
}
a { /* visited links         */ }
a:focus {
  color: #007bff;
  text-decoration: underline;
}
a { /* user hovers, or focus */ }
a:active {
  color: #007bff;
}
a { /* active links          */ }

.wagtail-userbar-nav a {
  color: #ccc !important;
}

@media (hover: hover) {
  a, button {
    text-decoration: none;
  }
  body.hover a,
  body.hover button,
  a.mauve,
  a:hover {
    color: #007bff;
  }
  .wagtail-userbar-nav a:hover {
    color: white !important;
  }
}
h1.logo {
  margin-bottom: 0;
}

p {
  margin: 0 0 1.2em;
}

address {
  font-style: normal;
}

.breadcrumb {
  list-style: none;
  padding: 0;
  opacity: 0.2;
}
.breadcrumb .breadcrumb-item {
  display: inline-block;
  margin-right: 1em;
}

.container-small,
.container-large,
.container-almost-large,
.container-xsmall {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.container-small {
  max-width: 900px;
}

.container-xsmall {
  max-width: 312px;
}

blockquote {
  line-height: 1.8em;
  margin: 0 0 3.6em;
}

figure img {
  display: image;
  margin: 0;
  width: auto;
  height: auto;
}

#header {
  margin-bottom: 2.4em;
}

#content {
  margin: 0 0 6em;
}

#header address {
  margin: 1.2em 0;
}
#header .opening-times {
  margin-bottom: 3.6em;
}

#main-menu #toggle-main-menu {
  display: block;
  position: fixed;
  right: 8px;
  top: 8px;
  background: none;
  line-height: 1.2;
  padding: 8px 8px 24px 64px;
  margin: -8px;
  font-size: 1em;
  font-family: inherit;
  color: #222;
  text-decoration: underline;
  border: none;
  z-index: 9999;
}

#main-menu ul,
#footer-menu ul,
#mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #main-menu ul,
  #footer-menu {
    display: none;
  }
  #mobile-menu {
    margin: 3.6em 0;
  }
  #mobile-menu ul li {
    text-align: center;
    margin: 0 0 1.2em;
  }
  #mobile-menu ul li a {
    padding: 6px 12px;
  }
  #mobile-menu ul + ul {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  body {
    margin: 90px 8px;
  }
  #mobile-menu {
    display: none;
  }
  #main-menu {
    position: absolute;
    top: 16px;
    right: 64px;
  }
  #main-menu ul li {
    display: inline-block;
    margin: 0 0.6em;
  }
  #main-menu #toggle-main-menu {
    display: none;
  }
  .container-almost-large {
    width: 94%;
  }
}
@media only screen and (min-width: 1528px) {
  #main-menu {
    position: absolute;
    top: 16px;
    right: 50%;
    margin-right: -700px;
  }
}
.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

#biography {
  margin-top: -2.4em;
  padding-top: 3.6em;
}
#biography #toggle-biography {
  margin: 1.2em 0 0;
}
#biography section {
  margin: 0 0 2.4em 0;
}
#biography section .biography-section-title {
  padding-left: 50px;
  margin-bottom: 1.2em;
}
#biography section ul {
  padding: 0;
  list-style: none;
}
#biography section .years {
  margin-top: 0;
}
#biography section .years .year-block {
  margin-bottom: 0;
  display: flex;
}
#biography section .years .year-block .year {
  margin: 0;
  width: 50px;
  min-width: 50px;
  flex-basis: 50px;
  flex-shrink: 0;
}
#biography .document {
  padding-left: 50px;
}
#biography .document a {
  padding-left: 0;
}
#biography .document a:before {
  left: -2em;
}

.block {
  margin-bottom: 3.6em;
}
.block.empty {
  display: none;
}

.block-current_shows_block:not(.empty) + .block-image_block, .block-current_shows_block:not(.empty) + .block-past_shows_block, .block-current_shows_block:not(.empty) + .block-current_shows_block:not(.empty), .block-current_shows_block:not(.empty) + .block-upcoming_shows_block:not(.empty), .block-current_shows_block:not(.empty) + .block-show, .block-current_shows_block:not(.empty) + .block-two_columns_block, .block-current_shows_block:not(.empty) + .block-three_columns_block, .block-current_shows_block:not(.empty) + .block-four_columns_block,
.block-upcoming_shows_block:not(.empty) + .block-image_block,
.block-upcoming_shows_block:not(.empty) + .block-past_shows_block,
.block-upcoming_shows_block:not(.empty) + .block-current_shows_block:not(.empty),
.block-upcoming_shows_block:not(.empty) + .block-upcoming_shows_block:not(.empty),
.block-upcoming_shows_block:not(.empty) + .block-show,
.block-upcoming_shows_block:not(.empty) + .block-two_columns_block,
.block-upcoming_shows_block:not(.empty) + .block-three_columns_block,
.block-upcoming_shows_block:not(.empty) + .block-four_columns_block,
.block-show + .block-image_block,
.block-show + .block-past_shows_block,
.block-show + .block-current_shows_block:not(.empty),
.block-show + .block-upcoming_shows_block:not(.empty),
.block-show + .block-show,
.block-show + .block-two_columns_block,
.block-show + .block-three_columns_block,
.block-show + .block-four_columns_block {
  margin-top: -1.2em;
}

.block-current_shows_block:not(.empty) + .block-image_block, .block-current_shows_block:not(.empty) + .block-show, .block-current_shows_block:not(.empty) + .block-two_columns_block, .block-current_shows_block:not(.empty) + .block-three_columns_block, .block-current_shows_block:not(.empty) + .block-four_columns_block,
.block-upcoming_shows_block:not(.empty) + .block-image_block,
.block-upcoming_shows_block:not(.empty) + .block-show,
.block-upcoming_shows_block:not(.empty) + .block-two_columns_block,
.block-upcoming_shows_block:not(.empty) + .block-three_columns_block,
.block-upcoming_shows_block:not(.empty) + .block-four_columns_block,
.block-show + .block-image_block,
.block-show + .block-show,
.block-show + .block-two_columns_block,
.block-show + .block-three_columns_block,
.block-show + .block-four_columns_block {
  margin-top: -2.4em;
}

.block-two_columns_block,
.block-three_columns_block,
.block-four_columns_block {
  display: flex;
  justify-content: space-between;
}

.block-two_columns_block .column {
  width: 49%;
  width: calc((100% - 16px) / 2);
}

.block-three_columns_block .column {
  width: 32%;
  width: calc((100% - 32px) / 3);
}

.block-four_columns_block .column {
  width: 23.5%;
  width: calc((100% - 48px) / 4);
}

@media only screen and (max-width: 767px) {
  .block-two_columns_block,
  .block-three_columns_block,
  .block-four_columns_block {
    display: block;
  }
  .block-two_columns_block .column,
  .block-three_columns_block .column,
  .block-four_columns_block .column {
    width: 100%;
    margin-bottom: 3.6em;
  }
}
.column .block-paragraph_block,
.column .block-heading_block,
.column .block-block_quote {
  padding-right: 8px;
  margin-top: -3px;
}

.figure {
  display: block;
}

@media only screen and (max-width: 767px) {
  .figure,
  .embed {
    width: 100% !important;
  }
}
.block-image_block figure.text-width img {
  width: 100%;
  max-height: none;
}

.block-jumbotron .btn {
  color: white;
}

.block-heading_block {
  padding-top: 0;
  margin-top: 1.2em;
}
.block-heading_block:first-child {
  padding-top: 0;
}
.block-heading_block + .block-paragraph_block {
  margin-top: -2.4em;
}
.block-heading_block h1, .block-heading_block h2, .block-heading_block h3, .block-heading_block h4 {
  margin: 0;
}

.block-paragraph_block + .block-heading_block {
  margin-top: -1.2em;
}

.block-chapter {
  margin-top: -3.6em;
}
.block-chapter hr {
  border: none;
  border-top: 1px solid white;
}

.block-spacer_block {
  height: 2.4em;
}

#table-of-contents {
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 auto 3.6em;
}
.figure,
.embed {
  margin: 0;
  display: block;
}
.figure.right, .figure.right img,
.embed.right,
.embed.right img {
  margin-left: auto;
}
.figure.center, .figure.center img,
.embed.center,
.embed.center img {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 916px) {
  .figure.left-inside,
  .embed.left-inside {
    position: relative;
    left: 50%;
    margin-left: -450px;
  }
}
.figure-caption {
  color: inherit;
  padding-top: 16px;
}

img {
  display: block;
  margin: 0;
  max-width: 100%;
  max-height: 90vh;
}

.fullwidth img {
  width: 100%;
  height: auto;
  max-height: none;
}

.documents {
  display: block;
  list-style: none;
  padding: 0;
}

.document {
  display: block;
  margin: 0 0 8px;
}
.document a {
  position: relative;
  display: inline-block;
  padding-left: 2em;
  box-sizing: border-box;
}
.document a:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background-image: url("data:image/svg+xml,<svg class='bi bi-file-earmark-text' width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M4 1h5v1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6h1v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z'/><path d='M9 4.5V1l5 5h-3.5A1.5 1.5 0 0 1 9 4.5z'/><path fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z'/></svg>");
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
}
.document a.pdf:before {
  background-image: url("../images/icon-pdf.d42ac62f0829.svg");
}
.document .meta {
  display: inline-block;
  margin-left: 0.35em;
}

.embed .embed-wrapper {
  position: relative;
  margin-bottom: 0;
}
.embed .embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.name {
  white-space: nowrap;
}

ul.artists-list {
  padding: 0;
  display: block;
  list-style: none;
}
ul.artists-list .name {
  margin: 0 0 1.2em;
  text-align: center;
  height: 2.4em;
  display: inline-block;
  width: 100%;
}
ul.artists-list .name .appendix {
  display: block;
}
@media only screen and (min-width: 480px) {
  ul.artists-list {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  ul.artists-list .name {
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 768px) {
  ul.artists-list {
    -moz-columns: 3;
         columns: 3;
  }
  ul.artists-list .name {
    text-align: left;
  }
}
@media only screen and (min-width: 1000px) {
  ul.artists-list {
    -moz-columns: 4;
         columns: 4;
    width: 1020px;
  }
}

#artists h2 {
  margin-bottom: 1.2em;
}

#current .show-header,
#upcoming .show-header,
#past .show-header,
#recommended .show-header {
  margin-bottom: 1.2em;
}

#recommended figure {
  margin-bottom: 12px;
}

.shows-index .block-upcoming_shows_block,
.shows-index .block-current_shows_block,
.shows-index .block-past_shows_block {
  margin-top: 3.6em;
}

#past ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#past section {
  margin-bottom: 3.6em;
}

.show-header,
.publication-header {
  margin-bottom: 2.4em;
}
.show-header h1, .show-header h2, .show-header h3, .show-header p,
.publication-header h1,
.publication-header h2,
.publication-header h3,
.publication-header p {
  margin: 0;
}

.showcase .show-header {
  font-size: 2.4em;
}
.showcase .show-header h1 {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.showcase .show-header h1, .showcase .show-header h2, .showcase .show-header p {
  line-height: 1.05;
}
.showcase .show-header em {
  font-style: normal;
}
.showcase blockquote {
  font-size: 1.4em;
  line-height: 1.6;
}
.showcase blockquote footer {
  font-size: 0.714em;
}
.showcase .block-paragraph_block {
  font-size: 1.4em;
  line-height: 1.3;
}
.showcase .block-heading_block {
  font-size: 2.4em;
  line-height: 1.05;
}
.showcase .block-spacer_block {
  font-size: 1.4em;
  height: 3.36em;
}

.paragraph.serif {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.05em;
}

#news .news-post {
  box-sizing: border-box;
  padding: 0 24px 1.2em 0;
  max-width: 555px;
}
#news .news-post p {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .publications {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.publications .publication-header {
  position: relative;
  margin-bottom: 3.6em;
}
@media only screen and (max-width: 1023px) {
  .publications .publication-header h1, .publications .publication-header h2, .publications .publication-header h3, .publications .publication-header p {
    max-width: 72%;
  }
}
@media only screen and (max-width: 767px) {
  .publications .publication-header {
    left: 0 !important;
  }
  .publications .publication-header h1, .publications .publication-header h2, .publications .publication-header h3, .publications .publication-header p {
    max-width: 100%;
  }
}

.publication {
  box-sizing: border-box;
}
.publication .publication-header {
  box-sizing: border-box;
  padding-right: 16px;
}
.publication .publication-header .teaser {
  margin-bottom: 1.2em;
}
@media only screen and (max-width: 767px) {
  .publication {
    width: 100%;
  }
  .publication .publication-header {
    padding-right: 0;
  }
}

#publication .publication-header,
#publication #text,
#publication #teaser {
  margin-bottom: 1.2em;
}
@media only screen and (min-width: 768px) {
  #publication {
    position: relative;
    min-height: 40vw;
  }
  #publication .publication-header h1, #publication .publication-header h2, #publication .publication-header h3, #publication .publication-header p, #publication .publication-header blockquote,
  #publication #text h1,
  #publication #text h2,
  #publication #text h3,
  #publication #text p,
  #publication #text blockquote {
    padding-right: 50%;
    box-sizing: border-box;
  }
  #publication #teaser {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
  }
}

@media (min-width: 600px) {
  #news .grid.no-js .grid-item {
    flex-basis: 50%;
  }
  #news .grid .grid-col--2 {
    display: block;
  }
}
@media (min-width: 600px) {
  #news .grid.no-js .grid-item {
    flex-basis: 33.3%;
  }
  #news .grid .grid-col--3 {
    display: block;
  }
}

::-moz-placeholder {
  color: #222;
  opacity: 1;
}

::placeholder {
  color: #222;
  opacity: 1;
}

#search-form input,
#filter-form input,
#login-form input,
#contact-form input,
#signup input,
#access-form input {
  box-sizing: border-box;
  font-family: inherit;
  font-size: 1em;
}
#search-form input[type=text], #search-form input[type=password], #search-form input[type=email],
#filter-form input[type=text],
#filter-form input[type=password],
#filter-form input[type=email],
#login-form input[type=text],
#login-form input[type=password],
#login-form input[type=email],
#contact-form input[type=text],
#contact-form input[type=password],
#contact-form input[type=email],
#signup input[type=text],
#signup input[type=password],
#signup input[type=email],
#access-form input[type=text],
#access-form input[type=password],
#access-form input[type=email] {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #222;
  padding: 8px 0 2px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  #search-form input[type=text], #search-form input[type=password], #search-form input[type=email],
  #filter-form input[type=text],
  #filter-form input[type=password],
  #filter-form input[type=email],
  #login-form input[type=text],
  #login-form input[type=password],
  #login-form input[type=email],
  #contact-form input[type=text],
  #contact-form input[type=password],
  #contact-form input[type=email],
  #signup input[type=text],
  #signup input[type=password],
  #signup input[type=email],
  #access-form input[type=text],
  #access-form input[type=password],
  #access-form input[type=email] {
    font-size: 16px;
  }
}
#search-form input[type=text], #search-form input[type=password], #search-form input[type=email],
#filter-form input[type=text],
#filter-form input[type=password],
#filter-form input[type=email],
#login-form input[type=text],
#login-form input[type=password],
#login-form input[type=email],
#contact-form input[type=text],
#contact-form input[type=password],
#contact-form input[type=email],
#signup input[type=text],
#signup input[type=password],
#signup input[type=email],
#access-form input[type=text],
#access-form input[type=password],
#access-form input[type=email] {
  margin-bottom: 1px;
}
#search-form input[type=text]:focus, #search-form input[type=password]:focus, #search-form input[type=email]:focus,
#filter-form input[type=text]:focus,
#filter-form input[type=password]:focus,
#filter-form input[type=email]:focus,
#login-form input[type=text]:focus,
#login-form input[type=password]:focus,
#login-form input[type=email]:focus,
#contact-form input[type=text]:focus,
#contact-form input[type=password]:focus,
#contact-form input[type=email]:focus,
#signup input[type=text]:focus,
#signup input[type=password]:focus,
#signup input[type=email]:focus,
#access-form input[type=text]:focus,
#access-form input[type=password]:focus,
#access-form input[type=email]:focus {
  border-bottom-color: #222;
  border-bottom-width: 2px;
  margin-left: -4px;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 0;
}
#search-form input[type=text]:focus:invalid, #search-form input[type=password]:focus:invalid, #search-form input[type=email]:focus:invalid,
#filter-form input[type=text]:focus:invalid,
#filter-form input[type=password]:focus:invalid,
#filter-form input[type=email]:focus:invalid,
#login-form input[type=text]:focus:invalid,
#login-form input[type=password]:focus:invalid,
#login-form input[type=email]:focus:invalid,
#contact-form input[type=text]:focus:invalid,
#contact-form input[type=password]:focus:invalid,
#contact-form input[type=email]:focus:invalid,
#signup input[type=text]:focus:invalid,
#signup input[type=password]:focus:invalid,
#signup input[type=email]:focus:invalid,
#access-form input[type=text]:focus:invalid,
#access-form input[type=password]:focus:invalid,
#access-form input[type=email]:focus:invalid {
  border-color: tomato;
  color: tomato;
}
#search-form input[type=text]:invalid, #search-form input[type=password]:invalid, #search-form input[type=email]:invalid,
#filter-form input[type=text]:invalid,
#filter-form input[type=password]:invalid,
#filter-form input[type=email]:invalid,
#login-form input[type=text]:invalid,
#login-form input[type=password]:invalid,
#login-form input[type=email]:invalid,
#contact-form input[type=text]:invalid,
#contact-form input[type=password]:invalid,
#contact-form input[type=email]:invalid,
#signup input[type=text]:invalid,
#signup input[type=password]:invalid,
#signup input[type=email]:invalid,
#access-form input[type=text]:invalid,
#access-form input[type=password]:invalid,
#access-form input[type=email]:invalid {
  box-shadow: none;
}
#search-form input.button,
#filter-form input.button,
#login-form input.button,
#contact-form input.button,
#signup input.button,
#access-form input.button {
  display: none;
  background: none;
  border: none;
  padding: 8px 0 5px 8px;
}
#search-form input.button:hover,
#filter-form input.button:hover,
#login-form input.button:hover,
#contact-form input.button:hover,
#signup input.button:hover,
#access-form input.button:hover {
  cursor: pointer;
}
#search-form ul.errorlist,
#filter-form ul.errorlist,
#login-form ul.errorlist,
#contact-form ul.errorlist,
#signup ul.errorlist,
#access-form ul.errorlist {
  list-style: none;
  padding-left: 116px;
  color: red;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #search-form form,
  #filter-form form,
  #login-form form,
  #contact-form form,
  #signup form,
  #access-form form {
    box-sizing: border-box;
    width: 100%;
  }
  #search-form input,
  #filter-form input,
  #login-form input,
  #contact-form input,
  #signup input,
  #access-form input {
    display: block;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 1em;
    width: 100%;
  }
  #search-form input[type=text],
  #filter-form input[type=text],
  #login-form input[type=text],
  #contact-form input[type=text],
  #signup input[type=text],
  #access-form input[type=text] {
    margin-bottom: 6px;
  }
  #search-form input[type=text]:focus,
  #filter-form input[type=text]:focus,
  #login-form input[type=text]:focus,
  #contact-form input[type=text]:focus,
  #signup input[type=text]:focus,
  #access-form input[type=text]:focus {
    margin-bottom: 5px;
  }
}

#signup {
  max-width: 320px;
  margin-bottom: 1.2em;
}
#signup h2 {
  text-align: left;
  margin: 0 0 0.8px;
}
@media screen and (hover: hover) {
  #signup #toggle-signup:hover {
    cursor: pointer;
  }
}
#signup .form-wrapper {
  display: none;
  border: 1px solid black;
  padding: 1em 8px 8px;
}
#signup button[type=submit] {
  text-align: center;
  display: block;
  margin: 0 auto 1.2em;
}
#signup .form-group {
  margin-bottom: 1.2em;
}
#signup .form-group.email {
  text-align: center;
}
#signup #signup-message {
  margin-bottom: 1.2em;
}
#signup.success #signup-message {
  color: green;
}
#signup.error #signup-message {
  color: red;
}

#contact-form {
  display: none;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: -webkit-stretch;
  padding: 8px;
  box-sizing: border-box;
}
#contact-form form #thumbnail {
  margin-left: 0;
}
@media only screen and (min-width: 767px) {
  #contact-form form #thumbnail {
    margin-left: 116px;
    margin-bottom: 1.2em;
  }
}
#contact-form form #thumbnail img {
  max-width: 150px;
  max-height: 150px;
}
#contact-form form p {
  display: flex;
}
@media only screen and (max-width: 767px) {
  #contact-form form p {
    flex-direction: column;
  }
}
#contact-form form p label,
#contact-form form p input,
#contact-form form p textarea {
  display: inline-block;
  box-sizing: border-box;
  background: transparent;
  font-family: UniversLTPro-55, Helvetica, Arial, sans-serif;
}
#contact-form form p label:invalid,
#contact-form form p input:invalid,
#contact-form form p textarea:invalid {
  box-shadow: none;
}
#contact-form form p label:focus:invalid,
#contact-form form p input:focus:invalid,
#contact-form form p textarea:focus:invalid {
  border-color: tomato;
  color: tomato;
}
#contact-form form p textarea {
  border: 1px solid #222;
  padding: 8px;
  font-size: 1em;
  outline: 1px solid transparent;
}
#contact-form form p textarea:focus {
  outline: 1px solid #222;
  border: 1px solid #222;
}
#contact-form form p textarea:focus:invalid {
  border-color: tomato;
  outline: 1px solid tomato;
}
@media only screen and (max-width: 767px) {
  #contact-form form p label {
    display: block;
  }
  #contact-form form p input,
  #contact-form form p textarea {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  #contact-form form p label {
    width: 100px;
    margin-right: 16px;
    padding-top: 0.6em;
    text-align: right;
  }
  #contact-form form p input,
  #contact-form form p textarea {
    width: 300px;
  }
}
#contact-form form .form-actions button {
  font-size: 16px;
  margin: 2.4em auto;
  display: block;
}
@media only screen and (min-width: 768px) {
  #contact-form form .form-actions button {
    margin-top: 1.2em;
    margin-left: 116px;
    font-size: 1em;
  }
}
#contact-form.contact-form-active, #contact-form.contact-form-success {
  display: block;
  overflow-y: scroll;
}
@media only screen and (min-width: 768px) {
  #contact-form.contact-form-active, #contact-form.contact-form-success {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#contact-form.contact-form-active form, #contact-form.contact-form-success form {
  margin: auto;
}
#contact-form #contact-form-close {
  position: absolute;
  top: 8px;
  right: 8px;
  text-decoration: underline;
  padding: 8px 8px 24px 64px;
  margin: -8px -8px 0 0;
}
@media only screen and (min-width: 768px) {
  #contact-form #contact-form-close {
    right: 20px;
    top: 16px;
    text-decoration: none;
    padding: 0;
    margin-top: 0;
  }
}
#contact-form #contact-form-close {
  line-height: 1;
}
#contact-form.contact-form-active .success {
  display: none;
}
#contact-form.contact-form-success form {
  display: none;
}

button.inquiry,
button#contact-form-close,
.form-actions button,
#newsletter button {
  margin-top: 1.2em;
  border: none;
  outline: 0;
  background: none;
  padding: 0;
  border-radius: 0;
  font-family: UniversLTPro-55, Helvetica, Arial, sans-serif;
}
button.inquiry:hover,
button#contact-form-close:hover,
.form-actions button:hover,
#newsletter button:hover {
  color: #007bff;
  cursor: pointer;
}

button.inquiry {
  margin-top: 0;
}

.inquiry-wrapper {
  margin-top: -0.6em;
}

#publication .inquiry-wrapper {
  margin-top: 1.2em;
}

ul.newsletters {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
ul.newsletters li {
  margin-bottom: 1.2em;
}
ul.newsletters li a {
  font-style: italic;
}

#newsletter #data-privacy-note,
#access-form #data-privacy-note {
  margin-top: 6px;
  display: none;
}
#newsletter label,
#access-form label {
  display: none;
}

#access-form form button {
  font-size: 1.4em;
}
#access-form form.focus button {
  color: #007bff;
}

#footer #search-form {
  margin: 0 0 2.4em;
}
#footer address, #footer p {
  margin: 0 0 1.2em;
}

#search {
  position: relative;
}
#search #search-form {
  margin-bottom: 2.4em;
}
@media only screen and (min-width: 768px) {
  #search #search-form {
    position: absolute;
    right: 0;
    top: -8px;
  }
}
#search #search-form .button {
  display: inline-block;
}
#search #search-results {
  margin: 0 0 4.8em;
  min-height: 42vh;
}
#search #search-results #search-title {
  margin-bottom: 2.4em;
}
#search #search-results article {
  margin: 0 0 1.2em;
}
#search #search-results article .type {
  margin: 0;
}
#search #search-results article .show-header {
  margin: 0;
}
#search #search-results article.publication .publication-header {
  margin-bottom: 1.2em;
}
#search #search-results article.publication .publication-header .teaser {
  padding: 0;
}
#search #search-results article.publication .publication-header .teaser picture {
  position: relative;
  bottom: auto;
}

#login-form h1 {
  margin: 0;
  color: tomato;
}
#login-form label {
  display: none;
}
#login-form form .button {
  display: block;
  margin: 1.2em 0 0;
  padding: 0;
}
#login-form form .button:hover {
  color: #007bff;
}
#login-form .errorlist {
  display: block;
  margin: 0;
  padding: 0;
  color: tomato;
  list-style: none;
}

#filter-form {
  display: none;
}
@media only screen and (min-width: 768px) {
  #filter-form {
    display: block;
    position: fixed;
    bottom: 16px;
    right: 64px;
  }
}
#filter-form #reset-filter {
  background: none;
  border: 0;
  font-size: 1.5em;
  line-height: 1;
  position: absolute;
  top: 4px;
  right: -6px;
  display: none;
}

body.filtering .show.hide {
  display: none;
}
body.filtering .year.hide h2 {
  display: none;
}
body.filtering #filter-form #reset-filter {
  display: block;
}

.access .show-header {
  margin-bottom: 1.2em;
}

.plyr {
  --plyr-color-main: #555;
}

.template-video {
  max-width: 100%;
  overflow-x: hidden;
}
.template-video .plyr {
  --plyr-color-main: white;
  --plyr-video-control-color-hover: black;
  --plyr-video-control-color: white;
  --plyr-video-controls-background: linear-gradient(
  	to bottom,
  	hsla(0, 0%, 30%, 0) 0%,
  	hsla(0, 0%, 30%, 0.006) 8.1%,
  	hsla(0, 0%, 30%, 0.024) 15.5%,
  	hsla(0, 0%, 30%, 0.052) 22.5%,
  	hsla(0, 0%, 30%, 0.088) 29%,
  	hsla(0, 0%, 30%, 0.13) 35.3%,
  	hsla(0, 0%, 30%, 0.176) 41.2%,
  	hsla(0, 0%, 30%, 0.225) 47.1%,
  	hsla(0, 0%, 30%, 0.275) 52.9%,
  	hsla(0, 0%, 30%, 0.324) 58.8%,
  	hsla(0, 0%, 30%, 0.37) 64.7%,
  	hsla(0, 0%, 30%, 0.412) 71%,
  	hsla(0, 0%, 30%, 0.448) 77.5%,
  	hsla(0, 0%, 30%, 0.476) 84.5%,
  	hsla(0, 0%, 30%, 0.494) 91.9%,
  	hsla(0, 0%, 30%, 0.5) 100%
  );
}
.template-video .plyr .plyr__control--overlaid {
  background-color: #333;
}
@media (hover: hover) {
  .template-video .plyr .plyr__control--overlaid:hover {
    background-color: white;
  }
}

.audio .caption {
  margin-top: 1.8em;
}

.archive .mauve {
  color: #915F6D;
}

a.mauve {
  color: #915F6D;
}
@media screen and (hover: hover) {
  a.mauve:hover {
    color: #007bff;
  }
}

table.block-archive_shows_block {
  width: 100%;
  border-bottom: 1px solid black;
  border-collapse: collapse;
  margin-top: 6em;
}
table.block-archive_shows_block thead th {
  font-size: 1em;
  font-weight: normal;
  text-align: left;
  padding-bottom: 0.6em;
}
table.block-archive_shows_block tbody tr td {
  border-top: 1px solid black;
  padding: 0.6em 0 0.5em;
  vertical-align: top;
}
table.block-archive_shows_block td.date, table.block-archive_shows_block td.title, table.block-archive_shows_block td.artists, table.block-archive_shows_block th.date, table.block-archive_shows_block th.title, table.block-archive_shows_block th.artists {
  padding-right: 2.4em;
}
table.block-archive_shows_block td.artists, table.block-archive_shows_block td.location, table.block-archive_shows_block th.artists, table.block-archive_shows_block th.location {
  display: none;
}
@media screen and (min-width: 768px) {
  table.block-archive_shows_block td.artists, table.block-archive_shows_block th.artists {
    display: table-cell;
  }
}
@media screen and (min-width: 1024px) {
  table.block-archive_shows_block td.location, table.block-archive_shows_block th.location {
    display: table-cell;
  }
}/*# sourceMappingURL=style.css.map */