/*
Theme Name:         Netchildren
Description:        Based on Reverie, a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Version:            3.2.0
Author:             Yuri Ceschin

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
 
	/* Foundation-specific presentation CSS by ZURB */
	div.reverie-header { margin: 0 0 35px 0; padding: 0;float:left}
	div.reverie-header h1 { font-weight: 500; padding: 0;display: block;margin: 0;float: left;width: 95px;height: 79px; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
	header #partners,#partners-small {float: right;	}
	header #partners a,#partners-small a{margin-left:20px;float: left;}
	
	@media handheld, only screen and (max-width: 767px) {
	header { position: relative; }
	header .subheader { margin-bottom: 0; }
	header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; }
	header .menu-action .button.small { padding: 8px; }
	header .menu-action .button.small svg { opacity: 0.5; }
	header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	}

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Global */
	h1, h2, h3, h4, h5 { font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; }
	
	a img,a,img{border: none;}
	
	/* Add Divider for Listed Posts */
	.post-divider { background: url(http://www.netchildrengomobile.eu/wp-content/themes/reverie3/images/sidebar-bar.png) repeat; height:1px; margin:30px 0; }	
	
	/* Add Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Class for Images */
	figure {
		margin-bottom: 17px;
	}
	figure img {
	height: auto;
	border: 1px solid #DDD;
	margin: 0 auto;
	display: inline;
	box-shadow: 0px 2px 10px #ddd;
	-moz-box-shadow: 0px 2px 10px #ddd;
	-webkit-box-shadow: 0px 2px 10px #ddd;
	border-image: initial;
	}
	#content ul{
		margin-left: 15px;
	}
	
	/* Add HTML5 Caption Class for Images */
	figure.figure {	margin: 0 auto;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Sidebar Adjustment */
	.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Footer Nav */
	.footer-section { padding: 0px; font-size: 14px; font-weight: normal;line-height: 1.2em;color: #000;font-family: "source Sans Pro"; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }
	
	/* Overwrite Off-Canvas Style */
	footer { background: #fff; color: inherit; padding: 0;margin-top: 45px; }
	.js [role="main"] { background: inherit; }
	.top-header { overflow: visible; }
	#content { padding-left: 0; }
	#sidebar { padding-right: 0; }
	
	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 3px; }
	ul.breadcrumbs li a { padding-left: 0; }
	
	/* Comment Textarea Adjustment */
	#respond textarea { height: 100px; }	

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */ 
    
    ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
    ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
    ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
    ul.page-numbers li.unavailable a { cursor: default; color: #999; }
    ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
    ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    

	
/*  --------------------------
    Your Customized Style
    ----------------------- */
    
    body,footer{background-color: #F6F3E3 !important;}
    header .subheader a:hover{ text-decoration: none; }
  	.timer{
  		display: none;
  	}
    .slider h4 a{
    	position: absolute;
    	text-decoration: none;
    	top: 10px;
    	width: 25%;
    	right: 30px;
    	color: #fff;
    	background: #F8951A;
    	padding: 5px;
    	font-family: "Exo";
    	font-size: 24px;
    	line-height: 1.1em;
    }
    .slider-mobile h4 a{
    	display: block;
    	text-decoration: none;
    	color: #fff;
    	background: #F8951A;
    	padding: 5px 15px;
    	font-family: "Exo";
    	font-size: 18px;
    }
    .slider{
    	margin-bottom: 30px;
    	width: 100%;
    	padding: 0;
		max-height: 304px;
		overflow: hidden;
    }
    #home-box{
    	padding: 0;
    	margin: 0 0 30px 0;
    }
    #home-box .box{
    	background: #fff;
    	margin-right: 2%;
    	padding: 10px 15px;
    	width: 32%;
    	min-height: 205px;
    }
    #home-box .box.last{
    	margin: 0;
    	background: #35BFC4;
    	color: #fff;
    }
    #home-box .box.last h3{
    	color: #fff;
    }
    #home-box h3,.post-box h3{
    	font-size: 14px;
    	font-family: "Exo";
    	font-weight: 600;
    	text-transform: uppercase;
    	color:#35BFC4;
    	margin: 0 0 20px 0;
    	padding: 0;
    }
    .post-box h3{
    	margin-bottom: 15px;
    }
    #home-box .entry-content,.post-box .entry-content{
    	font-size: 16px;
    	font-family: "Source Sans Pro";
    	font-weight: normal;
    	color:#000;
    }
    #home-box .last .entry-content{
    	color: #fff;
    }
    .post-box .entry-content p{
    	line-height: 1.4em;
    	color: #000;
    }
    #content.eight{
    	padding: 0;
    	width: 66%;
    }
    .post-box{
    	background: #fff;
    	padding: 10px 15px;
    	margin: 0 0 15px 0;
    }
    .meta ul,.meta li{
    	padding: 0;
    	margin: 0;
    }
    .meta{
    	font-size: 12px;
    	color: #8C7B68;
    	font-family: "Source Sans Pro";
    	margin-bottom: 25px;
    }
    .footer.row{
    	background: #fff;
    	padding: 10px 10px;
    }
    footer article.columns{
    	border-right: 2px dotted #D5C7AE;
    	padding: 0 15px;
    	min-height: 230px;
    }
    footer h6{
    	font-size: 18px;
    	font-family: "Exo";
    	font-weight: 500;
    	text-transform: uppercase;
    	color:#35BFC4;
    	margin: 0 0 20px 0;
    	padding: 0;
    }
    .post-footer{
    	background: #fff;
    	padding: 10px;
    	margin: 28px auto 28px;
    	text-align: center;
    	color: #000;
    	font-family: "Source Sans Pro";
    	font-size: 12px;
    	line-height: 1.2em;
    }
    .post-footer a,footer a{
    	color: #35BFC4;
    }
    .home .box h3 a,.home .post-box h3 a{
    	color: #35BFC4;
    }
    .home .box h3 a:hover,.home .post-box h3 a:hover{
    	text-decoration: underline;
    }
    .home #sidebar.four{
    	width: 32%;
    	margin-left: 10px;
    }
    .sidebar-box article,#sidebar .social{
    	background: #fff;
    	color: #000;
    	padding: 10px 15px;
    	margin-bottom: 15px;
    }
    .sidebar-box article h6,#sidebar .social h6{
    	font-size: 18px;
    	font-family: "Exo";
    	font-weight: 600;
    	text-transform: uppercase;
    	color:#35BFC4;
    	margin: 0 0 10px 0;
    	padding: 0;
    }
    #sidebar .social ul{
    	list-style: none;
    	padding: 0;
    	margin: 0;
    }
    #sidebar .social ul li{
    	display: inline;
    }
    .social hr{
    	background: url(http://www.netchildrengomobile.eu/wp-content/themes/reverie3/images/sidebar-bar.png) repeat;
    	height: 1px;
    	border: none;
    	margin: 5px 0;
    }
    .sidebar-box.social{
    	min-height: 480px;
    	margin-bottom: 0;
    }
    #mailchimpsf_widget-2,#mailchimpsf_widget-3,#mc_signup_form{
    	background: #35BFC4;
    }
    #mc_signup_form{
    	padding: 0;
    }
    #mailchimpsf_widget-2 h6,#mc_subheader,#mailchimpsf_widget-3 h6{
    	color: #fff;
    	font-size: 16px;
    }
    .mc_form_inside{
    	margin-top: 10px;
    	color: #fff;
    }
    .mc_var_label{
    	color: #fff;
    	font-size: 16px;
    }
    #mc_signup form{
    	margin-bottom: 10px;
    }
    #mc_message{
    	margin-bottom: 10px;
    }
    .mc_signup_submit{
    	padding-top: 22px;
    }
    .mc_signup_submit input{
    	padding: 9px 20px;
    }
    .mc_merge_var{
    	width: 60%;
    	float: left;
    	margin-bottom: 10px;
    }
    .parent-page,#content .post-box h2{
    	font-size: 14px;
    	font-family: "Exo";
    	font-weight: 600;
    	color: #F8951A;
    	text-transform: uppercase;
    	margin-bottom: 10px;
    }
    #content .post-box h2{
    	margin-bottom: 10px;
    	font-size: 18px;
    }
    .page-title,#content .post-box h1{
    	font-size: 28px;
    	font-family: "Exo";
    	font-weight: 600;
    	color: #35BFC4;
    	text-transform: uppercase;
    	margin-bottom: 45px;
    }
    .post-image{
    	display: block;
    }
    #content .post-box .post h2{
    	margin-bottom: 5px;
    }
    #content .post-box .post h1{
    	margin: 0 0 10px 0;
    }
    #content .post-box .post-image{
    	margin-bottom: 20px;
    }
    .content-wrapper{
    	background: #fff;
    }
    #related{
    	padding: 8px 8px;
    	border-left: dotted 1px #eee;
    }
    #related .title-related{
    	font-size: 14px;
    	font-family: "Exo";
    	font-weight: 600;
    	color: #35BFC4;
    	text-transform: uppercase;
    	margin-bottom: 10px;
    }
    #related .related-image{
    	margin-top: 14px;
    }

#related .related-content p{
    	font-size: 11px;
    }

    #related .related-content h3{
    	font-size: 12px;
    	font-weight: 600;
    	text-transform: uppercase;
    	font-family: "Exo";
    	color: #35BFC4;
    }
    #sideMenu ul li{
    	padding: 10px;
    }
    #sideMenu ul.nav-bar > li{
    	margin: 0;
    }