/*
COLOR PALETTE
https://coolors.co/f7fff7-343434-2f3061-ffe66d-a1c6d7
#F7FFF7 - almost white
#C2C2C2 - silver sand
#343434 - dark gray - almost black
#2F3061 - blue dark
#FFE66D - yellow
#A1C6D7 - blue light
*/


/* Global Styles */
/*----------------------------*/
html {
  width: 100%;
  background: url(../images/texture-curtains_3.jpg);
  background-repeat: no-repeat;
  height: 100%;
  background-position: left;	
 }
body {
	 font-family: "Lucida Console", Courier, monospace;
}
.bannerimage {
  /*background: url(../images/Logo_1.png) left top no-repeat;*/
  background: url(../images/Logo_L_NoText1.jpg) left top no-repeat, url(../images/Logo_R_NoText1.jpg) right top no-repeat;
  /*  height: 205px; */
  background-clip: content-box;
  background-size: 145px 145px;
  background-origin: content-box;
  
}
.headertext {
  text-align: center;
  margin: auto;
  width: 70%;
  padding: 60px 0;
  font-family: "Lucida Console", Courier, monospace;
  font-size: 3.2em; /* 40px/16=2.5em */
}
div.footertext {
	text-align: center;
	margin: auto;
	padding: 10px;
	height:20px;   /* Height of the footer */
}

footer {
	float:left;
	width: 100%;
	background-color: #C2C2C2;
}

h1 {
	text-align: center;
}

h2 {text-align: center;}

h3 {text-align: center;}

a {
	color: 2F3061;
}
a:hover {
	text-decoration: none;
}

/* Navigation Bar */
/*----------------------------*/
ul.topmenuul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li.topmenuli {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

a:hover:not(.active) {
  background-color: #111;
}

.active {
  background-color:#4CAF50;
}
/* SOT */
div.textcenter {
	text-align: center;
	}

.center {
    margin-left:auto; 
    margin-right:auto;
  }
  
/* SOT Table management */
/*---------------------*/
/*pastproductions-table, */

/* SOT Coming Soon */
/*----------------------------*/

.coming-soon {
	width: 900px;
	max-width: 900px;
	text-align: center;
}

.coming-soon-play {
	width: 250px;
	max-width: 250px;
	text-align: center;
	padding: 10px,0,0,0;
	font-size: 1.1em; /* 40px/16=2.5em */
}
/*
.coming-soon.center {
    margin-left:auto; 
    margin-right:auto;
  }*/

.coming-soon-image {
	width: 225px;
	
}
.comming-soon-text{
	text-align: center;
	padding: 10px,0,0,0;
	font-size: 0.9em; /* 40px/16=2.5em */
}

.textwrap {
	float: left;
  	margin-left:40px;
	margin-right: 20px;
	width:450px;
}
.play-details-text {
	float:left;
	width: 70%;
	height:40%;
	margin-left: 10px;
	margin-right:5px;
	margin-bottom:15px;
	padding-right:10px;
	padding-left:10px;
	/* font-family: "Lucida Console", Courier, monospace; */
	font-size: 1.0em; /* 40px/16=2.5em */
	/* border: 1px solid red;*/
}
.play-details-image{
	width: 225px;
}

/* PlayDetails */
div.playformat{
	float:left;
	/*background-color: white;*/
	width: 90%;
	
}


/* Production date/s table */
div.pd {
	float:left;
	background-color: white;
	width: 375px;
	border: 1px solid black;  
	padding: 15px;
	margin-top: 5px;
  	border-radius: 25px;
}

/* Ticket booking table */
div.ticketbooking {
	float:left;
	background-color: #e6e6e6;
	width: 22%;
	border: 1px solid black;  
	padding: 5px;
	padding-left:20px;
	margin-top: 5px;
	margin-left:55px;
  	border-radius: 25px;
}

/* SOT Blog */
/* Add a card effect for articles */
div.card {
	background-color: white;
	width: 60%;
	border: 1px solid black;  
	padding: 20px;
	margin-top: 10px;
	margin-bottom:10px;
    margin-left:auto; 
    margin-right:auto;
	border-radius: 25px;
}

div.profile {
	background-color: #F59DDF;
	width: 60%;
	border: 1px solid black;  
	padding: 20px;
	margin-top: 10px;
	margin-bottom:10px;
    margin-left:auto; 
    margin-right:auto;
	border-radius: 25px;
}

/* Upcoming Audtions card */
auditions{
	background-color: white;
	width: 60%;
	border: 1px solid black;  
	padding: 20px;
	margin-top: 10px;
	margin-bottom:10px;
    margin-left:auto; 
    margin-right:auto;
	border-radius: 25px;	
}

.formatyearselection {
	border-style: solid;
	border-color: #b3b3cb;
	width:300px;
	margin:10%,1%,10%,40%;
	padding:10px;
}

.formatproductionspan {
	border-style: solid;
	border-color: #b3b3cb;
	width:300px;
	margin:20%,1%,1%,20%;
	padding:10px;
	
}
.formatcreatePlay {
	border-style: solid;
	border-color:#b3b3cb;
	width:520px;
	margin:10%,1%,1%,20%;
	padding:10px;
	
}
span.playmanagement {
  display: inline-block;
 /* width: 100px;*/
 /* height: 100px;*/
/*  padding: 5px;*/
  border: 1px solid blue;    
  background-color: #C2C2C2; 
}
div.generaltext{
	width: 75%;
	margin-left:70px;
	text_align: left;
	font-family: "Lucida Console", Courier, monospace;
	font-size: 1.1em;
	color: black;
}
ul.bulletPoint{
	list-style-type: circle;
	margin: 0;
	padding: 0;
	overflow: hidden;
	/* background-color: #333;*/
	font-family: "Lucida Console", Courier, monospace;
	font-size: 1.0em;
	color: black;
	background:transparent;
}
li.bulletPointItem{
	list-style-type: circle;
	float:none;
}



/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.blogcolumn {
  float: left;
}

/* Left and right column */
.blogcolumn.side {
  width: 25%;
}

/* Middle column */
.blogcolumn.middle {
  width: 50%;
}



* e. Entry
/* ------------------------------------------------------------------ */
.entry {
	padding-bottom: 12px;
	margin-bottom: 24px;
}
.entry header { height: auto; }

.entry .entry-meta ul {
	margin: 6px 0 18px;
	color: #B7B9BD;
	line-height: 24px;
}
.entry .entry-meta ul li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-size: 24px;
	font-family: 'merriweather-regular', sans-serif;	
}
.entry .entry-meta ul .meta-sep {}
.entry .entry-meta ul li a { color: #B7B9BD; }

.entry .entry-content-media {	margin: 24px 0 18px;	}

.entry .tags {
  margin-top: 18px;
  font-family: 'opensans-regular', sans-serif;
  color: #888;
}
.entry .tags a { font-family: 'opensans-bold', sans-serif; }