@font-face {
  font-family: 'Labrada', serif;
  font-weight: normal;
  font-style: normal;
}

/*********************************************************************
**                                                                  **
** Configuration for the dropdown menu                              **
**                                                                  **
*********************************************************************/
/* text color of font in menu and  dropdown*/
.sp-megamenu-parent .sp-mega-group>li>a,
.sp-megamenu-parent>li,
.sp-megamenu-parent>li>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
  color: #fec233;
  font-weight: 900;
}

/* color the current active page white */
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a,
.sp-megamenu-parent .sp-mega-group>li>a[aria-current],
.sp-megamenu-parent .sp-mega-group>li:hover>a[arie-current],
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-itmem.active>a:hover {
  color: #ecf1f0 !important;
  font-weight: 500 !important;
}

.sp-megamenu-parent .sp-mega-group>li:hover>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
  color: #ecf1f0 !important;
}

/* background color of offcanvas and dropdown menu */
.offcanvas-menu,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega.sp-menu-right .sp-dropdown-inner {
  background: #DD2625;
}

.sp-megamenu-parent {
  font-family: 'Labrada', serif;
}

.btn-success {
  background-color: #6F9CA0;
  color: #ECF1F0;
}

#sp-footer {
  border-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
.view-article .sphere-article-details .article-details-title-wrap h1 {
  font-family: 'Labrada', serif;
}

.view-article .sphere-article-details .article-details-title-wrap h1 {
  color: #DD2625;
}

.view-article .sphere-article-details .article-details-left-sidebar .article-ratings-social-share .sphere-social-share p {
  color: #DD2625;
}

#sp-header .container {
  border-bottom: none;
}

/* To drop below header */
.com-users.view-login #sp-main-body,
.com-users.view-registration #sp-main-body,
.com-users.view-profile #sp-main-body {
  padding-top: 100px;
}


/*********************************************************************
**                                                                  **
** Configuration for the timesheet pagina                           **
**                                                                  **
*********************************************************************/
.timeschedule,
.ts-small-row,
.ts-big-row,
.ts-bottom,
.ts-left,
.ts-top,
.luchtacro4-6gevorderde {
	text-align: center;
	vertical-align: middle;
	width: 78pt;
}

.ts-small-row {
	height: 8.0pt;
}

.ts-big-row {
	height: 25.0pt;
}

.ts-bottom {
	border-bottom: .5pt solid windowtext;
}

.ts-left {
	border-left: .5pt solid windowtext;
}

.ts-top {
	border-top: .5pt solid windowtext;
}

.alacarte {
	color: white;
	background: #7030A0;
}

.luchtacroexpert {
	background: #FF6600;
	color: white;
}

.luchtacro1basis {
	background: #FCE4D6;
}

.luchtacro2basis {
  		background: #F8CBAD;
}

.motoriek1 {
	background: #DDEBF7;
}

.motoriek2 {
  		background: #BDD7EE;
}

.familie {
	background: #9BC2E6;
}

.crea, .productiegroep {
	background: #BDBDBD;
}

.acro {
	background: #0fe1bf;
}

.luchtacro12basis {
	background: #F4B084;
}

.multi2basis {
	background: #C6E0B4;
}

.multi2gevorderden {
	background: #b3e0b7;
}

.multi12 {
	background: #A9D08E;
}

.multivolwassenen {
	background: #afd18e;
}

.eenwielerbasis{
	background: #92D050;
}

.eenwielergevorderden{
	background: #00B050;
}

.luchtacro12gevorderde {
	background: #FFD966;
}

.luchtacro2gevorderde {
	background: #FFE699;
}

.luchtacrovolwassenen1 {
  	color: white;
	background: #ff3f00;
}

.luchtacrovolwassenen2 {
  	color: white;
	background: #ff1500;
}

.multi1 {
	background: #E2EFDA;
}

.jonglerenbasis {
	color: white;
	background: #548235;
}

.jonglerengevorderden {
	color: white;
	background: #35823c;
}

.uurrooster a,
.uurrooster a:hover,
.uurrooster a:visited {
	display:block;			
	color: inherit;
}

.uurrooster div {
	overflow: auto;
}

/*********************************************************************
**                                                                  **
** Configuration for the newsletter subscription module             **
**                                                                  **
*********************************************************************/
				.nieuwsbrief label {
								width:100%;
				}

				.nieuwsbrief input.btn.button.unsubbutton {
								background-color: yellowgreen;
				}

				.nieuwsbrief input.cell {
								background-color: #ecf1f0;
								border: #dd2625 solid 0.5pt;
				}

/*********************************************************************
**                                                                  **
** Configuration for the body component                             **
**                                                                  **
*********************************************************************/
				main#sp-component {
								padding: 80px 0px 0px 0px;
				}

/*********************************************************************
**                                                                  **
** Configuration for contact form                                   **
**                                                                  **
*********************************************************************/
				#form1_onderwerp {
								height: 66px;
				}

/*********************************************************************
**                                                                  **
** Configuration for reglement                                      **
**                                                                  **
*********************************************************************/
				.reglement .sppb-panel {
					background-color: transparent;
				}

				.reglement .sppb-panel.sppb-panel-modern {
					border-color : #dd2625;
				}

				.reglement .sppb-panel-group>.sppb-panel .sppb-panel-heading .sppb-panel-title {
					font-family: 'Labrada', serif;
					color: #dd2625
				}

				.reglement .sppb-panel.sppb-panel-modern:first-child {
					border-top: 1px solid #dd2625;
				}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, 
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after,
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after 
{font-family: "Font Awesome 6 Free"; }