@charset "UTF-8";/*
FENIKS > kleurcodes: lichtgroen #76AB39 of RGB: 118, 171, 57 en donkergroen #30814B of RGB: 48, 129, 75
/* ---------------------------------------- KLEUREN ------- */ 
:root {
  --dark-green: #30814B; /* was #2e814b */
  --light-green: #76AB39; /* was #9bc31b */
  --darkgrey: #484848;
  --lightgrey: #f9f9f9;
  --standard-font-size: 18px;
  --standard-line-height: 29px;
}

/* ---------------------------------------- LINKS --------- */ 
a, a:visited		{ color: var(--light-green); text-decoration: none;}
a:active, a:hover	{ color: var(--dark-green); text-decoration: none;}

li					{	font-size: var(--standard-font-size);
						line-height: var(--standard-line-height);}

/* ---------------------------------------- TOP MENU ------ */ 
#sp-top2 {
	display: flex;
	align-items: center;
	justify-content: center;
}

ul#topmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	overflow: hidden;
}
	ul#topmenu li {
		float: left;
	}
	ul#topmenu li a {
		display: block;
		font-size: 14px;
		color: #dbdad8; /*#A2A0A0;*/
		text-align: center;
		padding: 0px 16px;
		text-decoration: none;
	}
	@media only screen and (max-width: 720px) {
		#sp-top2 {
			padding-left: 0;
			padding-right: 0;
		}
		#sp-top-bar .sp-module {
			margin: 0;
		}
		ul#topmenu li a {
			font-size: 10px;
			padding: 0px 5px;
		}
	}
	ul#topmenu li a:hover {
		/*background-color: #9bc31b;*/
		color: var(--light-green);
	}
	ul#topmenu li.active a {
		/*font-weight: 700;*/
		color: var(--light-green);
	}

#topmenumobile > li a, #topmenumobile > li span {
  color: var(--dark-green);
  font-size: 14px;
}

/* ---------------------------------------- MAIN MENU ------ */ 
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	text-transform: uppercase;
}
.sp-megamenu-parent > li.active > a {
  font-weight: 700;
}


/* ---------------------------------------- MOBIEL MENU ------ */ 
@media only screen and (max-width: 800px) {
        .logo-image {
          height: 54px!important;
        }
		#sp-top1 {
			display: none;
		}

}

/* ---------------------------------------- TITLE ------------ */ 
.startpagina .sp-page-title {
	background: #ffffff url("https://www.fenikszorgenjeugd.nl/images/design/feniks-header-bauburo-80.jpg") no-repeat right top;
	padding: 200px 0 50px!important;
	height: 600px;
}
.sp-page-title {
	/*background: #ffffff url("/images/design/header.jpg") no-repeat center top;*/
	background: #ffffff url("https://www.fenikszorgenjeugd.nl/images/design/feniks-subheader-bauburo-80.jpg") no-repeat right top;
	padding: 200px 0 50px!important;
}
.sp-page-title .sp-page-title-heading {
	font-size: 44px;
	font-style: italic;
}
.sp-page-title .sp-page-title-sub-heading {
  font-size: 40px;
  font-style: italic;
  font-weight: normal;
  line-height: 1;
  margin-top: 10px;
}

/* ---------------------------------------- ALGEMEEN --------- */ 
/* IPV MARGIN ADDON = 4x leeg */
.customwhitespace {
	margin: 0px 0px 75px 0px;
}
.feniksfaq {
	margin: 0px 0px 75px 0px;
}

h2 {
	font-size: 44px;
	font-weight: bold;
	color: var(--dark-green);
	margin-bottom: 17px;
}

p {
	font-size: var(--standard-font-size);
	line-height: var(--standard-line-height);
}

h4 {
	font-style: italic;
	margin-top: 30px;
}


.feniksfaq .sppb-panel-group > .sppb-panel:first-child {
	border-top-width: 1px;
}
.feniksfaq .sppb-panel-modern > .sppb-panel-heading {
	padding: 17px 30px 17px 15px;
	background: var(--lightgrey);
	color: var(--dark-green);
}
.feniksfaq .sppb-panel-modern {
	background: #fff;
	border: 1px solid #e3e3e3;
	border-top-width: 1px;
	border-radius: 4px;
	margin-bottom: 10px;
}
.feniksfaq .sppb-panel-title {
	font-size: 18px;
}


/* ---------------------------------------- QUOTES -------- */ 
.sppb-blockquote::before {
  color: var(--light-green)!important;
}
.sppb-blockquote {
	font-size: 28px!important;
}
.sppb-blockquote p {
	color: var(--dark-green)!important;
}
.sppb-blockquote footer {
  color: var(--light-green)!important;
}
.sppb-blockquote footer::before {
  color: var(--light-green)!important;
}



/* ---------------------------------------- FORM ---------- */ 
.col-form-label, .form-check {
	font-size: var(--standard-font-size)!important;
	line-height: var(--standard-line-height)!important;
	
} 

strong.formRequired {
	display: none;
}


.form-check-input:checked {
  background-color: var(--light-green)!important;
  border-color: var(--light-green)!important;
}

.rsform-submit-button {
  border-color: var(--light-green)!important;
  background-color: var(--light-green)!important;
}
.rsform-submit-button:hover {
  border-color: var(--dark-green)!important;
  background-color: var(--dark-green)!important;
}


/* ---------------------------------------- NIEUWS ---------- */ 
.mnwall-item-inner.mnwall-detail-box.light-tex {
	font-family: 'Work Sans', sans-serif!important;
}


.mnwall-date {

}
.mnwall-title {
	padding-top: 20px!important;
		font-size: 28px!important;
}
.mnwall-title a {
	font-size: 28px!important;
}
.mnwall-item-info {

}
.mnwall-desc {
	font-size: var(--standard-font-size)!important;
	line-height: var(--standard-line-height)!important;
}

/* ---------------------------------------- DEURMAT ---------- */ 
#sp-bottom h3 {
	color: var(--light-green);
}

#sp-bottom .sp-module ul > li > a {
	font-size: var(--standard-font-size);
}



/* ---------------------------------------- FOOTER MENU ------ */ 
#sp-footer1, #sp-footer2 {
	padding-top: 5px;
}

ul#footermenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	overflow: hidden;
}
	ul#footermenu li {
		float: left;
	}
	ul#footermenu li a {
		display: block;
		font-size: 14px;
		color: #dbdad8; /*#A2A0A0;*/
		text-align: center;
		padding: 0px 16px;
		text-decoration: none;
		text-transform: uppercase;
	}
	@media only screen and (max-width: 720px) {
		#sp-top2 {
			padding-left: 0;
			padding-right: 0;
		}
		#sp-top-bar .sp-module {
			margin: 0;
		}
		ul#footermenu li a {
			font-size: 10px;
			padding: 0px 5px;
		}
	}
	ul#footermenu li a:hover {
		background-color: #111111;
	}
	ul#footermenu li.active a {
		font-weight: 700;
		color: #fff;
	}


/* *************** BURGER ICON ******************** */
.burger-icon > span {
  background-color: #000000;
}
/* **************** OFFCANVAS MENU **************** */
.offcanvas-menu {
  background-color: #ffffff;
}

/* ---------------------------------------- MOBIEL MENU ------ */ 
@media only screen and (max-width: 800px) {
	#sp-header {
		height: 60px;
	}
	.logo-image {
		height: 48px!important;
	}

}