@charset "utf-8";
/* CSS Document */

#mobiel-menu-open{
	/* div waar de hamburger staat om menu te openen */
	padding-top: 8px; 
	display: inline-block;
	border-radius: 4px;
	/*background-color: greenyellow;*/
	cursor: pointer;               /* handje */
	 
}
#mobiel-menu{
	 padding: 24px;
	 display:block;
	/* background-color: rgba(169, 182, 165, 0.96);  /* laatste parameter = transparantie - was 0.51*/
	 background-color: rgba(114, 132, 107, 0.96);  /* laatste parameter = transparantie - was 0.51*/
	 width: 300px; /*70vw;*/
	 height: 350px; /*70vh;*/
	 position: fixed;
	 top: 60px; /*10vh;*/  
	
	 opacity: 0;
	
	 transform:translateX(-100%); /* moet eventueel -110% worden was*/
	 transition-duration: 750ms;
	 transition-property: all;
	 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	 /*     
	 -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
	 transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); 
	 */
	 
} 
#mobiel-menu.open{
	transform:translateX(0);  
	 
	opacity: 1;
	 
}
#mobiel-menu > a{
	display: block;
	margin-bottom: 8px; /*10px; /*ruimte tussen regels*/
	font-size: 15px;
	color: white;  /*wit*/
	text-decoration: none;

}
#mobiel-menu > a:hover{
	color: #fdbf4a; /* oranje achtig */
}