/* KLEUREN

rood			#e5612a
blauw			#2b8ccb
geel			#e8ba0f
groen			#66ad33
donkdergroen	#277135
lichtblauw		#4ec0eb

*/

:root {
	--rood:			#e5612a;
	--blauw:		#2b8ccb;
	--geel:			#e8ba0f;
	--groen:		#66ad33;
	--donkdergroen:	#277135;
	--lichtblauw:	#4ec0eb;
}

/* *************************************************** */
/* main menu	*/	body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after,
/* mobile menu	*/	.menu-toggler::after {
	font-family: "Font Awesome 5 Free"!important;
}
/* *************************************************** */

html {
  scroll-padding-top: 5rem;
}

#sp-header {
	height: 90px;
  background: #ffffff;
}

#sp-header .logo {
    height: 90px;
    display: inline-flex;
    margin: 0;
    align-items: center;
}

#sp-menu {
    display: grid;
    align-items: center;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-weight: 700;
}

a.spelwekenmenuitem {
	background-color: #ec430f;
	color: #ffffff!important;
	padding-left: 30px!important;
	padding-right: 30px!important;
	font-size: 20px!important;
	font-weight: 900!important;
	border-radius: 6px 6px;
}

.sp-megamenu-parent li.alwaysopen .sp-dropdown {
  display: initial!important;
}

/* STYLING MEGA MENU SPELWEKEN */
ul.sp-mega-group li div.sp-module {
	margin-bottom: 50px;
}

.sp-dropdown-mega ul {
	padding-left: 0rem;
}

.sp-dropdown-mega li::marker {
	content: none;
}
 /* EREGALERIJ */
 .eregalerijpagina #sp-main-body {
	padding: 50px 0;
 }

 .eregalerijpagina #sp-main-body {
	padding: 50px 0;
 }

 .eregalerijpagina #sp-main-body h3.sp-module-title {
	font-size: 25px;
 }




/* ALGEMEEN */
.sp-scroll-up {
    background: #fe6900;
    width: 60px;
    height: 60px;
    line-height: 55px;
}

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    background: #1e2e69;
}

.sp-page-title {
	height: 300px;
}

.sp-page-title .sp-page-title-heading {
    font-size: 36px;
}


h1, .h1 {
	color: #1e2e69;
}
h2, .h2 {
	color: #1e2e69;
}
h3, .h3 {
	color: #1e2e69;
}
h5, .h5 {
	color: #b00000;
}

.ribbonheader h2 {
	color: #fff!important;
}




/* CONTENT */
.article-author-information {
	display: none;
}

.sppb-carousel-inner {
    min-height: 100px;
}

#sppb-addon-1540559987061 .sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-name {
    margin-right: 10px;
}

/* SP-RIGHT */
#sp-right .sp-module {
    border: none;
}
#sp-right .sp-module.quiz-side-module {
	padding-top: 12px;
}



/* JKC SPELWEKEN */
.jkcchallenge h3 		{ color: var(--groen);	}
.jkcchallenge h3 span	{ color: var(--rood);	}

#weetjesvandeweek h2	{ color: #ffffff;		}
#spellenvandeweek h2	{ color: var(--blauw);	}





/* SIMPLE QUIZ */
.simplequiz_complete_text {
	margin-bottom: 50px;
}
.simplequiz_question_result {
	border-bottom: 1px solid #000;
	margin-bottom: 50px;
	padding-bottom: 20px;
}	
.simplequiz_question_result img {
	float: left;
	padding-top: 7px;
	margin-right: 10px;
}

img.leaflet-marker-icon:first-of-type {
	display: none;
	transform: none;
}
img.leaflet-marker-icon {
	margin-left: -12px!important;
	margin-top: -41px!important;
	width: 25px!important;
	height: 41px!important;
}


h2.simplequiz_componentheading {
    font-size: 48px;
    line-height: 48px;
    line-height: 56px;
    text-transform: uppercase;
    font-weight: 700;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	color: #b00000;
}


.rsfp-skinHtml5 .irs-slider {
    background: url("/images/design/jkc/jkc-formulier-slider-beoordeling-27x27px.png")!important;
	border: none;
	box-shadow: none;
}



.testi-name { font-size: 95%!important;}


/* BOMENSHOP via J2STORE*/
.j2store-single-product {
	padding: 20px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 30px;
}

.product-short-description {
	min-height: 240px;
}

.j2store-cart .row {
	display: initial;
}

input[name="coupon"] {
	margin-bottom: 10px;
	margin-top: 32px;
}

/*.sppb-addon.sppb-addon-single-image.rundmetpetfact img {
  margin-top: 9px!important;
  margin-bottom: 8px!important;
}*/



/* ************************************* */

#sp-bottom {
    padding: 30px 0 10px!important;
}
#sp-footer .container-inner {
    padding: 15px 0px!important;
}
/*
#sp-footer .sp-module ul {
  list-style: disc;
  padding: 0;
  margin: 0;
}

#sp-footer ul.menu li {
  display: block;
  margin: 0 10px;
  color: #A2A2A2!important;
}*/

#sp-footer ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

#sp-footer ul.menu li {
	display: flex;
	padding-left: 1em;
	text-indent: .5em;
}

#sp-footer ul.menu li::before {
	content: "→";
	color: #0198ff; /* or whatever color you prefer */
}











.sp-contact-info li {
	margin: 0px 0px 0px 0px!important;
}
.sp-contact-info li.sp-contact-mobile {
	margin: 0px 10px 0px 0px!important;
}

.testi-avatar {
	background-color: #fff;
}
#jtmodule-124 .testimonialsContainer .testi-avatar,		/* homepage */
#jtmodule-127 .testimonialsContainer .testi-avatar,		/* school */
#jtmodule-155 .testimonialsContainer .testi-avatar,		/* scouting */
#jtmodule-158 .testimonialsContainer .testi-avatar,		/* referentie pagina */
#jtmodule-159 .testimonialsContainer .testi-avatar,		/* referentie pagina */
#jtmodule-160 .testimonialsContainer .testi-avatar,		/* referentie pagina */
#jtmodule-161 .testimonialsContainer .testi-avatar {	/* referentie pagina */
    display: none;
}




@media only screen and (max-width: 766px) {
	#sp-footer #sp-footer2 {
		text-align: left!important;
		padding-top: 25px;
	}
		
}

/* JOOMTESTIMONIALS */
@media (min-width: 1400px) {
	.col-xxl-2 {
		width: 100%!important;
	}
}