/*
Theme Name: Curtain Club
*/

@import url(//fonts.googleapis.com/css?family=Oswald:400,700);

@media(min-width:878px){
	body{ margin:0; background:#000; color:#FFF; font-family:'Helvetica',Arial,sans-serif; }
	#wrapper{ width:1100px; margin:0 auto; background-color:rgba(0,0,0,0.7); -webkit-box-shadow: 0px 0px 65px 23px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 65px 23px rgba(0,0,0,1);
box-shadow: 0px 0px 65px 23px rgba(0,0,0,1); }
	header#header{ padding:15px 15px 0 15px; }
	#site-title{ width:243px; height:188px; }
	#branding{ float:left; }
	#site-title h1{ margin:0; }
	#site-title a{ display:block; width:243px; height:188px; background:url('../../uploads/2016/09/logofixed.png'); white-space:nowrap; text-indent:155%; overflow:hidden; }

	.nonhome #content{ padding:10px 25px; }
	

	#mobilelogo{ display:none; }

	nav#menu{ float:right; margin-top:75px; margin-right:90px; }
	nav#menu ul{ list-style:none; margin:0; padding:0; }
	nav#menu ul li{ display:inline-block; margin:0 5px; }
	nav#menu ul li a{ display:block; padding:5px 10px; color:#FFF; text-decoration:none; background:#1D3883; font-family:'Oswald',sans-serif; font-weight:bold; text-transform:uppercase; }

	#content{ font-family:'Oswald', sans-serif; padding-top:30px; }

	article.eventEntry .bigdate{ background:rgba(0,0,0,0.5); display:inline-block; padding:5px 10px; margin:10px 0; width:40%; }
	article.eventEntry .bigdate .daymonth{ font-size:22px; text-transform:uppercase; font-weight:bold; display:block; text-align:center; }
	article.eventEntry .bigdate .dayname{ font-size:16px; text-transform:uppercase; font-weight:bold; display:block; text-align:center; }
	
	article.eventEntry .location{ display:inline-block; font-size:smaller; margin:5px 0; padding-left:20px; background:url('../../uploads/2016/05/location-white.png') top left no-repeat; }
	article.eventEntry .presentbyline{ display:inline-block; font-size:smaller; margin:5px auto; text-align:center; width:46%; }
	article.eventEntry .venue{ display:inline-block; font-size:smaller; margin:5px 0; padding-left:20px; background:url('../../uploads/2016/05/building-white.png') top left no-repeat; }
	article.eventEntry .time{ display:inline-block; font-size:smaller; margin:5px auto; text-align:center; width:46%; }

	article.eventEntry .buyticketslink a{ display:inline-block; text-decoration:none; margin:0px 0 0 0; color:#FFF !important; background:green; padding:5px; width:43%; text-align:center; cursor:pointer; }
	article.eventEntry .canceledeventlink{ display:inline-block; width:102px;text-align:center;text-decoration:none; margin:0px 0 0 0; color:#FFF !important; background:#550000; padding:5px; }

	.page-id-53 #content header.header{display:none;}
	.page-id-53 #content{ background:rgba(255,255,255,0.95); color:#000 !important; padding:10px 30px; }
	.page-id-53 #gform_wrapper_1{ float:right; width:48%; }
	.page-id-53 #contactleft{ width:48%; float:left; }
	.page-id-53 #contactleft h2{ font-size:xx-large; margin:0; }	
	.page-id-53 #contactleft h3{ font-size:large; margin:0; }
	.page-id-53 #contactleft p{ margin:0px 0 15px 0; }
	.page-id-53 #contactleft a{ color:#1D3883; text-decoration:none; }
	.page-id-53 #gform_submit_button_1{ background:#000; padding:10px 20px; border:0; color:#FFF; }

	article.eventEntry.clearleft{ clear:both; }
	article.eventEntry{ padding:10px; width:335px; height:280px; float:left; margin:5px; font-family:'Helvetica',Arial,sans-serif !important; }

	article.eventEntry:nth-of-type(even){ background:rgba(107,70,217,0.28); }
	article.eventEntry:nth-of-type(odd){ background:rgba(87,117,238,0.28); }
	article.eventEntry:nth-of-type(even):hover{ background:rgba(107,70,217,0.58); }
	article.eventEntry:nth-of-type(odd):hover{ background:rgba(87,117,238,0.58); }

	h3{ margin:0; text-transform:uppercase; }
	article.eventEntry h2{ margin:0 0 5px 0; background:#000; color:white; font-size:16px; padding:5px; height:35px; }
	article.eventEntry h2 a{ color:#FFF !important; text-decoration:none; }

	article.eventEntry img.eventthumb{ float:left; margin-right:15px; max-height:220px; width:auto; max-width:48%; height:auto; }
	article.eventEntry .time img{ vertical-align:middle; margin:0; display:inline-block; }

	article.eventEntry .eventdetailswrap{ padding:10px 0;  }
	
	#calendarglance h3{ background:#640D0F; padding:10px; font-size:22px; margin:20px 0 10px 0; }


	#slideshow{ position:relative; padding-bottom:55px; }

	#slideshow .jcarousel-wrapper {
    	margin:0px auto;
    	position: relative;
    	border:0px;
    	width:795px;
    	height:348px;
	}


	#slideshow .jcarousel-wrapper .photo-credits {
    	position: absolute;
    	right: 15px;
    	bottom: 0;
    	font-size: 13px;
    	color: #fff;
    	text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    	opacity: .66;
	}
	
	#slideshow .jcarousel ul li img{ width:795px;height:348px; }

	#slideshow .jcarousel-wrapper .photo-credits a {
    	color: #fff;
	}
	
	#slideshow .jcarousel {
    	position: relative;
    	overflow: hidden;
	}

	#slideshow .jcarousel ul {
    	width: 20000em;
    	position: relative;
    	list-style: none;
    	margin: 0;
    	padding: 0;
	}

	#slideshow .jcarousel li {
    	float: left;
	}

	#slideshow .jcarousel-control-prev, #slideshow .jcarousel-control-next {
    	position: absolute;
		top: 170px;
		width: 30px;
		height: 30px;
		text-align: center;
	  	border:1px solid #444;
		background: #000;
		color: #fff;
		text-decoration: none;
		text-shadow: 0 0 1px #000;
		font: 24px/27px Arial, sans-serif;
	}

	#slideshow .jcarousel-control-prev {
    	display:none;
	}

	#slideshow .jcarousel-control-next {
    	display:none;
	}

	#slideshow .jcarousel-control-prev:hover span, #slideshow .jcarousel-control-next:hover span {
    	display: block;
	}

	#slideshow .jcarousel-control-prev.inactive, #slideshow .jcarousel-control-next.inactive {
    	opacity: .5;
    	cursor: default;
	}

	#slideshow .jcarousel-pagination {
    	position: absolute;
    	bottom:-42px;
    	margin:0;
  		width:100%;
  		text-align:center;
	}

	#slideshow .jcarousel-pagination a {
    	text-decoration: none;
    	display: inline-block;
    	font-size: 11px;
	    line-height: 14px;
    	min-width: 14px;
	    background: #000;
    	color: #FFF;
    	border-radius: 14px;
    	padding: 3px;
    	text-align: center;
    	margin-right: 2px;
    	opacity: .88;
	}

	#slideshow .jcarousel-pagination a.active {
    	background:#3C2D8C;
    	color: #fff;
    	opacity: 1;
    	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.88);
	}

	#slideshow .leftcurtain{ position:absolute; top:-15px; left:0px; z-index:6666; width:655px; height:380px; }
	#slideshow .rightcurtain{ position:absolute; top:-15px; right:0px; z-index:6666; width:655px; height:380px; }
	#slideshow .leftcurtain img,
	#slideshow .rightcurtain img{ width:100%; height:380px; }


	.single-event #container{ padding-top:25px; }
	.single-event #content header h1{ margin:0 0 10px 0; font-size:24px; }
	.single-event #content{ background:#FFF; padding:15px; color:#000 !important; }
	.single-event #content a{ color:navy !important; }

	.single-event #content .eventdata{ background:#eeeeee; display:inline-block; width:100%; }
	.single-event #content .datalabel{ float:left; clear:left; width:23%; padding:1%; border-right:3px solid #FFF; border-bottom:3px solid #FFF; }
	.single-event #content .datavalue{ float:right; width:71%; padding:1%; border-bottom:3px solid #FFF; }
	.single-event #content .clearrow{ clear:both; }

	.single-event #content #eventbigbutton{ float:right; background:green; color:#FFF !important; text-decoration:none; padding:5px 10px; border-radius:5px; margin:0 0 10px 20px; }
	.single-event #content #bigcanceledevent{ float:right; background:#550000; color:#FFF !important; text-decoration:none; padding:5px 10px; border-radius:5px; margin:0 0 10px 20px; }

	.single-event .thumbdateblock{ float:left; margin:0 15px 20px 0px; }
	.single-event #content .eventdetails{ width:840px; float:right; padding: 0 15px 0 0; }
	
	.single-event .bigdate{ text-align:center;   }
	.single-event .bigdate .daymonth{ font-size:42px; display:block !important; text-transform:uppercase; }
	.single-event .bigdate .dayname{ font-size:26px; display:block !important; text-transform:uppercase; background:#eee; padding:4px; }
	.single-event .bigdate .yearname{ font-size:58px; display:block !important; text-transform:uppercase; }


	#pagination{ margin:15px 5px; }
	#pagination .wp-pagenavi a, #pagination .wp-pagenavi span{ border:0; color:#FFF; background: rgba(107,70,217,0.28); padding:10px; margin:0 3px; }
	#pagination span.pages{ background: rgba(87,117,238,0.28); padding:10px; margin:0 10px 0 0; }


	#footer{ padding:25px 10px 25px 10px; }
	#footer div.menu-social-menu-container{ float:right; }
	#footer #copyright{ float:left; }
	#footer a{ color:#FFF; text-decoration:none; }
	#menu-social-menu{ list-style:none; margin:0; padding:0; }
	#menu-social-menu li{ display:inline-block; margin:0 5px; }
	#menu-social-menu li a{ display:block; color:#FFF; text-decoration:none; }

	#paginationMobile{ display:none; }
}

@media(max-width:480px){
	body{ background:#000; color:#FFF; font-family:'Helvetica',Arial,sans-serif; }
	nav#menu{ display:none; }
	
	#mobilelogo{ display:block; margin:15px auto; width:65%; height:auto; }
	#site-title{ display:none; }

	#slideshow .jcarousel-wrapper {
    	margin:0px auto;
    	position: relative;
    	border:0px;
    	width:100%;
	}

	#slideshow .jcarousel-wrapper .photo-credits {
    	position: absolute;
    	right: 15px;
    	bottom: 0;
    	font-size: 13px;
    	color: #fff;
    	text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    	opacity: .66;
	}
	
	#slideshow .jcarousel ul li img{ width:100%;height:auto !important; }

	#slideshow .jcarousel-wrapper .photo-credits a {
    	color: #fff;
	}
	
	#slideshow .jcarousel {
    	position: relative;
    	overflow: hidden;
	}

	#slideshow .jcarousel ul {
    	width: 20000em;
    	position: relative;
    	list-style: none;
    	margin: 0;
    	padding: 0;
	}

	#slideshow .jcarousel li {
    	float: left;
	}

	#slideshow .jcarousel-control-prev, #slideshow .jcarousel-control-next {
    	display:none;
  		position: absolute;
		top:50%;
		width: 30px;
		height: 30px;
		text-align: center;
	  	border:1px solid #444;
		background: #000;
	  	margin-top:-15px;
		color: #fff;
		text-decoration: none;
		text-shadow: 0 0 1px #000;
		font: 24px/27px Arial, sans-serif;
	}

	#slideshow .jcarousel-control-prev {
    	left: 10px;
	}

	#slideshow .jcarousel-control-next {
    	right: 10px;
	}

	#slideshow .jcarousel-control-prev:hover span, #slideshow .jcarousel-control-next:hover span {
    	display: block;
	}

	#slideshow .jcarousel-control-prev.inactive, #slideshow .jcarousel-control-next.inactive {
    	opacity: .5;
    	cursor: default;
	}

	#slideshow .jcarousel-pagination {
	  display:none;
	}

	#slideshow .leftcurtain{ display:none !important; }
	#slideshow .rightcurtain{ display:none !important; }
	#calendarglance{ padding-top:15px; }

	article.eventEntry{ padding:0; width:100%; margin-bottom:15px; min-height:230px; color:#FFF; }
	#calendarglance h3{ margin:0 0 15px 0; text-transform:uppercase; }
	article.eventEntry .eventdetailswrap{ padding:3%; }
	article.eventEntry h2{ margin:0; background:#601517; color:#FFF; font-size:16px; padding:5px; }
	article.eventEntry h2 a{ color:#FFF !important; text-decoration:none; }


	article.eventEntry:nth-of-type(even){ background:rgba(107,70,217,0.48); }
	article.eventEntry:nth-of-type(odd){ background:rgba(87,117,238,0.48); }


	article.eventEntry .eventdetailswrap img{ float:left; margin-right:10px; width:40% !important; height:auto; }

	article.eventEntry .location{ display:inline-block; font-size:smaller; margin:5px 0; padding-left:20px; background:url('../../uploads/2016/05/location-white.png') top left no-repeat; }
	article.eventEntry .venue{ display:inline-block; font-size:smaller; margin:5px 0; padding-left:20px; background:url('../../uploads/2016/05/building-white.png') top left no-repeat; }
	article.eventEntry .time{ display:inline-block; font-size:smaller; margin:5px 0; padding-left:20px; background:url('../../uploads/2016/05/clock-white.png') top left no-repeat; }

	article.eventEntry .buyticketslink a{ display:inline-block; text-decoration:none; margin:5px 0 0 0; color:#fff !important; background:green; padding:5px; }
	article.eventEntry .canceledeventlink{ display:inline-block; text-decoration:none; margin:5px 0 0 0; color:#fff !important; background:#550000; padding:5px; }

	article.eventEntry .bigdate{ background:#222; display:inline-block; padding:5px 10px; margin:5px 0; }
	article.eventEntry .bigdate .daymonth{ font-size:medium; text-transform:uppercase; font-weight:bold; display:block; text-align:center; color:#FFF; }
	article.eventEntry .bigdate .dayname{ font-size:small; text-transform:uppercase; font-weight:bold; display:block; text-align:center; color:#FFF; }
	
	#pagination{ display:none }
	
	#paginationMobile{ display:block; clear:both; margin:0px; padding:25px 5px; font-size:20px; text-transform:uppercase; }
	#paginationMobile .prev{ float:left; width:26%; text-align:left; }
	#paginationMobile a{ color:#fff; background: rgba(87,117,238,0.48); display:block; padding:5px; text-decoration:none; text-align:center; }
	#paginationMobile .current{ text-align:center; float: left; width: 48%; padding-top:5px; font-size:18px; }
	#paginationMobile .next{ float:right; width:26%; text-align:right; }

	#footer{display:none;}
}

@media(min-width:481px) AND (max-width:877px){
	body{ background:#000; color:#FFF; font-family:'Helvetica',Arial,sans-serif; }
	nav#menu{ display:none; }
	
	#mobilelogo{ display:block; margin:15px auto; width:42%; height:auto; }
	#site-title{ display:none; }

	#slideshow .jcarousel-wrapper {
    	margin:0px auto;
    	position: relative;
    	border:0px;
    	width:100%;
	}

	#slideshow .jcarousel-wrapper .photo-credits {
    	position: absolute;
    	right: 15px;
    	bottom: 0;
    	font-size: 13px;
    	color: #fff;
    	text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    	opacity: .66;
	}
	
	#slideshow .jcarousel ul li img{ width:100%;height:auto !important; }

	#slideshow .jcarousel-wrapper .photo-credits a {
    	color: #fff;
	}
	
	#slideshow .jcarousel {
    	position: relative;
    	overflow: hidden;
	}

	#slideshow .jcarousel ul {
    	width: 20000em;
    	position: relative;
    	list-style: none;
    	margin: 0;
    	padding: 0;
	}

	#slideshow .jcarousel li {
    	float: left;
	}

	#slideshow .jcarousel-control-prev, #slideshow .jcarousel-control-next {
    	display:none;
  		position: absolute;
		top:50%;
		width: 30px;
		height: 30px;
		text-align: center;
	  	border:1px solid #444;
		background: #000;
	  	margin-top:-15px;
		color: #fff;
		text-decoration: none;
		text-shadow: 0 0 1px #000;
		font: 24px/27px Arial, sans-serif;
	}

	#slideshow .jcarousel-control-prev {
    	left: 10px;
	}

	#slideshow .jcarousel-control-next {
    	right: 10px;
	}

	#slideshow .jcarousel-control-prev:hover span, #slideshow .jcarousel-control-next:hover span {
    	display: block;
	}

	#slideshow .jcarousel-control-prev.inactive, #slideshow .jcarousel-control-next.inactive {
    	opacity: .5;
    	cursor: default;
	}

	#slideshow .jcarousel-pagination {
	  display:none;
	}

	#slideshow .leftcurtain{ display:none !important; }
	#slideshow .rightcurtain{ display:none !important; }
	#calendarglance{ padding-top:15px; }

	article.eventEntry{ padding:0; width:100%; margin-bottom:15px; min-height:230px; color:#FFF; }
	#calendarglance h3{ margin:0 0 15px 0; text-transform:uppercase; }
	article.eventEntry .eventdetailswrap{ padding:3%; }
	article.eventEntry h2{ margin:0; background:#601517; color:#FFF; font-size:16px; padding:5px; }
	article.eventEntry h2 a{ color:#FFF !important; text-decoration:none; }


	article.eventEntry:nth-of-type(even){ background:rgba(107,70,217,0.48); }
	article.eventEntry:nth-of-type(odd){ background:rgba(87,117,238,0.48); }


	article.eventEntry .eventdetailswrap img{ float:left; margin-right:10px; width:30% !important; height:auto; }

	article.eventEntry .location{ display:inline-block; font-size:smaller; margin:5px 0; padding-left:20px; background:url('../../uploads/2016/05/location-white.png') top left no-repeat; }
	article.eventEntry .venue{ display:inline-block; font-size:smaller; margin:5px 0; padding-left:20px; background:url('../../uploads/2016/05/building-white.png') top left no-repeat; }
	article.eventEntry .time{ display:inline-block; font-size:smaller; margin:5px 0; padding-left:20px; background:url('../../uploads/2016/05/clock-white.png') top left no-repeat; }

	article.eventEntry .buyticketslink a{ display:inline-block; text-decoration:none; margin:5px 0 0 0; color:#fff !important; background:green; padding:5px; }
	article.eventEntry .canceledeventlink{ display:inline-block; text-decoration:none; margin:5px 0 0 0; color:#fff !important; background:#550000; padding:5px; }

	article.eventEntry .bigdate{ background:#222; display:inline-block; padding:5px 10px; margin:5px 0; }
	article.eventEntry .bigdate .daymonth{ font-size:medium; text-transform:uppercase; font-weight:bold; display:block; text-align:center; color:#FFF; }
	article.eventEntry .bigdate .dayname{ font-size:small; text-transform:uppercase; font-weight:bold; display:block; text-align:center; color:#FFF; }
	
	#pagination{ display:none; }

	#paginationMobile{ display:block; clear:both; margin:0px; padding:25px 5px; font-size:20px; text-transform:uppercase; }
	#paginationMobile .prev{ float:left; width:26%; text-align:left; }
	#paginationMobile a{ color:#fff; background: rgba(87,117,238,0.48); display:block; padding:15px 10px; text-decoration:none; text-align:center; }
	#paginationMobile .current{ text-align:center; float: left; width: 48%; padding-top:5px; font-size:18px; }
	#paginationMobile .next{ float:right; width:26%; text-align:right; }

	#footer{display:none;}
}

.clear{ clear:both; }
.clearrow{ clear:both; }