/* 
Theme Name: King & I Musical 2018
Author: Ken @ HdK Associates
Author URI: http://www.dekretser.com
Version: 1.0
*/
body{
	background: black;
	color: white;
	font-family:'Montserrat',Arial,sans-serif;
}
.navbar-brand {
	vertical-align: top;
}
.nav-link, .top-nav-link {
	font-family:'Oswald',Arial,sans-serif;
	font-size:20px;
	text-transform:uppercase;
	color: white !important;
}
.nav-link a, .top-nav-link  a {
	color: white !important; 
}
a.nav-link:hover, a.top-nav-link:hover {
	color: #f8da08 !important; 
}
.nav-link-active {
	color: #f8da08 !important; 
}
	.navbar-collapse {
   		background: #060022 !important; 	
	}	
.top-nav-link {
	background: black;
	padding: 20px;
}

/* ** XS ** - Extra small devices (portrait phones, less than 576px) Phone Portrait */
@media (max-width: 575px) { 
	img.img-fluid-logo {
		width: 100%;
	}
	img.img-fluid.videoimg {
		width:33%;
		border-radius: 50%;
		margin-left: 35%;
	}
	body {
		background:url(/wp-content/themes/kingandimusical/img/background-line.gif) repeat-y top center !important;
	}
	#mainNav{
		background: #060022 !important;  
	}	
	section#home {
		background:url(/wp-content/themes/kingandimusical/img/background.jpg) #000 no-repeat  36% 0%;
		padding-top: 50px;
	}	
	section#hometest {
		/*background:url(/wp-content/themes/kingandimusical/img/TKAI_Website_JULY_Hero.jpg) #060022 no-repeat center 0;*/
		padding-top: 50px;
	}		
	.navbar-collapse {
   		background: #060022 !important; 
	}
	.navbar-collapse ul li {
		padding-left: 20px;
	}	
	#EventCalendarMobile {
		margin: 0 auto   !important; ;
		width: 100%   !important; 
	}	
	.MobCal_Book_Link {
		clear: both;
		background: pink;
	}
	h1, h2 {
	font-family:'Oswald',Arial,sans-serif;
	font-size:26px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
}	
	.price_strapline {
	font-family: "Oswald";color: #f7d109;font-size: 12pt;
	}
	.home_strapline {
	font-size: 18px;
	}	
	.home_boxtext  {
	font-size: 11px;
	}	
	.booknow-nav {
		background: transparent;
	}		
	
}

/* ** SM ** - Small devices (landscape phones, 576px and up) Phone Landscape */
@media (min-width: 576px) and (max-width: 767px) { 
	img.img-fluid-logo {
		width: 100%;
	}


	img.img-fluid.videoimg {
		width:33%;
		border-radius: 50%;
		margin-left: 35%;
	}
	body {
		background:url(/wp-content/themes/kingandimusical/img/background-line.gif) repeat-y top center !important;
	}		
	#mainNav{
		background: #060022 !important; 
	}	
	section#home {
		/*background:url(/wp-content/themes/kingandimusical/img/background.jpg) #000 no-repeat   36% 0%;*/
		padding-top: 50px;
	}	
	section#hometest {
		/*background:url(/wp-content/themes/kingandimusical/img/TKAI_Website_JULY_Hero.jpg) #060022 no-repeat center 0;*/
		padding-top: 80px;
	}		
	.navbar-collapse {
   		background: #060022 !important; 
	}
	.navbar-collapse ul li {
		padding-left: 20px;
	}	
	#EventCalendarMobile {
		margin: 0 auto;
	}	
	
	h1, h2 {
	font-family:'Oswald',Arial,sans-serif;
	font-size:26px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	}
	.price_strapline {
	font-family: "Oswald";color: #f7d109;font-size: 14pt;
	}
	.home_strapline {
	font-size: 24px;
	}	
	.home_boxtext  {
	font-size: 16px;
	}
	.booknow-nav {
		background: transparent;
	}		
}

/*  ** MD ** - Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 

	img.img-fluid-logo {
		display: none !important;
	}

	img.img-fluid.videoimg {
		width:67%;
		border-radius: 50%;
	}
	body {
		background:url(/wp-content/themes/kingandimusical/img/background-line.gif) repeat-y top center !important;
	}		
	#mainNav{
		background: #060022 !important; 
	}	
	section#home {
		background:url(/wp-content/themes/kingandimusical/img/background.jpg) #000 no-repeat 30% 0%;
		padding-top: 50px;
	}	
	section#hometest {
	background:url(/wp-content/uploads/2023/05/KAI_2023_DA_BG.jpg) #060022 no-repeat center 0;
		padding-left: 100px;
		padding-top: 700px;
	}		
	.navbar-collapse {
   		background: black  !important; 
		margin-left: 20px;
	}	
	.navbar-collapse ul li {
		padding-left: 20px;
	}
	h1, h2 {
	font-family:'Oswald',Arial,sans-serif;
	font-size:46px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
}
	
	.price_strapline {
	font-family: "Oswald";color: #f7d109;font-size: 24pt;
	}
	.home_strapline {
	font-size: 26px;
	}	
	.home_boxtext  {
	font-size: 18px;
	}
	.video-width {
		width: 75% !important;
	}	
	.booknow-nav {
		background: transparent;
	}		
}

/*  ** LG ** - Large devices (desktops, 992px and up) */
@media  (min-width: 992px) and (max-width: 1199px) { 

	img.img-fluid-logo {
		display: none !important;
	}
	img.img-fluid.videoimg {
		width:67%;
		border-radius: 50%;
		margin-top: 200px;
		margin-left: 700px;
	}
	body {
		background:url(/wp-content/themes/kingandimusical/img/background-line.gif) repeat-y top center !important;
	}		
	#mainNav{
		line-height: 50px;

		background: #060022 !important; 
	}
	.navbar-collapse {
   		background: #060022 !important; 	
	}
	.navbar {
		padding: 0px !important;
	}
	section#home {
		background:url(/wp-content/themes/kingandimusical/img/background.jpg) #000 no-repeat center 0;
		padding-top: 100px;
	}		
	/*section#hometest {
		background:url(/wp-content/themes/kingandimusical/img/TKAI_Website_JULY_Hero.jpg) #060022 no-repeat center 0;
		padding-top: 100px;
	}		*/
	section#hometest {
		/*background:url(/wp-content/themes/kingandimusical/img/TKAI_Website_JULY_Hero.jpg) #060022 no-repeat center 0;*/
		/*background:url(/uktourtest//wp-content/themes/kingandimusical/img/background-1.jpg) #0C0C26 no-repeat  top center;*/
		background:url(/wp-content/uploads/2023/05/KAI_2023_DA_BG.jpg) no-repeat  top center;
		padding-top: 120px;
	}		
	.social img, .social img, .navbar-brand {
		display: none;
	}

	h1, h2 {
	font-family:'Oswald',Arial,sans-serif;
	font-size:46px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	}
	
	.price_strapline  {
	font-family: "Oswald";color: #f7d109;font-size: 24pt;
	}
	.home_strapline {
	font-size: 28px;
	}
	.home_boxtext  {
	font-size: 18px;
	}	
	.video-width {
		width: 60% !important;
	}
	.booknow-nav {
		/*background: linear-gradient(to bottom, cyan 0%, rgba(0,0,0,0) 100%);*/
		background: radial-gradient(#fcd800,#d1920f);

		margin-right: 10px !important;
		margin-left: 10px !important;
		color: black !important;
	}
	A.booknow-nav:hover {
		color: #555 !important;
	}	
	.tour-update.pt-xl-5.pt-lg-5 {
		padding-top: 23rem!important;
	}
}

/* ** XL ** - Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	img.img-fluid-logo {
		display: none !important;
	}
	img.img-fluid.videoimg {
		width:67%;
		border-radius: 50%;
		margin-top: 200px;
		margin-left: 700px;
	}
	body {
		/*background:url(/wp-content/themes/kingandimusical/img/Hero.jpg) #060022 no-repeat center 0;
		padding-top: 200px;
		*/
		background:url(/wp-content/themes/kingandimusical/img/background-line.gif) repeat-y top center !important;
	}	
	
	
	#mainNav{
		line-height: 55px;
		background: #060022 !important; 
		padding-top: 5px;
	}	
	.navbar {
		padding: 0px !important;
	}	
	section#home {
		/*background:url(/wp-content/themes/kingandimusical/img/Hero.jpg) #060022 no-repeat center 0;
		padding-top: 200px;
		*/
		background:url(/wp-content/uploads/2023/05/KAI_2023_DA_BG.jpg) #000 no-repeat  36% 0%;
		padding-top: 100px;
	}	
	section#hometest {
		/*background:url(/wp-content/themes/kingandimusical/img/TKAI_Website_JULY_Hero.jpg) #060022 no-repeat center 0;*/
		/*background:url(/uktourtest//wp-content/themes/kingandimusical/img/background-1.jpg) #0C0C26 no-repeat  top center;*/
		background:url(/wp-content/uploads/2023/05/KAI_2023_DA_BG.jpg) no-repeat  top center;
		padding-top: 100px;
	}		
	.cal-hero {

	}
	.nav-link	 {
		font-size: 22px;
	}
	.social img{
		margin-top: 15px;
		padding-left: 4px;
		height:24px;
		vertical-align: middle;
	}
	.social a:focus img,
	.social a:hover img,
	.social a:active img{
		opacity:0.8;
	}
	
	h1, h2 {
	font-family:'Oswald',Arial,sans-serif;
	font-size:46px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
}
	
	.price_strapline  {
	font-family: "Oswald";color: #f7d109;font-size: 24pt;
	}	
	.home_strapline  {
	font-size: 32px;
	}	
	.home_boxtext  {
	font-size: 20px;
	}
	.video-width {
		width: 55% !important;
	}
	.booknow-nav {
		/*background: linear-gradient(to bottom, cyan 0%, rgba(0,0,0,0) 100%);*/
		background: radial-gradient(#fcd800,#d1920f);
		height: 73px;
		margin-right: 10px !important;
		margin-left: 10px !important;
		color: black !important;
	}
	A.booknow-nav:hover {
		color: #555 !important;
	}
	 .tour-update.pt-xl-5.pt-lg-5{
		padding-top: 23rem!important;
	}
	
}






/*
.navbar-brand
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: right;
    margin: auto;
    padding:0;
}
*/
.bluebg {
	background: #060022 !important;
}
footer {
	background: #f5d10e;
	color: black;
}
footer ul {
	margin-top: 20px;
}
footer ul li {
    display:inline-block;
	margin: 0 auto;
	margin-right: 10px;
	font-size: 10pt;
 }

footer ul li a {
	color: black; 
	font-size: 9pt;
}
footer ul li a:hover {
	color: #444;
	text-decoration: none;
}


/* Header Styles */


.reviewtext {
	font-size:40px;
	font-weight:700;
	line-height: 40px !important;
	padding-top: 0px;
}

.reviewstars {
	font-size:40px;
	font-weight:700;
	color: #F8DA08;
}

.reviewname {
	font-size:14px !important;
	color: #FFF;	
	padding-bottom: 10px;
}
.your-visit h2 {
	color:  #f8da08;
	text-align: left;
	font-size: 20px;
	font-family:'Montserrat',Arial,sans-serif;	
}
.ticketing h2
{
	color:  #f8da08;
	text-align: left;
	font-size: 20px;
	font-family:'Montserrat',Arial,sans-serif;
}

h3.castname {
	font-family:'Oswald',Arial,sans-serif !important;
	font-size:40px !important;
	text-transform:uppercase !important;
	color: #f8da08 !important;
}
h3.filtertitle {
	font-family:'Oswald',Arial,sans-serif;
	font-size:28px;
	text-transform:uppercase;
	color: black !important;
    padding: 0px !important;
    margin: 0px !important;
	margin-bottom: 5px;
	display: inline;
}

.packages_section {
	background: #09004D;
	font-size:18px;
	font-weight: 900;
}
.packags_section h3 {
	font-size:18px;
	font-weight: bold;
	text-transform:uppercase;
	color: #f8da08 !important;
	
}

.packags_section h4 {
	font-size:12px;
	font-weight: normal;
}


.packages_section p {
	font-weight: 700 !important;
	padding-top: 10px;
}
.smalltex

.decoration {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #f8da08;
    background-image: url("/wp-content/themes/kingandimusical/img/arrow-down.png");
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 20px;
}
.decoration-up {
	margin-top: 20px;
	border-bottom: 1px solid #f8da08;
    background-image: url("/wp-content/themes/kingandimusical/img/arrow-up.png");
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 20px;
}
.decoration-down-blue {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 20px;
	
    background-image: url("/wp-content/themes/kingandimusical/img/arrow-down-blue.png");
	background-repeat: no-repeat;
	background-position: top center;	
	display: block;
/*	min-height: 20px !important;
	border-top: 1px solid #f8da08;*/
}
.decoration-down {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 20px;
	
    background-image: url("/wp-content/themes/kingandimusical/img/arrow-down.png");
	background-repeat: no-repeat;
	background-position: top center;	
	display: block;
/*	min-height: 20px !important;
	border-top: 1px solid #f8da08;*/
}
.map-responsive{
    overflow:hidden;
    margin-bottom:30px;
    position:relative;
}
.yellow, span.yellow, a.yellow {
	color:  #f8da08;
	font-weight: bold;
}
.yellow-border {
	border: 1px solid #f8da08;
}

/* Bookings Calendar */


#eventcal {
	margin-bottom: 30px;
}
table.caltable {
	width: 100% !important;
}
table.caltable td,
table.caltable th {
	background: #333333;
	border: #DEDEDE !important;
	
}
.calcelltitle {
	background: black !important;
}
.calcelltitle, .calspinner, span.subtitle {
	font-family: "Oswald";
	color: #f7d109;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 24pt;
	
}

.calspinner:hover {
	color: white;
	text-decoration: none;
}

.calcellhead {
	font-family: "Oswald";
	width: 14.285%;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
	background: #09004d !important;
	padding-top: 20px;
	padding-bottom: 20px;
}
.cellbot {
	background: #333333 !important;
}
.cellempty {
	background: #222222 !important;
}
.calcellinner_left {
	padding-left: 20px;
	padding-top: 20px;
	font-family: "Oswald";
	color: #FFFFFF;
	font-size: 10pt;		
	text-align: left;
}
.calcellinner_right {
	text-align: center;
	font-family: "Oswald";
	color: #FFFFFF;
	font-size: 16pt;padding: 20px;		
}
.calcelday {
	position:absolute;
	top:0;
}
.bookblock {
	color: white;
}
.bookblock:hover {
color: #dedede;
}

.dot-green {
  height: 15px;
  width: 15px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
	background: #71BF44;
	margin-top: 10px;
}
.dot-red {
  height: 15px;
  width: 15px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  background: #B62024;
}
.dot-yellow {
  height: 15px;
  width: 15px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  background: #F7931D;
}
.dot-text {
	padding-left: 5px;
}
/* audio styles */

#hap-wrapper{
	max-width:100% !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}
#hap-wrapper .hap-playlist-item{
	text-align:left;
}
#hap-wrapper .hap-icon-rollover-color,
#hap-wrapper .hap-progress-level,
#hap-wrapper .hap-volume-level{
	color:#f8db08 !important; /* set in /css/metalic.css to make it work */
}


span.creatives_name{
	font-family:'Oswald',Arial,sans-serif;
	font-size:26px;
	font-weight:400;
	line-height:1.2;
}
span.creatives_role{
	font-size:14px;
	font-weight:600;
	line-height:1.2;
}
.socialfeeds-featimage {
	 max-height:400px;
  overflow:hidden;
}
.socialfeeds-text a {
	color: #0066B3;
}
.socialfeeds-text {
	display: block;
	background: white; 
	color: black;
	max-height:400px;
	overflow:hidden;
	padding: 20px;
	text-align: center;
	font-size: 11pt;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";	
}
.socialfeeds img {
  object-fit: none; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 100%;
  max-height: 400px;
}
.pricerangebuttons {
	display: block;	
	background: white !important;
	color: black !important;
	padding: 5px;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pricerangebuttons:hover {
	background: #f8db08 !important;
	cursor: pointer;
}

.pricerangebuttons span.price {
	font-size: 12pt;
	font-weight: bold;
}
.pricerangebuttons span.pricetext {

	font-size: 9pt;
}
.sg_dull, .sg_dull a, a.sg_dull {
	background: #444444 !important;
	color: #dedede !important;
}
.sg_highlight, .sg_highlight a {
	background: #f8db08 !important;
	color: black !important;
}
.sg_button_light {
	background: #f8db08 !important;
	color: black !important;
}

.ui-slider-handle {
	background: #f8db08 !important;
	border: none !important;
}

.mobcal_tickets_block {
	position: relative !important; 
	top: 0 !important; 
	left: 0 !important;	
	text-align: center !important;	
	font-family: 'Oswald' !important;	
	color: #FFFFFF !important;;	
	font-size: 16pt !important;;
	padding: 20px !important;;
}

.home_strapline {
	font-family: 'Oswald' !important;	
	color: #f7d109;	
}

.home_calfooter {
	font-size: 10pt;
}
.home_calfooter div {
	padding-bottom: 9px;
}
.home_boxtext {
	font-family:'Montserrat',Arial,sans-serif;
	border: 1px solid white;
	color: #f7d109;
	font-weight: bold;
	padding: 10px;
}
.cal_rollover_pane {
background: #333 !important;
}

.bglink, .bglink2 {
cursor: pointer;	
}
.bglink2 {
	text-transform: uppercase;
	font-family: 'Oswald' !important;	
	color: #FFFFFF;
	font-weight: bold;
}
h2.tourdate {
	font-family:'Montserrat',Arial,sans-serif;
	text-transform:uppercase;
	color: white;
}
h3.tourdate {
	font-family:'Oswald',Arial,sans-serif;
	font-size:28px;
	text-transform:uppercase;
	color: white;
}
.tourdates {
	font-family:'Montserrat',Arial,sans-serif;
	font-size:16px;
	text-transform:uppercase;
	color: white;	
	font-weight: bold;
}
.booknow, .videoimg {
	cursor: pointer;
}
.text_white {
	color: white;
}
.text_black {
	color: black;
}
.modal-content {
background: #000 !important;
}
.close_video {
	background: none;
	color: #F7D109;
	cursor: pointer;
}
.smalltext {
	font-size: 9pt;
}

.home-banner-relative-wrapper {
	position: relative;
}
.home-banner-wrapper {
	position: absolute;
	display: block;
	width: 150px;
	right: 0;
	top: 0;
}

.home-banner-wrapper img {
	max-width: 100%;
	height: auto;
}

.auditions-page {
	padding-top: 100px;
}

.auditions-logo {
	max-width: 400px;
	height: auto;
	width: 100%;
}

.auditions-title {
	font-size: 32px;
	color: #fcd800;
	margin: 25px 0;
}

.auditions-page .aligncenter {
	margin: 0 auto;
	display: block;
	margin-bottom: 25px;
}

.auditions-page hr {
	border: 1px solid #fcd800;
	max-width: 400px;
	margin: 25px auto;
}

@media (max-width: 991px) {
	.home-banner-wrapper {
		display: none;
	}	
}


/* added styles for Tour Dates popup 20230330 - Els */

.tourdatespopup{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
}
.tourdatespopup .popflex{
	display:flex;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
}
.tourdatespopup .popflex .popup{
	background:#F5D10E;
	color:#131239;
	text-align:center;
	padding:20px;
	border:5px solid #F5D10E;
	border-radius:5px;
	position:relative;
}
.tourdatespopup .popflex .popup h2{
	font-size:52px;
	margin-bottom:.2em;
}
.tourdatespopup .popflex .popup p{
	font-family:'Oswald',Arial,sans-serif;
	font-size:30px;
	font-weight:700;
	line-height:1.2;
}
.tourdatespopup .popflex .popup p a{
	color:inherit;
}
.tourdatespopup .closepopup{
	position:absolute;
	top:-.9em;
	right:-.9em;
	width:1.8em;
	height:1.8em;
	background:white;
	color:black;
	font-family:'Oswald',Arial,sans-serif;
	font-size:30px;
	font-weight:700;
	line-height:1.4;
	text-align:center;
	border:5px solid #F5D10E;
	border-radius:50%;
	cursor:pointer;
}
@media(max-width:480px){
	.tourdatespopup .popflex .popup h2{
		font-size:46px;
	}
	.tourdatespopup .popflex .popup p{
		font-size:26px;
	}
}
@media(max-width:420px){
	.tourdatespopup .popflex .popup h2{
		font-size:32px;
		margin-bottom:.5em;
	}
	.tourdatespopup .popflex .popup p{
		font-size:18px;
	}
}

/* end added styles for Tour Dates popup 20230330 - Els */