/*
Theme Name: kaal_thema
Theme URI: http:///underscores.me///webbureau-amsterdam.nl
Author: Webbureau Amsterdam
Author URI: http://webbureau-amsterdam.nl
Description: een heel kaal thema
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Kaal thema
Tags: kaal, basis
*/
/*chairs-overlay */

	.overlay{
		position: absolute;
		width: 100%;
		background-color:#ebd369;
		top: 0;
  		left:0;	
		bottom:100%;
		right:100%;		
  		overflow: auto;
  		text-align: center;
		z-index:2;
		border-radius:25px;
	}
	label[for="butt1"] ,label[for="butt2"],label[for="butt3"],label[for="butt4"],label[for="butt5"] {
  	font-size:0.7em;
 	display:block;15px
  	text-align: center;font-family: dosis;15px
  	cursor :pointer;
}
.overlayclose,.hamburger-box{
	position:absolute;
	bottom:5px;
	width:100%;
	left:0;
	text-align:center;
	font-weight:300;
	
}
.hamburger-box{
	bottom:15px;
	z-index:1
}
#butt1,#butt2,#butt3,#butt4,#butt5 {
  display: none;
}
#butt1:checked ~ .overlay ,#butt2:checked ~ .overlay,#butt3:checked ~ .overlay,#butt4:checked ~ .overlay,#butt5:checked ~ .overlay{
 	bottom:0;
	right:0;
 	line-height:1.7em;
  	padding: 30px 11px;
  	transition: bottom 0s;
	transition: right 0s;
	box-sizing:border-box;
}
.overlayclose,.hamburger-inner{
	cursor:pointer;
}
.content {
  flex-wrap: wrap;
}

.sectionheader {
  width: 100%;
}

.sectionheader h1 {
  margin: 0 auto;
  text-align: center;
}

.sectionheader {
  display: flex;
}
.entry-content{
	font-family:Dosis;
}
.pagelinks {
  width: 100%;
  text-align: center;
}
a.more-link {
    color: #004242;
    text-decoration: none;
    font-size: 0.8em;
}
.navigation{
	width:100%;
}
.navigation a{
	color:#fff;
	text-decoration:none;
	font-family: Montserrat;
	font-weight:500;
	font-size:14px;
	display:inline-block;
	margin-bottom:1em;	
}
.navigation ul{
	display:flex;
	letter-spacing:10px;
	width:100%;
	justify-content:center;
}
.navigation .active a{
	color:black;
}
.home .content{
	display:flex;
	flex-flow:column;
}
/*aboutpage*/
.wrapper-about{
	flex-grow:1;
	background-image:url(IMG/bal.svg);
	background-repeat:no-repeat;
	background-position:top 70% right 20%;
	display:flex;
}
.content.about-page {
 	justify-content: flex-start;
 	margin: 0 auto;
 	flex-wrap: nowrap;
 	max-width:1000px ;
 	width:100%;	
}

.about-page .sectionheader {
	display:inline-block;
 	flex: 0 1 120px;
	align-self:flex-start;
	padding:20px;
	background-color:#ffc800;
	border-radius:25px;
	text-align:center;
	margin-top:100px;
	width:auto;
}
.about-page .sectionheader h1{
	margin:0;
	padding:0.2em;
	text-align:center;
	display:block;
}

.about-page article {
 	background-color: #f6db61;
 	border-radius: 89px 89px 89px 0;
 	margin: 2em;
 	flex: 1 1 auto;
 	max-width: 544px;
 	padding: 3em;
 	background-image:url(IMG/handen.svg);
	background-repeat:no-repeat;
	background-position:bottom 0% right 10%;
	position:relative;
}
.about-page article:before{
	content:"";
	position:absolute;
	background-image:url(IMG/kip.svg);
	background-repeat:no-repeat;
	background-size:100%;
	right:-40px;
	top:40px;
	width:100px;
	height:100px;
	z-index:10;
}

.about-page article:after{
	content:"";
	position:absolute;
	background-image:url(IMG/vogel.svg);
	background-repeat:no-repeat;
	background-size:100%;
	left:-40px;
	bottom:40px;
	width:100px;
	height:100px;
	z-index:10;
}
.about-page .entry-content{
	padding:0 2em 160px 0;
}
.about-page .entry-content h1{
	text-align:center;
	margin:1.85em 0 0.5em 0;
	padding-bottom: 20px;
}
/*gallery*/
.page-id-149 .sectionheader h1{
	background-color:#903725;
	border-radius:15px;
	padding: 20px;
	margin-top:1em;
	align-self: center;
}
.ngg-galleryoverview{
	margin-left:50px;
	margin-right:50px;
	Width:calc( 100% - 100px) !important;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {

margin: 40px auto !important;
border: 10px solid #fff3c8 !important;
border-radius: 20px !important;
}
.page-id-149 .content, .post-149{
	width:100% !important;
}
.ngg-gallery-thumbnail-box.ngg-4-columns{
	width:25%;
}
@media screen and (max-width:1182px){
	.ngg-gallery-thumbnail-box.ngg-4-columns{width:33% !important}
	.content.about-page,.wrapper .content,.wrapper-poezie .content{width:auto;}
}
@media screen and (max-width:866px){
	.ngg-gallery-thumbnail-box.ngg-4-columns{width:50% !important}
	.about-page{padding-top:2em;padding-bottom:2em;}
	.content.about-page,.wrapper .content,.wrapper-poezie .content{flex-direction:column;}
	.about-page .sectionheader,.wrapper aside.cate,.wrapper-poezie aside.catn {align-self:center;flex:0;margin-top:0}
	.about-page article,.wrapper .post,.wrapper-poezie.post{align-self:center;margin:1em}
}
@media screen and (max-width:574px){
	.ngg-gallery-thumbnail-box.ngg-4-columns{width:95% !important}
}