/*
Theme Name: Custom Theme	
Author: Huub Naves
Description: This theme is specially build for HN Development. It is an unique simplistic design.
Version: 1.0
Author URI: https://www.huubnaves.nl
License: HN-Development General License
License URI: https://www.hndevelopment.nl

*/



body{
	background-color: #383837;
}


.contentcustom{
	margin-top: 3em;
}



.navigation{
	width: 100%;
	z-index: 100;
	display: block;
	box-sizing: border-box;
	float: left;
	position: fixed;
	top: 0;
	background-color: white;
	padding: 0 5% 0 5%;
	z-index: 1000;

}
.navigation ul, .footermenu ul{
	float: left;
	margin:0;
	padding: 0;
}
.navigation li, .footermenu li{
	height: 65px;
	display: block;
	width: auto;
	padding: 0 1.5em 0 1.5em;
	margin: 0;
	float: left;
}
.navigation a, .footermenu a{
	height: 100%;
	width: auto;
	text-decoration: none;
	display: block;
	font-size: 16px;
	line-height: 65px;
	color: black;
	text-transform: capitalize;
	font-family: 'meno-banner', sans-serif;
	font-weight: 400;
	font-style: normal;
}
.footermenu a{
	color: white;
}
@media only screen and (min-width: 751px) {
div.menu_cart{
	right: 0;
	top: 0;
	display: block;
	position: fixed;
	margin-right: 5em;
}
}


@media only screen and (max-width: 750px) {
.navigation{
	padding: 3em 0 0 0;
	min-height: 50px;
}
.navigation li{
	width: 100%;
	text-align: center;
	border-bottom: 1px solid black;
	float: left;
	line-height: 50px;
}
.navigation ul{
	float: left;
}
.footermenu{
	padding-top: 1em;
	padding-bottom: 1em;
}
.footermenu a{
	line-height: 2em;
}
.footermenu li{
	height: 2em;
	width: 100%;
	text-align: center;
}
div.menu_items{
	display: none;
}


div.menu_icon{
		display: block;
		width: auto;
		display: block;
		z-index: 10;
		position: fixed;
		margin-top: -50px;
		padding: 18.25px 0px 18.25px 10px;
}

	.bar1, .bar2, .bar3 {
 	 width: 20px;
 	 height: 1.5px;
 	 background-color: black;
	 margin: 0em 0px 3px 0em;
   transition: 0.4s;
	}
	.change_menu .bar1 {
  	-webkit-transform: rotate(-45deg) translate(-8px, 6px);
  	transform: rotate(-45deg) translate(-3.25px, 3.25px);
	}

	.change_menu .bar2 {opacity: 0;}

	.change_menu .bar3 {
  	-webkit-transform: rotate(45deg) translate(-8px, -8px);
  	transform: rotate(45deg) translate(-3.25px, -3.25px);
	}
	div.menu_icon:hover{
		cursor: pointer;

}
}



/*NOT FOUND 404*/
/* Center the content on the page */
#primary {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* Style the error message */
.error-404 {
  max-width: 600px;
  text-align: center;
  color:white;
  border: 1px solid #ccc;
  padding: 10px;
}

.error-404 .page-title {
  font-size: 36px;
  margin-bottom: 20px;
}