.thuiscreche_test {
    overflow: hidden;
}

.test_figuur {
    width: 55.4rem;
    height: 60rem;
    margin-right: 9rem;
    position: absolute;
    display: flex;
    right: 0;
    top: 13rem;
    background-repeat: no-repeat;
    background-size: 100%;  
   	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Laag_2' data-name='Laag 2' viewBox='0 0 574.25 621.37'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23f8d8b6; %7D %3C/style%3E%3C/defs%3E%3Cg id='Laag_1-2' data-name='Laag 1'%3E%3Cpath id='Cirkel_vorm_lichtoranje_lijn' data-name='Cirkel vorm lichtoranje lijn' class='cls-1' d='M281.25,106.2c-75.25-6.49-146.86,5.88-206.09,54.77C18.38,207.82-1.91,289.37,.72,359.75c2.64,72.82,36.51,142.39,87.02,193.71,54.97,55.78,129.01,69.57,204.26,67.14,169.78-5.48,281.14-133.06,281.75-298.17C574.36,155.29,418.17,7.22,253.47,.52c-30.43-1.22-30.22,45.84,0,47.06,143.21,5.88,268.36,134.28,273.02,274.85,4.87,142.8-94.93,241.38-234.68,251.11-133.47,9.33-232.66-81.14-244.02-213.79-5.27-61.26,16.23-123.12,60.65-165.52,45.03-43,114.6-46.04,172.82-40.97,30.22,2.64,30.02-44.62,0-47.06h0Z'/%3E%3C/g%3E%3C/svg%3E");
}

.gform_wrapper.gravity-theme .gfield_label {
    padding: 0.5rem !important;
}

.tekst_onder_video_play {
    position: absolute;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    width: 100%;
    padding: 1rem;
    bottom: 6rem; 
}

div#gform_fields_29_9 li { 
    padding-right: 5rem;
}
div#gform_fields_29_9 {
    display: inline-block;
}


div#gform_fields_29_9 li ul.flex-wrapper.flex-wrapper-2 label, div#gform_fields_29_9 li ul.flex-wrapper.flex-wrapper-2 input{
	margin-bottom: 2rem;
}

#gform_fields_29_9 .gform_wrapper.gravity-theme .gform_fields {
	display: flex;
}

div#gform_confirmation_wrapper_27, div#gform_confirmation_wrapper_29 {
    background-color: #fff;
    padding: 8rem;
    border-radius: 3rem;
    font-family:  'pt-sans', sans-serif;
}

div#gform_confirmation_wrapper_27 h2, div#gform_confirmation_wrapper_29 h2 {
    color: var(--kleur_zwart) !important;
    font-family:  'pt-sans', sans-serif !important;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
}

div#gform_confirmation_wrapper_27 p, div#gform_confirmation_wrapper_29 p  {
    color: var(--kleur_zwart);
    text-align: center;
}

div#gform_confirmation_wrapper_27 a, div#gform_confirmation_wrapper_29 a {
    color: var(--kleur_oranje); 
}

.article > .jumbotron .thuiscreche_test  {
   margin-bottom: 0;
}

.thuiscreche_test  header {
	display: none;
}

#start_test.link_met_pijl_na:after {
    content: "";
    margin-left: 1rem;
    display: inline-block;
    transition: 0.3s transform;
    top: 0rem;
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Laag_1' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Group_6340' transform='translate(2.41 8.366)'%3E%3Cpath id='Path_4473' class='st0' d='M13.6,23.6c-4.1,0.1-8.1-1.4-11.3-4c-3-2.7-4.8-6.5-4.7-10.6c0.1-1.8,0.5-3.6,1.3-5.3 c1-2.2,2.4-4.1,4.2-5.7c1.3-1.1,2.9-2,4.6-2.4c2-0.5,4-0.6,6-0.2c0.5,0.1,0.9,0.6,0.8,1.2s-0.6,0.9-1.2,0.8c-3.2-0.7-6.5,0.1-9,2.2 C2.8,1,1.6,2.7,0.7,4.6C0.1,6-0.3,7.5-0.4,9c0,7.2,6,12.6,14,12.6c7.6,0.1,13.9-5.9,14-13.6c0-7.6-7.1-14.4-14.8-14.4 c-0.6,0-1-0.4-1-1s0.4-1,1-1c2.2,0,4.4,0.5,6.4,1.4c2,0.9,3.8,2.1,5.3,3.6c3.2,3,5,7.1,5.1,11.5c0,4.2-1.7,8.1-4.7,11 C21.9,22,17.8,23.7,13.6,23.6z'/%3E%3Cg id='Group_6335' transform='translate(-2.491 -6.376)'%3E%3Cpath id='Path_4477' class='st0' d='M22.2,15.5c0,0.5-0.3,0.9-0.7,1c-2.4,0.7-10.2,0-11.1-0.1c-0.5-0.1-1-0.5-0.9-1.1 c0.1-0.5,0.5-1,1.1-0.9c3.2,0.3,8.8,0.6,10.3,0.1c0.5-0.2,1.1,0.1,1.2,0.7C22.2,15.4,22.2,15.4,22.2,15.5z'/%3E%3Cpath id='Path_4479' class='st0' d='M16.9,20.5c-0.6,0-1-0.4-1-1c0-0.3,0.1-0.6,0.4-0.8l3.7-3l-4.7-2.9c-0.5-0.3-0.6-0.9-0.3-1.4 s0.9-0.6,1.4-0.3l7.1,4.4l-5.9,4.7C17.4,20.4,17.1,20.5,16.9,20.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E);
}

.test_intro_afbeelding {
    display: block;
    max-height: 644px;
    overflow: hidden; 
    height: 100%;
    width: 100%;
	border-radius: 2rem;
}

.test_intro_afbeelding img { 
    height: 100%;
    float: right;
}

.test_intro_start {
	border-radius: 2rem;
    background-color: #fff; 
	color: var(--kleur_zwart) !important;
    height: 100%;
    max-height: 644px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: start;
	padding: 11rem 6rem 6rem 6rem;
}

.test_intro_start_afbeelding {
}

.test_intro_start h2 {
	color: var(--kleur_oranje) !important;
	padding: 5rem 0rem;
    max-width: 50rem; 
    text-align: center; 
    max-width: 60rem;
    margin: 0 auto;
    text-align: center;
    margin-top: 4rem;
    padding: 0rem;
    margin-bottom: 4rem;
	font-size: 5.4rem;
	line-height: 6.6rem;
}

.test_intro_start p { 
	text-align: center !important;
	color: var(--kleur_zwart) !important;
	font-size: 2.8rem !important; 
	line-height: 3.6rem !important;
}

.test_intro_start span {
	font-size:1.9rem;
	line-height: 2.9rem;
	text-align: center;
}

/* Thuiscreche Test diplomalijst */
.slideout-info a.dropdown_item_title {
	color: var(--kluer_zwart);
	text-decoration: none;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 3rem;
}

.slideout-info a.dropdown_item_title::before {
    content: '';
	content: "\f068";
	font-family: 'Font Awesome 6 Pro';
    display: inline-block; 
	width: 1rem;
    height: 1rem;
    margin-right: 2rem;
    font-size: 2rem;
	color: var(--kleur_oranje);
}

.slideout-info a.dropdown_item_title.collapsed::before {
	content: "\2b";
    color: var(--kleur_oranje);
}

.slideout-info .dropdown_item {
    margin: 1rem 0rem;
}

.slideout-info ul {
	display: grid;
    grid-template-columns: 1fr 1fr;
	padding: 2rem 0rem 3rem 2rem;
}

.slideout-info ul li {
	min-width: 252px;
	max-width: 139px;
	margin-bottom: 2rem;
}

.slideout-info ul li a {
	color: var(--kleur_zwart);
	text-decoration: none;
}

.slideout-info ul li a:hover {
	text-decoration: underline;
}

.slideout-info ul li::marker {
	color: var(--kleur_oranje);
}

ul.diplomalijst {
	display: grid;
    grid-template-columns: 1fr 1fr;
}

ul.diplomalijst li {
	min-width: 252px;
}

ul.diplomalijst li::marker {
	color: var(--kleur_oranje);
}

.form_thuiscreche_test { 
}

.form_thuiscreche_test.gform_title {
	display: none;
}

.form_thuiscreche_test input .gform_save_link.button {
    -webkit-appearance: none!important;
    background-color: #fff !important;
    color: #333 !important;
    position: absolute !important;
    padding: 0px !important;
    margin-left: 16px !important;
    top: 174px !important;
    text-decoration: none;
} 

.form_thuiscreche_test h2 {
	color: var(--kleur_oranje) !important; 
    margin: 0 auto;
    text-align: center;
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.form_thuiscreche_test h3 {
	color: var(--kleur_zwart) !important; 
	font-family: 'pt-sans', sans-serif;
    margin: 0 auto;
    text-align: center;
	margin-top: 4rem;
	margin-bottom: 4rem;
	font-size: 2.8rem;
	font-weight: 700;
	line-height:3.6rem;
}

.gform_wrapper.gravity-theme .gsection {
    border-bottom: none !important;
    padding: 0 16px 8px 0;
}

.form_thuiscreche_test .gsection_title::before {
	content: '';
    display: block;
    width: 3rem;
	height: 3rem;
    text-align: center;
    margin: 0 auto; 
    background-color: #fff;
	background-repeat: no-repeat;
    margin-bottom: 3rem;
	background-position:center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.307' height='25.783' viewBox='0 0 28.307 25.783'%3E%3Cpath id='Path_4604' data-name='Path 4604' d='M1.25,12.16s5.083,5.827,6.21,10.071c0,0,3.573-11.2,16.473-20.981' transform='translate(1.572 1.552)' fill='none' stroke='%238fc73e' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/svg%3E");
}


/* Test Progressbar */
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_custom {
    background-color: #2b2b2b !important;
    color: #fff;
	height: 5px;
}
 

.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
    border-radius: 0px 0 0 0px !important;
}

.gform_wrapper.gravity-theme .gf_progressbar_title {
   display: none;
}

.gform_wrapper.gravity-theme .gf_progressbar {
    background: rgba(0,0,0,0.1) !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important; 
    border: none; 
    position: relative; 
	padding: 0;
}
 
.gf_progressbar:first-child {
    display: none !important;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
	font-size: 0 !important;
	line-height: 0 !important;
}
 
.gform_wrapper.gravity-theme .gf_progressbar_percentage {
    height: 5px !important;
}

 .percentbar_25, .percentbar_33 {
/*	display: none !important; */
}


/* Einde Test Progressbar */

#gform_wrapper_27_1, #gform_wrapper_29_1 {
/*	display: none;*/
	opacity: 0;
	position: absolute;
	left: -200px;
}
 
.form_thuiscreche_test p {
	color: var(--kleur_zwart) !important;
	font-size: 1.9rem;
	line-height: 2.9rem;
}
 
.form_thuiscreche_test .gform_page_fields {
    color: #333;
}

.gform_page {
	padding: 4rem 16rem;
	background-color: #fff; 
 	border-bottom-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
}

#gform_page_27_1.gform_page, #gform_page_29_1.gform_page  { 
	padding: 4rem 4rem;
	background-color: transparent !important;
	padding: 0 !important;
}
  
#gform_page_27_1 .gform_page_footer, #gform_page_29_1 .gform_page_footer  {
	background-color: transparent !important;
}


#gform_wrapper_27_1 .gform_page_fields, #gform_wrapper_29_1 .gform_page_fields {
	background-color: transparent !important; 
}

#gform_wrapper_27_1 .gform_page_footer, #gform_wrapper_29_1 .gform_page_footer {
	background-color: transparent !important; 
}

#gform_wrapper_27 .gform_page_fields a, #gform_wrapper_29 .gform_page_fields a  {
	color: var(--kleur_oranje);
}


/* Buttons JA NEE */
.form_thuiscreche_test  .ginput_container.ginput_container_radio {
    text-align: center;
}

.form_thuiscreche_test legend.gfield_label  {
	display: none !important;
} 

.form_thuiscreche_test .gfield_radio .gchoice {
    display: inline-block !important; 
	border-radius: 2rem;
	
} 

.form_thuiscreche_test .gfield_radio .gchoice label {
	padding: 1rem 2rem;
	display: block !important;
	min-width:7rem;
	cursor: pointer;
	text-align: center !important;
}

.form_thuiscreche_test .gfield_radio .gchoice:nth-child(odd){
	background-image: linear-gradient(to right, #a0d158 0%, #8fc73e 100%);
	color: #fff;
}

.form_thuiscreche_test .gfield_radio .gchoice:nth-child(even){
	border: 2px solid var(--kleur_oranje);
	color: var(--kleur_oranje) !important;
}

 
.form_thuiscreche_test input[type=radio] + label:before {
	display: none !important;
}
 
/* start de test */
.start_test .gfield_radio .gchoice:nth-child(odd){
	background-image: linear-gradient(to right, #a0d158 0%, #8fc73e 100%);
	color: #fff;
    padding: 0rem;
}

.start_test .gfield_radio .gchoice label:after {
    content: "";
    margin-left: 1rem;
    display: inline-block;
    transition: 0.3s transform;
    top: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Laag_1' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Group_6340' transform='translate(2.41 8.366)'%3E%3Cpath id='Path_4473' class='st0' d='M13.6,23.6c-4.1,0.1-8.1-1.4-11.3-4c-3-2.7-4.8-6.5-4.7-10.6c0.1-1.8,0.5-3.6,1.3-5.3 c1-2.2,2.4-4.1,4.2-5.7c1.3-1.1,2.9-2,4.6-2.4c2-0.5,4-0.6,6-0.2c0.5,0.1,0.9,0.6,0.8,1.2s-0.6,0.9-1.2,0.8c-3.2-0.7-6.5,0.1-9,2.2 C2.8,1,1.6,2.7,0.7,4.6C0.1,6-0.3,7.5-0.4,9c0,7.2,6,12.6,14,12.6c7.6,0.1,13.9-5.9,14-13.6c0-7.6-7.1-14.4-14.8-14.4 c-0.6,0-1-0.4-1-1s0.4-1,1-1c2.2,0,4.4,0.5,6.4,1.4c2,0.9,3.8,2.1,5.3,3.6c3.2,3,5,7.1,5.1,11.5c0,4.2-1.7,8.1-4.7,11 C21.9,22,17.8,23.7,13.6,23.6z'/%3E%3Cg id='Group_6335' transform='translate(-2.491 -6.376)'%3E%3Cpath id='Path_4477' class='st0' d='M22.2,15.5c0,0.5-0.3,0.9-0.7,1c-2.4,0.7-10.2,0-11.1-0.1c-0.5-0.1-1-0.5-0.9-1.1 c0.1-0.5,0.5-1,1.1-0.9c3.2,0.3,8.8,0.6,10.3,0.1c0.5-0.2,1.1,0.1,1.2,0.7C22.2,15.4,22.2,15.4,22.2,15.5z'/%3E%3Cpath id='Path_4479' class='st0' d='M16.9,20.5c-0.6,0-1-0.4-1-1c0-0.3,0.1-0.6,0.4-0.8l3.7-3l-4.7-2.9c-0.5-0.3-0.6-0.9-0.3-1.4 s0.9-0.6,1.4-0.3l7.1,4.4l-5.9,4.7C17.4,20.4,17.1,20.5,16.9,20.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.start_test .gfield_radio .gchoice label {
    padding: 1rem 3rem;
}

#input_27_36, #input_29_36 {
    position: absolute;
    bottom: 13rem; 
	right: calc(0px + 325px); 
}

#input_27_36 label, #input_29_36 label {
	font-size: 1.9rem !important;
	font-weight: 700 !important;
}


#test_start_button {
	height: 6rem;
	color: #fff !important;
    font-size: 1.9rem;
	line-height: 2.4rem;
	padding: 1.8rem 1.5rem;
	border-radius: 1rem;
	border:none !important;
	outline: none !important;
    outline-style: none !important;
	width: 190px;
	background-image: linear-gradient(to right, #a0d158 0%, #8fc73e 100%) !important;
} 

#test_start_button:after {
    content: "";
    margin-left: 1rem;
    display: inline-block;
    transition: 0.3s transform;
    top: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Laag_1' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Group_6340' transform='translate(2.41 8.366)'%3E%3Cpath id='Path_4473' class='st0' d='M13.6,23.6c-4.1,0.1-8.1-1.4-11.3-4c-3-2.7-4.8-6.5-4.7-10.6c0.1-1.8,0.5-3.6,1.3-5.3 c1-2.2,2.4-4.1,4.2-5.7c1.3-1.1,2.9-2,4.6-2.4c2-0.5,4-0.6,6-0.2c0.5,0.1,0.9,0.6,0.8,1.2s-0.6,0.9-1.2,0.8c-3.2-0.7-6.5,0.1-9,2.2 C2.8,1,1.6,2.7,0.7,4.6C0.1,6-0.3,7.5-0.4,9c0,7.2,6,12.6,14,12.6c7.6,0.1,13.9-5.9,14-13.6c0-7.6-7.1-14.4-14.8-14.4 c-0.6,0-1-0.4-1-1s0.4-1,1-1c2.2,0,4.4,0.5,6.4,1.4c2,0.9,3.8,2.1,5.3,3.6c3.2,3,5,7.1,5.1,11.5c0,4.2-1.7,8.1-4.7,11 C21.9,22,17.8,23.7,13.6,23.6z'/%3E%3Cg id='Group_6335' transform='translate(-2.491 -6.376)'%3E%3Cpath id='Path_4477' class='st0' d='M22.2,15.5c0,0.5-0.3,0.9-0.7,1c-2.4,0.7-10.2,0-11.1-0.1c-0.5-0.1-1-0.5-0.9-1.1 c0.1-0.5,0.5-1,1.1-0.9c3.2,0.3,8.8,0.6,10.3,0.1c0.5-0.2,1.1,0.1,1.2,0.7C22.2,15.4,22.2,15.4,22.2,15.5z'/%3E%3Cpath id='Path_4479' class='st0' d='M16.9,20.5c-0.6,0-1-0.4-1-1c0-0.3,0.1-0.6,0.4-0.8l3.7-3l-4.7-2.9c-0.5-0.3-0.6-0.9-0.3-1.4 s0.9-0.6,1.4-0.3l7.1,4.4l-5.9,4.7C17.4,20.4,17.1,20.5,16.9,20.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


/* vorige knop */
 
.form_thuiscreche_test .gform_wrapper.gravity-theme .gform_page_footer   {
	position: absolute;
	width: 100%;
	left: 0px;
	top:0px; 
	margin: 0 !important;
	padding: 0 !important;
}

.form_thuiscreche_test .gform_previous_button  {
	position: absolute;
	top: 0px;
	left: 0px;  
      
}

 .form_thuiscreche_test input.gform_previous_button.button  {
    display: block;
	color: #6b7280 !important;
	text-decoration: none;
	background-color: transparent!important;
	padding: 1rem !important;
    font-weight: 400;
	background-image: unset; 
	text-decoration: none !important;
	outline: none;
	border-radius:0;
	color: #fff;
	background-color: transparent;
	border: solid 0px transparent; 
    text-align: right; 
    padding-left: 3rem !important;
    margin-left: 4rem;
	margin-top:2rem;
    background-repeat: no-repeat; 
    background-position: left; 
	background-size: 2rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M176.1 103C181.7 107.7 184 113.8 184 120S181.7 132.3 176.1 136.1L81.94 232H488C501.3 232 512 242.8 512 256s-10.75 24-24 24H81.94l95.03 95.03c9.375 9.375 9.375 24.56 0 33.94s-24.56 9.375-33.94 0l-136-136c-9.375-9.375-9.375-24.56 0-33.94l136-136C152.4 93.66 167.6 93.66 176.1 103z'/%3E%3C/svg%3E");
}
 
.thuiscreche_test .thuiscreche_test_video_poster {
    max-height: 25rem;
    overflow: hidden;
    border-radius: 3rem;
    position: relative;
    display: flex;
    align-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
}

.thuiscreche_test .thuiscreche_test_video_poster::after {
	content: '';
    width: 115px;
    height: 50px;
    display: block;
    background-position: top center;
    background-size: inherit;
    background-repeat: no-repeat;
	position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%,-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 86.3 62' style='enable-background:new 0 0 86.3 62;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:url(%23SVGID_1_);%7D .st2%7Bfill:%231D1D1B;%7D%0A%3C/style%3E%3Cg id='Laag_3'%3E%3Crect x='17' y='5.7' class='st0' width='54' height='47.9'/%3E%3C/g%3E%3Cg id='Laag_2_00000037663537963567842090000011999455228414724515_'%3E%3Cg id='iconen'%3E%3Cg id='play'%3E%3Cg id='oranje'%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='2.4172' y1='32.9963' x2='83.1072' y2='32.9963' gradientTransform='matrix(0.9999 0 0 -0.9999 -2.334285e-02 63.9631)'%3E%3Cstop offset='0' style='stop-color:%23F28C00'/%3E%3Cstop offset='1' style='stop-color:%23EC6608'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M73.6,1.2H11.8c-5.2,0-9.4,4.2-9.4,9.4v40.6c0,5.2,4.2,9.4,9.4,9.4h61.8c5.2,0,9.4-4.2,9.4-9.4V10.7 C83.1,5.5,78.8,1.2,73.6,1.2z M54.7,31.7L33.5,44.8c-1.2,0.8-2.8-0.1-2.8-1.6V15.5c0-1.5,1.7-2.4,2.9-1.5l21.1,14.7 C55.9,29.4,55.8,31,54.7,31.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M69.5,62H13.7c-6.2,0-12-9.3-12-15L0,11.9c0-0.1,0-0.1,0-0.2C1,4.2,7.8,0.1,13.7,0.1l47.6,0 c8.2-0.5,12.9,3.6,15.3,7.1c4.3,6.3,4.7,15.3,2.6,19.9c-0.3,0.6-1,0.9-1.6,0.6c-0.6-0.3-0.9-1-0.6-1.6 c1.6-3.4,1.6-11.7-2.4-17.5c-3-4.3-7.4-6.3-13.1-6l-47.7,0c-4.8,0-10.4,3.3-11.2,9.4L4.2,47c0,4.9,5.2,12.5,9.5,12.5h55.8 c4.9,0,10.5-3.7,12.4-8.4c0.3-2.1,2.9-23.9,1.3-35.9c-0.1-0.7,0.4-1.3,1.1-1.4c0.7-0.1,1.3,0.4,1.4,1.1 c1.8,12.8-1.2,35.7-1.3,36.7c0,0.1,0,0.2-0.1,0.3C82,57.6,75.6,62,69.5,62z'/%3E%3Cpath class='st2' d='M34.9,49.6c-0.2,0-0.4,0-0.6-0.2c-0.4-0.2-0.6-0.6-0.6-1.1v-30c0-0.5,0.3-0.9,0.7-1.1 c0.4-0.2,0.9-0.2,1.3,0.1l22.8,15.9c0.3,0.2,0.5,0.6,0.5,1.1c0,0.4-0.2,0.8-0.6,1L35.5,49.4C35.3,49.5,35.1,49.6,34.9,49.6z M36.1,20.7v25.3l19.3-11.9C55.4,34.1,36.1,20.7,36.1,20.7z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.thuiscreche_test .thuiscreche_test_video_poster img {
	object-fit: contain;
    object-position: center;
}
 


.thuiscreche_test .thuiscreche_test_video_poster_large {
	max-height: 25rem;
    max-width: 40rem;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 3rem;
    position: relative;
    display: flex;
    align-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
}

.thuiscreche_test .thuiscreche_test_video_poster_large::after {
	content: '';
    width: 115px;
    height: 50px;
    display: block;
    background-position: top center;
    background-size: inherit;
    background-repeat: no-repeat;
	position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%,-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 86.3 62' style='enable-background:new 0 0 86.3 62;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:url(%23SVGID_1_);%7D .st2%7Bfill:%231D1D1B;%7D%0A%3C/style%3E%3Cg id='Laag_3'%3E%3Crect x='17' y='5.7' class='st0' width='54' height='47.9'/%3E%3C/g%3E%3Cg id='Laag_2_00000037663537963567842090000011999455228414724515_'%3E%3Cg id='iconen'%3E%3Cg id='play'%3E%3Cg id='oranje'%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='2.4172' y1='32.9963' x2='83.1072' y2='32.9963' gradientTransform='matrix(0.9999 0 0 -0.9999 -2.334285e-02 63.9631)'%3E%3Cstop offset='0' style='stop-color:%23F28C00'/%3E%3Cstop offset='1' style='stop-color:%23EC6608'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M73.6,1.2H11.8c-5.2,0-9.4,4.2-9.4,9.4v40.6c0,5.2,4.2,9.4,9.4,9.4h61.8c5.2,0,9.4-4.2,9.4-9.4V10.7 C83.1,5.5,78.8,1.2,73.6,1.2z M54.7,31.7L33.5,44.8c-1.2,0.8-2.8-0.1-2.8-1.6V15.5c0-1.5,1.7-2.4,2.9-1.5l21.1,14.7 C55.9,29.4,55.8,31,54.7,31.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M69.5,62H13.7c-6.2,0-12-9.3-12-15L0,11.9c0-0.1,0-0.1,0-0.2C1,4.2,7.8,0.1,13.7,0.1l47.6,0 c8.2-0.5,12.9,3.6,15.3,7.1c4.3,6.3,4.7,15.3,2.6,19.9c-0.3,0.6-1,0.9-1.6,0.6c-0.6-0.3-0.9-1-0.6-1.6 c1.6-3.4,1.6-11.7-2.4-17.5c-3-4.3-7.4-6.3-13.1-6l-47.7,0c-4.8,0-10.4,3.3-11.2,9.4L4.2,47c0,4.9,5.2,12.5,9.5,12.5h55.8 c4.9,0,10.5-3.7,12.4-8.4c0.3-2.1,2.9-23.9,1.3-35.9c-0.1-0.7,0.4-1.3,1.1-1.4c0.7-0.1,1.3,0.4,1.4,1.1 c1.8,12.8-1.2,35.7-1.3,36.7c0,0.1,0,0.2-0.1,0.3C82,57.6,75.6,62,69.5,62z'/%3E%3Cpath class='st2' d='M34.9,49.6c-0.2,0-0.4,0-0.6-0.2c-0.4-0.2-0.6-0.6-0.6-1.1v-30c0-0.5,0.3-0.9,0.7-1.1 c0.4-0.2,0.9-0.2,1.3,0.1l22.8,15.9c0.3,0.2,0.5,0.6,0.5,1.1c0,0.4-0.2,0.8-0.6,1L35.5,49.4C35.3,49.5,35.1,49.6,34.9,49.6z M36.1,20.7v25.3l19.3-11.9C55.4,34.1,36.1,20.7,36.1,20.7z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.thuiscreche_test .thuiscreche_test_video_poster_large img {
	object-fit: contain;
    object-position: center;
	width: 100%;
}

.gfmc-container:has(.gfield[style="display: none;"]) {
    display: none;
}

a.start_opnieuw {
	position: absolute;
	left: 4rem;
	padding-left: 3rem !important;
	color: #6b7280 !important;
	font-weight: 400;
	font-size: 1.5rem;
	text-decoration:none;
	border: none;
	background-color: transparent; 
	background-position: left; 
	background-repeat: no-repeat;
	background-size: 1.7rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M176.1 103C181.7 107.7 184 113.8 184 120S181.7 132.3 176.1 136.1L81.94 232H488C501.3 232 512 242.8 512 256s-10.75 24-24 24H81.94l95.03 95.03c9.375 9.375 9.375 24.56 0 33.94s-24.56 9.375-33.94 0l-136-136c-9.375-9.375-9.375-24.56 0-33.94l136-136C152.4 93.66 167.6 93.66 176.1 103z'/%3E%3C/svg%3E");
}



@media (max-width:1400px)
{	 
	#input_27_36, #input_29_36 { 
		right: calc(0px + 265px); 
	}
}


@media (max-width:1200px)
{	 
	#input_27_36, #input_29_36 { 
		right: calc(0px + 205px); 
	}
	
	.test_intro_start h2 {
		font-size: 4.4rem;
		line-height: 6rem;
		max-width: 50rem;
	}
}

@media (max-width:992px)
{	 
	  
	.gform_page {
		padding: 4rem 4rem; 
	}
 
	.test_intro_start span {
		font-size: 1.9rem;
		line-height: 2.9rem;
		text-align: center;
		margin-top: 2rem;
	}
	
	.test_intro_start h2 {
		font-size: 3.6rem;
		line-height: 4.6rem;
	} 
	
	#input_27_36, #input_29_36 { 
		right: calc(0px + 130px);
   	 	bottom: 15rem;
	}
	
	#input_27_36 label, #input_29_36 label {
		font-size: 1.5rem !important;
		font-weight: 700 !important;
	}
	
}

@media (max-width:768px){	
	
	.gform_wrapper.gravity-theme .gfield.gfield--width-third { 
		grid-column: span 2 !important;
	}

	.gform_wrapper.gravity-theme .gfield.gfield--width-seven-twelfths {
		-ms-grid-column-span: 12 !important;
		grid-column: span 12 !important;
	}

	.test_intro_afbeelding {
		display: none;
	}
	
	.test_intro_start span {
		line-height: 1.9rem;
		margin-top:1rem; 
	}
	
	.test_intro_start h2 {
		font-size: 2.4rem;
		line-height: 3.4rem;
		padding: 0rem 2rem;
		max-width: 35rem;
	}
	
	.form_thuiscreche_test h2 {
		font-size: 2.6rem !important;
		line-height: 3.4rem !important;
	}
	
	.test_intro_start p {
		text-align: center !important;
		color: var(--kleur_zwart) !important;
		font-size: 1.8rem !important;
		line-height: 2.6rem !important;
	}
	
	.test_intro_start {
		padding-top: 0rem; 
	}
	
	#input_27_36, #input_29_36 { 
		bottom: 1rem;
		right: calc(50% - 75px);
	}
	
	.start_test .gfield_radio .gchoice label {
		padding: 1rem 1rem !important;
	}
	
	#gform_page_27_1.gform_page, #gform_page_29_1.gform_page {
		background-color: #fff !important;
		border-radius: 2rem;
		padding-bottom: 3rem !important;
	}
	
	.slideout-info ul {
		display: block; 
	}
}

@media (max-width: 400px){
	#input_27_36, #input_29_36 { 
		bottom: 1rem;
		right: calc(50% - 75px);
	}
}

@media screen and (min-width: 641px){
	.gfmc-container { 
		column-gap: 3.5em !important;
	} 
}