/*
Theme Name: 	Divi Child Theme
Theme URI:		http://www.elegantthemes.com/gallery/divi/
Description:	Divi Child Theme Towngate
Author: 		Elegant Themes
Author URI: 	http://www.elegantthemes.com
Template:		Divi
*/	


/* COLOURS */
/* Bright blue #1f78c5


/*
 .book_now_box_show_page .choose_date_and_time:after {
	content: "CORONAVIRUS Please note show all dates will be re-scheduled due to Government advice. See our home page for more information." !important;
}
*/


/* WORK IN PROGRESS – will move into place when complete */


.search-results-2022 div.et_pb_image_container, .search-results-2022 a.entry-featured-image-url {margin-bottom: 8px !important; margin-top: 16px !important}

.search-results-2022 .column.size-1of3, .search-results-2022 .column.size-1of2 {padding-right: 8px !important}


/* END OF WORK IN PROGRESS */

/* Pete additions 31.05.22 */

/* eliminate Divi drop shadows and nasty looking buttons in editor's tabs */				
.et_pb_tab_0 a, .et_pb_tab_1 a, .et_pb_tab_2 a, .et_pb_tab_4 a, .et_pb_tab_5 a {text-shadow: none !important}

a.small-button.smallblue, a.big-button.bigblue {
	color: white !important;
	text-shadow: none !important;
	box-shadow: none !important;
	background: none !important;
	background-color: #1f78c5 !important;
	border: none;
	border-top: none !important;
	border-radius: 0;
	padding-top: 4px !important;
	padding-right: 16px;
	padding-bottom: 8px !important;
	padding-left:16px !important;}

a.small-button.smallblue:hover, a.big-button.bigblue:hover {
	color: #ffffff !important;
	background-color: #444444 !important; 
}






/* TYPOGRAPHY */		

body {
	font-family: "tablet-gothic";
	font-weight: 400;
	letter-spacing: 0.025em;
	text-rendering: optimizeLegibility;
}


h1, h2 {
	font-weight: 300;
}


h3, h3 strong {
	font-weight: 700;
	font-size: 20px !important;
	letter-spacing: 2px;
	text-transform: uppercase;
}

p {
	font-weight: 400;
	opacity: 0.95;
}

ol li {
	font-weight: 400;
	margin-bottom: 16px;
	list-style-position: outside;
}

hr {
	opacity: 0.1;
}

.single body {background-color: #060606; font-weight: 400;}


/* style all buttons on ipads and iphones to override defaults */

input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="number"], input[type="tel"]  {
-webkit-appearance: none;
border-radius: 0;
}



/* HEADER ELEMENTS */

/* header - put a gradient background in the header so menu is always legibile ... */

.single .header-drift {
	background-image: linear-gradient(rgba(0,0,0,0.8) 15%, rgba(0,0,0,0.0) 100%);
}

/* position the hamburger */
.mobile_menu_bar {position: absolute; right: 4px; top: -62px} 



/* MENUS */

/* underline links and add space between */
li.menu-item-has-children, li.menu-item {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	margin-right: 12px;
}

/* hide the drop-down menu indicator */
li.menu-item a:after {display: none}


/* spacing on Spektrix menu */
.spektrix-menu li.menu-item {
	margin-right: 16px !important;
	padding: 0 !important;
}

.spektrix-menu a {
	padding: 10px 0 !important;
}

/* the DROP DOWN menus – remove the top border */
ul.sub-menu, ul#mobile_menu1 {border-top: none !important; padding: 0 !important;} 

/* lines under links */
.sub-menu li.menu-item {border-bottom: 1px solid #9999aa;}

/* no line on last link */
.sub-menu li.menu-item:last-child {border-bottom: none !important}

/* indent links */
.sub-menu li a {padding: 10px 0 10px 16px !important; margin-right: 40px !important}

/* drop down hover states */

.sub-menu li:hover {background-color: #1f78c5 !important}
.sub-menu li a:hover {color: #ffffff !important}



/* PAGE LAYOUT */

/*remove space under footer to compensate for page positioning behind header*/
#page-container {
	position: relative;
  	min-height: 100vh !important;
	padding-bottom: 150px !important;
	margin-bottom: -150px !important;
}

#main-footer {
	position: relative;
	z-index: 10;
	margin-top: 0px;
	margin-bottom: -150px;
}

/* animate the background image in the section */
.editorial-pages-content, .post-pages-content, .et-main-area {
	min-height:calc(100vh - 165px);
	background-position: -100px -100px !important;
	background-size: calc(100% + 100px) !important;
	animation: zoombackground 6s !important;
	-webkit-animation: zoombackground 6s !important;
	animation-fill-mode: forwards !important;
	-webkit-animation-fill-mode: forwards !important;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
}

@media all and (min-width: 981px) {
	.editorial-pages-content .et_pb_column_1_2, .editorial-pages-content .et_pb_column_1_3,.editorial-pages-content .et_pb_column_1_4, .editorial-pages-content .et_pb_column_1_5, .editorial-pages-content .et_pb_column_1_6, .editorial-pages-content .et_pb_column_1_7, .editorial-pages-content .et_pb_column_1_8 {
	margin-left: 2px !important;
}
	.no-column-space .et_pb_column_1_2, .no-column-space .et_pb_column_1_3,.no-column-space .et_pb_column_1_4, .no-column-space .et_pb_column_1_5, .no-column-space .et_pb_column_1_6, .no-column-space .et_pb_column_1_7, .no-column-space .et_pb_column_1_8 {
	margin-left: 0px !important;
	}
	
}



/* square off the scroll to top button */
.et_pb_scroll_top {
	border-radius: 0 !important;	
}

/* image galleries */
.et_pb_gallery_title {
	padding-bottom: 32px !important;
}

.et_pb_gallery_image {
	margin-left: 2px;
}

.et_pb_gallery_image:hover {
	margin-bottom: -4px;	
	border-bottom: 4px solid #1f78c5 !important;
}

.col-width div.et_pb_gallery_item {
	width: calc(33% - 16px) !important;
	margin: 10px 8px !important;
}


@media all and (max-width: 479px) {
	.col-width div.et_pb_gallery_item {
		width: 100% !important;
		clear: none !important;
		margin: 16px 0 !important;
}	
}


/*Hide anchor ;links */

a.dont-show {
	background-color: rgba(0,0,0,0) !important;
	font-size: 2px !important;
	line-height: 2px !important;
}


/* tabbed sections */

.et_pb_tab_controls {
	display: inline-block;
}


/* editorial pages column formatting */

.editorial-pages-content .et_pb_text_inner a {
	margin-bottom: 6px;
	color: #ffffff;
	background-color: #1f78c5;
	padding: 2px 7px 4px 7px;
	margin-top: 6px;
	font-size: 1.2em !important;
}

.benefits-shortcuts a {
	font-size: 0.9em !important;
	margin-bottom: 6px;
	color: #ffffff;
	background-color: #1f78c5;
	padding: 2px 3px 4px 3px;
	margin-top: 6px;
}

a.hidden {
	background-color: rgba(0,0,0,0);
	padding: 0 !important;
	margin: 0 !important;
	width: 1px !important;
}

.editorial-pages-content .et_pb_text_inner li  {
	list-style: none;
	margin-bottom: 6px;
	margin-left: -16px;
	color: #ffffff;
	background-color: #1f78c5;
	padding: 2px 7px 4px 7px;
	margin-top: 6px;
}



.jobs li, .simple-list li  {
	list-style: none;
	margin-bottom: 2px !important;
	margin-top: 0 !important;
	margin-left: -16px;
	color: #ffffff;
	background-color: #444455 !important;
	padding: 16px !important;
}

.editorial-pages-content .et_pb_text_inner li a {
	color: #ffffff;
}


/* HOME PAGE ELEMENTS */

/* home (and what's on page) animated background */

.home #page-container, .page-id-15323 #page-container {
	background-color: #060606; background-image: url("https://theatreroyalwindsor.mystagingwebsite.com/wp-content/uploads/2019/06/home-whats-on.jpg") !important; 
	background-repeat: no-repeat;
	background-position: -100px -100px;
	background-size: calc(100% + 100px);  
	animation: zoombackground 6s;
	-webkit-animation: zoombackground 6s;
	animation-fill-mode: forwards !important;
	-webkit-animation-fill-mode: forwards !important;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
}


@keyframes zoombackground {
		10% {
		background-size: calc(100% + 100px);
	}
    100% {
		background-size: calc(110% + 100px);
  }
}

@-webkit-keyframes zoombackground {
		10% {
		background-size: calc(100% + 100px);
	}
    100% {
		background-size: calc(110% + 100px);
  }
}


/* HOME PAGE BANNER SLIDER */

@media all and (min-width: 981px) 
{	
	#home-slider-row {
		min-width: 1000px !important;
	}
}

.et_pb_slide {
	min-height:450px !important;
	position: relative !important; 
	left: 90px !important;	
	top: -100px !important;
	margin-top: 100px !important;
	background-size: 100% !important;
	background-position: -50px -25px !important;
}


.et_pb_slide_description {
	position: relative !important; 
	left: -170px !important;
	top: 86px !important;
}

h2.et_pb_slide_title {
	display: inline-block !important;
	letter-spacing: -0.5px !important;
	text-shadow: none !important; 
	background-color: #ffffff !important;	
	padding: 10px 16px !important;
	position: relative;
	top: 16px;
	z-index: 60;
} 

@media all and (max-width: 479px) {	
	
	h2.et_pb_slide_title {font-size: 1.8em !important;}
}


.et_pb_slide_content {
	display: table-cell !important;
	background-color: #ffffff !important; 
}

.et_pb_slide_content p {
	padding: 12px 16px !important;
	text-shadow: none !important; 
	color: #05013a !important;
} 

.et_pb_more_button {
	background-color: #1f78c5 !important; 
	margin-top: 2px !important;
}

a.et_pb_more_button:hover {
	background-color: #444444 !important; 
}


@media all and (max-width: 979px) 
{	
	#home-slider-row {
		width: 100% !important;
	}


.et_pb_slide {
	min-height:300px;
	left: 0 !important;	
	top: 0 !important;
	margin-top: 0px !important;
	padding-top: 20% !important;
	background-position: 0 0 !important;
}


.et_pb_slide_description {
	left: 0 !important;
	top: 0 !important;
}

}


/* Now & next and coming soon on home page */

.hot-seats-coming-up article .entry-title a {
	display: table-cell;
	background-color: #1f78c5;
	color: #ffffff !important; 
	font-size: 1.2em !important;
	line-height: 1.2em;
	font-weight: 400;
	padding: 4px 8px 7px 8px;
}

.hot-seats-coming-up article p.post-meta {
	display: none;
}

.home article .entry-title a:hover {
	background-color: #444444 !important;
}

article .post-content {
	display: none;
}

article.et_pb_post {
	padding-bottom: 0 !important;
	margin-bottom: -4px !important; 
}
.et_pb_post_pagination_container {
	vertical-align: top;
}

@media all and (max-width: 479px) {	
	.hot-seats-coming-up article .entry-title a {
		display: inline-block !important;
	margin-bottom: 10px;}
}

/* JAVASCRIPT CALENDAR – Pete 10/04/19 */


.entry-content div.jupitercalendar tr th {
	padding: 9px 0px;
}
div.jupitercalendar a {
	font-size: 1em; 
	text-decoration: none; 
	color: #1f78c5; 
	line-height: 1.1em; 
	margin-bottom: 8px;
	padding-bottom: 6px; 
	border-bottom: 1px solid rgba(30,183,191,0.31);
}

div.jupitercalendar a:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.jupitercalendar a:hover {
	color: #333333;
}
div.jupitercalendar table {
	background: rgba(0,0,0,0);
	border: 0 !important; 
	border-collapse: collapse;
} 

div.jupitercalendar th {
	width: 14%;
	color: rgba(30,183,191,0.5);
	text-transform: none;
	font-size: .8em;
	text-align: center; 
	border: 0; 
	background: rgba(0,0,0,0,);
}

div.jupitercalendar th.calendarmonth {
	font-size: 1.2em;
	background-color: rgba(0,0,0,0);
	color: #ffffff;
	}

div.jupitercalendar th.calendarmonth:before {
	content: "What's on";
	font-size: 0.8em;
	color: rgba(30,183,191,0.5);
	text-transform: none;
	margin-right: 7px;
	}


div.jupitercalendar tr.daysofmonth {}
div.jupitercalendar td {
	text-align: center;
	color: rgba(30,183,191,0.7);
	padding: 2px 0; 
	border-top: 1px solid rgba(30,183,191,0.31);
}
div.jupitercalendar td span {
	padding: 0;
	border: 0;
} 

/*the numbers*/
div.jupitercalendar td.hasevents {
	background-color: #1f78c5;
	color: #ffffff; 
	border: 2px solid #09154c;  
	cursor: pointer !important;
}

div.jupitercalendar td.hasevents:hover {
	background-color: #444444;
}

div.jupitercalendar td div {
	position: absolute; 
	display: none; 
	background: #ffffff; 
	padding: 5px; 
} 

/*link container*/
div.jupitercalendar td div a {
	display: block;
} 
div.jupitercalendar td:hover div {
	display: block;
} 

/*any links*/
div.jupitercalendar td.initial {
	background: green;
}

div.jupitercalendar td.initial a {
	color: white;
}

div.jupitercalendar td.today {
	background: #ffffff;
	color: #222222;
}
div.jupitercalendar td.today a {
	color: #1f78c5;
}
div.jupitercalendar td.today div a {
	color: #1f78c5;
}
div.jupitercalendar td.blank {background: rgba(0,0,0,0);
}
div.jupitercalendar td.normal {}
div.jupitercalendar td.normal a {}
div.jupitercalendar tr.close {}
div.jupitercalendar th.close {}
div.jupitercalendar tr.time {}
div.jupitercalendar td.time {}


div.jupitercalendar th.calendararrows {
	font-family: "tablet-gothic" !important; 
	font-weight: 400; 
	font-size: 0.9em;
	color: #fafafa;
	cursor: pointer !important;
}

/* keep show info inside */
div.jupitercalendar td.calendardayofweek5 div, div.jupitercalendar td.calendardayofweek6 div {
	right: 0; 
	max-width: 150px;
	border: none;
}


@media all and (max-width: 768px) 
{	
	div.jupitercalendar {
	}

}

/* Home page introduction text a bit wider on desktop*/

@media all and (min-width: 980px) {
.wider-column {
	min-width: 260px;
}
}


/* WHAT'S ON PAGE */

/* top row */


/* genre */

.genre, .genre-mobile {
	border-bottom: 3px solid rgba(9,21,76,0.81);
	padding-bottom: 5px;	
	margin-bottom: 7px;
}

.noline {
	border-bottom: none !important;
}

.genre h3 {
	color: rgba(9,21,76,0.81) !important;
}

.genre a, .noline a, .genre-mobile a {	
	display: block;
	color: #ffffff !important;
	font-weight: 700;
}

.genre-mobile {
	display: inline-block !important;
}


/* make Show all into a button positioned roughly centrally on the x-height of the genre subtitle */

.subtitle a {
	display: inline-block;
	vertical-align: 12%;	
	color: #ffffff;
	padding: 0 6px 2px 6px;
	background-color: #1f78c5;
	margin-left: 12px;
	font-size: 16px;
	font-weight: 400;
}


@media all and (max-width: 768px) {
.subtitle a {
	margin-top: 16px !important;	}
}


@media all and (max-width: 479px) { 
	.genre {padding: 8px 12px;}
	.genre a {display: inline-block; margin-right: 10px; border-bottom: 2px solid rgba(9,21,76,0.81);}
}

/* WHAT'S ON PAGE using custom HTML */

/* clickable month filters */ 

.eventmonths:before {
	color: #ffffff;
	content: "Skip to month:";
}

.eventmonths {
	border-top: 1px solid rgba(30,183,191,0.31);
	padding: 6px 16px 0 16px;
	margin-bottom: -24px;
	margin-top: -16px;
}

.eventmonths a {
	color: #ffffff;
	padding: 4px 8px 6px 8px;
	background-color: #1f78c5;
	margin-left: 12px;
	line-height: 2.8em;
}

.eventmonths i {
	font-style: normal;
	font-size: 1.5em;
	position: relative;
	top: 3px;
	color: rgba(255,255,255,0.5);
	margin-left: 25px;
}

.eventmonths:last-child {
	margin-top: 40px;
}

/* hide the month year in links */

.onemonth i {
	display: none;
}


/*//// year and month headers ////*/

.dot_spektrix_month_header {
	font-size: 3.2em !important;
	padding-top: 8px;
	color: rgba(255,255,255,0.8);
	margin-top:30px;
	border-top: 1px solid rgba(30,183,191,0.31);
}

@media all and (max-width: 768px) {
	.dot_spektrix_month_header {
		font-size: 2.4em !important;
		padding-left: 15px !important;
	}
}

/* hide the year in month headings */

.dot_spektrix_month_header i  {
	display: none;
}




/*//// show container div ////*/
div.event {
	width: calc(50% - 16px);
	min-width: 360px;
	display: inline-block;
	min-height: 230px;
	margin-right: 16px;
	margin-bottom: 24px;
}


@media all and (max-width: 768px) 
{div.event {width: 100% !important; min-width: 0 !important; margin-right: 0 !important;}}


/*////  the show inner divs ////*/
div.event > div {
	display: inline-block;
	vertical-align: top;
	background: no-repeat;
}

/* show image */
div.event > div.event-image {
	height: 270px;
	width: 45%; 
	background-size: contain; 
	background-position: top;
	margin-top: 16px;
}

/* show text box */
div.event > div.event-text {
	float: right !important;
	padding: 0 0 0 12px;
	width: calc(55% - 12px);
	min-width: 200px;
}

@media all and (max-width: 479px) {
	div.event {margin-bottom: 32px;}
	div.event-image {width: calc(45% - 32px) !important;}
	div.event-text {width: 25% !important; min-width: 0px;}
}

/* show copy */
div.event-text p, div.event h2 {
	color: white;
}

div.event-text h2 {
	font-size: 1.8em;
	margin-bottom: 12px; 
	border-bottom: 1px solid rgba(30,183,191,0.31);
	padding-top: 8px;
	border-top: 1px solid rgba(30,183,191,0.31);

}

div.event-text p {
	margin-bottom: 0px;
}
div.event-text p.times a.more {
	padding-bottom: 9px !important;
	font-weight: 700;
	display: block;
	color: #1f78c5;
	border-bottom: 1px solid rgba(30,183,191,0.31);
	margin-bottom: 10px;
}
div.event-text p a.et_pb_button, a.et_pb_button, input[type=submit] {
	color: white;
	background-color: #1f78c5;
	border: none;
	border-radius: 0;
	padding-top: 4px !important;
	padding-right: 16px;
	padding-bottom: 8px !important;
	padding-left:16px !important;}

div.event-text p a.et_pb_button:hover, div.event-text p a.et_pb_button::after {
	background-color: #444444 !important; 
}

@media all and (max-width: 1024px) {
	div.event a.more {display: none;}
	div.event a.et_pb_button span {display: none;} /*remove the word 'Buy'*/
}


/* SHOW PAGES */

/* remove gap betwen show posts and footer */

#left-area {
	padding-bottom: 0 !important;
}

/* book now title */

.book_now_heading {
	display: table;
	background-color: #444444;
	color: #ffffff;
	padding: 7px 15px 11px 15px; 
	font-size: 1.5em; 
	letter-spacing: -0.01em;
	font-weight: 300;
	text-transform: uppercase;}

.choose_date_and_time {
	display: table;
	color: #444444; 
	padding: 6px 15px; 
	font-weight: 400; 
	font-size: 0.95em; 
	margin-top: 2px;
	margin-bottom: 2px;
}

.book_by_phone {
	color: #999999;
	padding-left: 15px;
}

.book_by_phone span {
	color: #333333; 
	font-size: 1.3em;
	font-weight: 600;
}

.book_now_more_shows {
	width: 100%;
	text-align: center;
	font-weight: 700 !important;
	padding: 20px 0px 20px 10px !important;
	border-bottom: 1px dotted #444444 !important;
	border-top: 1px dotted #444444 !important;
}

.book_now_more_shows:after {
	content: " dates";
}

.book_now_more_shows span {
	font-family: "sarah-script"; 
	font-weight: 700; 
	font-size: 1.8em;
	margin: -10px 10px;
	color: #ffffff;
	background-color: #1f78c5;
	font-size: 1.5em;
	padding: 13px 15px 8px 15px;
}

.book_now_more_shows span:first-child {
	float: left; 
	cursor: pointer;
	margin-left: 0 !important;
}
.book_now_more_shows span:last-child {
	float: right; 
	cursor: pointer;
}

.dot_spektrix_week_0 td, .dot_spektrix_week_1 td, .dot_spektrix_week_2 td, .dot_spektrix_week_3 td, .dot_spektrix_week_4 td, .dot_spektrix_week_5 td, .dot_spektrix_week_6 td {
	max-width: 80px !important;
}


/*BOOKING TABLES / SHOW PAGES. The #content-area is to override Divi styles*/
/*such as the padding on #content-area table td.*/
div.book_now_table {
}
.entry-content div.book_now_table table {
	width: 100%;
}

#content-area div.book_now_table table {
	width: calc(100% - 4px); 
	font-size: 14px; 
	border: 0;
}
#content-area div.book_now_table table tr td {
	min-width: 80px;
	width: 80px;
	text-align: center; 
	padding: 8px 2px; 
	border-top: 4px solid #ffffff !important; 
	border-right: 4px solid #ffffff;	
}

#content-area div.book_now_table table tr td:first-child span:first-child {
	color: #444444;
	font-weight: 600 !important;
	border-top: 1px dotted #444444;
	border-left: 1px solid #ffffff;
	padding-top: 8px;
	margin-top: -8px;
}
#content-area div.book_now_table table tr td:first-child span:nth-child(n+2) {
	color: #444444;
	font-size: 1.2em; display:block;
}
#content-area div.book_now_table table tr td:nth-child(n+2) {
		background-color:#1f78c5;
}
#content-area div.book_now_table table tr td:nth-child(n+2) span:first-child {font-size: 1.5em;}
#content-area div.book_now_table table tr td:nth-child(n+2) span {color: rgba(255, 255, 255, 0.9);}

td.dot_spektrix_signedperformance a::before, td.dot_spektrix_audiodescribed a::before, td.dot_spektrix_relaxedperformance a::before, td.dot_spektrix_sold_out a::after, td.dot_spektrix_selling_fast a::after, td.dot_spektrix_qandasession a::before, td.dot_spektrix_preshowworkshop a::before {font-size: 0.8em; font-weight: 600; padding: 0 2px 3px 2px !important; display: block; line-height: 1em; color: #ffffff;}


/* Amended and added to by Pete 11/08/22 for special show type buttons */

/* ticket availability */
#content-area td.dot_spektrix_selling_fast a::after {content: "SELLING FAST";}
#content-area td.dot_spektrix_sold_out a::after {content: "SOLD OUT";}
#content-area td.dot_spektrix_sold_out {background-color: #aaaabb !important;}
#content-area td.dot_spektrix_sold_out a {pointer-events: none; cursor: default;}
#content-area td.dot_spektrix_sold_out a::after {color: rgba(255,255,255,0.75) !important;}
#content-area td.dot_spektrix_sold_out span {color: rgba(255,255,255,0.75)  !important;}

/* special performances */
#content-area td a::before {color: white;}
#content-area td.dot_spektrix_audiodescribed a::before {content: "AUDIO DESCRIBED";}
#content-area td.dot_spektrix_signedperformance a::before {content: "SIGNED SHOW";}
#content-area td.dot_spektrix_qandasession a::before {content: "Q&A SESSION";}
#content-area td.dot_spektrix_preshowworkshop a::before {content: "PRE-SHOW WORKSHOP";}
#content-area td.dot_spektrix_relaxedperformance a::before {content: "RELAXED SHOW"}
#content-area td.dot_spektrix_audiodescribed.dot_spektrix_preshowworkshop a::before {content: "AUDIO DESCRIBED, PRE-SHOW WORKSHOP";}



p.book_by_phone {
	text-align: center !important;
	padding-right: 8px !important;
}

tr.dot_spektrix_week td:first-child {min-width: 80px;}

/* BLOG – OFF SCRIPT PAGES */

.category-off-script .et_pb_post {
	margin-top: 16px !important;
}


.page-id-19459 .entry-title a:hover, .category-off-script .entry-title a:hover {
	color: #1f78c5 !important;
}


.category-off-script .et_post_meta_wrapper {
	display: none;
}


/* JOIN OUR MAILING LIST */

div.signup-row {margin-bottom: 16px; width: 100%; clear: left; padding-top: 8px;}
span.signup-label {clear: left; float:left; width: 25%; min-width: 110px !important; text-align: right; color: #ffffff; margin-right: 8px;}
input.signup-input {font-size: 15px !important; width: 25%; min-width: 170px !important; display: inline-block;}
input.signup-button {margin-left: calc(25% + 8px); font-size: 1.2em; color: white; background-color: #1f78c5; border-radius: 0; padding-top: 4px !important; padding-right: 16px; padding-bottom: 8px !important; padding-left:16px !important;}
span.signup-required {color: #1f78c5; display: inline-block; font-size: 13px !important; padding-left: 8px; text-align: right;}
#post-20569 h2 {color: #ffffff;}
p.signup-error {color: red !important;}
p.signup-success {font-size: 1.6em !important;}


#home-signup > div > div > form > div:nth-child(5) > input {margin-left: 118px !important; cursor: pointer !important;}
#home-signup > div > div > p {color: #ffffff !important; font-size: 18px !important;}

/* MEMBERSHIP PAGE TABLE */
table.memberships {
	border: none;
}

table.memberships th, table.memberships tr { 
	margin-bottom: 2px;
	border-bottom: 2px solid #444444;
	padding: 10px 5px;
}

table.memberships th {
	background-color: #222233;
	color: #ffffff;
}

table.memberships tr {
	background-color: rgba(255,255,255,0.97);
}


th.description-column {
	min-width: 300px !important;
	padding: 16px !important;
}


table.memberships td.discount {
	font-weight: 700;
}

td.tick-silver {
	background-color: #cacaca;
}
td.tick-gold, td.discount-gold {
	font-weight: 600 !important;
	background-color: #f3e099;
}
td.tick-platinum, td.discount-platinum {
	font-weight: 600 !important;
	background-color: #e4e4e4;
}
td.tick-diamond, td.discount-diamond {
	font-weight: 600 !important;
	background-color: #e3e9f7;
}
td.tick-royal, td.discount-royal {
	font-weight: 600 !important;
	background-color: #b2caff;
}


td.tick-silver:before, td.tick-gold:before, td.tick-platinum:before, td.tick-diamond:before, td.tick-royal:before  {
	content:url('/wp-content/uploads/2019/05/tick-small.png'); 
	width: 30px !important;
}

table.memberships td {
	min-width: 100px;
	padding: 10px 5px;
}

td.description-column {
	padding: 16px !important;
}


.benefits-shortcuts h3 {
	margin-top: 16px;
}


/* HISTORY PAGE */
.rise-and-fade {
	font-family: blenny;
	display: inline-block;
	margin-left: -15px;
}

.rise-and-fade h1 {
	font-size: 65px !important;
	line-height: 90% !important;
}

.rise-and-fade h2 {
	font-family: "tablet-gothic";
	font-size: 35px !important;
}

.history-row {
	min-height: 85vh !important;
}






/* TEAS AND TOURS PAGE */

.choose_date_and_time.teas {
	display: inline-block; 
	width: 32% !important;
	padding-right: 0 !important;
	margin-top: 10px;
}

.tour-and-tea {
	display: inline-block; 
	width: 33% !important;
	text-align: center;
}

.tea-only {
	display: inline-block; 
	width: 30% !important;
	text-align: center;
}


/* SITEMAP PAGE */
ul.simple-sitemap-page.main li.page_item, ul.simple-sitemap-post.main li {font-family: tablet-gothic; border-bottom: 1px dotted rgba(255,255,255,0.3) !important;}
ul.simple-sitemap-page.main li.page_item:last-child {border-bottom: none !important;}
ul.simple-sitemap-post.main li:last-child {border-bottom: none; border-left: none;}
.simple-sitemap-wrap h3 {display: none;}
.simple-sitemap-wrap li {list-style: none; padding: 0 !important;}
.simple-sitemap-wrap a {color: rgba(255,255,255,0.7);}
.simple-sitemap-container h3 {display: none;
}


/* ACCESS FORM */
label.gfield_label, .gfield_description, legend.gfield_label, label.gfield_consent_label, .gchoice label {color: #ffffff !important}
span.gfield_required_asterisk {font-size: 1.5rem !important}
div.validation_message.gfield_validation_message {background-color: rgba(0,0,0,0) !important; border: 0 !important; color: red !important; font-style: italic !important;}
h2.gform_submission_error {font-size: 1rem !important}
input#gform_submit_button_1 {font-size: 1.1rem !important; font-weight: 600; letter-spacing: 2px}
input#gform_submit_button_1:hover {background-color: #444444 !important; cursor: pointer}
.gform_confirmation_message {border: 8px solid #ffffff !important; margin-bottom: 32px !important; padding: 32px !important}



/* MESSAGE ON PAST EVENTS */

.dot_spektrix_past_event_message {
	padding: 32px;
	background-color: #ddcc00;
}

.dot_spektrix_past_event_message h3 {
	color: #ffffff; }

.dot_spektrix_past_event_message a {
	background-color: #1f78c5;
	padding: 2px 8px;
	color: #ffffff;
}

.dot_spektrix_past_event_message a:hover {
	background-color: #444444;
}



/* PETE'S EARLIER CSS */

/* cookie notice */
.cookie-notice-container a {display: inline-block; background-color: #1f78c5 !important; color: #ffffff !important; border: 0 !important; border-radius: 0 !important; font-weight: 400 !important; font-size: 1.0em !important; padding: 0 8px !important;}


/* colour social icons */
.social-color {vertical-align: middle;}

/* FOOTER */

.footer-widget li {
	border-bottom: none;
	border-left: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 0px !important;
}

.footer-widget li a {
	list-style: none !important;
}

#footer-widgets {margin-bottom: 16px !important; padding-top: 32px;}


/* SEARCH RESULTS PAGE */

.et_pb_posts div, .et_pb_posts h1 {
	background-color: rgba(0,0,0,0);
	color: rgba(255,255,255,0.9) !important;
}

.search-results-2022 > article {background-color: rgba(0,0,0,0.01) !important}
				
.pagination a {
	font-size: 0.1em;
}
				

.wpfts-smart-excerpt b {
	color: #ffffff !important;
}

.wpfts-smart-excerpt:after {
	content: ".."
}


.et_pb_search_archive_title h1 {
	color: rgba(255,255,255,0.85) !important;
}

.search .entry-title a:hover {
	color: #1f78c5 !important;
}

/* Divi text boxes on Spektrix iframe pages */

/* savings box at the top of basket */
.Savings {background-color: #9999aa; color: #ffffff; padding: 16px 16px 0 16px; margin-right: 50% !important;}




/* VIEW FROM SEATS modal image, copied from https://www.w3schools.com/howto/howto_css_modal_images.asp, see onload.js*/
/* Style the Image Used to Trigger the Modal */
#modalimage {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 100; /* Sit on top */
	padding-top: 200px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
#modalimage img {
	margin: auto;
	display: block;
	width: 80% !important;
/*	max-width: 700px; */
	animation-name: zoom;
	animation-duration: 0.6s;
	transition-timing-function: ease-out;
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
span.close {
	position: absolute;
	top: 200px;
	right: 10%;
	z-index: 200;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.6s;
}


#modalimage span:hover,
#modalimage span:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

@media all and (max-width: 768px) {
	#modalimage img {width: 100% !important;}
	span.close {right: 0px;}

}


/* MEDIA QUERIES */


/*** Responsive Styles Tablet and below ***/
@media all and (max-width: 980px) {
		
	.page_body_container {margin-bottom: 90px !important;}
	
	div.jupitercalendar td.calendardayofweek5 div, div.jupitercalendar td.calendardayofweek6 div {max-width: 300px;} 	/*so events in the last couple weeks don't get cut-off on mobiles*/
	
}

/* lower the menu on tablet */
@media screen and (min-width: 768px) and (max-width: 980px) {
	header#mhmm {position: relative; top: 20px !important}
	#et-main-area {padding-top: 20px !important}

}


/* SEARCH ON DESKTOP */

input.et_pb_s {
	height: 30px !important;
	padding: 0 10px !important;
}

input.et_pb_searchsubmit {max-height: 30px !important; padding-top: 0 !important}


/* make list items normal looking in text */

.normal-list li {background-color: rgba(0,0,0,0) !important; list-style-type: square !important}

/* Added by Paul 11/8/2022 for popup questions for audio-described and other performances with attributes, see onload.js */

/* the background covering the screen */
div.popup-overlay {
	position: fixed;
	top: 0;
	padding-top: calc(50vh - 340px);
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	background: rgba(0,0,0,.85);
	display: none;
}

/* the box in the centre */
div.popup-overlay > div {
	background-color: #ffffff;
	padding: 20px;
	max-width: 400px;
	margin: 0 5%
}

@media screen and (min-width: 1024px) {
	div.popup-overlay > div {margin-top: calc(50vh - 200px); margin-left: calc(50vw - 200px);}
}

/* make the links into buttons */
div.popup-overlay a {display: block; background-color: #1f78c5; padding: 8px 10px; color: #ffffff; margin: 0 0 5px 0}

/* make continue button bigger */
div.popup-overlay p.popup-continue a {font-size: 1.5rem; padding: 12px 16px; margin-bottom: 12px} 

/* centre all paragraphs */
div.popup-overlay p {text-align: center; line-height: 150%; margin: 0}

/* embolden adjectives */
.popup-adjectives {font-weight: 600; font-size: 1.3rem; color: #dc3737; position: relative; top: 1px}

/* italicise and make smaller descriptions */
.popup-descriptions {margin: 4px 16px 0 16px; font-size: 0.85rem; font-style: italic; color: #dc3737}

/* make sure cursor is the pointy finger */
div.popup-overlay p.popup-continue a, div.popup-overlay p.popup-choose-another a {
	cursor: pointer !important;
}

.et_pb_search_list_wrapper {padding-top: 150px}

.home input.signup-button {margin-left: 137px !important;}


#et-boc > div > div.et_pb_section.et_pb_section_2.et_pb_with_background.et_section_regular > div {padding-left: 0 !important; padding-right: 0 !important;}


sup {font-size: 0.6em !important; vertical-align: super !important;}