@charset "UTF-8";
/* CSS Document */

body{
    /* font-family: 'Muli', sans-serif;*/
    font-size: 19px;
    line-height: 1.5;
    color: black;
    background-color: white;
    -moz-osx-font-smoothing: grayscale;
	}

h1 {
    /* font-family: 'Muli', sans-serif; */
    font-weight: 800;
    margin-bottom: 2.625rem;
    font-size: 1.25rem;
    }

h2, .text-opening h1, button, .stapnummer, .inzet, .bovenkopje, .action-bubble, .action-bubble-orange, .doneer-button, .list-head, .li-nr, .module-green a, .module-orange a, .stats-wrapper, .small-button-green, .i-circle, .module-wrapper > .container:before, .module-inset h3{
    font-weight: normal;
	}

h2{
    margin-bottom: .75rem;
    font-size: 1.875rem;
	}

h3, .cx_title1{
    font-weight: 700;
    margin-bottom: 1.25rem; 
    font-size: 1.75rem;
    line-height: 1.2;
    }

h4{
    font-weight: 700;
    font-size: 22px;
    margin-bottom: .9375rem; 
    }

a, a:hover, a:active, a:focus{
    text-decoration: none;
    color: black;
    outline: none;
    }
    
p a{
    border-bottom-style: solid;
    border-bottom-width: 2px;
	}

li > p > a {
	border-bottom-style: none;
	}
	
@media (min-width: 541px) {
	.cx_content-fw > .cx_content-inner > form > .cx_grid-row, .cx_btn-toolbar:not(.cx_btn-toolbar-inline) {
		margin-left: calc(16.66666% - 22.5px);
		padding-right: 21%;
		}
		
.cx_form-control-plaintext {
    font-size: 19px;
}
		
	.form-horizontal .cx_paragraph-wrapper {
		padding-left: 0px;
		margin-right: 7.5px;
	}
}

@media (max-width: 540px) {
	.form-horizontal .cx_paragraph-wrapper {
		/*width: 100%;*/
	    padding-left: 15px;
	    margin-right: 7.5px;
	}
}

.form-horizontal .form-group .control-label, label, .cx_label{
	font-size: 19px;
	font-weight: 400;
	padding-right: 1rem;
	margin-bottom: .3125rem;
	}
    
.cx_text {
	/*font-size: 84%;*/
	margin-top: 1.25rem;
	}
	
.cx_required-mark{
	color: #d64300;
	}

.cx_form .cx_btn-send, .cx_form .cx_btn-send:focus{
	background-color: #d64300;
	border-color: #d64300;
	color: white;
	}
	
.cx_form .cx_btn-send:hover, .cx_form .cx_btn-send:not(:disabled):active{
	background-color: black;
	border-color: black;
	color: white;
	}
	
button {
    text-align: center;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 1.75rem;
    font-size: 1rem;
    line-height: 1;
    height: 2.625rem; /*42px*/
    text-transform: lowercase;
    }
	
.btn, .btn-default{
    background-color: transparent;
    border-width: 2.5px;
    border-color: #d64300;
    color: #d64300;
    /*line-height: 1;*/
    padding: .25rem 1rem;
    }

.btn:hover, .btn-default:hover{
	color: black;
	border-color: black;
	}
	
	
.btn:focus, .btn:hover{
    color: #d64300;
    }

.btn:not(.cx_btn-iconOnly){
	border-radius: .5125rem;
	font-size: 18px;
	text-transform: lowercase;
	/*line-height: 1;*/
	/*padding: 0.3125rem 1.25rem 0;*/
	}

.btn-default.oranje, .btn-default.oranje:hover{
    border-color: black;  
    color: black; 
    background-color: transparent;
    }
    
.cx_btn-toolbar>.btn-toolbar>.btn:last-child {
	/*margin-left: calc(16.66666% - 22.5px);*/
	/*padding-right: 21%;*/
	}
	
	
.form-control{
    border-radius: 1px;
    box-shadow: none; 
    height: 42px;
    font-size: 18px;
    }

.form-control::focus{
	outline: none;
	color: #d64300;
	}
	
.form-control-plaintext{
    border-radius: 1px;
    box-shadow: none; 
    min-height: 42px;
    font-size: 18px;
    }

.form-control-plaintext::focus{
	outline: none;
	}

.module-green{
 	color: #2D6D68;
	}
	


.btn-success i{
	margin-right: .625rem;
	}
	
.cx_btn-label {
	/*line-height: 2.25rem;*/
}

/*formulieren*/

/* overschrijving vaste breedte van deze velden */
.cx_input-date input[size="4"], .cx_input-datetime input[size="4"]{
	/*width: auto !important;*/
	}

@media (min-width: 541px) {
		/* algemene class voor de forms. Is een work-around. class wordt gegenereerd bij instelling labels boven de velden*/
	.cx_form:not(.cx_form-login) #cx_2:not(.btn), .cx_form:not(.cx_form-login) #cx_3:not(.btn), .cx_form:not(.cx_form-login) #cx_4:not(.btn), .cx_form:not(.cx_form-login) #cx_5:not(.btn) {
		margin-left: calc(16.66666% - 22.5px);
		padding-right: 21%;
		}
		
	.cx_form #cx_2.cx_btn-toolbar-section-paging:not(.btn), .cx_form #cx_3.cx_btn-toolbar-section-paging:not(.btn), .cx_form #cx_4.cx_btn-toolbar-section-paging:not(.btn), .cx_form #cx_5.cx_btn-toolbar-section-paging:not(.btn) {
		margin-left: 0px;
		padding-right: 40%;
	}
		
	#cx_4 .cx_form-control-plaintext {
    	font-size: 19px;
	}
		
	.form-horizontal .cx_paragraph-wrapper {
		padding-left: 0px;
		margin-right: 7.5px;
	}
}

@media (max-width: 540px) {
	.form-horizontal .cx_paragraph-wrapper {
		/*width: 100%;*/
	    padding-left: 15px;
	    margin-right: 7.5px;
	}
	
	.cx_content-inner .cx_title1, .cx_content-inner .cx_text {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.cx_widget-dropzone .cx_widget-button-group {
		display: table;
	}
}

textarea:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus, 
select:focus,
select.form-control:focus{   
  border-color: rgba(239, 125, 2, 1);
  border-width: 1px;
  box-shadow: none;
  outline: 0 none;
  color: black;
	}
	
/*radio*/
 div.cx_radiogroup label{
  	/*padding-left: 2.5rem;*/
  	}
 
  div.cx_radiogroup label span{
  	position: relative;
  	display: inline-block;
  	/*margin-left: 2.5rem;*/
  	}
 
 div.cx_radiogroup  label input[type="radio"]{
 	display: none;
 	}
 	
.form-check {
	padding-left: .78125rem;
}
 
div.cx_radiogroup label:not(.vhl_happy-label):not(.vhl_neutral-label):not(.vhl_sad-label) input[type="radio"] + span:before{
  	content: "";
  	position: absolute;
  	display: block;
  	height: 1.25rem;
  	width: 1.25rem;
  	border-radius: 50%;
  	background: white;
  	border: 3px solid #d64300;
  	left: -1.25rem;
  	top: .2rem;
  	}
	
div.cx_radiogroup label:not(.vhl_happy-label):not(.vhl_neutral-label):not(.vhl_sad-label) input[type="radio"]:checked + span:before{   
  	height: 1.25rem;
  	width: 1.25rem;
  	border-radius: 50%;
  	background: #EF7D2C;
  	border: 3px solid #d64300;
  	left: -1.25rem;
  	top: .2rem;
 	}
 
 .cx_form-row .cx_radio-label, .cx_form-row .cx_checkbox-label{
 	padding-left: .5rem;
 	}
 	
 /* toegevoegd op 28-10-2024 t.b.v. inschrijfformulier */
 
 .form-control, select.form-control{
	border: 1px solid #99918f;
	-webkit-appearance: none;
    -moz-appearance: none;
	}
	
 select.form-control{
	background-image: url("/website2019/images/select-arrow.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	border-radius: 3px;
	padding-right: 24px !important;
	font-variant-caps: normal;
	}
	
.cx_checkbox  input[type="checkbox"]{
 	display: none;
 	}
 	
.cx_checkbox:has(".disabled") {
 	display: none;
 	}
 
.cx_custom-checkbox {
	position: absolute;
}
	
.cx_checkbox input[type="checkbox"] + label + label:before{
  	content: "";
  	display: block;
  	height: 1.5rem;
  	width: 1.5rem;
  	border-radius: 3px;
  	background: white;
  	border: 3px solid #d64300;
  	margin-left: calc(-1.5rem - 20px);
  	float: left;
  }
	
.cx_checkbox input[type="checkbox"]:checked + label + label:before{   
  	height: 1.5rem;
  	width: 1.5rem;
  	background: #d64300;
  	border: 3px solid #d64300;
  	content:  "\2713 ";
  	color: white;
  	line-height: .875rem;
  	text-align: center;
  	font-weight: bold;
  	margin-left: calc(-1.5rem - 20px);
  	float: left;
  	padding-top: 3px;
 }