/*
Wekom bij aangepaste CSS!

CSS (Cascading Style Sheets) is een soort van code die de browser vertelt
hoe die een webpagina moet weergeven. Je kunt deze reacties verwijderen en
aan de slag gaan met je aanpassingen.

Je stylesheet zal standaard na de stylesheets van je thema geladen worden,
wat betekent dat jouw regels prevaleren en de thema CSS-regels
overschrijven. Schrijf hiet gewoon wat je wilt wijzigen, Je moet al je
thema's stylesheetinhoud niet kopiëren.
*/
h2.submenu-title {
	font: bold 15px/15px Arial, Helvetica, sans-serif !important;
	padding: 9px 0 10px 20px !important;
}

.children {
	display: none;
}

h1 {
	font-size: 28px;
}

.site {
	background: none;
	border-left: 0;
	border-right: 0;
	margin: 0;
	max-width: none;
}

/* header */
#masthead {
	background: url('/wp-content/themes/twentythirteen-child/images/tail.gif') repeat-x 0 0;
}

.site-header .home-link {
	background-color: #181818;
	min-height: 106px;
	display: inline;
	max-width: 213px;
	padding: 10px 24px;
	float: left;
}

.navbar {
	background-color: #181818;
	max-width: 1080px;
	min-height: 106px;
}

.main-navigation {
	background-color: #181818;
	clear: none;
	margin: 0;
	max-width: 1080px;
	position: static;
	float: right;
	margin-top: 54px;
}

.nav-menu li a {
	color: #fff;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 15px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a {
	color: #f79901;
	font-style: normal;
}

.nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
	color: #f79901;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
	background-color: #181818;
	color: #f79901;
	text-decoration: underline;
}

ul.nav-menu, div.nav-menu > ul {
	padding: 0;
}

.nav-menu .sub-menu, .nav-menu .children {
	background-color: #181818;
	border: 0;
	border-top: 0;
	display: none;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
	margin-left: 10px;
}

ul.nav-menu ul a:hover, .nav-menu ul ul a:hover {
	background-color: #181818;
}

.toggled-on .nav-menu li > ul a, .toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a {
	color: #fff;
}

/* end of header */
/* content */
#content {
	background-color: #fff;
}

.contentImageOuter {
	background: url('/wp-content/themes/twentythirteen-child/images/tail-end.gif') repeat;
}

.contentImage {
	max-height: 395px;
	max-width: 1080px;
	margin: 0 auto;
}

.contentImageTwo {
	background: url('/wp-content/themes/twentythirteen-child/images/header.jpg');
	width: 100%;
	height: 413px;
	background-position: center center;
}

.contentImage p {
	width: 336px;
	color: #fff;
	font-size: 4em;
	line-height: 1;
	padding: 15px 40px;
	position: relative;
	top: 146px;
	z-index: 9999;
}

.contentImage img {
	width: 100%;
	height: 100%;
	position: relative;
	top: -246px;
	z-index: 1;
}

.site-main .sidebar-container {
	height: 100%;
	width: auto;
	position: static;
	top: 0;
	z-index: 1;
	float: left;
}

#content {
	overflow: hidden;
	max-width: 1080px;
	margin: 0 auto;
}

article {
	width: 60%;
	float: left;
}

.hentry {
	margin-left: 24px;
}

.sidebarPages {
	width: 33%;
	float: left;
	padding: 0 0 0 24px;
	min-width: 159px;
}

.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
	padding: 0 10px 0 60px;
}

h2.submenu-title {
	background: #f79901;
	color: #fff;
	font: bold 20px/20px Arial, Helvetica, sans-serif;
	padding: 25px 0 8px 19px;
	text-transform: uppercase;
	margin-top: 35px;
	margin-bottom: 0;
}

#submenuChildPages {
	list-style: none;
	margin: 3px 0 0;
	padding: 0;
}

#submenuChildPages li {
	margin-bottom: 3px;
}

#submenuChildPages li a {
	background: #181818;
	color: #fff;
	display: block;
	font: bold 15px/15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	padding: 9px 0 10px 20px;
}

#submenuChildPages li a:hover {
	background: #f79901;
}

.entry-thumbnail {
	margin-top: 30px;
}

.breadcrumbs {
	color: #7a7a7a;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	padding-bottom: 24px;
	padding-left: 10px;
}

.breadcrumbs a {
	background: url('/wp-content/themes/twentythirteen-child/images/arrow.png') no-repeat right 1px;
	width: 10px;
	height: 10px;
	padding-right: 11px;
}

/* footer */
footer {
	clear: both;
}

.site-footer {
	background: none;
	color: #747474;
	font-size: .75em;
	text-align: left;
}

/* media queries */
@media (max-width: 810px) {
	.site-title {
		font-size: 30px;
	}
	
	#content .entry-header,
															#content .entry-content,
															#content .entry-summary,
															#content footer.entry-meta,
															#content .featured-gallery,
															.search.sidebar .page-content,
															.blog.sidebar .page-content,
															.sidebar .post-navigation .nav-links,
															.paging-navigation .nav-links,
															#content .author-info,
															.comments-area .comments-title,
															.comments-area .comment-list,
															.comments-area .comment-navigation,
															.comment-respond,
															.sidebar .site-info,
															.sidebar .paging-navigation .nav-links {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#content .format-status .entry-content,
															#content .format-status .entry-met {
		padding-left: 35px;
	}
	
	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
		padding: 12px 0 12px 20px;
	}
	
	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}
	
	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}
	
	.toggled-on .nav-menu,
															.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 10px;
		padding: 0;
		width: 100%;
	}
	
	.toggled-on li,
															.toggled-on .children {
		display: block;
	}
	
	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}
	
	.toggled-on .nav-menu li > ul a {
		color: #FFF;
		width: auto;
	}
	
	.toggled-on .nav-menu li:hover > a,
															.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #FFF;
	}
	
	.toggled-on .nav-menu li a:hover,
															.toggled-on .nav-menu ul a:hover {
		background-color: #db572f;
		color: #fff;
	}
	
	ul.nav-menu,
															div.nav-menu > ul {
		display: none;
	}
	
	#content .featured-gallery {
		padding-left: 24px;
	}
	
	.gallery-columns-1 .gallery-item {
		margin-right: 0;
		width: 100%;
	}
	
	.entry-title,
															.format-chat .entry-title,
															.format-image .entry-title,
															.format-gallery .entry-title,
															.format-video .entry-title {
		font-size: 22px;
		font-weight: bold;
	}
	
	.format-quote blockquote,
															.format-status .entry-content {
		font-size: 18px;
	}
	
	.format-quote blockquote small,
															.format-quote blockquote cite {
		font-size: 13px;
	}
	
	.error404 .page-title {
		padding: 40px 0 0;
	}
	
	.error404 .page-title:before {
		content: normal;
	}
	
	.comment-author {
		margin-right: 30px;
	}
	
	.comment-author .avatar {
		height: auto;
		max-width: 100%;
	}
	
	.comment-metadata,
															.comment-content,
															.comment-list .reply {
		width: 70%;
		width: -webkit-calc(100% - 104px);
		width: calc(100% - 104px);
	}
	
	.comment-form input[type="text"],
															.comment-form input[type="email"],
															.comment-form input[type="url"] {
		width: -webkit-calc(100% - 120px);
		width: calc(100% - 120px);
	}
	
	.comment-form textarea {
		height: 80px;
	/* Smaller field for mobile. */
	}
	
	/* Audio */
	.format-audio .entry-content:before {
		display: none;
	}
	
	.format-audio .audio-content {
		background-image: none;
		float: none;
		padding-left: 0;
		width: auto;
	}
	
	.main-navigation {
		color: #FFF;
		margin-top: 0;
		position: relative;
		z-index: 9999;
		width: 100%;
		float: none;
		overflow: hidden;
	}
}

@media (max-width: 643px) {
	.main-navigation {
		color: #FFF;
		margin-top: 0;
		position: relative;
		z-index: 9999;
		width: 100%;
		float: none;
		overflow: hidden;
	}
}

@media (max-width: 458px) {
	.nav-menu li a {
		padding: 15px 20px;
	}
	
	.contentImage p {
		font-size: 3.5em;
	}
	
	.hentry {
		margin-left: 10px;
		padding: 0;
	}
	
	article {
		width: 90%;
	}
	
	.sidebarPages {
		width: 90%;
	}
}