/**********************************************************************************************
//
// Child Theme Style document for website nicoletsteemers.nl

Theme Name:     Twenty Fourteen Child
Theme URI:      http://example.com/twenty-fourteen-child/
Description:    Twenty Fourteen Child Theme
Author:         Jos van Duijn
Author URI:     http://nicoletsteemers.nl
Template:       twentyfourteen
Version:        1.0.0

HISTORY:
----------
08apr15jvd:	Vrs: 1.0.0:
		+ Start from scratch


//
//
//
************************************************************************************************/

@import url("../twentyfourteen/style.css"); 				// Get the parent styles

/* =Theme customization starts here
-------------------------------------------------------------- */


/*--------------------------------------------
//
// General site settings
//
*/
div.clearer {
	clear:both;							
}

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

.site {
//	background-color: #fff;
	background-color: #d1ebff;
	max-width: 1260px;
	position: relative;
}

.main-content {
	width: 100%;
}


/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

/* Ensure that there is no gap between the header and
	 the admin bar for WordPress versions before 3.8. */
#wpadminbar {
	min-height: 32px;
}

#site-header {
	position: relative;
	z-index: 3;
}

.site-header {
	background-color: #000;
	max-width: 1260px;
	position: relative;
	width: 100%;
	z-index: 4;
}

.header-main {
	min-height: 48px;
	padding: 0 10px;
}

.site-title {
	float: left;
	font-size: 18px;
	font-weight: 700;
	line-height: 48px;
	margin: 0;

	/* Nav-toggle width + search-toggle width - gutter = 86px */
	max-width: -webkit-calc(100% - 86px);
	max-width:         calc(100% - 86px);
}

.site-title a,
.site-title a:hover {
	color: #fff;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Search in the header */

.search-toggle {
	background-color: #24890d;
	cursor: pointer;
	float: right;
	height: 48px;
	margin-right: 38px;
	text-align: center;
	width: 48px;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #41a62a;
}

.search-toggle:before {
	color: #fff;
	content: "\f400";
	font-size: 20px;
	margin-top: 14px;
}

.search-toggle .screen-reader-text {
	left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
}

.search-box-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position: absolute;
	top: 48px;
	right: 0;
	width: 100%;
	z-index: 2;
}

.search-box {
	background-color: #41a62a;
	padding: 12px;
}

.search-box .search-field {
	background-color: #fff;
	border: 0;
	float: right;
	font-size: 16px;
	padding: 2px 2px 3px 6px;
	width: 100%;
}


/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

.content-area {
	padding-top: 48px;
}

.hentry {
	margin: 0 auto 48px;
	max-width: 672px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
//	max-width: 474px;
	max-width: 600px;
	background-color: #d1ebff;
//	background-color: red;
}

.page-content {
	margin-bottom: 48px;
}

/**
 * x.0 Extra's
 * -----------------------------------------------------------------------------
 */
div.content_boxLeft {
	margin: 			0 auto;
	padding-top:			15px;
	padding-left:			5px;
	padding-right:	 		5px;

	background-color: 		#d1ebff;
//	background-color: 		green;
 	float:				left;
	opacity: 			1.00;
	width: 				 30%;			
}

div.content_boxRight {
	margin: 			0 auto;
	padding-top:			5px;
	padding-left:			5px;
	padding-right:	 		5px;
	background-color: 		#d1ebff;
//	background-color: 		#FFFFFF;

 	float:				right;
	opacity: 			1.00;
	width: 				 60%;			
}

div.content_boxWide {
	margin: 			0 auto;
	padding-top:			5px;
	padding-left:			5px;
	padding-right:	 		5px;
	background-color: 		#d1ebff;
//	background-color: 		blue;

 	float:				left;
	opacity: 			1.00;
	width: 				100%;			
}

div.content_boxBreak {
	margin: 			0 auto;
	padding-top:			5px;
	padding-left:			5px;
	padding-right:	 		5px;
	background-color: 		#d1ebff;
//	background-color: 		red;

 	float:				left;
	opacity: 			1.00;
	width: 				100%;	
	min-height:			24px		

}

div.content_boxSocialMedia {
	margin: 			0 auto;
	padding-top:			5px;
	padding-left:			5px;
	padding-right:	 		5px;
 	float:				left;
	background-color: 		#d1ebff;
//	background-color: 		blue;
	opacity: 			1.00;
	max-width:			48px;			
	max-height:			48px;
	overflow: 			hidden;
}