/*

Theme Name:     Children's Stage Adventures theme

Theme URI:      https://www.childrensstage.org/wp-content/themes/csa/style.css

Description:    WP theme for CSA 

Author:         Silver Direct

Author URI:     https://www.silverdirectinc.com

Template:       csa

Version:        1

*/



* {

	margin: 0;

	padding: 0;

}

html {

	height: 100%;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

	display: block;

}



.widget { list-style: none;}



.clear {

	clear: both;

}



img.alignright { float: right; margin: 0 0 1em 1em; }

img.alignleft { float: left; margin: 0 1em 1em 0; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright { float: right; }

.alignleft { float: left; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

br {

	clear: both;

}



.wp-caption {

	text-align: center;

	

}



body {

	background:#A3238F;

	font-family: 'Myriad Pro', 'PT Sans', 'Verdana', 'Georgia', sans-serif;

	height: 100%;

	color: #000000;

}



img.img-left-pad {

	padding-right: 15px;

	padding-bottom: 325px;

}



/*Wrapper*/



.wrapper {

	position:relative;

}



/*Top*/



.top {

	margin: 0 auto;

	width: auto;

	height: auto;

	padding-bottom:45px;

	list-style: none;

}



.top-content {

	position:Relative;

	top: 20px;

	width: 85%;

	margin: 0 auto;

	text-transform:uppercase;

	list-style: none;

}



.top-left {

	float: left;

	width: 49%;

	list-style: none;

}



.top-right {

	float: left;

	width: 49%;

	list-style: none;

	text-align: right;

}



.top-right-img {

	position:relative;

	width: 450px;

	min-height: 250px;

	z-index:500;

	float: right;

}



.top-right-img img {

	max-width: 100%;

	height: auto;

}



.top-left img,

.top-left img {

	max-width: 100%;

	height: auto;

}



.top-right-img iframe {

	width: 450px;

	height: 250px;

}



span.normal {font-size: 28px; color:#FD8F29; font-family: 'Bree Serif', serif;}

span.phone, span.phone a {font-size: 42px; color: #A3238F;}





/*Nav*/



#nav {

	width: 100%;

}



#menu {

	padding-right:45px;

	margin: 0 auto;

	font-weight: bold;

	text-align:right;

	font-family: 'Bree Serif', serif;

	font-size: 23px;

}



#menu li {

   list-style: none;

   -ms-transform: rotate(-5deg); /* IE 9 */

    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */

    transform: rotate(-5deg);

	margin-bottom:18px;

	letter-spacing: 2px;

	white-space: nowrap;

}



#menu li a {

	text-decoration: none;

	font-weight: bold;

}



#menu li a:hover::after {

    content: '';

    width: 50%;

    position: absolute;

    right: 0;

    bottom: -5px;

    border-width: 0 0 1px;

    border-style: solid;

}



#menu li.csa-home a {color:#C82D91;}

#menu li.csa-home a:hover {color:#C82D91;}

#menu li.csa-about a {	color:#6DD4EB;}

#menu li.csa-about a:hover {	color:#6DD4EB;}

#menu li.csa-shows a{color:#63c573;}

#menu li.csa-shows a:hover{color:#63c573;}

#menu li.csa-workshops a{color:#FD8F29;}

#menu li.csa-workshops a:hover{color:#FD8F29;}

#menu li.csa-schedule a{color:#D44B6A;}

#menu li.csa-schedule a:hover{color:#D44B6A;}

#menu li.csa-howtohost a{color:#C82D91;}

#menu li.csa-howtohost a:hover{color:#C82D91;}

#menu li.csa-donations a{color:#6DD4EB;}

#menu li.csa-donations a:hover{color:#6DD4EB;}

#menu li.csa-testimonials a{color:#63c573;}

#menu li.csa-testimonials a:hover{color:#63c573;}

#menu li.csa-contact a{color:#DB6B75;}

#menu li.csa-contact a:hover{color:#DB6B75;}



/*Main Content*/





.container {

	position:Relative;

	background: #FDFDFD;

	width: 90%;

	margin: 0 auto;

	height: auto;

	top:25px;

	margin-bottom:75px;

	-webkit-border-radius: 24px;

	-moz-border-radius: 24px;

	border-radius: 24px;	

}



.content {

	background: url('images/stripes.png');

	float: left;

	width: 70%;

	padding: 15px;

	font-size: 25px;

	min-height: 625px;

	line-height: 1.5;

}



.content-overflow {

	background: url('images/stripes.png');

	float: left;

	width: 70%;

	padding: 15px;

	height: 625px;

	font-size: 25px;

	overflow-x: hidden;

	overflow-y: auto;

	line-height: 1.5;

}



.content a,

.content-overflow a {

	color: #A3238F;

	text-decoration: none;

}



.content a:hover,

.content-overflow a:hover {

	text-decoration: underline;

}





.content h1,

.content-overflow h1,

.content h2,

.content-overflow h2,

.content h3,

.content-overflow h3,

.content h4,

.content-overflow h4 {

	color: #A3238F;

}



.entry {

	position:relative;

	z-index:700;

}



.content::-webkit-scrollbar,

.content-overflow::-webkit-scrollbar {

    width: 12px;

}

.content::-webkit-scrollbar-track, 

.content-overflow::-webkit-scrollbar-track {

    background-color: #eaeaea;

    border-left: 1px solid #ccc;

}

.content::-webkit-scrollbar-thumb,

.content-overflow::-webkit-scrollbar-thumb {

    background-color: #FEEDDD;

}

.content::-webkit-scrollbar-thumb:hover,

.content-overflow::-webkit-scrollbar-thumb:hover {

    background-color: #FEEDDD;

}



.content ul,

.content-overflow ul {

	position:Relative;

	left: 20px;

	list-style: url('images/list-style.png');

}



.content-column img {

	max-width: 100%;

	height: auto;

}



.content-column iframe {

	max-width: 100%;

}	



.wp-caption {

	text-align: center;

	font-style: italic;

	font-size: 15px;

}



.wp-caption h1,

.wp-caption strong {

	text-align: center;

	font-style: italic;

	font-size: 20px;	

	font-weight: bold;

	color: #A3238F!important;

}



#prev-post {

	float: left;

	padding: 5px;

}



#next-post {

	float: right;

	padding: 5px;

}





.entry td img {

	max-width: 250px;

	height: auto;

}



/*Shows We Do page*/



.entry.showlogos .content-column img {

	max-width: 90%;

	height: auto;

}



.entry.showlogos .wp-caption {

	text-align: center;

	font-style: italic;

	font-size: 15px;	

	font-weight: bold;

	color: #000000!important;

}



/*Sidebar*/

#sidebar {

	float: left;

	width: 20%;

	padding: 5px;

}





.calltoaction{

	background: url('images/calltoaction.png') no-repeat center;

	width: 206px;

	height: 214px;

	z-index:200;

	float: right;

	margin-bottom: 50px;

	opacity: 1;

}



.calltoaction:hover {

	opacity: 0.85;

}



.schedule-production {

	width: 100%;

	text-align: center;

	color: #A3238F;

	float: none;

	display: inline-block;

	vertical-align: middle;

	font-weight: bold;

	margin: 0 auto;

	top: 85px;

	position: relative;

}



.schedule-production a {

	color: #A3238F;

	text-decoration: none;

}



/*Internal menu*/



.internal-menu {

	background: #FEC648;

	width: 100%;

	min-height: 45px;

	height: auto;

	color:#d44653;

	font-weight: bold;

	line-height: 1.6;

	font-size: 22px;

	list-style: none;

	text-align:center;

}



.internal-wrapper {

	width: 100%;

	list-style: none;

	margin: 0 auto;	

}



.internal-menu ul {

	list-style: none;

	height: auto;

	overflow: hidden;

}



.internal-menu ul li {

	float: left;

	padding-right: 25px;

}



.internal-menu li a {

	text-decoration: none;

	color:#d44653;

}



.internal-menu li a:hover {

	text-decoration: underline;

	

}



/*Events page */



#event-calendar-widget {

	position:relative;

	margin-bottom:15px;

}



#em_calendar-2.widget {

	position:Relative;

	width: 100%;

	text-align: center;

	margin: 0 auto;

}



table.events-table {

	position:Relative;

	margin: 0 auto;

	width: 100%;

	float: none;

}



table.em-calendar {

	position:Relative;

	margin: 0 auto;

	width: 70%;

	float: none;

}



th.event-time { text-align: left; }

th.event-description { text-align: right; }



td.eventtime {

	text-align: left;

	font-size: 15px;

	font-style: italic;

	font-weight: bold;

	padding-bottom:20px;

	vertical-align: top;

}



td.eventdetail {

	font-size: 15px;

	text-align: right;

	padding-bottom:20px;

	vertical-align: top;

}



.content-overflow .content-column table.events-table h3 {

	color: #1C85A5!important;

}



.content-overflow .content-column a {

	color: #E19B45;

	text-transform: uppercase;

	font-weight: bold;

}



.content-column iframe {

	position:relative;

	max-width: 95%;

	height: 380px;

	margin: 0 auto;

	text-align:center;

}







/*Shows pags*/



#content-shows {

	float: left;

	width: 45%;

	padding: 8px;

}



#content-shows-right {

	float: right;

	width: 45%;

	padding: 8px;

	text-align: center;

}



#content-shows-right iframe {

	max-width: 100%;

	margin: 0 auto;

}	





/*Footer*/



#footer {

	bottom:0;

	width: 100%;

	list-style: none;

}



.footer-top {

	background: #FEC648;

	width: 100%;

	min-height: 45px;

	height: auto;

	color:#d44653;

	font-weight: bold;

	text-align:center;

	line-height: 1.6;

	font-size: 22px;

}



.footer-bottom {

	position:relative;

	width: 100%;

	min-height: 50px;

	height: auto;

}



.footer-bottom table {

	margin: 0 auto;

	width: 200px;

}



.footer-credit {

	font-size: 12px; text-align: center;

	padding-bottom: 15px;

}



/*Contact form */



.contact-form {

	color: #A3238F;

}



.form-wrapper {

	position:relative;

	background: #ffddbd;

	width: 90%;

	height: auto;	

	margin: 0 auto;

	padding: 20px;

}



.field-float {

	float: left;

	padding-right: 5px;

}



.form-wrapper td.label,

.form-wrapper td.input {

	width: 45%;

	vertical-align: top;

	padding-bottom: 5px;

}



.form-wrapper td.input input,

.form-wrapper td.input textarea {

	width: 100%;

}



.form-wrapper td.col-first {

	text-align: left;

	font-size: 17px;

	width: 25%;

}



.form-wrapper td.col-middle {

	text-align: left;

	font-size: 17px;

	width: 25%;

}



.form-wrapper td.col-last {

	text-align: right;

	font-size: 17px;

	width: 25%;

}



input.wpcf7-submit,

input.gform_button {

	background: #FEC648;

	color: #A3238F;

	padding: 8px 40px;

	font-weight: bold;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;	

	text-transform: uppercase;

	font-family: 'Myriad Pro', 'PT Sans', 'Verdana', 'Georgia', sans-serif;

	border: 1px solid #FEC648;

}



input.wpcf7-submit:hover,

input.gform_button:hover {

	background: #fff;

	border: 1px solid #FEC648;

}



select.wpcf7-form-control {

	border: 1px solid #FEC648;

	width: 250px;

	-webkit-border-top-left-radius: 15px;

	-webkit-border-bottom-left-radius: 15px;

	-moz-border-radius-topleft: 15px;

	-moz-border-radius-bottomleft: 15px;

	border-top-left-radius: 15px;

	border-bottom-left-radius: 15px;	

}







#mobile {display: none; }





/*Smaller resolutions*/



@media screen and (max-width:1152px) {

	.top-content {

		width: 95%;

	}

	

	.entry.showlogos .content-column.one_third {

		width: 45%;

		float: left;

		padding: 8px;

	}



}



#mobile {display: none;}



@media screen and (max-width: 1024px){

	#menu {

		font-size: 15px;

	}

	

	.top-left {

		float: none;

		width: 95%;

		list-style: none;

		margin: 0 auto;

		display: block;

		text-align:center;

	}



	.top-right {

		float: none;

		width: 95%;

		list-style: none;

		margin: 0 auto;

		display: block;

		text-align: center;

	}



	.top-right-img {

		position:relative;

		width: 450px;

		min-height: 5px;

		max-height: 250px;

		z-index:500;

		float: none;

		margin: 0 auto;

	}

	

	.top-right-img iframe {

		max-width: 100%;

		height: 250px;

	}	

		

	.one_half  {

		width: 45%!important;

	}

}



#mobile {display: none;}



@media screen and (max-width: 999px){

	

	#sidebar { display: none; }

	

	#mobile {

		position: relative;

		top: 0px;

		display: block;

		margin: 0 auto;

		z-index: 999;

		width: 100%;

		min-height: 290px; 

		padding: 10px 0px;

	}	

	

	#mobile a {

		text-decoration: none;

		margin-bottom: 15px;

		padding-left: 25px;

	}



	#mobile-click {

		width: 50px;

		height: 50px;

		cursor: pointer;

		display: block;

		margin-bottom: 25px;

	}	



	#mobile-menu {

		float: left;

		width: 100%;

		display: none;

		position: relative;

		z-index: 999;

		font-size: 25px;

		background: #fff;

		margin-bottom: 25px;

	}

	

	.calltoaction{

		position:absolute;

		background: url('images/calltoaction.png') no-repeat center;

		width: 206px;

		height: 214px;

		z-index:200;

		float: none;

		margin-bottom: 0px;

		opacity: 1;

	}



	.calltoaction:hover {

		opacity: 0.85;

	}



	.schedule-production {

		width: 100%;

		text-align: center;

		color: #A3238F;

		float: none;

		display: inline-block;

		vertical-align: middle;

		font-weight: bold;

		margin: 0 auto;

		top: 85px;

		position: relative;

	}



	.schedule-production a {

		color: #A3238F;

		text-decoration: none;

	}

	

	span.phone {font-size: 42px; color: #A3238F; display: block;}

	

	.content,

	.content-overflow {

		float: none;

		width: 90%;

		margin: 0 auto;

	}

	

	.events-wrapper .one_half img {

		max-width: 100%;

		height: auto;

		text-align:center;

		margin: 0 auto;

	}

	

	.homepage img {

		float: none;

		display: block;

		margin: 0 auto;

		max-width: 100%;

		height: auto;

		padding: 0;



	}



	.top-left img,

	.top-right img {

		max-width: 100%;

		height: auto;

	}

	

	.wp-caption,

	img.img-about {

		max-width: 250px;

		height: auto;

	}

	

	#content-shows {

		float: none;

		width: 95%;

		margin: 0 auto;

		padding: 8px;

	}



	#content-shows-right {

		float: none;

		width: 95%;

		margin: 0 auto;

		padding: 8px;

	}	

	

	#footer img {

		position:relative;

		max-width: 75%;

		height: auto;

		margin: 0 auto;

	}

	

	#footer td {

		float: none;

		display: block;

		text-align:left;

	}

	

	#menu {

		font-size: 23px;

	}

	

	.top-left {

		float: none;

		width: 95%;

		list-style: none;

		margin: 0 auto;

		display: block;

		text-align:center;

	}



	.top-right {

		float: none;

		width: 95%;

		list-style: none;

		margin: 0 auto;

		display: block;

		text-align: center;

	}



	.top-right-img {

		position:relative;

		z-index:500;

		float: none;

		margin: 0 auto;

	}

	

	.top-right-img iframe {

		max-width: 100%;

		max-height: 250px;

	}	

	.one_half  {

		width: 95%!important;

	}

	.slideshow_container .slideshow_pagination .slideshow_pagination_center {

		margin: 0px auto;

		position: relative;

}



	.content-column iframe {

		max-width: 100%;

		float: none;

	}	

	

	.form-wrapper table {

		width: 95%;

		margin: 0 auto;

		float: none;

		font-size: 0.85em;

	}

	

	.form-wrapper td.label,

	.form-wrapper td.input {

		float: none;

		width: 100%;

		margin: 0 auto;

		display: block;

		text-align: center;

	}

	

	.form-wrapper td.input input {

		width: 100%;

		margin: 0 auto;

	}

	

	.form-wrapper td.col-first {

		text-align: left;

		font-size: 17px;

		width: 95%;

		float: left;

	}



	.form-wrapper td.col-middle {

		text-align: left;

		font-size: 17px;

		width: 95%;

		float: left;

	}



	.form-wrapper td.col-last {

		text-align: right;

		font-size: 17px;

		width: 95%;

		float: left;

	}	





/*Custom Contact Form 7 edit to HIDE display error message*/

.wpcf7-response-output .wpcf7-display-none .wpcf7-mail-sent-ng {

display: none;

}



	

}