/*   
Theme Name: Rockin' Kids Play Center
Theme URI: http://rockinkidspc.com
Description: This is the custom theme for Rockin' Kids Play Center
Author: Ryan Schossow
Author URI: http://gearbrand.com
Version: 2.0
*/

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'ChunkFiveRegular';
	src: url('Chunkfive-webfont.eot'), url('Chunkfive-webfont.woff') format('woff'), url('Chunkfive-webfont.ttf') format('truetype'), url('Chunkfive-webfont.svg#webfontbMWZ83oH') format('svg');
}



* { margin: 0; padding: 0; }

/* apply a natural box layout model to all elements */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { background: url(images/sky.jpg) repeat-x #93baff; background-position: top; }

html, body { height: 100%; }

body { font-family: trebuche, verdana, helvitica, arial, sans-serif; line-height: 1.4em; }

#pagewrap { position: relative; margin: 15px auto -160px; padding: 14px ;
	min-height: 100%; max-width:932px;
	height: auto !important;
	height: 100%; }
	
	

#logo img { position:relative; z-index: 100; float:left; width:160px; height:auto !important; }


img {
	max-width:100% !important;
	height:auto;
}
ul#services { margin: 0 0 30px 2%; padding:.5em 0 .5em 10%; width:98%; border: 6px solid #0372e1; border-right: 0; border-left: 0; background: #fdea85; list-style: none; text-align: center; }
ul#services li { display: inline; margin: 0 5px; padding: 0; background: none; }
ul#services li a { display: inline-block; padding: 5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; background:#f7bc1e; color: #000; text-decoration: none; font-size: 1.6em; font-family: Arial; 
}
ul#services li a:hover { background:#fbf4d1; color:#f7bc1e; }




#address { display:block; margin:15px 0 0 2%; padding:5px 0 0 10%; width:98%;
	-webkit-border-top-right-radius:20px;
	border-top-right-radius:20px; background:#0372e1; color:#fff; font-size:.8em;
	-moz-border-radius-topright:20px; 
}
#address span { color: #93baff; }
#address a { color: #fdea85; }
#address a:hover { color: #0372e1; }





#tec-content, .tec-event { border: 8px solid #fff; background: #e5efff; }
.tec-event { padding: 14px; }
.tec-event *, .daynum { font-family: trebuche, verdana, helvitica, arial, sans-serif; }
#tec-content .tec-event { border: none; }
#tec-content { margin-bottom:0; width:100%; }
h2, h3, #tec-events-calendar-header h2.tec-cal-title { color: #0372e1; text-align: center; text-transform: uppercase; letter-spacing: .1em; font-weight: normal; font-family: 'ChunkFiveRegular'; line-height: 1.4em; }
 #tec-events-calendar-header h2.tec-cal-title { width: 100%;  font-size: 36px; }
*:first-child+html h2.tec-cal-title { padding-bottom: 30px; }





.featured {  }
.featured img { padding: 0 0 14px 14px; }
.featured h3 { padding: 14px; color: #0372e1; }




.one { margin:0 0 18px 0; padding-top:14px; width:100%; border:8px solid #fff; }
.two { float:left;margin:0 2% 18px 0; padding-top:14px; min-height:100px; width:49%; border:8px solid #fff; }
.three { float:left; margin:0 2% 18px 0; min-height:100px; width:32%; border:8px solid #fff; background:#faf6c0; }
.last { margin-right:0; }
.clear { clear: both; margin: 0; padding: 0; }
.clear-left { clear: left; }
.right, .alignright { float: right; }
.outside { clear: both; color: #0372e1; }
.excerpt { overflow: hidden; height: 139px; } 

.gray { background: #ccc; }
.lgold { background: #faf6c0; }
.gold { background: #fdea85; }
.blue, div.blue h3 { background: #0372e1; color: #fff; }
.lblue { background: #e5efff; }
.lblue h3 { color: #0372e1; }
.white { background: #fff; }

.mec-container { background:#e5efff; max-width:900px; padding:10px; border:8px solid #fff; }
.mec-container h1 { text-align:center; }
.mec-wrap .col-md-8, .mec-event-content { max-width:600px; }
.mec-event-export-module, .countdown-w, .mec-events-meta-group-countdown, .mec-event-social { display:none !important; }




img { margin: 0; }
a img { margin: 0; border: 0; }
h2, h3 { line-height:1em; }
h2 { font-size: 2.2em; }
h3 { clear: both; font-size: 1.8em; }
a { color: #0372e1; }
a:hover { color: #fdea85; }
h3.package-title { font-size:1.6em; }
ul.party-package li { margin: 0; }
p { padding: 0 14px 14px 14px; }
p, li, .meta { font-size: .9em; line-height: 1.4em; }

.two h4 { text-align: center; }

.three h2 { padding-top:6px; }
.three h2 img { width:100%; height:auto !important; border-top:4px solid #fff; border-bottom:4px solid #fff; }
.blue h2 a { color: #fff; text-decoration: none; font-weight: normal; }
.blue h2 a:hover { color: #fdea85; }

.entry h3 { margin: 18px; text-align: left; }

ol, ul { margin: 0 18px 24px 18px; }

ol { margin-left: 42px; }

ul { list-style: none; }

li { margin-bottom: 3px; padding: 3px 5px; background: #fff; }

li ul { margin: 0 0 0 28px; list-style: disc; }

li ul li { margin: 0 0 0 0; padding: 3px 3px 3px 0; }


.gallery-icon a img { margin:5px; width:134px; height:134px; border:6px solid #fff; }


ul.party-package {  margin: 0 18px; border-top: 1px solid #0372e1; list-style: none; }
ul.party-package li { padding: 3px 5px;border-bottom: 1px solid #0372e1; }

table { margin: 0 18px 10px 18px; border-spacing: 3px; }
th, td { padding: 2px 3px; background: #0372e1; text-align: center; font-size: 13px; }
th { color: #fff; }
td { background: #fff; color:#0372e1; font-family: ChunkFiveRegular; }
td.nobg { background: none; }


#si_contact_form1 { margin: 0 18px 18px 18px; }

#si_contact_form1 label { margin-top: 18px; }

input#si_contact_subject1, input#si_contact_email1, input#si_contact_name1, #si_contact_form1 textarea { width: 100%; line-height: 2em; }

#si_contact_form1 input[submit] { width: 50%; }

.meta, .postmetadata { margin: 0 18px 18px 18px; text-align: center; }

.post { margin: 0 0 18px 0; padding-top:14px; border: 8px solid #fff; background: #e5efff; }

.gallery  { padding: 5px 0 0 2px; }

.gallery dl { display: inline; float: left; padding: 0 0 0 3px; }



div#mc_embed_signup { float:left; margin-bottom:10px; width:50%; border-right:4px solid #fff; }
h3.form { margin-top:-20px; margin-bottom:-20px; text-align:left; }
p.signup {  }
#mc-embedded-subscribe-form label { padding-left:20px; }
input#mce-EMAIL { margin-left:20px; padding:5px; width:91%; }
input#mc-embedded-subscribe { margin:0 0 20px 20px; padding:5px; }
.tec-calendar-buttons { display:none; }
div#tec-content { margin-bottom:0; }
.tec-month-nav { display:block; width:100%; text-align:center; }

#other-social { float:right; width:50%; }
	
#footer { clear: both; padding: 10px 20px; background: url(images/bot-sky2-bg.jpg) repeat-x; background-position: bottom; text-align: center; font-size: 12px; }
#footer, .push { height: 179px; }



#sidebar { display:none; }



/* Clearfix */
.clearfix:before, .clearfix:after { display: block; visibility: hidden; height: 0;
  content: "\0020";	
} 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }









@media all and (max-width: 940px) and (min-width: 745px) { 
	#address { font-size:.65em; }
	ul#services li a { font-size:1.3em; }
}

@media all and (max-width: 744px) and (min-width: 481px) { 
	#address { display:none; }
	ul#services { margin-top:5px; padding-right:14px; border:0; background:none; }
	ul#services li { display:inline-block; padding:0 0 10px; }
	ul#services li a { font-size:1.4em; }
	
	h2 { font-size: 1.4em; }
	h3 { clear: both; font-size: 1.2em; }
	h3.package-title { font-size:1.2em; }
	
	.two { float:none;margin:0 0 18px 0; padding-top:5px; min-height:100px; width:100%; border:8px solid #fff; }
	.three { float:none; margin:0 0 18px 0; min-height:100px; width:100%; border:8px solid #fff; }
	
	div#mc_embed_signup { float:none; margin-bottom:10px; width:100%; border-right:0; border-bottom:8px solid #fff; }
	input#mce-EMAIL { margin-left:20px; padding:5px; width:85%; }

	#other-social { float:none; padding-top:10px; width:100%; }
}









@media all and (max-width: 480px) {	
	#pagewrap { margin:0 0 -160px; padding:8px; width:100%; }
	#logo { margin-left:-80px; padding-left:50%; }
	#logo img { float:none; width:160px; height:auto !important; }
	
	ul#services { margin:0; padding:.1em 0 .5em 0; width:100%; border:0; background:none; list-style:none; text-align:center; }
	ul#services li { display:inline-block; margin:0; padding:5px; background:none; }
	ul#services li a { display:inline-block; padding:5px 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; background:gold; color: #000; text-decoration:none; font-size:1.2em; font-family: Arial; 
	}
	ul#services li a:hover { background:#fbf4d1; color:#f7bc1e; }

	#address { display:none; }
	
	h2 { font-size: 1.4em; }
	h3 { clear: both; font-size: 1.2em; }
	h3.package-title { font-size:1.2em; }
	
	.two { float:none;margin:0 0 18px 0; padding-top:5px; min-height:100px; width:100%; border:8px solid #fff; }
	.three { float:none; margin:0 0 18px 0; min-height:100px; width:100%; border:8px solid #fff; }
	
	#tec-events-calendar-header h2.tec-cal-title { margin-bottom:90px; font-size: 1.4em; line-height:1em; }
	.tec-prev-month, .tec-next-month { display:block; float:none; width:100%; text-align:center; }
	.tec-prev-month { margin-bottom:-20px; }
	.tec-next-month { margin-top:10px; }
	
	div#mc_embed_signup { float:none; margin-bottom:10px; width:100%; border-right:0; border-bottom:8px solid #fff; }
	input#mce-EMAIL { margin-left:20px; padding:5px; width:85%; }

	#other-social { float:none; padding-top:10px; width:100%; }
}









@media all and (max-width: 320px) {	
	.gallery-icon a img { margin:2px; width:134px; height:134px; border:6px solid #fff; }
}


.pswp__bg {
	background:rgba(3, 114, 225, 0.8) !important;	
}