/*
Theme Name: Kiddos
Theme URI: http://themeforest.net/user/wpscientist
Description: Skinizer child theme suitable for a kids related content website.
Author: WPScientist
Author URI: http://themeforest.net/user/wpscientist
Template: skinizer
Version: 1.0.1
*/

@import url("../skinizer/style.css");

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: "Fredoka One"; color: #547B7E; }

body { background: transparent url("images/bg/kiddos-bg.png") top center; }

#container { background: transparent url("images/bg/kiddos-mountains.png") center top no-repeat; background-size: 100%; }

#header-top { background:transparent; padding:0; }
	#header-top-inner { background:#fff;  border-radius: 0 0 5px 5px; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15); padding-top:20px; padding-bottom:20px; }

#header-main { padding:0; }
	#header-main-inner { padding:35px 0 30px 0;  }

#nav { background:#6e9395; border-radius:5px; border-bottom:2px solid #4c7272; }
	#header #nav ul.sf-menu > li { margin:0; }
		#header #nav ul.sf-menu > li a { padding:20px; font-size:15px; line-height:15px;  font-family:"Fredoka One"; color:#fff !important; font-weight:normal; }
			#header #nav ul.sf-menu > li a .nav-description, #header #nav ul.sf-menu > li.active a .nav-description { display:none; }
			#header #nav ul.sf-menu > li > a .nav-submenu-arrow { background-image: url("images/elements/nav-arrow.png"); }
		#header #nav ul.sf-menu > li.active a { background:#4c7272; }

	#header #nav ul.sf-menu > li ul {  background:#4c7272; padding:5px 15px; border:0; border-bottom:2px solid #2d4848; border-radius:0 0 3px 3px; }
			#header #nav ul.sf-menu > li ul li { padding:0px; border-top:1px solid #6e9395; }
			#header #nav ul.sf-menu > li ul li:first-child {  }
				#header #nav ul.sf-menu > li ul li a { font-family:"Fredoka One"; color:#fff; font-size:11px; font-weight:normal;  }
				#header #nav ul.sf-menu > li ul li a:hover { }
				#header #nav ul.sf-menu > li ul li.active a {  }

#main-slider { padding-top: 20px; }

#main-container {  }
	#main-container-inner { background:#fff; width:960px; padding:0; margin:0 auto; background:#fff;  border-radius: 5px 5px 0 0; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03); }

#boxes {  }
	#boxes-box-1 { background: #709c90; margin: 0; width: 33.3%; }
	#boxes-box-2 { background: #598489; margin: 0; width: 33.3%; }
	#boxes-box-3 { background: #cc8b2f; margin: 0; width: 33.3%; }
	.boxes-box-inner { padding: 20px; color: #fff; }
	#boxes h1, #boxes h2, #boxes h3, #boxes h4, #boxes h5, #boxes h6 { color: #fff; }

#page-info { margin:0;  }
	#page-info-inner{ background:#5e7777; border:0; border-radius:5px 5px 0 0; padding-left:20px; padding-right: 20px; }
	body.has-main-slider #page-info-inner { border-radius: 0; }
		#tagline { color:#fff; }
			#tagline h1 { color:#fff; }
		#breadcrumbs {  }
			#breadcrumbs ul li { color:#fff; } 

#main {   }
	#main-inner { padding: 20px; }

.wrap-it { background: #fff; box-shadow:inset 0px 0px 30px #f5f5f5; border:1px solid #dadada; border-radius: 4px; padding:20px; }

.service .service-icon-container { left: -35px; top: -35px; }
.service h2, .service h3, .service h4, .service h5, .service h6 { padding:0; }

#footer { margin:0; background: transparent; }
	#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#fff; }
	#footer-top { background:transparent; padding:0; }
		#footer-top-inner { background: #547b7e; padding-top:25px; padding-bottom:25px; }
	#footer-main { background: transparent; padding:0; color:#fff; }
		#footer-main-inner { background: #3c595b; padding-top:30px; padding-bottom: 30px; border-radius:0 0 5px 5px; }
	#footer-bottom { background:transparent; padding:0; color:#fff; }
		#footer-bottom-inner { padding-top: 15px; padding-bottom: 15px; }
			
#footer .recent-tweets {  }
	#footer .recent-tweets ul {  }
		#footer .recent-tweets li { color:#fff; }
			#footer .recent-tweets li a { color:inherit; font-weight:bold; }

#footer-navigation { }
	#footer-navigation ul { margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }
		#footer-navigation li { margin: 0; padding: 0; float: left; margin: 0 8px; }
		#footer-navigation li.active { font-weight: bold;  }
			#footer-navigation a { color: inherit; }

/* -----------------------------------------------------------------------------
	768px - tablet portrait
----------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#main-container-inner { width:766px; overflow:hidden; }

}

/* -----------------------------------------------------------------------------
	480px - mobile landscape
----------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#main-container-inner { width:478px; overflow:hidden; }
	#boxes-box-1, #boxes-box-2, #boxes-box-3 { width: 100%; }

}

/* -----------------------------------------------------------------------------
	320px - mobile portrait
----------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	
	#main-container-inner { width:318px; overflow:hidden; }
	#boxes-box-1, #boxes-box-2, #boxes-box-3 { width: 100%; }
	
}