/*
Theme Name: simpel

Author: H.S

Description: SImpel zonder sidebar
 
Version:8.6
Text Domain:
Tested up to:6.4
Required at least: 6.2
License: GNU General Public License v2.0 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
*/

*, html, body {
	margin:0;	
}
* {
  box-sizing: border-box;
}
body {background:#EBEBEB;
	font-family: Arial, Helvetica, sans-serif;
	
}


h2 ,h3 { 
	font-size:150%;
	font-weight:bold;
	padding-top:.1%;
	padding-bottom:.1%;
}

h3{
	padding-bottom:2%;
	}
	

img {
	width:100%;
	height:auto;}

/***mobile first**/

	#placemat{width:100%;	
		overflow:auto;
		min-height:100vh;
		
	}
.main-content{
position:relative;
margin-top:50px;
	z-index:-55;
width:100%;
min-height:70vh;	
	background:white;
	padding: 4% 4% 4% 4%;
	
}

.footer-bar{
	
	position:relative;
 	width:100%;
	color:white;	
	background: black;
	 
}

 /********************************/
/*******menu**telefoon********/
/********************************/
#hamnav input{display:none;}/**inputvakje**/

 /* Show Hamburger Icon */
  #hamnav label { 
    display: inline-block; 
    color: white;
    background-color: DE7C4A;
    font-style: normal;
    font-size: 2em;
    padding-left: 1em;
	cursor:pointer;
  }
  #hamnav{position:absolute;
	  width:100%;
  background-color:#DE7C4A;
    }

  /* Break down menu items into vertical */
 
 #hamitems ul {list-style:none; 
 }
 
 /*********vertikaal blok**************************/
#hamitems ul li a {display:block;
font-size:1.2em;
margin-left:5%;
position:relative;
list-style:none;
width:100%;
 }

 /**********subitems naar rechts*********************************/
#hamitems ul ul li a {margin-left:1.5em;

}

#hamitems ul li a:hover{
text-decoration:underline;;}
	

 #hamitems  a {position:relative;
  z-index:999;
    display: block;
    width: 100%;
    font-size:1.5em;
	 color: white;
	 text-decoration:none;
	 list-style:none;
	 background:#DE7C4A;
	 margin:0;
	  }


  /* Toggle Show/Hide Menu */
  #hamitems { display: none; }
  
  #hamnav input:checked ~ #hamitems { display: block;
  }


/**************************************/
@media screen and (min-width:960px) {
/****************************************/	
	body{background:grey;}
	
#hamnav label{display:none;}

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


#hamitems { display: block;  
}

   
#hamitems ul li {display:inline-block;
 
	}
	
	
#hamitems ul li a {
	text-decoration:none;
		color:black;
		font-size:.9em;
		font-weight:bold;
		margin:0;
}
/*hide & show sub items***/

#hamitems li ul {
	    display: none;
		 position: absolute;
    top: 3em;
    left: 0;
    z-index: 99999;
  
   

}
#hamitems a {
  position: relative;
  display: inline-block;
   line-height: 40px;
  padding: 0 1em;
 -webkit-transition: all .3s ease;
	cursor:pointer;

}


#hamitems { display: block;  
}

   
#hamitems ul li {display:inline-block;
 
	}
	
	
#hamitems ul li a {
	text-decoration:none;
		color:black;
		font-size:.9em;
		font-weight:bold;
		margin:0;
}
/*hide & show sub items***/

#hamitems li ul {
	    display: none;
		 position: absolute;
    top: 3em;
    left: 0;
    z-index: 99999;
  
   

}
#hamitems a {
  position: relative;
  display: inline-block;
   line-height: 40px;
  padding: 0 1em;
 -webkit-transition: all .3s ease;
	cursor:pointer;

}




#hamitems li {
	position:relative;
	padding:1% 1% 1% 1%;
	
}
	

	
/**************************************/
@media screen and (min-width:1225px) {
/****************************************/	
#placemat{width:80%;
margin-left:10%;
margin-right:auto;
}
	#hamnav {width:80%;}
.main-content{margin-top:0;
	}
	
	
	
#hamitems ul li {
		position:relative;
		margin-top:0;
		padding:0 1rem;
	display:inline;
	float:left;
	}
	
#hamitems  li:hover .sub-menu {
  display: block;
	position:absolute;
   width: 300px;
	margin-top: -10px;
	}	
	

#hamitems  a{font-size:.5em;
margin:0;}
	
#hamitems li {
	position:relative;
	padding:1% 1% 1% 1%;
	
}
	
}