/* COLOURS */
/* black #111111 */
/* red #d21600 */

@charset "UTF-8";

/* the Dymo font is hosted locally, Neue Haas Unica fonts are in typekit, set in the custom header code in Elementor */

@font-face {
font-family: "Dymo";
src: url("https://other.mystagingwebsite.com/wp-content/themes/fonts/Dymo.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}

/* WORK IN PROGRESS */



/* END OF WORK IN PROGRESS */

/* HOME CAROUSEL */

/* show image */
.home-carousel-wrapper {width: 100% !important; overflow: hidden !important; position: absolute; top:0;}

/* container for the text for each show */
.home-carousel {position: absolute !important; left: -16px; bottom: 8px !important; width: 100% !important; padding-left: 1.5vw; padding-right: 1.5vw; color: #ffffffcc;}

/* the window for the image in the background of each show */
.home-carousel-wrapper__background {position: relative; width: 100%; height: 500px; background-size: cover; background-repeat: no-repeat; background-position: 50% 40% !important;	transform: scale(1); transform-origin: 50% 90%; animation-name: background-scale; animation-duration: 4.5s; animation-fill-mode: forwards; animation-timing-function: ease-out;}

@keyframes background-scale {
	0% {transform: scale(1); opacity: 0;}
	15% {opacity: 1;}
	100% {transform: scale(1.07);}
}

/* pause animation control */
div.slideshow-paused .home-carousel-wrapper__background {animation-play-state: paused;}

/* Carousel on desktop */

@media screen and (min-width: 1024px) {
    .carousel-column {min-width: 600px;}
	.home-carousel {padding-bottom: 16px !important;}
}


/* The type from top to bottom */

/* genre */
.home-carousel__genre {display: none;}

/*{font-size: *0.8rem !important; display:inline; padding: 12px 14px; background-color: #ffffffee; font-size: 1rem; text-transform: uppercase;letter-spacing: 2px; animation-name: genre; animation-duration: 1.2s; position: relative; animation-timing-function: ease-in-out; top: -12px;}*/

.home-carousel__genre a, .home-carousel__tickets a {font-weight: 900;color: #212121;}

.home-carousel__genre a:nth-of-type(n+2):before {content: ", ";}

@keyframes genre {
	0% {opacity: 0; top: 30px;}
	100% {opacity: 1; top: -12px;}
}

.home-carousel__genre:hover {cursor: pointer; border: 4px solid #ffffff11; left: -4px;}


/* title */
.home-carousel__title a {font-weight: 300;color: #ffffffcc; max-width: 450px; display: block; background-color: #111213ee; padding: 6px 8px; font-size: 2.5rem; line-height: 2.5rem; margin-top: 8px; animation-name: title; animation-duration: 1.2s; position: relative; animation-timing-function: ease-in-out;}

@keyframes title {
	0% {opacity: 0; top: 50px;}
	100% {opacity: 1; top: 0px;}
}

.home-carousel__title a:hover {color: #ffffff; cursor: pointer; text-decoration: underline; text-decoration-color: #ffffff22;}

.home-carousel__title a > span {display: inline-block; font-weight: 400; font-size: 1rem; letter-spacing: 0.8px; line-height: 1rem; white-space: nowrap; margin-left: -6px;}

.home-carousel__title a > span:before {content: " "; padding-right: 8px;}

/* extract */
.home-carousel__extract {max-width: 450px; display: block; background-color: #fffffffc; color: #323334; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.5px; padding: 7px 12px; margin-bottom: 10px;animation-name: extract; animation-duration: 1.2s; position: relative; animation-timing-function: ease-in-out;}

@keyframes extract {
	0% {opacity: 0; top: 70px;}
	100% {opacity: 1; top: 0px;}
}

/* tickets button */
/* What's on Main Theatre show */
.home-carousel__tickets {font-size: 0.8rem !important; display:inline; padding: 12px 14px; background-color: #ffffffee; font-size: 1rem; text-transform: uppercase;letter-spacing: 2px;animation-name: tickets; animation-duration: 1.2s; position: relative; top: -8px; animation-timing-function: ease-in-out;}

.home-carousel__tickets:hover {border: 4px solid #ffffff11; left: -4px;}

@keyframes tickets {
	0% {opacity: 0; top: 20px;}
	100% {opacity: 1; top: -10px;}
}

/* pause button (requires font awesome) */
.home-carousel__pause {display: inline;}

.home-carousel__pause i {font-size: 2rem; position: relative; left: 8px; top: -10px;animation-name: pause; animation-duration: 1.2s; position: relative; top: -4px; animation-timing-function: ease-in-out;}

.home-carousel__pause i:hover {color: #ffffff;}

.home-carousel__pause i:hover:after,.fas.fa-pause-circle:hover:after {content: "pause"; font-family: "neue-haas-unica" !important; font-size: 1.2rem; position: relative; bottom: 8px; left: 8px;}

.home-carousel__pause i.fa-play-circle:hover:after {content: "play"; font-family: 'neue-haas-unica' !important;}


@keyframes pause {
	0% {opacity: 0; top: 26px;}
	100% {opacity: 1; top: -4px;}
}

/* Carousel on really wide desktop */

@media screen and (min-width: 1800px) {
	.carousel-column {max-width: 1100px;}
}


/* Carousel on TABLET */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	
  .carousel-column {position: relative; width: 100%; height: calc(100vh - 300px);}
	.home-carousel {padding-bottom: 16px; padding-left: 20px}

	.home-carousel-wrapper {height: 500px !important; top: -224px}
	
	/* the window for the image in the background of each show */
	.home-carousel-wrapper__background {height: 320px !important; padding-top: 0}
	
}


/* CAROUSEL on MOBILE */

@media screen and (max-width: 767px) {
	
	
	/* the studio intro */
	.live-at-the-studio {height: 150px; max-height: 150px; display: block !important; position: absolute}
	
	
	/* the show image */
	.home-carousel-wrapper {width: 100% !important;  height: 450px; padding-left: 0px; }
	
	
	/* the window for the image in the background of each show */
	.home-carousel-wrapper__background {height: 300px !important; width: calc(100vw - 32px)}
	
	/* container for the text for each show */
.home-carousel {position: relative; left: 0}


.home-carousel {padding-right: 16px; padding-left: 16px;}
		
	.carousel-column {width: 100vw; min-width: 60px !important; height: 470px !important; margin-bottom: 25vh !important;}
	
	
	/* the type */
.home-carousel__title a {font-size: 2.6rem !important; line-height: 2.8rem !important;}

	.home-carousel__extract {font-size: 1.2rem !important; line-height: 1.5rem !important}
	
	.home-carousel__title a > span:before {padding-right: 4px !important;}
	
}

img.swiper-slide-image {margin-bottom: -10px !important;}

div.elementor-message.elementor-message-success:before {display: none;}


/* SEARCH RESULTS */
div.elementor-post__text > div > p:after {content: "…";}
span.elementor-post-date {font-family: neue-haas-unica !important; letter-spacing: 0.5px;}


/* news listings */
.news-listings h2.elementor-post__title a, h2.elementor-post__title a {font-size: 1.6rem; font-weight: 200;color: #212121 !important; line-height: 2.2rem}

.news-listings h2.elementor-post__title a:hover, h2.elementor-post__title a:hover {color: #d21600 !important;}

.news-listings .elementor-post__read-more {color: #d21600cc!important; border-bottom: 1px solid #d2160066;}

.news-listings .elementor-post__read-more:hover {color: #d21600!important; border-bottom: 1px solid #d21600;}

figcaption {padding: 12px 8px 0 8px !important; font-size: 0.85rem !important; letter-spacing: 0.2px;}

/* make the spektrix keep alive iframe disappear */
iframe[src="https://tickets.theotherpalace.co.uk/theotherpalace/website/keepalive.aspx"] {height: 0;}

.site-footer {margin-bottom: -24px !important;}


/* ROOT FONT SIZES */

/* desktop */
html {font-size: 16px;}

/* tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html {font-size: 14px;}
}

/* mobile */
@media only screen and (max-width: 767px) {
  html {font-size: 12px;}
}

/* PAGE HEIGHT */
@media screen and (min-width: 768px) {
	#page, .page-body {min-height: calc(100vh - 620px) !important;}
}

/* MAX WIDTH OF PAGE */
body {background-color: #111111;}

@media screen and (min-width: 1920px) {	
	body {padding-left: calc((100vw - 1920px) / 2); padding-right: calc((100vw - 1920px) / 2);}
}

/* GENERAL TYPOGRAPHY */

body, p {font-family: "neue-haas-unica", sans-serif; font-weight: 400;}

.body-copy p {font-family: "neue-haas-unica", sans-serif; color: #212121; letter-spacing: 0.3px; margin-bottom: 1rem;}

h1 {font-weight: 200 !important; margin-bottom: 0;}

.body-copy h2 {font-weight: 400; font-size: 1.8rem; margin-bottom: 12px;}

.body-copy h3 {font-size: 3rem; line-height: 1.8rem; letter-spacing: -.5px; transform: rotate(-1deg);}

.body-copy h4 {margin-top: 24px; margin-bottom: 8px; font-weight: 600; color: #212121 !important;}

.body-copy strong {font-weight: 600;}

.body-copy ul, .body-copy ul a, .cta-text ul {list-style-type: square; margin-left: 24px;}

.cta-text ul {margin-top: 32px;}

.e-form__buttons > button {margin: 2px; border: none; border-radius: 5px !important; padding: 16px !important; background-color: #d21600 !important; text-transform: uppercase; font-weight: 800; font-family: "neue-haas-unica"; letter-spacing: 1px;}

.e-form__buttons > button:hover {margin: 0 !important; padding: 18px !important;}

.e-form__buttons > button span {color: #ffffffdd;}

.e-form__buttons > button span:hover {color: #ffffff;}


/* body plain text links */
.body-copy a, a.fts-powered-by-text {color: #d21600ee; border-bottom: 1px solid #d2160044;}

.body-copy a:hover, a.fts-powered-by-text:hover {color: #d21600; border-bottom: 1px solid #d21600; position: relative; top:-1px;}

/* button-style links */
.white-on-black-links a {display: inline-block; background-color: #212121ee !important; padding: 12px 20px; text-transform: uppercase; font-size: 0.8rem;font-weight: 900; letter-spacing: 1px; color: #ffffffee; margin: 0px 4px; position: relative; left: -4px; top: -1px; border-bottom: none;}

.white-on-black-links a:hover {margin: -4px 0; border: 4px solid #000000; background-color: #000000 !important; color: #ffffff;}


/* CALLS TO ACTION */

/* html within Heathers section makes the whole section clickable, this shows it is clickable by changing the mouse on hover */

.clickable:hover {cursor:pointer;}

/* home page */
.cta-left {overflow: hidden; max-height: 768px;}
.cta-heathers {overflow: hidden;}

/* make images visible on mobile */
@media screen and (max-width: 767px) {
	.cta-image-column, .cta-image-column-wider {height: 69vw !important;}
}

@media screen and (min-width: 768px) {
	.cta-image-column {width: 58vw !important; height: 40.2vw !important;}
	.cta-image-column-wider {height: 30vw !important; max-height: 450px;}
	.cta-image-column-super-wide {width: 90vw !important; height: 30vw !important; max-height: 500px;}
}

/* rotate on tablet and up */
@media screen and (min-width: 768px) {
.cta-red-column {transform: rotate(-3deg) scale(1.15); transition: transform 0.5s;}

	.cta-red-column.cta-right {transform: rotate(-3deg) scale(1.15) translateX(10px);}
	
	.cta-left.cta-black {transform: scale(1.06) translateX(-10px); transition: transform 0.5s;}
	
		.cta-right.cta-black {transform: scale(1.06) translateX(10px); transition: transform 0.5s;}
	
}
@media screen and (max-width: 767px) {
.cta-red-column, .cta-red-column.cta-right {transform: rotate(0); scale: 1;}
}

/* move columns on hover */
@media screen and (min-width: 768px) {
.cta-red-column.cta-left:hover {transform: rotate(-3deg) scale(1.15) translateX(10px);}

.cta-red-column.cta-right:hover {transform: rotate(-3deg) scale(1.15) translateX(0);}

.cta-left.cta-black:hover, .cta-right.cta-black:hover {transform: scale(1.06) translateX(0);}

.cta-left.move-on-hover {transform: scale(1.06) translateX(0); transition: transform 0.5s;}
	
.cta-left.move-on-hover:hover {transform: scale(1.06) translateX(10px); transition: transform 0.5s;}
	
}

/* CTA text */
.cta-text {color: #ffffffee;}
.cta-text p {padding-bottom: 5px;}
.cta-text h1 {margin-bottom: 5px;}
.cta-text h3 {font-size: 1.4rem; margin-top: 16px; margin-bottom: 8px;

}

/* CTA black on white links */
.cta-text p {display: block; margin-bottom: 0;}
.cta-text a {display: inline-block; background-color: #ffffffee !important; padding: 12px 20px; text-transform: uppercase; font-size: 0.8rem;font-weight: 900; letter-spacing: 1px; color: #212121; margin: 16px 4px; position: relative; left: -4px;}

.cta-text a:hover {background-color: #ffffff !important; border: 4px solid #ffffff; margin: 12px 0;}

/* CTA white headings in DYMO */
.cta-text h3 strong {font-family: "Dymo"; font-weight: 500; font-size: 3.2rem !important; color: black; background-color: #ffffff; line-height: 1.8rem; display: inline-block; mix-blend-mode: screen;}


/* CONTENT PAGES */

.alt-sub-head h2 {font-weight: 200; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #212121;}

/* CTA dark headings in DYMO */
.cta-text-dark h3 strong {font-family: "Dymo"; font-weight: 500; font-size: 3.2rem !important; color: #ffffff; background-color: #212121; line-height: 1.8rem; display: inline-block; mix-blend-mode: multiply;}


/* HEADER */

/* container size on tablet and mobile */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.header-container {height: 78px !important;}
}
	
/* logo positioning */

/* mobile */
@media screen and (max-width: 767px) {
.black-logo {left: 16px !important; top: 12px !important;}
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.black-logo {left: calc(50vw - 135px) !important; top: 16px !important;}
}
	
@media screen and (min-width: 1024px) {
	
	.header-logo-column {min-width: 318px !important}

	
/* search button */
	.elementor-search-form__toggle, 	.elementor-search-form__toggle:hover
	{position: relative; right: 16px; z-index: 2000}
}



/* MENU */

li.menu-item a:not(.menu-item-6174 a) {font-size: 1.35em; font-weight: 400 !important; letter-spacing: -0.5px; position: relative; top: -0.4rem;}

/* reduce the size of menu links on slightly narrower desktops */
@media screen and (min-width: 768px) and (max-width: 1200px) {
li.menu-item a:not(.menu-item-6174 a)  {font-size: 1.2rem !important;}
	#menu-1-65670cd > li a {font-size: 0.8rem !important;}
	
	li.menu-item:not(.menu-item-6174) {margin: 0 !important;}
	
}

/* if an item has children, hide the arrow */
	span.sub-arrow i {display: none !important; width: 0;}	
	
/* highlight 'book tickets' */
.menu-item-6174 {font-weight: 900 !important; background-color: #ffffff; /*position: relative; right: 16px; */border: 2px solid #111111 !important; margin-left: 8px !important;}
.menu-item-6174 a {color: #222324 !important; font-weight: 900 !important; text-transform: uppercase; font-size: 0.8rem !important; letter-spacing: 0.5px; padding: 6px 0 12px 12px !important; position: relative; top: 3px;}
.menu-item-6174:hover {border: 2px solid #ffffff!important;}


/* drop other menu items down a bit to match book tickets */
.menu-item:not(.menu-item-6174) {position: relative; top: 4px;}

#menu-1-65670cd > li a {top: 0px; padding-bottom: 2px; line-height: 0.7rem;}

/* hide underline on book tickets */
.current-menu-item.menu-item-6174 > a.elementor-item-active::after {border-bottom: 1px solid #111111;}

/* do the same on hover */
.menu-item-6174 a.elementor-item:after {display: none;}

/* basket and account links */
#spektrix-menu {width: auto; position: absolute; right: 60px;}

#spektrix-menu a {font-weight: 600 !important;}

/* MOBILE MENU */

.mobile-menu {position: relative; top: 4px;}


/* make the drop down list the full width of the screen */
.mobile-menu .elementor-nav-menu__container {width: 100vw!important;}

/* change the icons to font awesome
 *
.eicon-menu-bar:before {font-family: "Font Awesome 5 free"; content:"\f0c9";}

.elementor-menu-toggle.elementor-active .eicon-menu-bar:before {font-family: "Font Awesome 5 free"; content:"\f00d";}
*/

/* style the drop down menu */
.mobile-menu a {border-bottom: 1px solid #111111; font-size: 1.6rem; color: #111111 !important;}

.mobile-menu a:hover,.mobile-menu a.elementor-item-active {color: #ffffff !important; background-color: #111111 !important;}

.mobile-menu li a:hover {background-color: #111111 !important;}


/* Position the icons on tablet */

@media screen and (min-width: 768px) {	
	.mobile-menu {top: 15px;} 
}

/* FOOTER MENU */
.sitewide-footer p, .sitewide-footer h5, .footer-menu a {color: #ffffffdd !important;}
.footer-menu {margin-bottom: 40px;}
.footer-menu li {margin: 0 !important;}
.footer-menu li a {font-size: 1.2rem !important; display: inline-block;}

/* animate the background overlay on scroll – somehow ? */

.sitewide-footer .elementor-background-overlay {}


/*SEARCH FORM*/

/*position the magnifier icon */
@media screen and (max-width: 1023px) {
.elementor-search-form__toggle
svg.e-font-icon-svg {font-size: 40px;}
	.e-font-icon-svg-container {top: 15px; right: 8px; z-index: 1000;}
}

/* placeholder text */
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffffdd !important; font-size: 1.2rem !important;
opacity: 1 !important; font-family: "neue-haas-unica" !important;}
input::-moz-placeholder { /* Firefox 19+ */
  color: #ffffffdd !important; font-size: 1.2rem !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ffffffdd !important; font-size: 1.2rem !important; font-family: "neue-haas-unica" !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ffffffdd !important; font-size: 1.2rem !important; font-family: "neue-haas-unica" !important;
}

/* lose the floating corner bits at top right and left */
.elementor-search-form__input {border-radius: 0 !important;}

.elementor-search-form__container {background-color: #111111ef !important;}

@media screen and (min-width: 768px) {
.header-search .elementor-search-form__container {padding-left: 30vw !important; padding-right: 32vw !important;}
.elementor-search-form__container 	.dialog-close-button {padding-right: 27vw !important; top: 22.5vh;}

}

/* Raise the form above the popup input keyboard on mobile */
@media screen and (max-width: 1023px) {
	.elementor-search-form__container {padding-bottom: 50vh !important; z-index: 10 !important;}
}

/* Raise the form up the page a bit on desktop */
@media screen and (min-width: 1024px) {
	.elementor-search-form__container {padding-bottom: 50vh !important; z-index: 100000 !important;}
}

/* make placeholder text in the form brighter */
::placeholder 
{font-family: "neue-haas-" !important; color: #ffffffee !important; opacity: 1; font-size: 1.2rem !important; font-weight: 400; padding-bottom: 5px;}

/* make entered text in the form bigger and higher up in the box */
input[type="search"] {font-size: 1.2em !important; color: #ffffffee !important; padding-bottom: 5px;}

/* Hide the search cancel button within the input */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 0 !important;
  pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: 0.3;
  pointer-events: all;
}

input[type="search"].dark::-webkit-search-cancel-button {
  filter: invert(1);
}

.eicon-close {color: #ffffffee; opacity: 1;}

/* SEARCH RESULTS PAGE */

.search-results h3 a {color: #ffffffee !important; background-color: #d21600; padding: 0 8px; font-size: 1rem !important; line-height: 2rem !important; border-radius: 5px; text-decoration: none; position: relative; top: 2px; left: 2px;}

.search-results p span.is-highlight {padding: 0;}

.search-results h3 a:hover {color: #ffffff; padding: 2px 10px; background-color: #d21600; left: 0;}

.search-results h3 a span.is-highlight {color: #ffffffee !important; background-color: #d21600 !important; padding: 0;}

button.search-submit {border: 2px solid #d21600; border-radius: 5px; background-color: #d21600; padding:6px 10px;margin: 2px; position: relative; top: -4px;}

button.search-submit:hover {border: 2px solid #d21600; border-radius: 5px; background-color: #d21600; padding:8px 12px; margin: 0;}

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

/* SHOW PAGES */

.show-title h1 {}
.current-post-categories-top ul {}
.current-post-categories-top li, .current-post-categories-bottom li {}

@media screen and (max-width: 767px) {
	.current-post-categories-top li, .current-post-categories-bottom li {}
	.running-time, .rating {}
}

.current-post-categories-bottom li {}
.current-post-categories-top a, .current-post-categories-bottom a {}
.current-post-categories-top a:hover, .current-post-categories-bottom a:hover {}


.show-day {text-transform: uppercase; font-size: 0.8REM; letter-spacing: 1.2px; opacity: 0.85; color: #d21600;}

.show-month {text-transform: uppercase; font-size: 0.8REM; letter-spacing: 1.2px; margin-top: -1.5rem; opacity: 0.85; color: #c30f1a;}

.show-date {margin-top: -1.4rem; color: #d21600;}

.show-date span {font-size: 2rem;}

.show-time-button-pm a {border: 16px solid #d21600; color: #d21600;}

.show-time-button-pm a:hover {border: 8px solid #ffffff; color: #ffffff !important; font-weight: 600; padding: 12px;}

.show-time-button-pm a:after {content:"PM"; font-size: 0.65rem; color: #d21600;}



/* RATINGS e.g. 14+ */

.rating > div > div > div {display: inline; background-color: orange; font-weight: 600 !important; border-radius: 16px; padding: 4px 8px; color: #323334;}

.rating > div > div > div > span {font-weight: 400;}

.rating > div > div > div > span:after {content:" ";}


/* RELATED section / also BOOK A SHOW PAGE */


/* gaps above rows */
div.dot_spektrix_date_header {margin: 35px 0 10px 0;}

/* years in bold */
div.dot_spektrix_date_header span.dot_spektrix_year {position: absolute; margin-top: -25px; font-weight: 800; padding-left: 4px;}

/* current month */
div.dot_spektrix_date_header a.dot_spektrix_month_display
{color:#111111; font-size: 40px; border-bottom: none; background-color: #ffffff; padding: 0; font-weight: 300; position: relative; bottom: -5px; text-transform: none; border: none;}

/* other month buttons */
div.dot_spektrix_date_header a {color: #ffffff; background-color: #111111; text-transform: uppercase; font-weight: 800; font-size: 0.8rem; letter-spacing: 1px;padding-left: 8px; padding: 10px; margin-right: 20px; border: 2px solid #ffffff;}

div.dot_spektrix_date_header a:hover {border: 2px solid #111111;}

div.dot_spektrix_date_header a.dot_spektrix_month_display:hover {border: none;}

div.dot_spektrix_elementor_events_widget {--grid-column-gap:32px; --grid-row-gap:32px;}



/* hide commas between categories */
.elementor-post-info__terms-list {color: #00000000;}


/* what's on page – main theatre show */

.main-theatre-show .elementor-post__text {padding-left: 16px;}

/* thumbnail container */
.main-theatre-show .elementor-post__thumbnail {max-height: 240px;}

.main-theatre-show .elementor-post__read-more {color: #111111;font-size: 0.8rem !important; display:inline; padding: 12px 14px; background-color: #ffffffee; font-size: 1rem; text-transform: uppercase;letter-spacing: 2px;}

.main-theatre-show .elementor-post__read-more:hover {border: 4px solid #ffffff11; position: relative; left: -4px;}

/* show images – particularly in the months section */
.elementor-post__thumbnail {margin-top: 16px !important; margin-bottom: 8px; width: 100% !important; max-height: 320px;}

.elementor-post__thumbnail img {position: static !important; -webkit-transform: none !important; max-height: 320px !important; width: 100% !important; display: block !important}


/* show text */

@media screen and (max-width: 1023px) {
	.elementor-post__text {padding: 0 8px;}
}

/*title */
.elementor-posts .elementor-post__title {padding-right: 10%; font-size: 1.4rem; line-height: 1.5rem;}

.elementor-post__title a {border-bottom: 1px dotted #111111; color: #111111;}

.elementor-post__title a:hover {border-bottom: 1px solid #111111;}

.elementor-post__excerpt {padding-right: 16px; padding-bottom: 16px; color: #212121;}

.elementor-post__dates {border-top: 1px solid #dddddd; padding-top: 12px;}

/* tickets button */
.elementor-post__read-more a {margin-top: 16px; display: inline-block; font-size: 1rem !important; text-transform: uppercase; font-weight: 800; letter-spacing: 1.5px; border: 4px solid #ffffff!important; background-color: #d21600; color: #ffffff; padding: 10px 16px; border-radius: 7px !important;}

.elementor-post__read-more a:hover {border: 4px solid #d21600 !important;}


/* CHOOSE YOUR SHOW TABLE – SINGLE NIGHT OR SHORT RUN SHOW */

.dot_spektrix_past_event_message {
	color: #ffffff; padding: 32px 16px 0 16px; text-align: center;
}

table.dot_spektrix_times {border-spacing: 3px;}

@media screen and (min-width: 768px) {
	table.dot_spektrix_times {table-layout: fixed; min-width: 360px; padding-bottom: 12px;}
}

/* all container cells in the table */
table.dot_spektrix_times td {color: #ffffffee; letter-spacing:1.2px; font-size:0.7REM; padding: 3px 0 !important; text-align: center;}

/* show times cells */
table.dot_spektrix_times td:nth-of-type(2):not(.dot_spektrix_sold_out), table.dot_spektrix_times td:nth-of-type(3):not(.dot_spektrix_sold_out),table.dot_spektrix_times td:nth-of-type(4):not(.dot_spektrix_sold_out) {background-color: #d21600; border: 4px solid #d21600 !important; border-radius: 5px; }

/* manage width of buttons for shows with more than one performance per day – fix for css change for the millennials show*/
table.dot_spektrix_times.dot_spektrix_max_show_per_day_1 td:nth-of-type(2),table.dot_spektrix_times.dot_spektrix_max_show_per_day_1 td:nth-of-type(3), table.dot_spektrix_times.dot_spektrix_max_show_per_day_1 td:nth-of-type(4){width: 25% !important}

/* day and date column cells */
table.dot_spektrix_times td:first-of-type {text-align: center; width: 25%;}


@media screen and (max-width: 767px) {
	
		table.dot_spektrix_times {border-spacing: 1px;}

table.dot_spektrix_times td:first-of-type {text-align: center; width: 20%;}

table.dot_spektrix_times td:first-of-type span:nth-child(2) {font-size: 1.6rem !important; line-height: 2.8rem;}
	
}

/* day */
table.dot_spektrix_times td:first-of-type span:nth-child(1) {display: block; text-transform:uppercase; opacity: 0.85; margin-bottom: -12px; font-weight: 600;}

/*date */
table.dot_spektrix_times td:first-of-type span:nth-child(2) {font-size: 2rem;}

/* date suffix */
table.dot_spektrix_times td:first-of-type span:nth-child(3) {font-size: 0.8rem; display: inline-block; position: relative; top: -12px; letter-spacing: 0;}

/* month */
table.dot_spektrix_times td:first-of-type span:nth-child(4) {display: block; text-transform:uppercase; opacity: 0.85;  margin-top: -10px; font-weight: 600;}

@media screen and (max-width: 767px) {
/* day */
table.dot_spektrix_times td:first-of-type span:nth-child(1) {font-size: 0.9rem;}

	/*date */
table.dot_spektrix_times td:first-of-type span:nth-child(2) {font-size: 1.6rem !important; line-height: 2.9rem}
	
/* date suffix */
table.dot_spektrix_times td:first-of-type span:nth-child(3) {font-size: 1rem; top: -4px;}

/* month */
table.dot_spektrix_times td:first-of-type span:nth-child(4) {font-size: 0.9rem}
}

/* links within cells */
table.dot_spektrix_times td a {color: #ffffff; text-transform: uppercase; font-size: 0.65rem; padding: 10px 4px 6px 4px; font-weight: 600;}

/* time span within cells */
table.dot_spektrix_times td a span {font-size: 1.5rem; padding-right: 2px; font-weight: 400;}

/* show times cells on hover */
table.dot_spektrix_times td:nth-of-type(2):not(.dot_spektrix_sold_out):hover, table.dot_spektrix_times td:nth-of-type(3):not(.dot_spektrix_sold_out):hover:hover,table.dot_spektrix_times td:nth-of-type(4):not(.dot_spektrix_sold_out):hover {border: 6px solid #ffffff !important; padding: 1px !important; transform: rotate(-2deg)}

/* links within cells on hover */
table.dot_spektrix_times td:nth-of-type(2):not(.dot_spektrix_sold_out) a:hover, table.dot_spektrix_times td:nth-of-type(3):not(.dot_spektrix_sold_out) a:hover:hover,table.dot_spektrix_times td:nth-of-type(4):not(.dot_spektrix_sold_out) a:hover, table.dot_spektrix_times td:nth-of-type(2):not(.dot_spektrix_sold_out) a:hover span { font-weight: 600; color: #ffffff;}


/* special notes after time */
table.dot_spektrix_times  .dot_spektrix_sold_out a,
table.dot_spektrix_times  .dot_spektrix_selling_fast a,
table.dot_spektrix_times  .dot_spektrix_signed a,
table.dot_spektrix_times  .dot_spektrix_relaxed a
{position: relative}

@media screen and (max-width: 757px) {
	/* special notes after time */
table.dot_spektrix_times  .dot_spektrix_sold_out a,
table.dot_spektrix_times  .dot_spektrix_selling_fast a,
table.dot_spektrix_times  .dot_spektrix_signed a,
table.dot_spektrix_times  .dot_spektrix_relaxed a
{position: relative;
top: -8px}}



/* SOLD OUT SHOWS */

table.dot_spektrix_times   .dot_spektrix_sold_out {background-color: #ffffff22 !important; cursor: not-allowed; pointer-events: none;}

table.dot_spektrix_times  .dot_spektrix_sold_out a {display: inline-block; color: #ffffffaa !important; cursor: not-allowed; pointer-events: none;}

table.dot_spektrix_times   .dot_spektrix_sold_out a:hover {cursor: not-allowed; pointer-events: none;}

table.dot_spektrix_times  .dot_spektrix_sold_out a::after {display: block; content: "SOLD OUT"; opacity: 0.7; cursor: not-allowed;
	pointer-events: none;
}

table.dot_spektrix_times  .dot_spektrix_sold_out a:hover::after {display: block; content: "SOLD OUT"; opacity: 0.7; cursor: not-allowed;
	pointer-events: none; font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; line-height: 1.2rem}

table.dot_spektrix_times .hide-sold-out a::after {display: none;}


/* SELLING FAST */

table.dot_spektrix_times  .dot_spektrix_selling_fast a::after {display: block; content: "SELLING FAST"; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; line-height: 0.7rem
}

@media screen and (max-width: 767px) {
	
table.dot_spektrix_times .dot_spektrix_selling_fast a::after {top: 31px;!important;}
	
	/* show times cells on hover */
table.dot_spektrix_times td:nth-of-type(2):not(.dot_spektrix_sold_out):hover, table.dot_spektrix_times td:nth-of-type(3):not(.dot_spektrix_sold_out):hover:hover,table.dot_spektrix_times td:nth-of-type(4):not(.dot_spektrix_sold_out):hover {border: 4px solid #ffffffcc !important; padding: 6px !important;}
	
}

table.dot_spektrix_times  .dot_spektrix_selling_fast a:hover::after {content: " ";}

	
/* SIGNED SHOW */
table.dot_spektrix_times  .dot_spektrix_signed a::after {display: block; content: "SIGNED"; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; line-height: 0.7rem
}

table.dot_spektrix_times  .dot_spektrix_signed a:hover::after {content: " ";}

/* RELAXED SHOW */
table.dot_spektrix_times  .dot_spektrix_relaxed a::after {display: block; content: "RELAXED"; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; line-height: 0.7rem
}

table.dot_spektrix_times  .dot_spektrix_relaxed a:hover::after {content: " "}


/* POST SHOW Q&A SHOW */
table.dot_spektrix_times  .dot_spektrix_postshowqandasession a::after {display: block; content: "POST-SHOW Q&A"; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; line-height: 0.7rem; margin-bottom: -16px
}

/* PRE SHOW DRAG SHOW */
table.dot_spektrix_times  .dot_spektrix_preshowdragperformance a::after {display: block; content: "PRE SHOW DRAG SHOW"; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; line-height: 0.7rem; margin-bottom: -16px
}

/* SIGNED SHOW general */
table.dot_spektrix_times  .dot_spektrix_signedperformance a::after {display: block; content: "signed performance"; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; line-height: 0.7rem; margin-bottom: -16px
}

/* RELAXED SHOW general */
table.dot_spektrix_times  .dot_spektrix_relaxedperformance a::after {display: block; content: "relaxed performance"; font-size: 0.65rem; font-weight: 600; letter-spacing: 2px; line-height: 0.7rem; margin-bottom: -16px
}


/* NEXT AND PREVIOUS BUTTONS */
.dot_spektrix_prev_next {margin-bottom: 16px; height: 40px;}

.dot_spektrix_next {position: absolute; right: 4px; padding: 2px 9px 2px 11px;}

.dot_spektrix_prev {position: absolute; left: 0; padding: 2px 11px 2px 9px;}

.dot_spektrix_prev:after{content: "MORE"; font-size: 0.7rem; position: relative; top: -2px; left: 5px}

.dot_spektrix_next:before {content: "MORE"; font-size: 0.7rem; position: relative; top: -2px; right: 5px}


.dot_spektrix_next, .dot_spektrix_prev {color: #d21600; border: 4px solid #d21600; }

.dot_spektrix_next:hover, .dot_spektrix_prev:hover {background-color: #323334; border: 2px solid #ffffff; color: #ffffff; cursor: pointer;}

.dot_spektrix_next:hover {padding: 4px 11px 4px 13px;}
.dot_spektrix_prev:hover {padding: 4px 13px 4px 11px;}


/* WHAT'S ON PAGE */

/* separate the months and years */

.dot_spektrix_date_header {padding-top: 32px; border-top: 1px solid #212121;}

/* make month buttons less bold */
.dot_spektrix_month:not(.dot_spektrix_month_display) {display: inline-block; padding: 6px 8px !important; font-size: 0.7rem; background-color: #333333}


/* Inline years and months on mobile */
@media screen and (max-width: 767px) { 
	.this-month h2, .this-month h3 {font-size: 1.8rem;}
	.this-month h3, .this-month h2, .next-year h3 {display: inline !important; padding-right: 16px;}
	.next-year a {display: inline !important;}

.dot_spektrix_month {display: inline-block;}

}

/* Search for a show */

@media screen and (max-width: 768px) {
	.search-for-a-show-2 {width: calc(100vw - 32px) !important; margin-left: 8px;}
}

.is-form-id-6857{padding-bottom: 0; background-color: #00000000;}

input#is-search-input-6857 {font-family: neue-haas-unica, sans-serif; letter-spacing: 1px; color: #ffffffcc; font-size: 1.1rem !important; background-color: #ffffff00; border-top: 8px solid #ffffff22 !important; border-left: 8px solid #ffffff22 !important;border-bottom: 8px solid #ffffff22 !important; padding-left:6px; padding-top: 20px; padding-bottom: 16px;}

button span.is-search-icon {position: relative;top: -8px; background-color: #00000000; border: 8px solid #ffffff22; height: 52px; width: 52px; padding: 8px;}

button span.is-search-icon:hover {border: 4px solid #ffffff; padding: 12px; background-color: #00000000; line-height: 2.6rem;}

.is-ajax-search-no-result {background-color: #323334 !important; color: #ffffffcc; font-size: 1rem !important; font-style: italic;}

input#is-search-input-6857::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffffcc !important; font-family: neue-haas-unica, sans-serif; font-size: 1.1rem !important; letter-spacing: 0.8px; opacity: 1;
}
input#is-search-input-6857::-moz-placeholder { /* Firefox 19+ */
  color: #ffffffcc !important; font-family: neue-haas-unica, sans-serif; font-size: 1.1rem !important; letter-spacing: 0.8px; opacity: 1;
}
input#is-search-input-6857 :-ms-input-placeholder { /* IE 10+ */
  color: #ffffffcc !important; font-family: neue-haas-unica, sans-serif; font-size: 1.1rem !important; letter-spacing: 0.8px; opacity: 1;
}
input#is-search-input-6857 :-moz-placeholder { /* Firefox 18- */
  color: #ffffffcc !important; font-family: neue-haas-unica, sans-serif; font-size: 1.1rem !important; letter-spacing: 0.8px; opacity: 1;
}

span.is-highlight {font-size: inherit; padding-left: 3px; padding-right: 3px;}


/* add a bit of space at the bottom of the page */
.book-a-show-page-wrapper {padding-bottom: 32px;}

/* AJAX RESULTS ON SEARCH FOR A SHOW */

.thumbnail {display: none;}

.is-ajax-search-result {padding: 0 !important;}

.is-ajax-search-items {border: 8px solid #ffffffcc!important;}

.is-ajax-search-post {background-color: #323334 !important; padding: 8 !important;}


.is-title a {color: #ffffffcc !important; font-size: 1.1rem !important; line-height: 2.2rem; border-bottom: 2px solid #ffffff44;}

.is-title a:hover {border-bottom: 2px dotted #ffffff; text-decoration: none !important;}

.is-search-content .is-ajax-result-description {color: #ffffffcc !important; font-size: 1rem; font-style: italic;}


/* SOCIAL FEEDS */

span.fts-twitter-text {white-space: normal;}

#twitter-feed-ElgivaTheatre video {display: none;}


/*Javascript calendar*/

.one-show-calendar {max-height: 490px}

div.jupitercalendar {}

div.jupitercalendar table {border: 0; border-spacing: 8px;}

div.jupitercalendar th {letter-spacing: 1.5px;}

tr.calendardaysofmonth {height: 33px;}

div.jupitercalendar td {padding: 16px 0;}

div.jupitercalendar th, div.jupitercalendar td {border:0; text-align:center; line-height: 1.1rem;}

div.jupitercalendar tr.calendararrowsandmonth {padding-bottom: 16px;}

div.jupitercalendar th.calendararrows {font-size: 0.7rem; letter-spacing: 1px; padding: 0; color: #ffffffcc;  text-transform: uppercase; font-weight: 900;}

div.jupitercalendar th.calendararrows:hover {color: #ffffff; border: 2px solid #ffffff; border-radius: 5px; cursor: pointer; background-color: #d21600;}

div.jupitercalendar  th.calendarmonth {text-transform: uppercase; color: #ffffffcc}

div.jupitercalendar th.calendardayofweek {font-size: 0.7rem; font-weight: 900; letter-spacing: 1px; width: 14.28%; padding: 8px 0; color: #ffffffcc;  text-transform: uppercase; background-color: #fafafa00;}

div.jupitercalendar td.calendardaysofmonth {color: #ffffffcc; text-align: center; font-weight: 600 !important;}


div.jupitercalendar td.previousmonth, div.jupitercalendar td.nextmonth {color: #ffffffcc !important; background-color: #fafafa00;}

div.jupitercalendar td{font-size: 0.85rem; background-color: #fafafa00; color: #ffffffcc;}

div.jupitercalendar td.today {border: 2px solid #111111; font-size: 1.2rem; padding: 0;} 

div.jupitercalendar td.hasevents {border: 2px solid #ffffff00; border-radius: 3px; color: #ffffff; background-color: #d21600;font-size: 1.3rem; padding: 0px; position: relative;}

div.jupitercalendar td.hasevents:hover {border: 4px solid #ffffff; color: #ffffff; background-color: #d21600;}

div.jupitercalendar td.hasevents div {position: absolute; display: none; background: #ffffff; padding: 5px; background-color: #00000000; z-index: 2; min-width: 200px;}

div.jupitercalendar td.hasevents.calendardayofweek6 div {right: 0;}

div.jupitercalendar td.hasevents.calendardayofweek5 div
{right: -40px;}

div.jupitercalendar td.hasevents.calendardayofweek4 div
{right: -40px;}

div.jupitercalendar td.hasevents.calendardayofweek3 div
{right: -90px;}

div.jupitercalendar td.hasevents.calendardayofweek2 div
{left: -40px;}

div.jupitercalendar td:hover div {display: block;}

div.jupitercalendar td.hasevents div a {display: block; z-index: 200; border: 2px solid #ffffff; border-radius: 7px; background-color: #d21600; text-transform: none; font-size: 1.5rem; padding: 22px 6px; margin-bottom: 4px; color: #ffffff; transform: rotate(-2deg);}

div.jupitercalendar td.hasevents div a:hover {border: 4px solid #ffffff; padding:20px 4px; color: #ffffff; font-weight: 600;}

/*For relaxed performances, sing-a-longs and signed performances*/
div.dot_spektrix_calendar_legend {background-color: #000000}

div.dot_spektrix_calendar_legend span {width: 36px !important; height: 36px !important;text-align: center; font-size: 1rem !important; line-height: 1.8rem}

div.jupitercalendar td.hasevents.contains_dot_spektrix_relaxedperformance {background-color: #d69e00;}

div.jupitercalendar td.hasevents.contains_dot_spektrix_singalongperformance {background-color: #1790c7;}

div.jupitercalendar td.hasevents.contains_dot_spektrix_signedperformance {background-color: #a017b0;}

div.jupitercalendar td.hasevents div  a.dot_spektrix_relaxedperformance {background-color: #d69e00;}

div.jupitercalendar td.hasevents div  a.dot_spektrix_singalongperformance {background-color: #1790c7;}

div.jupitercalendar td.hasevents div  a.dot_spektrix_signedperformance {background-color: #a017b0;}

div.jupitercalendar td.hasevents div  a.dot_spektrix_sold_out {cursor: text;}

div.jupitercalendar td.hasevents div  a::after {content: " "; display:block; font-size: 1rem; text-transform: uppercase;}

div.jupitercalendar td.hasevents div  a.dot_spektrix_relaxedperformance::after {content: "Relaxed"; font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; line-height: 1.2rem}

div.jupitercalendar td.hasevents div  a.dot_spektrix_singalongperformance::after {content: "Sing-a-long"; ; font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; line-height: 1.2rem}

div.jupitercalendar td.hasevents div  a.dot_spektrix_signedperformance::after {content: "Signed"; font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; line-height: 1.2rem}

div.jupitercalendar td.hasevents div  a.dot_spektrix_sold_out::after {content: "Sold out"; font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; line-height: 1.2rem}

div.dot_spektrix_calendar_legend > div {display: block; padding: 0 0 10px 10px;}

div.dot_spektrix_calendar_legend > div > span {border: 2px solid #ffffff00; border-radius: 3px; color: #ffffff; background-color: #d21600; font-size: 1.3rem;	padding: 0px; width: 75px; display: inline-block;}

div.dot_spektrix_calendar_legend > div.dot_spektrix_relaxedperformance > span {background-color: #d69e00;}

div.dot_spektrix_calendar_legend > div.dot_spektrix_singalongperformance > span {background-color: #1790c7;}

div.dot_spektrix_calendar_legend > div.dot_spektrix_signedperformance > span {background-color: #a017b0;}

div.dot_spektrix_calendar_legend > div::after {content: " "; color:white; padding-left: 10px;}

div.dot_spektrix_calendar_legend > div.dot_spektrix_relaxedperformance::after {content: "Relaxed performance";}

div.dot_spektrix_calendar_legend > div.dot_spektrix_singalongperformance::after {content: "Sing-a-long performance";}

div.dot_spektrix_calendar_legend > div.dot_spektrix_signedperformance::after {content: "Signed performance";}


/* COMPLIANZ COOKIE BANNER */

.cc-header {display: none;}

div#cc-window {padding: 4px !important; border: none; box-shadow: -10px -10px 40px #00000033;}

@media screen and (max-width: 767px) {
a.cc-accept-all, a.cc-save-settings {margin-left: 0 !important; margin-top: 8px !important; min-width: auto !important;}
	div#cc-window {width: 100vw !important;}	
}
.cc-compliance {padding-top: 16px; padding-bottom: 32px;}


.cc-message{font-family: neue-haas-unica, sans-serif; letter-spacing: 0.5px; margin-top: 0!important; margin-left: 0 !important; margin-right: 0 !important; padding: 4px;}


/* styles for the accept button */
.cc-accept-all {margin-top: 0 !important; width: auto !important; padding: 4px 8px !important; position: absolute; left: 8px; bottom: 8px;  background-color: #d21600 !important; font-family: neue-haas-unica, sans-serif; font-size: 0.67rem; letter-spacing: 1px; text-transform: uppercase !important; border: 2px solid #d21600 !important; color: #ffffffee !important;} 

.cc-accept-all:hover {border: 4px solid #d21600 !important; text-decoration: none !important; bottom: 6px; left: 6px; color: #ffffff !important;}

/* styles for the save prefs button */
#cc-window > div.cc-compliance.cc-highlight > a.cc-btn.cc-save.cc-save-settings.cc-btn-no-href {position: absolute; bottom: 8px; left: 132px;width: auto; padding: 4px 8px; font-family: neue-haas-unica, sans-serif; font-size: 0.67rem;letter-spacing: 1px; text-transform: uppercase; color: #222324 !important; border: 2px solid #00000044 !important;}

#cc-window > div.cc-compliance.cc-highlight > a.cc-btn.cc-save.cc-save-settings.cc-btn-no-href:hover {border: 4px solid #000000 !important; text-decoration: none !important; bottom: 6px; left: 130px;}

button.cc-revoke {border: none; padding: 8px !important;}
button.cc-revoke:hover {background-color: #ffffff; border-radius: 0 !important;}

/* Complianz cookie banner version 6 2022 */



#cmplz-cookiebanner-container > div {border-radius: 7px 7px 0 0;}

.cmplz-category-title, .cmplz-always-active,.cmplz-manage-consent,.cmplz-body, .cmplz-message,a.cmplz-link {
    font-size:16px !important;
    font-weight:400;
	text-align: center !important;
}

.cmplz-title,.cmplz-btn,.cmplz-accept,.cmplz-deny,.cmplz-save-preferences,.cmplz-view-preferences {
        font-size:18px !important;
    font-weight:700 !important;
}

.cmplz-btn,.cmplz-accept,.cmplz-deny,.cmplz-save-preferences,.cmplz-view-preferences
{padding-top: 5px !important;}

.cmplz-categories.cmplz-fade-in {margin-right: 0 !important;}

.cmplz-deny {background-color: #EB3705 !important; color: #ffffff!important;}



/* GALLERIES */
/* Hide titles on galleries */
.elementor-slideshow__title:not(#venue-hire) {display: none;}


/* STUDIO SEATING AREAS */
.dot_spektrix_group_plan_buttons {max-width: calc(458px + 0.5rem); margin-left: calc(50% - 229px);}


.dot_spektrix_group_plan_buttons a {width:229px; height:162px; font-size: 0 !important; display: inline-block; float:left; margin-top: 3px}

/*row 1 col 1 studio floor seating, used to have margin-right:0.5rem because it was always on the left */
div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_studio_floor {background-image:url(/wp-content/uploads/2022/03/SFS-normal.png);}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_studio_floor:hover {background-image:url(/wp-content/uploads/2022/03/SFS-hover.png);}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_studio_floor.dot_spektrix_selling_fast {background-image:url(/wp-content/uploads/2022/03/SFS-selling-fast.png);}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_studio_floor.dot_spektrix_sold_out {background-image:url(/wp-content/uploads/2022/03/SFS-sold-out.png);}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_studio_floor.dot_spektrix_not_available {background-image:url(/wp-content/uploads/2022/03/SFS-unavailable.png);}

/* row 2 col 1 gallery seating, used to have margin-right:0.5rem because it was always on the left until new seating plan 13/4/2023 */
div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_gallery {background-image:url(/wp-content/uploads/2022/03/GS-normal.png);}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_gallery:hover {background-image:url(/wp-content/uploads/2022/03/GS-hover.png);}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_gallery.dot_spektrix_selling_fast {background-image:url(/wp-content/uploads/2022/03/GS-selling-fast.png);}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_gallery.dot_spektrix_sold_out {background-image:url(/wp-content/uploads/2022/03/GS-sold-out.png);}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_gallery.dot_spektrix_not_available {background-image:url(/wp-content/uploads/2022/03/GS-unavailable.png);}

/* row 1 col 2 studio floor standing */
div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_studio_floor_standing {background-image:url(/wp-content/uploads/2022/03/SFST-normal.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_studio_floor_standing:hover {background-image:url(/wp-content/uploads/2022/03/SFST-hover.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_studio_floor_standing.dot_spektrix_selling_fast {background-image:url(/wp-content/uploads/2022/03/SFST-selling-fast.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_studio_floor_standing.dot_spektrix_sold_out {background-image:url(/wp-content/uploads/2022/03/SFST-sold-out.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_studio_floor_standing.dot_spektrix_not_available {background-image:url(/wp-content/uploads/2022/03/SFST-unavailable.png)}

/*and the 2023 floor plan versions */
div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_standing {background-image:url(/wp-content/uploads/2022/03/standing-normal.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_standing:hover {background-image:url(/wp-content/uploads/2022/03/standing-hover.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_standing.dot_spektrix_selling_fast {background-image:url(/wp-content/uploads/2022/03/standing-selling-fast.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_standing.dot_spektrix_sold_out {background-image:url(/wp-content/uploads/2022/03/standing-sold-out.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_standing.dot_spektrix_not_available  {background-image:url(/wp-content/uploads/2022/03/standing-unavailable.png)}


/* row 2 col 2 upper gallery seating */
div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_upper_gallery {background-image:url(/wp-content/uploads/2022/03/UGS-normal.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_upper_gallery:hover {background-image:url(/wp-content/uploads/2022/03/UGS-hover.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_upper_gallery.dot_spektrix_selling_fast {background-image:url(/wp-content/uploads/2022/03/UGS-selling-fast.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_upper_gallery.dot_spektrix_sold_out {background-image:url(/wp-content/uploads/2022/03/UGS-sold-out.png)}

div.dot_spektrix_group_plan_buttons a.dot_spektrix_area_upper_gallery.dot_spektrix_not_available {background-image:url(/wp-content/uploads/2022/03/UGS-unavailable.png)}

/*Added 13/4/2023 so that 1st and 3rd buttons will have right padding irrespective of which ones they actually are*/
div.dot_spektrix_group_plan_buttons a:nth-of-type(1) {margin-right: 0.5rem;}
div.dot_spektrix_group_plan_buttons a:nth-of-type(3) {margin-right: 0.5rem;}

/*Millenials show, added by Paul 12/7/2022*/
div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a {float: none; display: block; width: 480px; height: 165x;}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_studio_floor_standing {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-normal_01.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_gallery {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-normal_02.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_upper_gallery {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-normal_03.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_studio_floor_standing:hover {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-hover_01.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_gallery:hover {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-hover_02.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_upper_gallery:hover {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-hover_03.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_studio_floor_standing.dot_spektrix_selling_fast {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-selling-fast_01.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_gallery.dot_spektrix_selling_fast {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-selling-fast_02.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_upper_gallery..dot_spektrix_selling_fast {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-selling-fast_03.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_studio_floor_standing.dot_spektrix_sold_out {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-sold-out_01.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_gallery.dot_spektrix_sold_out {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-sold-out_02.gif);}

div.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607 a.dot_spektrix_area_upper_gallery..dot_spektrix_sold_out {background-image:url(/wp-content/uploads/2022/07/studio-seating-millennials-sold-out_03.gif);}

/* make the show title bold */
.studio-tickets-show-name {width: 100%; text-align: center;font-weight: 900 !important; font-size: 2.5rem;}

.studio-tickets-date-and-time {width: 100%; text-align: center;font-size: 1.5rem; letter-spacing: 0.3px}

/* add venue name on show */
.elementor-post__venue {display: inline-block; color: #88aabb; font-weight: 600; font-size: 0.7em; letter-spacing: 4px;text-transform: uppercase; margin-top: 12px; border-bottom: 1px dotted; border-top: 1px dotted} 

.venue-name .elementor-shortcode {display: inline-block;color: #88aabb; font-weight: 600; font-size: 1.05em; line-height: 1.55rem;letter-spacing: 4px;text-transform: uppercase; border-bottom: 1px dotted; border-top: 1px dotted; position: relative; top: -6px}

/* hide studio floor on millenials seating plan */
.dot_spektrix_group_plan_buttons.dot_spektrix_post_id_7607.dot_spektrix_event_id_12001 a.dot_spektrix_area_studio_floor.dot_spektrix_not_available {display: none !important}


/* show times cells */
.big-fun-day table {table-layout: fixed}

/*Added by Paul 19/10/2022 to fix Basket and Account buttons being behind search form*/
/*.elementor-element.elementor-absolute, .elementor-element.elementor-fixed {
    z-index: 2000;
}
*/

.wip #content {background-color: #000000}

/* fix spacing that appeared between all elements on selected shows on 8th Aug */
div.elementor-element {margin: 0!important; margin-top: 0 !important; margin-bottom: 0 !important}

/* then fix what that fix broke */
.studio-tickets-date-and-time .elementor-widget-container {margin-top: 0px !important; margin-bottom: 16px !important}

/* 26.08.23 titles on what's on */
.dot_spektrix_has_shows_on_sale h2{margin-bottom: 12px !important}


/* HIDE DEFAULT FEATURED IMAGE 07.09.23 */
.wp-post-image, div.featured-image.page-header-image {display: none;}



@media screen and (max-width: 767px) {
	
span.dot_spektrix_year {display: none}

	a.dot_spektrix_month {margin: 6px !important}
	a.dot_spektrix_month.dot_spektrix_month_display {font-size: 20px !important}	
}