/* ---------- KLEUREN -------------------------------------------------------------------------- */
/*
	#1e2120		antraciet
	#fcfaf5 	off white 9010
	#c9c69e		groenig
*/
/* ---------- ROOT ----------------------------------------------------------------------------- */
:root {
	--maincolor:	#1e2120;
	--subcolor1:	#fcfaf5;
	--subcolor2:	#c9c69e;
	--subcolor3:	#000000;
}

html {
  scroll-padding-top: 10rem;
}
html {
   min-height: 100%;
   background-image: url(../../../images/design/pixabay-wall-1846841-80.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top left;
   background-attachment: fixed;
}
/*
@media only screen and (max-width: 767px) {
  html {
     background-image: url(smaller-image.jpg);
  }
}
*/

body {
	/*background-color: initial!important;*/
	/*background-color: #fcfaf5!important;*/
	background-color: rgba(252, 250, 245, 0.5)!important;
}


/* ---------- ALGEMEEN ------------------------------------------------------------------------- */
#sp-header {
	background-image: url(../../../images/design/pixabay-wall-1846841-80.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
}

#sp-logo {
	padding-right: 0px;
}


/* ---------- MENU ----------------------------------------------------------------------------- */
/* Menu items color */
.sp-megamenu-parent > li > a,
.sp-dropdown-items > li > a {font-size: 20px; font-weight: 700!important; text-transform: uppercase;}

/* Active color of menu item */
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a,
.sp-dropdown-items > li.active > a,
.sp-dropdown-items > li.active:hover > a {font-size: 20px; font-weight: 700!important; text-transform: uppercase;}

/*  Color of hover menu item */
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li:hover > a,
.sp-dropdown-items > li > a:hover,
.sp-dropdown-items > li:hover > a {font-size: 20px;  font-weight: 700!important; text-transform: uppercase;}

.sp-megamenu-parent > li { text-align: right; }



.offcanvas-menu {
  background-color: rgba(252, 250, 245, 1)!important;
}

/* ---------- FORM ----------------------------------------------------------------------------- */
.rsform-submit-button.btn.btn-primary {
	background-color: #fcfaf5;
	color: #1e2120;
}
.rsform-submit-button.btn.btn-primary:hover {
	background-color: #1e2120;
	color: #fcfaf5;
}

/* ---------- DEURMAT -------------------------------------------------------------------------- */


/* ---------- RESPONSIVE OVERIDES -------------------------------------------------------------- */
@media only screen and (max-width: 720px) {

	
}

/* ---------- MOBIEL MENU ---------------------------------------------------------------------- */
@media only screen and (max-width: 800px) {
	#sp-header {
		height: 120px;
	}
	#sp-header .logo {
		height: 108px!important;
		margin-top: 10px!important;
		margin-left: 100px!important;
	}

}