/* ---------- KLEUREN -------------------------------------------------------------------------- */
/*
paars	5e2365
blauw	0399d6
magenta	cd126a
groen	a6ab1a
*/


/* ---------- ROOT ----------------------------------------------------------------------------- */
:root {
	--maincolor:	#5e2365;
	--subcblue:		#0399d6;
	--subcpurple:	#cd126a;
	--subcgreen:	#a6ab1a;
}

html {
  scroll-padding-top: 5rem;
}

/*body {
	color: var(--tekstkleur);
}*/


/* ---------- MENU ----------------------------------------------------------------------------- */
/* Menu items color */
.sp-megamenu-parent > li > a,
.sp-dropdown-items > li > a {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-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-weight: 700!important; text-transform: uppercase;}

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

/* ---------- ALGEMEEN ------------------------------------------------------------------------- */
.article-header > h1 {
	color: var(--maincolor);
	font-weight: bold;
}

h3, .accent {
	color: var(--maincolor);
	font-weight: bold;
}

a.purplebackgroundlink:hover {
	color: #0399d6;
}

div.sppb-addon-content h5, h5.sppb-addon-title {
  color: var(--maincolor);
  font-weight: bold;
  font-size: 1.15rem;
}

/*@media (min-width: 990px) and (max-width: 1199px) {
	#sppb-addon-da3a0413-2f0c-41a7-8d79-adff09b21b40,
	#sppb-addon-2330a8f0-1ca0-4a94-99c4-18b81ac835ba,
	#sppb-addon-7d85376d-f242-4f43-8b40-42d6f603457f,
	#sppb-addon-7f1a7663-9ab7-4396-ac15-a3c510449720 {
		padding-top: 20px!important;
		padding-right: 20px!important;
		padding-bottom: 50px!important;
		padding-left: 20px!important;
	}
	.sppb-addon-feature .sppb-addon-text {
		min-height: 400px;
	}
}
@media (min-width: 1200px) {
	.sppb-addon-feature .sppb-addon-text {
		min-height: 440px;
	}
}*/

.sppb-section.teasercontainer.sppb-row-container.sppb-row {
	display: flex;
	align-items: stretch;
}

#sppb-addon-wrapper-da3a0413-2f0c-41a7-8d79-adff09b21b40,
#sppb-addon-wrapper-2330a8f0-1ca0-4a94-99c4-18b81ac835ba,
#sppb-addon-wrapper-7d85376d-f242-4f43-8b40-42d6f603457f,
#sppb-addon-wrapper-7f1a7663-9ab7-4396-ac15-a3c510449720 {
	display: flex;
	height: 100%;
}

@media (min-width: 992px) {

	.starinfo {
		top: -125px;
	}
	
}

.rsform-type-freetext h3, .rsform-type-checkboxgroup h3, .rsform-type-radiogroup h3 {
	color: #cd126a;
	margin-top: 25px;
	font-weight: bold;
}

.rsform-type-freetext em {
	color: #0399d6;
}

/* ---------- TABELLEN --------------------------------------------------------------------------- */
table.cursusinfo {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px;
}

table.cursusinfo th, table.cursusinfo td {
  text-align: left;
  padding: 8px;
}

table.cursusinfo th {
	color: #cd126a;
	font-weight: bold;
}

table.cursusinfo th.cursustijd		{ width: 15%;	}
table.cursusinfo th.cursusonderdeel { width: 15%;	}
table.cursusinfo th.cursusinhoud	{ width: 70%;	}


table.cursusinfo tr:nth-child(even) {background-color: #f2f2f2;}


/* ---------- SUPPORT --------------------------------------------------------------------------- */

.support {
	background-color: #f9f9f9;
}

.support h3.sp-module-title {
	/*color: #5e2365;*/
	color: var(--maincolor);
}


/* ---------- FOOTER --------------------------------------------------------------------------- */

#sp-footer #sp-footer2 {
	text-align: left;
}

#sp-footer ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

#sp-footer ul.menu li {
	display: block;
	margin: 0 10px;
}


/* ---------- MINITEK ------------------------------------------------------------------------- */
.mwall-list .mwall-photo-link {
	display: block;
}
.mwall-list .mwall-img-div img {
	width: 300px;
}

#mwall_items_1 .mwall-big .mwall-item-outer-cont .mwall-item-inner {
	width: 70%!important;
}

.mwall-desc {
	font-size: 16px;
	line-height: 26px;
}

/* ---------- AANPASSING IVM ARTIKELEN ALS PAGINA'S ------------------------------------------- */
.cursuspagina #sp-main-body {
	padding: 0 0;
}
.cursuspagina #sp-main-body .container{
	padding-left: 0px;
	padding-right: 0px;
}
@media (min-width: 1400px) {
	.cursuspagina #sp-main-body .container, .cursuspagina #sp-main-body .container-lg, .cursuspagina #sp-main-body .container-md, .cursuspagina #sp-main-body .container-sm, .cursuspagina #sp-main-body .container-xl, .cursuspagina #sp-main-body .container-xxl {
		max-width: 100%;
  }
}

.cursuspagina .article-details .article-can-edit {
	margin-bottom: 0px;
}
/* ---------- EINDE AANPASSING





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

	.sppb-addon-table-main td {
		padding: 0px 0px;
	}
	.sppb-addon-table-main td:before {
		padding: 10px;
	}
	span.bt-content {
		padding-top: 10px;
	}
	.sppb-addon-table-main td[data-th="Kosten"] {
		margin-bottom: 20px;
	}

}

@media (max-width: 1200px) {

	.sp-page-builder .page-content #section-id-1657013068759 {
		background-size: contain!important;
		background-attachment: scroll!important;
		/*padding-top: 200px!important;*/
	}
	
}


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

}