.layout-container footer {
  border-top: none
}
.paragraph-component.image .paragraph-component.image,
.field_body .paragraph-component,
.field_content .paragraph-component {
  margin-bottom: 30px;
}
.field_body .paragraph-component:last-child,
.field_content .paragraph-component:last-child {
  margin-bottom: 90px;
}
.paragraph-component.remove-bottom-spacing {
  margin-bottom: 0 !important;
}

/* second and third level <OL> */
ol ol {
    list-style-type: lower-alpha;
}
ol ol ol {
    list-style-type: lower-roman;
}
/* ene second and third level <OL> */
/*-- START BASKET --*/
#block-donate2022, #block-donate {
  /* Move the Donate button to the left slightly to make soom for the basket */
  right: 150px !important;
}
@media(max-width: 1200px) {
  #block-donate {
    display:none !important;
  }
}
/*@media(max-width: 1024px) {
  #block-donate a {
    display:inline-block;
  }
}*/
#block-basket {
  position: absolute;
  right: 60px;
  top: 32px;
  z-index: 1;
}
#block-basket a {
  display: inline-block;
  overflow: hidden;
  text-indent: -5000px;
}
#block-basket a::before {
  width: 24px;
  height: 24px;
  display:inline-block;
  text-indent: 4950px;
  position: absolute;
  content: url(/modules/custom/spektrix_nb/libraries/assets/shopping-cart.svg);
}
#block-basket a::after {
  border-bottom: none;
}
#block-basket spektrix-basket-summary[count="0"] .basketCount {
  display:none;
}
#block-basket .basketCount {
  position: absolute;
  right: 26px;
  top: -10px;
  font-size: 8px;
  color: #fff;
  background-color: #000;
  line-height: 10px;
  padding: 2px 4px;
  font-weight: bold;
}
/*--- END BASKET ---*/

.view-make-a-donation .view-content {
	display:none;
}

#spektrix__other {
	margin-bottom: 2em;
}
#spektrix__other p {
	margin-bottom: 0.5em;
}
iframe.spektrix {
  margin-inline: auto;
  width: 100%;
  max-width: 760px;
}
.spektrix__form--other {
	cursor: pointer;
	text-decoration: underline;
}
.spektrix__form--buttons button {
	padding: 1rem 2rem;
}

.webform-confirmation__back,
spektrix-donate br,
label br,
.spektrix_class__credit,
#spektrix__other div {
	display: none;
}
#spektrix__other .form-item__textfield {
	width: 10em;
}
.spektrix__checkout--button {
	margin-top: 1em;
	margin-bottom: 3em;
}
.spektrix__total {
	font-size: 1.5rem;
}
#spektrix__tribute__div .notice {
	clear: left;
	color: #333;
	font-size: 0.95em;
}
#spektrix__tribute__anon__div {
	margin: 1em 0 1.5em;
	/*display: none;*/
}
#spektrix__other_amount {
	display: inline-block;
}
.spektrix__on_submit {
	display: none;
	margin: 0 0 1.5em;
}


.membershipOptions {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap
}
.membershipOptions .membershipType {
	margin: 0 1em 2em;
	border: 3px solid #222;
	border-radius: 1em 1em 0 0;
	width: 100%;
	max-width: 300px;
	min-width: 270px;
}
@media(max-width: 600px) {
	.membershipOptions {
		display: block
	}
	.membershipOptions .membershipType {
		max-width: none;
		min-width: none;
	}
}
.membershipOptions .membershipType .membershipType_patron_title {
	border-radius: 0.5em 0.5em 0 0;
    transform: scale(1.01);
}
.membershipOptions .membershipType:not(.emerald,.sapphire,.diamond) .membershipType_patron_title {
	background: hsl(3, 79%, 63%);
}
.membershipOptions .membershipType .membershipType_patron_title h2 {
	color: #fff;
	padding: 0.5em;
}
.membershipOptions .membershipType .membershipType_patron_body {
	margin: 0 1em;
}

.membershipType .button.dark {
    width: 100%;
}
.membershipType:not(.emerald,.sapphire,.diamond) .button.dark {
	background: hsl(3, 79%, 63%);
	border-color: hsl(3, 79%, 63%);
}
.membershipOptions .membershipType:not(.emerald,.sapphire,.diamond) {
	border-color: hsl(3, 79%, 63%);
}
.membershipOptions .membershipType.emerald {
	border-color: hsl(3, 79%, 55%);
}
.membershipType.emerald .button.dark,
.membershipOptions .membershipType.emerald .membershipType_patron_title {
	background: hsl(3, 79%, 55%);
	border-color: hsl(3, 79%, 55%);
}
.membershipOptions .membershipType.sapphire {
	border-color: hsl(3, 79%, 47%);
}
.membershipType.sapphire .button.dark,
.membershipOptions .membershipType.sapphire .membershipType_patron_title {
	background: hsl(3, 79%, 47%);
	border-color: hsl(3, 79%, 47%);
}
.membershipOptions .membershipType.diamond {
	border-color: hsl(3, 79%, 39%);
}
.membershipType.diamond .button.dark,
.membershipOptions .membershipType.diamond .membershipType_patron_title {
	background: hsl(3, 79%, 39%);
	border-color: hsl(3, 79%, 39%);
}

aside .logo-wall .image-link-inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: center;
}
.views-view-grid .views-row {
  float: none;
  clear: none;
  width: auto;
  display: flex;
  justify-content: space-between;
  column-gap: 1.5em;
}
.views-view-grid .views-row:last-child {
  justify-content: flex-start;
}
@media (max-width:720px){
  .views-view-grid .views-row {
    width: 100%;
    display: block;
  }
  .views-view-grid .views-col {
    float: none;
  }
}

.holder {
  column-width: 30em;
  column-gap: 2em;
}
.holder_item {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.character-grid .field_characters {
    justify-content: center;
}

.col-count-2 .item-list ul {
  columns: 360px 2;
  margin-bottom: 4em;
}

.field_body .text p.firstLine {
  color: #222;
  font-family: GraphikMedium,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 25px;
  line-height: 35px;
  letter-spacing: inherit;
  margin: 0 0 0.5em;
  width: auto;
}
.button-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media (max-width:720px){
  .button-list {
    display: block;
  }
}
.button-list > div {
    justify-self: center;
}

.view-video-carousel .view-header {
  display: none;
}


.paragraph-component.awards-wall {
    float: none;
    margin-bottom: 0;
}

.awards-wall .image-link-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.awards-wall .image-link-outer {
    max-width: 1050px;
    margin: 0 auto;
}
.awards-wall .image-link-wrapper {
    padding: 0 37.5px;
    padding-bottom: 40px;
}
.awards-wall .image-link-wrapper .image-link-image img {
    margin: 0 auto;
}

p.notaBene {
  font-weight: normal !important;
  line-height: 1.65em;
    color: #222;
    font-family: GraphikMedium,HelveticaNeue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px !important;
    line-height: 35px;
    letter-spacing: inherit;
    margin: 0 0 0.5em;
    width: auto;
}



div[data-quickedit-entity-id="paragraph/7799"] {
  margin-top: -60px;
  color: #fff;
  background-color: #00529d;
  padding: 1em 1em 0.5em 2em;
  /*border-radius: 2em;*/
}
div[data-quickedit-entity-id="paragraph/7799"] a {
  color: #fff;
}
div[data-quickedit-entity-id="paragraph/7799"] a::after {
  border-color: #fff;
}

@media (max-width: 920px) {
   .slide-item .slide-item__title {
    margin-left: 0;
    margin-right: auto;
  }
}

div#block-hmqueen {
  background: #000;
  color: #fff;
  padding: 1em 0;
}
#block-hmqueen h3.text-align-center {
  padding-top: 1em;
  color: #fff;
}


body.path-news-press-release-2022-09-new-executive-director .hero-banner .hero-banner__copy {
  top: 75%
}

body .referenced-item-grid .slick-slider .slick-next,
body .referenced-item-grid .slick-slider .slick-prev {
    bottom: 5px;
    right: 38%;
    left: auto;
}
body .referenced-item-grid .slick-slider .slick-prev {
    right: auto;
    left: 38%;
}

.view-id-whats_on.view-display-id-block_10 .grid,
.view-id-whats_on.view-display-id-block_4 .grid,
.view-id-whats_on.view-display-id-block_3 .grid {
  row-gap: 30px;
}



@media print {
  a.hero-banner__link,
  footer.footer,
  div#block-creode-local-tasks,
  nav.block-menu,
  #block-views-block-whats-on-block-1-2,
  .video-embed-field-responsive-video,
  header.header {
    display:none;
  }
  
  img,
  .paragraph-component.image,
  .card--grid-item .card.card--tour .card__copy {
    page-break-inside: avoid; /* or 'auto' */
  }
  
  div.region-header-image .hero-banner__img {
    display: none;
  }
  div.region-header-image .hero-banner__copy {
    padding: 0 15px;
    color: #000;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    z-index: 2;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
  div.region-header-image .hero-banner__copy h1 {
    text-align: left;
    color: #000 !important;
  }
  main.main {
    max-width: 42ch;
    margin: 0 auto 0 0;
  }
  main.main div.main-content {
    text-align: left;
  }
  
  .region-highlighted,
  main.main,
  header.header {
    margin-left: 2em;
  }
  
  body:after {
    display: block;
    content: "Thank you for printing northernballet.com.";
    margin: 2em auto 2em 2em;
    border-top: 1px solid #bbb;
    padding-top: 2em;
  }
}

article[about="/world-ballet-day"] .logo-wall .image-link-wrapper {
    padding: 0 37.5px;
    padding-bottom: 40px;
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
}

body.type-article .region-content .view-tour-dates.view-display-id-block_1 .card--grid-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
iframe[src*="https://tickets.northernballet.com/northernballet/website/ChooseSeats.aspx"],
iframe[src*="https://tickets.northernballet.com/northernballet/website/GiftVouchers.aspx"] {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    float: none!important;
    clear: both;
}


.text-long ul.column-list {
  column-gap: 3em;
  list-style-type: none;
  padding-left: 0;
}
.text-long ul.column-list li {
  padding-left: 0;
  margin-bottom: 1em;
  padding-bottom: 1.4em;
  padding-top: 0.3em;
  border-bottom: 1px solid #ebebeb;
}
.columns-2 {column-count: 2}
.columns-3 {column-count: 3}
.columns-4 {column-count: 4}
.columns-5 {column-count: 5}
@media (max-width:720px) {
  .text-long ul.column-list.columns-5,
  .text-long ul.column-list.columns-4,
  .text-long ul.column-list.columns-3,
  .text-long ul.column-list.columns-2 {
    column-count: 1;
    column-gap: 0;
  }
}

.text-long ul.flex-list {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.text-long ul.flex-list li {
  padding-left: 0;
  margin-bottom: 0;
  padding-bottom: 1.4em;
  padding-top: 0.3em;
}

.paragraph-component.iframe iframe.NBInside {
    height: 70vh;
}
.paragraph-component.iframe iframe.academyMerch {
    height: 850px;
    max-width: 760px;
}
.paragraph-component.iframe iframe.aIframePass {
    height: 500px;
    max-width: 760px;
}
.paragraph-component.iframe iframe.GACiframe {
    height: auto;
    aspect-ratio: 16 / 9;
}
@media (max-width: 800px) {  
  .paragraph-component.iframe iframe.GACiframe {
      height: auto;
      aspect-ratio: 9 / 14;
  }
}


.link, .text-long a {
  cursor: pointer;
}

body.path-join-in-inclusive-dance-in-motion .hero-banner a.hero-banner__link,
body.path-join-in-inclusive-dance-in-motion .hero-banner a.hero-banner__link:link {
    background-color: #eb5e57 ;
    color: #fff;
    border-color: #eb5e57;
    font-weight: bold;
    letter-spacing: 0.025rem;
    font-family: NewParisSkylineBold,HelveticaNeue,Helvetica,Arial,sans-serif;
    font-size: 1.15em;
}

#block-creode-content .user-login-form a#edit-forgotten-password {
  color: rgba(0,0,0,0.01) !important
}
#block-creode-content .user-login-form a#edit-create-account {
  display:none;
}

@media (max-width: 720px) {
  .slide-item .slide-item__copy {
      text-align: center;
      left: 50%;
      top: auto !important;
      bottom: 10%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }
}

.text-long p#sabt_notice_nb_tour {
  margin-bottom: 6em;
}

/*-- START SABT ALSO --*/
.view-whats-on.view-display-id-block_10 .card--grid-item,
.view-whats-on.view-display-id-block_4 .card--grid-item {
	-ms-flex-preferred-size: 33.33%;
	flex-basis: 33.33%
}
@media (max-width:920px) {
	.view-whats-on.view-display-id-block_10 .card--grid-item,
	.view-whats-on.view-display-id-block_4 .card--grid-item {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%
	}
}
@media (max-width:720px) {
	.view-whats-on.view-display-id-block_10 .card--grid-item,
	.view-whats-on.view-display-id-block_4 .card--grid-item {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}
#block-views-block-whats-on-block-10>h2,
#block-views-block-whats-on-block-4>h2 {
    color: #222;
    font-family: GraphikMedium,HelveticaNeue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
    margin: 0 0 0.5em;
    width: auto;
    margin-bottom: 40px;
}
#block-views-block-whats-on-block-4 {
    background-color: #f6f4ee;
    padding-left: 100%;
    margin-left: -100%;
    padding-right: 100%;
    margin-right: -100%;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 0;
}
#block-views-block-whats-on-block-4 .card--production-alt .card__img img {
    width: 100%;
    height: auto;
}

/* custom addition to SABT cards */
.view-display-id-block_1 .card--production-alt h4.card__title,
.view-display-id-block_2 .card--production h4.card__title {
  /*display: none;*/
}
.card--production-alt h4.card__title,
.card--production h4.card__title {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  line-height: 18px;
  margin-bottom: 12px;
  min-height: auto;
}
/*--  END SABT ALSO  --*/


/*-- Start FAQ Accordion --*/
dl.faqSection dt {
  cursor: pointer;
  position: relative;
  margin-top: 24px;
  border-top: 1px solid #ddd;
  padding-top: 24px;
}
dl.faqSection dt:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 24px;
}
dl.faqSection dt.showDD::before,
dl.faqSection dt.hideDD::before {
  display: inline-block;
  margin-right: 1em;
  width: 24px;
  height: 24px;
  position: absolute;
  left: -36px;
  top: 42px;
  transform: translateY(-50%);
  content: url(/modules/custom/spektrix_nb/libraries/assets/plus-circle.svg);
}
dl.faqSection dt.hideDD::before {
  content: url(/modules/custom/spektrix_nb/libraries/assets/minus-circle.svg);
}
dl.faqSection dd.accordion-item {
    margin-inline-start: 0;
}
dl.faqSection dt .subTitle {
    font-size: 1.25em;
    margin-bottom: 0.75em;
}
@media(max-width: 800px) {
  dl.faqSection dt h3 {
    padding-left: 30px;
  }
  dl.faqSection dt.showDD::before,
  dl.faqSection dt.hideDD::before {
    left: 0;
    top: 40px;
  }
}
.type-video h3 {
  color: #fff;
  text-decoration: underline;
}
/*--  End FAQ Accordion  --*/
/*  Make a minimum height for scrolling quote items
    to reduce content hopping below */
.paragraph-component.quote-item.slick-slide {
  min-height: 150px;
}

/* Add maximum width and centre paragraph quotes */
.text-long.review {
    max-width: 700px;
    margin-inline: auto;
}

.paragraph-component.iframe iframe.flowPaper {
  height: 80vh;
}

.view-id-whats_on.view-display-id-block_6 .grid {
	justify-content: space-around;
}

.tour-details .card__body {
  min-width: 0 !important;
  padding-right: 0.5em
}

.slide-item--video video {
  background-color: #000;
}

/* START Image+text */
.path-node-1 .paragraph-component.image-and-text .card--featured .card__img {
  position: relative;
  min-height: 500px!important;
}
@media (min-width: 1921px) {
  .path-node-1 .paragraph-component.image-and-text .card--featured .card__img {
    min-height: 500px;
  }
}
.path-node-1 .card--featured:not(.card--reversed) .card__copy {
  padding-left: 80px;
}
/*  END Image+text  */


.slide-item__eyebrow_under {
  font-family: GraphikMedium,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 2px;
  padding-bottom: 30px;
  text-transform: uppercase;
}

.card--production h3.card__title ~ h4.card__title {
  margin-top: -20px;
  margin-bottom: 25px;
}
.card--production-alt h3.card__title ~ h4.card__title {
  margin-top: -35px;
  margin-bottom: 35px;
}

.hero-banner__copy h2.hero-banner__title {
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  margin-top: -20px;
}

/*-- Start members dates --*/
.card__copy .members_dates {
  padding-bottom: 15px;
  margin-top: 15px;
}
/*--  End members dates  --*/

.slide-item .slide-item__copy h3.slide-item__title {
  font-size: 34px;
  text-transform: uppercase;
  line-height: 46px;
  letter-spacing: 0.125em;
  margin-top: -20px;
  padding-bottom: 16px
}

/*-- START Second Menu --*/
.region-header-image nav#block-theatre ~ nav#block-productions.block-menu {
    background: #666;
}
.region-header-image nav.block-menu ~ nav.block-menu ul li::after {
  /* item sperator */
  background-color: #999;
}
.region-header-image .block-menu ul {
  /* remove bullet points from menu items */
  list-style-type: none;
}
/*--  END Second Menu  --*/


/*.paragraph-component.text blockquote ~ blockquote {
  border-top: 1px solid #666;
  padding-top: 20px;
}*/

.button.pale-gold:hover {
  color: #fff;
}

/* Button List */
.field_list_links a {
  textialign: center;
  max-width: 42ch;
  border: 1px solid #000;
  border-radius: 5px;
  cursor: pointer;
  line-height: 25px;
  padding: 24px 60px;
  display: block;
  text-decoration: none;
  text-align: center;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: background .4s ease-in-out,color .4s ease-out;
  transition: background .4s ease-in-out,color .4s ease-out;
  margin-right: 15px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  color: #000;
  font-family: NewParisSkylineBold,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-size: 20px;
}
.field_list_links a:hover {
  background: #eb5e57;
  color: #fff;
}
spektrix-login-status div[data-logged-out-container] iframe,
#block-whybecomeamember,
#block-faqs {
  margin-inline: auto;
  max-width: 760px;
}

/* Wrap the title of the T&tH Family Fun Day */
.path-theatre-tortoise-and-the-hare-family-fun-day.type-production .hero-banner h1.hero-banner__title {
  max-width: 25ch;
}

/* Start the Notice paragraph */
.paragraph-component.notice {
  text-align: center;
}
.paragraph-component.notice > div {
  border: 1px solid black;
  border-radius: 1em;
  overflow: hidden;
  padding: 2em;
}
/* default inverted */
.paragraph-component.notice > div {
  
}
.paragraph-component.notice > div > div * {
  color: inherit;
}
.paragraph-component.notice > div .notice_link a.button {
  color: #222222;
}
.paragraph-component.notice > div .notice_link a.button:hover {
  color: #ffffff;
}
.paragraph-component.notice.inverted > div > h2,
.paragraph-component.notice.inverted > div {
  color: #ffffff;
  background-color: #222222;
}
.paragraph-component.notice.inverted > div .notice_link a.button {
  border-color: #ffffff;
  background-color: #ffffff;
  font-weight: bold;
  color: #222222;
}
.paragraph-component.notice.inverted > div .notice_link a.button:hover {
  color: #ffffff;
}
.paragraph-component.notice.inverted > div .text-long a::after {
  border-color: #ffffff;
}
/* Red */
.paragraph-component.notice > div.nbRed {
  border-color: #eb5e57;
}
.paragraph-component.notice > div.nbRed > h2,
.paragraph-component.notice > div.nbRed {
  color: #eb5e57;
}
.paragraph-component.notice > div.nbRed .notice_link a.button {
  color: #ffffff;
}
.paragraph-component.notice:not(.inverted) > div.nbRed .text-long a::after {
  border-color: #eb5e57;
}
.paragraph-component.notice.inverted > div.nbRed {
  border-color: #eb5e57;
}
.paragraph-component.notice.inverted > div.nbRed > h2,
.paragraph-component.notice.inverted > div.nbRed {
  color: #ffffff;
  background-color: #eb5e57;
}
.paragraph-component.notice.inverted > div.nbRed .notice_link a.button {
  color: #eb5e57;
}
.paragraph-component.notice.inverted > div.nbRed .notice_link a.button:hover::before {
  background-color: #eb5e57;
}
.paragraph-component.notice.inverted > div.nbRed .notice_link a.button:hover {
  color: #ffffff;
}
/* Dark Red */
.paragraph-component.notice > div.nbDarkRed {
  border-color: #e32b36;
}
.paragraph-component.notice > div.nbDarkRed > h2,
.paragraph-component.notice > div.nbDarkRed {
  color: #e32b36;
}
.paragraph-component.notice > div.nbDarkRed .notice_link a.button {
  color: #ffffff;
}
.paragraph-component.notice:not(.inverted) > div.nbDarkRed .text-long a::after {
  border-color: #e32b36;
}
.paragraph-component.notice.inverted > div.nbDarkRed {
  border-color: #e32b36;
}
.paragraph-component.notice.inverted > div.nbDarkRed > h2,
.paragraph-component.notice.inverted > div.nbDarkRed {
  color: #ffffff;
  background-color: #e32b36;
}
.paragraph-component.notice.inverted > div.nbDarkRed .notice_link a.button {
  color: #e32b36;
}
.paragraph-component.notice.inverted > div.nbDarkRed .notice_link a.button:hover::before {
  background-color: #e32b36;
}
.paragraph-component.notice.inverted > div.nbDarkRed .notice_link a.button:hover {
  color: #ffffff;
}
/* lilac */
.paragraph-component.notice > div.nbLilac {
  border-color: hsl(259, 91%, 64%);
}
.paragraph-component.notice > div.nbLilac > h2,
.paragraph-component.notice > div.nbLilac {
  color: hsl(259, 91%, 64%);
}
.paragraph-component.notice > div.nbLilac .notice_link a.button {
  background-color: hsl(259, 91%, 64%);
  border-color: #ffffff;
  color: #ffffff;
}
.paragraph-component.notice:not(.inverted) > div.nbLilac .text-long a::after {
  border-color: hsl(259, 91%, 64%);
}
.paragraph-component.notice.inverted > div.nbLilac {
  border-color: hsl(259, 91%, 64%);
}
.paragraph-component.notice.inverted > div.nbLilac > h2,
.paragraph-component.notice.inverted > div.nbLilac {
  color: #ffffff;
  background-color: hsl(259, 91%, 64%);
}
.paragraph-component.notice.inverted > div.nbLilac .notice_link a.button {
  background-color: #fff;
  color: hsl(259, 91%, 64%);
}
.paragraph-component.notice.inverted > div.nbLilac .notice_link a.button:hover::before {
  background-color: hsl(259, 91%, 64%);
}
.paragraph-component.notice.inverted > div.nbLilac .notice_link a.button:hover {
  color: #ffffff;
}
/* Blue */
.paragraph-component.notice > div.nbBlue {
  border-color: #71b7e6;
}
.paragraph-component.notice > div.nbBlue > h2,
.paragraph-component.notice > div.nbBlue {
  color: #71b7e6;
  background-color: #222222;
}
.paragraph-component.notice.inverted > div.nbBlue {
  border-color: #71b7e6;
}
.paragraph-component.notice.inverted > div.nbBlue > h2,
.paragraph-component.notice.inverted > div.nbBlue {
  color: #222222;
  background-color: #71b7e6;
}
.paragraph-component.notice.inverted > div.nbBlue .notice_link a.button {
  color: #71b7e6;
  background-color: #222222;
  border-color: #222222;
}
.paragraph-component.notice.inverted > div.nbBlue .notice_link a.button:hover::before {
  background-color: #71b7e6;
}
.paragraph-component.notice.inverted > div.nbBlue .notice_link a.button:hover {
  color: #222222;
}
/* Dark Blue */
.paragraph-component.notice > div.nbDarkBlue {
  border-color: #00529d;
}
.paragraph-component.notice > div.nbDarkBlue > h2,
.paragraph-component.notice > div.nbDarkBlue {
  color: #00529d;
}
.paragraph-component.notice > div.nbDarkBlue .notice_link a.button {
  color: #ffffff;
}
.paragraph-component.notice:not(.inverted) > div.nbDarkBlue .text-long a::after {
  border-color: #00529d;
}
.paragraph-component.notice.inverted > div.nbDarkBlue {
  border-color: #00529d;
}
.paragraph-component.notice.inverted > div.nbDarkBlue > h2,
.paragraph-component.notice.inverted > div.nbDarkBlue {
  color: #ffffff;
  background-color: #00529d;
}
.paragraph-component.notice.inverted > div.nbDarkBlue .notice_link a.button {
  color: #00529d;
}
.paragraph-component.notice.inverted > div.nbDarkBlue .notice_link a.button:hover::before {
  background-color: #00529d;
}
.paragraph-component.notice.inverted > div.nbDarkBlue .notice_link a.button:hover {
  color: #ffffff;
}
/* Turquoise */
.paragraph-component.notice > div.nbTurquoise {
  border-color: #89cbC9;
}
.paragraph-component.notice > div.nbTurquoise > h2,
.paragraph-component.notice > div.nbTurquoise {
  color: #89cbC9;
  background-color: #222222;
}
.paragraph-component.notice.inverted > div.nbTurquoise {
  border-color: #89cbC9;
}
.paragraph-component.notice.inverted > div.nbTurquoise > h2,
.paragraph-component.notice.inverted > div.nbTurquoise {
  color: #222222;
  background-color: #89cbC9;
}
.paragraph-component.notice.inverted > div.nbTurquoise .notice_link a.button {
  color: #89cbC9;
  background-color: #222222;
  border-color: #222222;
}
.paragraph-component.notice.inverted > div.nbTurquoise .notice_link a.button:hover::before {
  background-color: #89cbC9;
}
.paragraph-component.notice.inverted > div.nbTurquoise .notice_link a.button:hover {
  color: #222222;
}
/* Gold */
.paragraph-component.notice > div.nbGold {
  border-color: #e2b027;
}
.paragraph-component.notice > div.nbGold > h2,
.paragraph-component.notice > div.nbGold {
  color: #e2b027;
  background-color: #222222;
}
.paragraph-component.notice.inverted > div.nbGold {
  border-color: #e2b027;
}
.paragraph-component.notice.inverted > div.nbGold > h2,
.paragraph-component.notice.inverted > div.nbGold {
  color: #222222;
  background-color: #e2b027;
}
.paragraph-component.notice.inverted > div.nbGold .notice_link a.button {
  color: #e2b027;
  background-color: #222222;
  border-color: #222222;
}
.paragraph-component.notice.inverted > div.nbGold .notice_link a.button:hover::before {
  background-color: #e2b027;
}
.paragraph-component.notice.inverted > div.nbGold .notice_link a.button:hover {
  color: #222222;
}
/* Dark Gold */
.paragraph-component.notice > div.nbDarkGold {
  border-color: #5e470a;
}
.paragraph-component.notice > div.nbDarkGold > h2,
.paragraph-component.notice > div.nbDarkGold {
  color: #5e470a;
}
.paragraph-component.notice > div.nbDarkGold .notice_link a.button {
  color: #ffffff;
}
.paragraph-component.notice:not(.inverted) > div.nbDarkGold .text-long a::after {
  border-color: #5e470a;
}
.paragraph-component.notice.inverted > div.nbDarkGold {
  border-color: #5e470a;
}
.paragraph-component.notice.inverted > div.nbDarkGold > h2,
.paragraph-component.notice.inverted > div.nbDarkGold {
  color: #ffffff;
  background-color: #5e470a;
}
.paragraph-component.notice.inverted > div.nbDarkGold .notice_link a.button {
  color: #5e470a;
}
.paragraph-component.notice.inverted > div.nbDarkGold .notice_link a.button:hover::before {
  background-color: #5e470a;
}
.paragraph-component.notice.inverted > div.nbDarkGold .notice_link a.button:hover {
  color: #ffffff;
}
/*  End the Notice paragraph  */
/* Academy Fees table - table default? */
table.academyFees tbody tr:nth-child(odd) td {
  background-color: #f9f9f9;
}
@media(max-width: 600px) {
  table.academyFees thead {
    display: none;
  }
  table.academyFees tbody tr td {
    display: block;
    text-align: left;
    width: 100%;
    border-top: none;
    border-bottom: none;
    padding-top: 0;
  }
  table.academyFees tbody tr td:first-child {
    padding-top: 20px;
  }
  table.academyFees tbody tr td:last-child {
    border-bottom: 2px solid #999;
  }
  table.academyFees tbody tr td::before {
    font-weight: bold;
  }
}
/* End Academy Fees table */

/* <dl> nameList */
dl.nameList dt p {
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
}
dl.nameList {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
dl.nameList dt,
dl.nameList dd {
  margin-inline: 0;
  width: 60%;
  max-width: 433px;
}
dl.nameList dt {
  text-align: right;
}
dl.nameList dd {
  text-align: left;
  width: 37.5%;
  max-width: 271px;
}
@media(min-width: 600px) {
  dl.nameList.alt dt {
    width: 50%;
    max-width: none;
  }
  dl.nameList.alt dd {
    width: 42.5%;
    max-width: none;
  }
}
dl.nameList dt,
dl.nameList dt + dd {
  border-top: 1px solid #eee;
  padding-top: 20px;
}
dl.nameList dt:first-child,
dl.nameList dt:first-child + dd {
  border-top: none;
}
@media(max-width: 600px) {
  dl.nameList {
    display: block;
  }
  dl.nameList dt,
  dl.nameList dd {
    text-align: left;
    margin-inline: 0;
    width: 100%;
    max-width: 100%;
  }
  dl.nameList dt {
    margin-top: 1em;
  }
  dl.nameList dt,
  dl.nameList dt + dd {
    border-top: none;
    padding-top: 0;
  }
}
/* End <dl> nameList */

/* Blockquote smaller quote */
.text-long blockquote.smallerQuote,
.text-long blockquote p.smallerQuote {
  font-size: 18px;
  line-height: 26px;
}
/* End Blockquote smaller quote */
/* coloured flags <UL> */
ul.flags-red li::marker,
ul.flags-yellow li::marker {
  font-size: 20px;
  line-height: 1em;
}
ul.flags-red {
  list-style-image: url('assets/red-flag-solid-outline.svg');
}
ul.flags-yellow {
  list-style-image: url('assets/yellow-flag-solid-outline.svg');
}
/* end coloured flags <UL> */

/* Footer Fix for Extra Items */
.footer .footer--inner .region-footer-4 .image-link-outer {
    align-items: center;
    gap: 10px;
    justify-content: center;
}
/* End Footer Fix for Extra Items */
/* Safeguarding Appendices */
#block-childrenyoungpeopleappendices,
#block-adultsatriskappendices {
  margin-bottom: 40px;
  max-width: 780px;
  margin-inline: auto;
  border-radius: 12px;
  border: 1px solid #000;
  padding: 1em 2.5em;
}
nav.safeguardingAppendices {
}
nav.safeguardingAppendices ul ul {
  column-count: 2;
  column-gap: 2em;
}
nav.safeguardingAppendices ul,
nav.safeguardingAppendices ul li {
  list-style-type: none;
  padding: 0;
}
nav.safeguardingAppendices ul li li {
  margin-bottom: 0.5em;
  text-indent: -0.5em;
  padding-left: 1em;
}
nav.safeguardingAppendices > ul > li > a {
  display: inline-block;
  font-size: large;
  font-weight: bold;
  margin-bottom: 1em;
}
nav.safeguardingAppendices ul ul li a::after {
  border-bottom: none;
}
nav.safeguardingAppendices ul li li:has(a:hover) {
    background-color: #eee;
    outline: 0.5em solid #eee;
}
@media(max-width: 600px) {
  nav.safeguardingAppendices ul ul {
    column-count: auto;
    column-gap: normal;
  }
}
/* End Safeguarding Appendicies */
/* Image and Video titles */
.paragraph-component.video .text {
    text-align: left;
}
.before-after .text.large,
.video .text.large,
.image .text.large {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    float: none!important;
    clear: both;
}
.before-after .text.medium,
.video .text.medium,
.image .text.medium {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    float: none!important;
    clear: both;
}
.before-after .text.small,
.video .text.small,
.image .text.small {
    max-width: 420px;
    float: none!important;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
/* End Video and Image titles */
/* Add a small gap between rown of a grid */
.grid {
  row-gap: 30px;
}
/* End small gap */
.field_more_information a[href*="x.com"]::before,
.field_more_information a[href*="twitter"]::before,
.field_more_information a[href*="instagram"]::before,
.field_more_information a[href*="tiktok"]::before,
.field_more_information a[href*="facebook"]::before {
  width: 24px;
  height: 24px;
  display:inline-block;
  /*text-indent: -50px;*/
  /*position: relative;*/
  margin-inline: 0.5em;
}
.field_more_information a[href*="x.com"],
.field_more_information a[href*="twitter"],
.field_more_information a[href*="instagram"],
.field_more_information a[href*="tiktok"],
.field_more_information a[href*="facebook"] {
  /*text-indent: -50px;*/
  /*position: absolute;*/
}
.field_more_information a[href*="twitter"]::before,
.field_more_information a[href*="x.com"]::before {
  content: url(/modules/custom/spektrix_nb/libraries/assets/x-24.svg);
}
.field_more_information a[href*="tiktok"]::before {
  content: url(/modules/custom/spektrix_nb/libraries/assets/tiktok-24.svg);
}
.field_more_information a[href*="facebook"]::before {
  content: url(/modules/custom/spektrix_nb/libraries/assets/facebook-24.svg);
}
.field_more_information a[href*="instagram"]::before {
  content: url(/modules/custom/spektrix_nb/libraries/assets/instagram-24.svg);
}
/* Hide empty Tour Block containers */
aside .grid .card--grid-item:not(:has(*)) {
  display: none;
}
/* Hidden Tour block for logged in user */
.pinky .card.card--tour {
  background-color: thistle;
}
/* End hide empty Tour Block containers */

/* Sign-up form on path-newsletter-signup page */
.path-newsletter-signup form#mailchimp-signup-subscribe-page-newsletter-form::before {
    content: "Before you book";
    display: block;
    color: #222;
    font-family: NewParisSkylineBold,HelveticaNeue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -1px;
    margin: 0 0 0.5em;
    width: auto;
}
.path-newsletter-signup form#mailchimp-signup-subscribe-page-newsletter-form {
  margin-inline: auto;
  margin-block: 20px;
  padding: 25px;
  max-width: 640px;
  text-align: left;
  background-color: #f3f2eb;
  border-radius: 20px;
  border: 2px solid hsl(53, 25%, 70%);
}
.path-newsletter-signup .region.region-highlighted {
    margin-top: 100px;
}
/* End Sign-up form on path-newsletter-signup page */
/* Before After Image skew fix */
.field_before_after img {
  max-width: none;
}
/* End Before After Image skew fix */
/* What's on footer gap fix */
.path-whats-on .view-whats-on.view-display-id-page_1 {
  padding-bottom: 0;
}
/* End footer gap fix */

.main-sidebar .logo-wall .image-link-wrapper {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    max-width: 125px;
}

/* Cast Sheet */
.view-full-cast {
  max-width: 766px;
  margin-inline: auto;
}
.view-full-cast table {
  width: 100%;
}
.view-full-cast tbody th,
.castList tbody th,
.view-full-cast thead th,
.castList thead th {
  vertical-align: top;
  text-align: left;
  /*padding-top: 1.25em;*/
}
.view-full-cast tbody th,
.view-full-cast tbody td {
  width: auto;
  border-bottom: 1px solid #eee
}
.view-full-cast tbody th {
  max-width: 20ch;
}
.view-full-cast thead td,
.view-full-cast thead th,
.castList thead td,
.castList thead th {
  background-color: #eee;
  overflow: hidden;
}
.view-full-cast thead tr th:first-child {
  border-top-left-radius: 0.4em;
  min-width: 12ch;
}
.view-full-cast thead tr th:last-child {
  border-top-right-radius: 0.4em;
}
.view-full-cast thead td,
.view-full-cast thead th,
.view-full-cast tbody td,
.view-full-cast tbody th {
  vertical-align: top;
  padding: 0.2em 0.3em;
}
.view-full-cast tbody tr:nth-child(even) td,
.view-full-cast tbody tr:nth-child(even) th {
    background-color: #f8f8f8;
}
.view-type-full_cast .viewsreference--view-title,
.view-full-cast h2.h2 {
  display: none;
}
.view-full-cast h4 {
  margin: 0.75em 0 0.5em 0.1em;
}
.view-full-cast select {
    display: block;
    padding: 12px 20px;
    padding-right: 60px;
    width: 300px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(/themes/custom/creode/images/icons/chevron-grey.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 20px top 50%,0 0;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 20px;
}
@media(min-width: 920px) {
  .view-full-cast .card--grid-item {
    max-width:50%;
  }
}
body[class*=path-digital-dance] .card__link:hover,
body[class*=path-digital-dance] .card__title-link:hover {
    color: #fff !important;
}
body[class*=path-digital-dance] .card__link::after {
  border-bottom: solid 2px #fff;
}
body[class*=path-digital-dance] .referenced-item-grid .field_items .card__body {
  color: #bbb;
}
/* Live/Recorced Music */
.recordedMusic::before {
  content: url(/modules/custom/spektrix_nb/libraries/assets/disc.svg);
  vertical-align: middle;
  padding-right: 0.5em;
}
.recordedMusic {
  /*display: none;*/
}
.liveMusic::before {
  content: url(/modules/custom/spektrix_nb/libraries/assets/music.svg);
  vertical-align: middle;
  padding-right: 0.5em;
}
.liveMusic {
 /* display: none;*/
}
/* End Live/Recorced Music */

/* Meal deal take over of Characters on Production Pages */
.type-production .character-grid .field_characters .card {
  flex-basis: calc(50% - 2em);
  margin-inline: 1em;
  padding-bottom: inherit;
  border-radius: 0.5em;
  border: 1px solid #ebebeb;
  box-shadow: rgba(0,0,0,0.25) 2px 2px 4px;
}
.type-production .character-grid.paragraph-component::before {
  content: "Cafe Menu";
  
  display: block;
  color: #222;
  font-family: NewParisSkylineBold,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -1px;
  margin: 0 0 0.5em;
  width: auto;
}
/* End Meal deal take over */

.card--grid-item .card--offers .card__body::before{content:'';}
.card--grid-item .card--offers.card--patron .card__body::before{content:'';}

.card__img .img__overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 40%);
}

.patronsArea, .notPatronsArea {
  display: none;
}


#block-cookiesui {
}
#cookiesjsr {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0,0,0,0.3);
  display: none;
}
#cookiesjsr:has(.cookiesjsr-btn) {
  display:block;
}
.cookiesjsr--app {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 600px;
  transform: translate(-50%,-50%);
  background: #eb5e57;
  text-align: left;
  padding: 2.5rem;
  
  max-height: 100%;
  overflow-y: auto;
}
.cookiesjsr--app h3,
.cookiesjsr--app a,
.cookiesjsr--app a:visited,
.cookiesjsr--app a:hover {
  color: #fff;
}
.cookiesjsr--app button:not(.cookiesjsr-settings):not(.cookiesjsr-service-group--tab):not(.cookiesjsr-layer--close):not(.save),
.cookiesjsr-btn:not(.cookiesjsr-settings):not(.cookiesjsr-service-group--tab):not(.cookiesjsr-layer--close):not(.save) {
  border: 1px solid #222;
  border-color: #fff;
  border-radius: 0.5em;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: background .4s ease-in-out, color .4s ease-out;
  transition: background .4s ease-in-out, color .4s ease-out;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-left: 0;
  border: 0;
  font-size: 1.25em;
  font-weight: 30px;
  
  color: #eb5e57; 
  background: #fff;
  font-weight: bold;
  margin: 10px;
  padding: 1em 2em;
  border-style: none;
}
.cookiesjsr--app button:not(.cookiesjsr-settings):not(.cookiesjsr-service-group--tab):not(.cookiesjsr-layer--close):not(.save):hover,
.cookiesjsr-btn:not(.cookiesjsr-settings):not(.cookiesjsr-service-group--tab):not(.cookiesjsr-layer--close):not(.save):hover {
  background: #eb5e57; 
  color: #fff;
}
.cookiesjsr--app button.cookiesjsr-layer--close,
.cookiesjsr-btn.save,
.cookiesjsr-btn.cookiesjsr-settings {
  color: #eb5e57; 
  background: #fff;
  font-weight: bold;
  margin: 10px;
  padding: 0.7em 1.5em;
  border: 1px solid #fff;
}
.cookiesjsr--app button.cookiesjsr-layer--close {
  color: #fff;
  background: #eb5e57;
  padding: 0.5em 1em;
  font-size: 0.9em
}
.cookiesjsr--app button.cookiesjsr-layer--close:hover {
  color: #eb5e57;
  background: #fff;
}
.cookiesjsr--app button.cookiesjsr-service-group--tab {
  border-style: none;
  background: transparent;
  font-weight: bold;
  font-size: 1.6em;
  line-height: 1.75em;
  margin-bottom: 0.5em
}
.cookiesjsr--app button.cookiesjsr-service-group--tab::after {
  display: block;
  content: '';
  border-bottom: solid 1px #ffffff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  margin-bottom: -2px;
}

.cookiesjsr--app button.cookiesjsr-service-group--tab:hover::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.cookiesjsr--app button:hover,
.cookiesjsr-btn:hover {
  background: #eb5e57; 
  color: #fff;
}
.cookiesjsr--app h3 {
  font-size: 1.3em;
}
.cookiesjsr-service--action .cookiesjsr-switch::after {
  content: "Allow";
  margin-left: .5rem;
}


.checkboxes--wrapper .form-item--checkboxes .form-item{
  margin-left:0;max-width:none
}
.checkboxes--wrapper .form-item--checkboxes .form-checkbox.used~label,.checkboxes--wrapper .form-item--checkboxes .form-checkbox:focus~label{
  top:auto;font-size:14px
}

.cookiesjsr-service--description ul.cookiesjsr-service--links {
  display: none;
}

#block-expression2024info--2 a,
#block-expression2024info a {
  color: #fff;
}
#block-expression2024info--2 a::after,
#block-expression2024info a::after {
  border-color: #fff;
}
#block-expression2024info--2,
#block-expression2024info {
  border: 1px solid #ebebeb;
  border-radius: 5px;
  background-color: #eb5e57;
  color: #fff;
  padding: 30px;
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 40px;
  margin-inline: 15px;
  height: 100%;
}

/* Buttons */
.button.nbLilac {
  background-color: hsl(259, 91%, 64%);
  color: #fff;
  border-color: hsl(259, 91%, 64%);
  font-weight: bold;
  letter-spacing: 0.025rem;
  font-family: NewParisSkylineBold,HelveticaNeue,Helvetica,Arial,sans-serif;
  font-size: 1.15em;
}
a.button.nbLilac:hover {
  border-color: hsl(259, 91%, 64%);
}

/* -- Spektrix Membership -- */
.spektrixBenefactor,
.spektrixPatron,
.spektrixStaff {
  display: none;
}
.spektrixBenefactor.active,
.spektrixPatron.active,
.spektrixStaff.active {
  display: block;
}
/* -- End Spektrix Membership -- */

/*-- Tour Accessibility Icons --*/
.nb__tour__icons {
  height: 26px;
  position: absolute;
  top: 30px;
  right: 30px;
}
.nb__tour__rp {
  width: 26px;
  height: 26px;
  margin-left: 6px;
  background: url(/themes/custom/creode/images/icons/RP.png) top right;
  text-indent: -9999px;
  display: inline-block;
}
.nb__tour__ad {
  display: inline-block;
}
.nb__tour__ad a {
  width: 26px;
  height: 26px;
  margin-left: 6px;
  background: url(/themes/custom/creode/images/icons/AD.png) top right;
  text-indent: -9999px;
  display: inline-block;
}
/*-- End Tour Accessibility Icons --*/


/* Development Inside Styles */
.path-support-us-insider .view-type-whats_on .viewsreference--view-title {
    color: #222;
    font-family: NewParisSkylineBold, HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -1px;
    margin: 0 0 .5em;
    width: auto;
    margin-bottom: 60px;
}

/* Footer National Funder Icons Override */
body .footer .footer--inner .region-footer-6 .image-link-inner .image-link-wrapper {
  padding: 15px 12px
}
body .footer .footer--inner .region-footer-6 .image-link-inner .image-link-wrapper img {
  max-height: 35px
}

.blocks.paragraph-component .block h2.h2 {
  margin-top: 1.rem;
  text-align: center;
}

/* What's on production page footer */
#block-views-block-whats-on-block-1,
#block-views-block-whats-on-block-1-2,
#block-views-block-whats-on-block-10 {
    background-color: #f6f4ee;
    padding-left: 100%;
    margin-left: -100%;
    padding-right: 100%;
    margin-right: -100%;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 0;
}

/*-- Start Continue Listings --*/
.view-id-listing_dates .view-content .grid {
  gap: 1.5em;
  margin-top: 2em;
  margin-inline: 0;
}
.view-type-listing_dates .viewsreference--view-title {
  margin-bottom: .5em;
}
.view-type-listing_dates .view-listing-dates h2 {
  font-size: 30px;
  line-height: 40px;
}
.view-type-listing_dates .view-listing-dates .view-grouping-content {
  position: relative;
}
.view-type-listing_dates .view-listing-dates .view-grouping h3::before {
  display: inline-block;
  margin-right: 1em;
  width: 25px;
  height: 25px;
  position: absolute;
  left: -30px;
  top: 15px;
  transform: translateY(-50%);
  content: url(/modules/custom/spektrix_nb/libraries/assets/map-pin.svg);
}
.view-type-listing_dates .view-listing-dates .view-grouping {
  margin-bottom: 2em;
}
.view-type-listing_dates .featured--block {
  padding-top: 3em;
  padding-bottom: 3em;
}
@media(max-width:1400px) {
  .view-type-listing_dates {
    margin-inline: 3em;
  }
}
/*--  End Continue Listings  --*/

/*-- Start scale hover lists --*/
.card .card__img,
.card .card__img picture {
  overflow: hidden;
}
.card .card__img img {
  transition: all .4s ease-in-out;
}
.card:hover .card__img img {
  transform: scale(1.1);
  transition: all .2s ease-in-out;
}
/*-- End Scale hover --*/

/*-- Header Shenanigans --*/
/*.hero-banner .shift_down_header picture.image::after {
  background: linear-gradient(0deg, rgba(34,34,34,0.3) 0%, rgba(34,34,34,0.3) 25%, rgba(34,34,34,0) 60%);
}
.type-production .hero-banner__img:not(.nograd) picture.image::after {
  background: linear-gradient(0deg, rgba(34,34,34,0) 25%, rgba(34,34,34,0.3) 45%, rgba(34,34,34,0.3) 55%, rgba(34,34,34,0) 75%);
}*/
/*-- Header Shenanigans --*/
.hero-banner .shift_down_header picture.image::after,
.type-production .hero-banner__img:not(.nograd) picture.image::after,
.slide-item__img .img__overlay,
.region-header-image .hero-banner picture.image::after,
.views-row .hero-banner picture.image::after {
  background-color: transparent; 
}

.region-header-image .view-hero-slider .slide-item__copy,
.region-header-image .hero-banner .hero-banner__copy,
.type-production .hero-banner .hero-banner__copy,
.views-row .hero-banner .hero-banner__copy {
  text-shadow: 0 0 50px black, 0 0 20px rgba(0,0,0,0.5);
}
.slide-item .slide-item__copy .slide-item__button:visited,
.slide-item .slide-item__copy .slide-item__button,
.views-row .hero-banner .hero-banner__link:visited,
.views-row .hero-banner .hero-banner__link {
  text-shadow: none;
  background: white;
  color: #333;
}
.views-row .hero-banner .hero-banner__link:hover,
.slide-item .slide-item__copy .slide-item__button:hover {
  border-color: #333;
  background-color: #333;
  color: #fff;
}
.slide-item .slide-item__copy .slide-item__button:hover::before {
  background-color: #333;
}
/*-- end Header Shenanigans --*/

/*-- Start Access Info --*/
.infoCard {
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  gap: 1rem;
}
.infoCard .infoIcon {
  min-width: 100px;
  width: 100px;
  height: 100px;
  margin-right: 25px;
  background-image: url('/sites/default/files/icons/icon-AD-250.jpg');
  background-size: cover;
}
.infoCard .infoIcon.RP {
  background-image: url('/sites/default/files/icons/icon-RP-250.jpg');
}
.infoCard .infoText h2 {
  font-size: 2rem;
  line-height: 2.5rem;
}
@media(max-width: 480px) {
  .infoCard {
    display: block;
  }
  .infoCard .infoIcon {
    margin-inline:auto;
  }
}
.infoCard .button.pale-blue,
.infoCard .button.dark-blue,
.infoCard .button.turquoise,
.infoCard .button.pale-gold,
.infoCard .button.dark-gold,
.infoCard .button.red,
.infoCard .button.dark-red {
  font-weight: normal;
}
/*-- End Access Info --*/

/* Custom Relaxed PErformances List */
.view-type-relaxed_performances.paragraph-component .grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
}
.view-type-relaxed_performances.paragraph-component {
  max-width: 960px;
  margin-inline: auto;
}
.view-type-relaxed_performances.paragraph-component .card--grid-item {
  width: calc(50% - 1.25rem + 2px);
  padding: 1em 2em;
  border: silver 1px solid;
  border-radius: 0.75em;
  text-align: center;
}
@media(max-width:640px){
  .view-type-relaxed_performances.paragraph-component .card--grid-item {
    width: 100%;
    padding: 1em 2em;
    border: silver 1px solid;
    border-radius: 0.75em;
  }
}

/* Production PAges Award Wall */
.production-content .awards-wall .image-link-wrapper {
  max-width: 300px;
}
.production-content .awards-wall .field_title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

/* Musicians Listing */
.views-field-field-music-players {
  margin-block: 2rem;
}
/* Reduced H2 */
h2.asH4 {
   letter-spacing:inherit;
   font-family:GraphikMedium,HelveticaNeue,Helvetica,Arial,sans-serif;
   font-size:20px;
   line-height:30px;
   font-weight:400
}

/* PRoportional YouTube iFrame */
.cont {
   /* 16/9 default */
   position: relative;
   overflow: hidden;
   width: 100%;
   padding-top: 56.25%;
}
.cont43 {
   padding-top: 75%;
}
.cont iframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
}

/* Start Infographic */
.infographic-container {
            --pCol: #009fe3;
            --pColRed: #eb5e57;
            --pColDarkRed: #e32b36;
            --pColLilac: hsl(259, 91%, 64%);
            --pColBlue: #71b7e6;
            --pColDarkBlue: #00529d;
            --pColTurquoise: #89cbC9;
            --pColGold: #e2b027;
            --pColDarkGold: #5e470a;
            
            max-width: 960px;
            padding-inline: 10px;
            width: 100%;
            margin-inline: auto;
            position: relative;
        }

        .timeline {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0;
            margin: 0 auto;
        }

        .step-wrapper {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .step-box {
            max-width: 800px;
            background: white;
            color: var(--pCol);
            border: 3px solid var(--pCol);
            padding: 0.5em 1.5em 1em;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
            position: relative;
            z-index: 1;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            width: 100%;
            margin-left: 0;
            align-self: flex-start;
            min-height: 10ch;
            display: flex;
            flex-direction: row;
            gap: 2em;
        }
        .prime.step-box {
            display: block;
        }
        .column.step-box {
            flex-direction: column;
        }
        .step-colour-red .step-box {
            color: var(--pColRed);
            border: 3px solid var(--pColRed);
        }
        .step-colour-dark-red .step-box {
            color: var(--pColDarkRed);
            border: 3px solid var(--pColDarkRed);
        }
        .step-colour-pale-blue .step-box {
            color: var(--pColBlue);
            border: 3px solid var(--pColBlue);
        }
        .step-colour-dark-blue .step-box {
            color: var(--pColDarkBlue);
            border: 3px solid var(--pColDarkBlue);
        }
        .step-colour-turquoise .step-box {
            color: var(--pColTurquoise);
            border: 3px solid var(--pColTurquoise);
        }
        .step-colour-pale-gold .step-box {
            color: var(--pColGold);
            border: 3px solid var(--pColGold);
        }
        .step-colour-dark-gold .step-box {
            color: var(--pColDarkGold);
            border: 3px solid var(--pColDarkGold);
        }
        .step-colour-lilac .step-box {
            color: var(--pColLilac);
            border: 3px solid var(--pColLilac);
        }
        .step-box.Medium {
            max-width: 600px;
        }
        .step-box.Small {
            max-width: 500px;
        }
        
        .step-wrapper.prime .step-box {
            background: var(--pCol);
        }
        .step-colour-red .step-wrapper.prime .step-box {
            background: var(--pColRed);
        }
        .step-colour-dark-red .step-wrapper.prime .step-box {
            background: var(--pColDarkRed);
        }
        .step-colour-pale-blue .step-wrapper.prime .step-box {
            background: var(--pColBlue);
        }
        .step-colour-dark-blue .step-wrapper.prime .step-box {
            background: var(--pColDarkBlue);
        }
        .step-colour-turquoise .step-wrapper.prime .step-box {
            background: var(--pColTurquoise);
        }
        .step-colour-pale-gold .step-wrapper.prime .step-box {
            background: var(--pColGold);
        }
        .step-colour-dark-gold .step-wrapper.prime .step-box {
            background: var(--pColDarkGold);
        }
        .step-colour-lilac .step-wrapper.prime .step-box {
            background: var(--pColLilac);
        }
        
        .step-wrapper:nth-child(even) .step-box {
            align-self: flex-end;
        }
        .step-pos-Centre .step-wrapper:nth-child(even) .step-box,
        .step-pos-Centre .step-wrapper .step-box {
            align-self: center;
            margin-inline: auto;
        }


        .step-number {
            color: var(--pCol);
            font-family:  NewParisSkylineBold, HelveticaNeue, Helvetica, Arial, sans-serif;
            font-weight: 400;
            font-size: 10ch;
            line-height: 1.1em;
            flex-shrink: 4; 
        }
        .step-colour-red .step-number {
            color: var(--pColRed);
        }
        .step-colour-dark-red .step-number {
            color: var(--pColDarkRed);
        }
        .step-colour-pale-blue .step-number {
            color: var(--pColBlue);
        }
        .step-colour-dark-blue .step-number {
            color: var(--pColDarkBlue);
        }
        .step-colour-turquoise .step-number {
            color: var(--pColTurquoise);
        }
        .step-colour-pale-gold .step-number {
            color: var(--pColGold);
        }
        .step-colour-dark-gold .step-number {
            color: var(--pColDarkGold);
        }
        .step-colour-lilac .step-number {
            color: var(--pColLilac);
        }
        
        .stepFlex {
            flex-grow: 1;
            align-self: center;
        }

        .step-title {
            font-family:  NewParisSkylineBold, HelveticaNeue, Helvetica, Arial, sans-serif;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-size: 2em;
            line-height: 1em;
            font-weight: bold;
            margin-bottom: 10px;
            text-align: center;
        }
        
        .step-wrapper.prime .step-title {
            font-size: 3em;
        }

        .step-description {
            font-size: 1em;
            line-height: 1.25em;
            text-align: center;
            margin-inline: auto;
        }
        .step-wrapper.prime .step-description {
            font-size: 1.5em;
            line-height: 1.525em;
        }
        
        .step-wrapper.prime .step-box .step-title,
        .step-wrapper.prime .step-box .step-description {
            color: white;
        }
        
        .step-description .bigNumber {
            font-family:  NewParisSkylineBold, HelveticaNeue, Helvetica, Arial, sans-serif;
            font-weight: 400;
            font-size: 3em;
            line-height: 1.125em;
            letter-spacing: 0.05em;
            margin-bottom: 0.125em
        }

        .step-description .smallText {
            font-family:  NewParisSkylineBold, HelveticaNeue, Helvetica, Arial, sans-serif;
            letter-spacing: 0.05em;
            font-weight: 400;
            text-transform: uppercase;
            margin-bottom: 0.125em
        }
        
        .step-wrapper.prime ~ .step-wrapper {
           margin-top: -10px;
        }

        .connector {
            width: 3px;
            height: 60px;
            background: var(--pCol);
            background: linear-gradient(0deg,var(--pCol) 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 15%, var(--pCol) 15%, var(--pCol) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 30%, var(--pCol) 30%, var(--pCol) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 45%, var(--pCol) 45%, var(--pCol) 55%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 60%, var(--pCol) 60%, var(--pCol) 70%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 75%, var(--pCol) 75%, var(--pCol) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 90%, var(--pCol) 90%);
            margin: 0;
        }
        .step-colour-red .connector {
            background: var(--pColRed);
            background: linear-gradient(0deg,var(--pColRed) 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 15%, var(--pColRed) 15%, var(--pColRed) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 30%, var(--pColRed) 30%, var(--pColRed) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 45%, var(--pColRed) 45%, var(--pColRed) 55%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 60%, var(--pColRed) 60%, var(--pColRed) 70%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 75%, var(--pColRed) 75%, var(--pColRed) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 90%, var(--pColRed) 90%);
        }
        .step-colour-dark-red .connector {
            background: var(--pColDarkRed);
            background: linear-gradient(0deg,var(--pColDarkRed) 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 15%, var(--pColDarkRed) 15%, var(--pColDarkRed) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 30%, var(--pColDarkRed) 30%, var(--pColDarkRed) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 45%, var(--pColDarkRed) 45%, var(--pColDarkRed) 55%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 60%, var(--pColDarkRed) 60%, var(--pColDarkRed) 70%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 75%, var(--pColDarkRed) 75%, var(--pColDarkRed) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 90%, var(--pColDarkRed) 90%);
        }
        .step-colour-pale-blue .connector {
            background: var(--pColBlue);
            background: linear-gradient(0deg,var(--pColBlue) 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 15%, var(--pColBlue) 15%, var(--pColBlue) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 30%, var(--pColBlue) 30%, var(--pColBlue) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 45%, var(--pColBlue) 45%, var(--pColBlue) 55%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 60%, var(--pColBlue) 60%, var(--pColBlue) 70%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 75%, var(--pColBlue) 75%, var(--pColBlue) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 90%, var(--pColBlue) 90%);
        }
        .step-colour-dark-blue .connector {
            background: var(--pColDarkBlue);
            background: linear-gradient(0deg,var(--pColDarkBlue) 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 15%, var(--pColDarkBlue) 15%, var(--pColDarkBlue) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 30%, var(--pColDarkBlue) 30%, var(--pColDarkBlue) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 45%, var(--pColDarkBlue) 45%, var(--pColDarkBlue) 55%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 60%, var(--pColDarkBlue) 60%, var(--pColDarkBlue) 70%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 75%, var(--pColDarkBlue) 75%, var(--pColDarkBlue) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 90%, var(--pColDarkBlue) 90%);
        }
        .step-colour-turquoise .connector {
            background: var(--pColTurquoise);
            background: linear-gradient(0deg,var(--pColTurquoise) 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 15%, var(--pColTurquoise) 15%, var(--pColTurquoise) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 30%, var(--pColTurquoise) 30%, var(--pColTurquoise) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 45%, var(--pColTurquoise) 45%, var(--pColTurquoise) 55%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 60%, var(--pColTurquoise) 60%, var(--pColTurquoise) 70%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 75%, var(--pColTurquoise) 75%, var(--pColTurquoise) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 90%, var(--pColTurquoise) 90%);
        }
        .step-colour-pale-gold .connector {
            background: var(--pColGold);
            background: linear-gradient(0deg,var(--pColGold) 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 15%, var(--pColGold) 15%, var(--pColGold) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 30%, var(--pColGold) 30%, var(--pColGold) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 45%, var(--pColGold) 45%, var(--pColGold) 55%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 60%, var(--pColGold) 60%, var(--pColGold) 70%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 75%, var(--pColGold) 75%, var(--pColGold) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 90%, var(--pColGold) 90%);
        }
        .step-colour-dark-gold .connector {
            background: var(--pColDarkGold);
            background: linear-gradient(0deg,var(--pColDarkGold) 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 15%, var(--pColDarkGold) 15%, var(--pColDarkGold) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 30%, var(--pColDarkGold) 30%, var(--pColDarkGold) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 45%, var(--pColDarkGold) 45%, var(--pColDarkGold) 55%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 60%, var(--pColDarkGold) 60%, var(--pColDarkGold) 70%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 75%, var(--pColDarkGold) 75%, var(--pColDarkGold) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 90%, var(--pColDarkGold) 90%);
        }
        .step-colour-lilac .connector {
            background: var(--pColLilac);
            background: linear-gradient(0deg,var(--pColLilac) 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 15%, var(--pColLilac) 15%, var(--pColLilac) 25%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 30%, var(--pColLilac) 30%, var(--pColLilac) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 45%, var(--pColLilac) 45%, var(--pColLilac) 55%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 60%, var(--pColLilac) 60%, var(--pColLilac) 70%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 75%, var(--pColLilac) 75%, var(--pColLilac) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 90%, var(--pColLilac) 90%);
        }

        @media (max-width: 800px) {
            .step-box,.step-box.medium,.step-box.small {
                max-width: none;
            }
        .connector {
            height: 30px;
        }
/* End infographic */