/* Theme Name: Kikk Recreatie Theme Description: Kikk Recreatie Theme Version: 1.0 */ /* CSS Document Reset browser default styles All Header Top menu Content block Footer Media Queries */ @font-face {font-family: 'Museo';src: url('fonts/Museo100-Regular.eot');src: url('fonts/Museo100-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Museo100-Regular.woff2') format('woff2'), url('fonts/Museo100-Regular.woff') format('woff'), url('fonts/Museo100-Regular.ttf') format('truetype'), url('fonts/Museo100-Regular.svg#Museo100-Regular') format('svg');font-weight: 100;font-style: normal;font-display: swap;} @font-face {font-family: 'Museo';src: url('fonts/Museo300-Regular.eot');src: url('fonts/Museo300-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Museo300-Regular.woff2') format('woff2'), url('fonts/Museo300-Regular.woff') format('woff'), url('fonts/Museo300-Regular.ttf') format('truetype'), url('fonts/Museo300-Regular.svg#Museo300-Regular') format('svg');font-weight: 300;font-style: normal;font-display: swap;} @font-face {font-family: 'Museo';src: url('fonts/Museo500-Regular.eot'); src: url('fonts/Museo500-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Museo500-Regular.woff2') format('woff2'), url('fonts/Museo500-Regular.woff') format('woff'), url('fonts/Museo500-Regular.ttf') format('truetype'), url('fonts/Museo500-Regular.svg#Museo500-Regular') format('svg');font-weight: 500;font-style: normal;font-display: swap;} @font-face {font-family: 'Museo';src: url('fonts/Museo-700.eot');src: url('fonts/Museo-700.eot?#iefix') format('embedded-opentype'), url('fonts/Museo-700.woff2') format('woff2'), url('fonts/Museo-700.woff') format('woff'), url('fonts/Museo-700.ttf') format('truetype'), url('fonts/Museo-700.svg#Museo-700') format('svg');font-weight: 700;font-style: normal;font-display: swap;} @font-face {font-family: 'Museo';src: url('fonts/Museo900-Regular.eot');src: url('fonts/Museo900-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Museo900-Regular.woff2') format('woff2'), url('fonts/Museo900-Regular.woff') format('woff'), url('fonts/Museo900-Regular.ttf') format('truetype'), url('fonts/Museo900-Regular.svg#Museo900-Regular') format('svg');font-weight: 900;font-style: normal;font-display: swap;} /* Reset browser default styles */ html, body {min-height:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;} :root { --primary-color:#3C2B5C; --secondary-color:#71B974; --secondary-hover-color:#56A759; --yellow-color:#FFD85F; --yellow-hover-color:#FFC614; --text-color:#2F2F2F; --link-color:#78659A; --gray-color:#989898; } body {font:500 21px/1.5 'Museo', sans-serif;color:var(--text-color);background:#fff;} div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} header, section, footer, aside, nav, article, figure, figcaption {display:block;} table {border-collapse:collapse;} img {border:none;max-width:100%;height:auto;} iframe, object, embed {max-width:100%;} ul, li {list-style:none;} input {vertical-align:middle;} input:focus, textarea:focus {outline:none;} button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;} a, a:visited {text-decoration:none;color:var(--link-color);transition:color ease-in-out .2s;} a:active, a:hover {outline:0;text-decoration:none;color:var(--primary-color);} ol li {list-style: number!important;margin-left: 22px;padding-bottom: 5px;} ol {padding-bottom: 20px;} .disclist li {list-style: disc!important;margin-left: 22px;padding-bottom: 5px;} .disclist {margin-top: -20px;} .partnerlogos {transform: scale(0.6);} /* All */ .wrapper {max-width:1554px;padding:0 30px;margin:0 auto;position:relative;box-sizing:border-box;} .alignfull {margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;} .alignwide {margin-left:calc(25% - 25vw);margin-right:calc(25% - 25vw);max-width:100vw;} /* Posts navigation */ .posts_navigation {display:flex;flex-wrap:wrap;justify-content:space-between;} /* Data cover */ *[data-cover-srcset] {min-height:360px;position:relative;} *[data-cover-srcset] > img {position:absolute;top:0;left:0;object-fit:cover;height:100%;width:100%;} /* Responsive video */ .video_wrap {position:relative;padding:0 0 56.25% 0;height:0;} .video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;} /* Typography */ h1 {font:900 61px/1 'Museo';color:var(--link-color);padding-bottom:57px;} h1.is-style-alt {font-size:75px;} h1 strong {color:#fff;-webkit-text-stroke:2px var(--link-color);text-stroke:2px var(--link-color);} h2 {font:900 74px/1.2 'Museo';color:var(--primary-color);padding-bottom:17px;} h3 {font:500 45px/1.2 'Museo';padding-bottom:10px;text-shadow:0 3px 6px #0000002F;} h3 strong {font-weight:700;} h3.is-style-alt {font-weight:900;} h4 {font:900 37px/1.2 'Museo';color:var(--primary-color);padding-bottom:10px;} h4.is-style-alt {font-weight:700;font-size:30px;color:var(--text-color);padding-bottom:10px;} h5 {font:900 22px/1.2 'Museo';color:var(--primary-color);padding-bottom:10px;} h5.is-style-alt {font-weight:700;font-size:20px;padding-bottom:34px;} h6 {font:900 21px/1.2 'Museo';padding-bottom:5px;} h6.is-style-alt {font-weight:700;font-size:22px;line-height:1.5;color:var(--primary-color);max-width:860px;margin:0 auto 50px auto;} h6.is-style-alt a, h6.is-style-alt a:visited {color:var(--secondary-color);text-decoration:underline;} h6.is-style-alt a:hover {color:var(--secondary-hover-color);} p {padding-bottom:35px;} /* Form */ .gfield_required .gfield_required_text{display:none!important;} @media (min-width: 1024px) {.gform_wrapper.gravity-theme .gfield_label {font-size: 21px!important;}} .gfield_required {display:none;} input[type="text"], input[type="email"], input[type="tel"], textarea {font:500 16px 'Museo', sans-serif;color:var(--link-color);border:none;border-radius:15px;padding:0 20px;height:44px;width:100%;box-sizing:border-box;} input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder {color:var(--link-color);opacity:1;} textarea {padding:15px 20px;height:138px;} .searchform > div {display:flex;flex-wrap:wrap;align-items:center;} .searchform label {display:block;min-width:100%;} .searchform input[type="text"] {flex:1;margin-right:20px;} .gform_ajax_spinner, .gform_wrapper .validation_error, .gform_validation_errors, .gform_required_legend {display:none !important;} .gform_wrapper {max-width:477px;background:var(--secondary-color);margin:0 auto;border-radius:67px;padding:50px 50px 70px 50px;box-sizing:border-box;} .gform_wrapper .gform_heading h2 {font-size:30px;font-weight:700;text-align:center;color:#fff;text-shadow:0 3px 6px #0000002F;padding-bottom:22px;} .gform_wrapper .gform_heading p {color:#fff;padding-bottom:40px;text-align:center;} .gform_wrapper .gform_heading p:empty {display:none;} .gform_wrapper .gform_body .gfield {position:relative;padding-bottom:17px;} .gform_wrapper .gform_body .gfield label {display:none;} .gform_wrapper .gform_body .gfield .validation_message {position:absolute;bottom:0;left:0;z-index:2;color:var(--yellow-color);font-size:12px;} .gform_wrapper .gform_footer .button, .gform_wrapper .gform_footer .button:visited {min-width:100%;font-size:17px;border-color:#fff;} .gform_confirmation_wrapper {max-width:477px;background:var(--secondary-color);border-radius:67px;margin:0 auto;padding:50px;box-sizing:border-box;text-align:center;color:#fff;} #gform_wrapper_4.gform_wrapper {max-width:1100px;color:#fff;background:#78659A;border-radius:0 40px 0 40px;padding:70px 63px;margin-bottom:230px;position:relative;} #gform_wrapper_4.gform_wrapper:before {content:'';display:block;width:85px;height:130px;background:url(images/icons/sign.png) center center/contain no-repeat;position:absolute;top:-22px;right:14px;} #gform_wrapper_4.gform_wrapper:after {content:'';position:absolute;bottom:-200px;right:-200px;z-index:-1;display:block;width:517px;height:430px;background:url(images/demo/pattern-circles.svg) center center/contain no-repeat;} #gform_wrapper_4.gform_wrapper form:before {content:'';display:block;width:327px;height:300px;position:absolute;bottom:-90px;right:-106px;z-index:9;background:url(images/demo/img_bg.png) center center/contain no-repeat;} #gform_wrapper_4.gform_wrapper form:after {content:'';display:block;width:280px;height:249px;position:absolute;bottom:-65px;right:-80px;z-index:10;background:url(https://kikk.coersonline.nl/wp-content/uploads/2024/10/slide2-960x721.jpg) center center/cover no-repeat;;mask:url(images/demo/shape2.png) no-repeat;} #gform_wrapper_4.gform_wrapper .gf_progressbar_title {display:none;} #gform_wrapper_4.gform_wrapper .gf_progressbar {position:relative;height:4px;width:75%;background:#fff;margin:0 0 35px 0;} #gform_wrapper_4.gform_wrapper .gf_progressbar .gf_progressbar_percentage {background:var(--yellow-color);height:4px;} #gform_wrapper_4.gform_wrapper .gf_progressbar .gf_progressbar_percentage span {position:absolute;top:-13px;left:calc(100% + 10px);font-size:20px;font-weight:900;color:var(--yellow-color);} #gform_wrapper_4.gform_wrapper .gform-body h4 {font-size:39px;color:#fff;text-shadow: 0px 3px 6px #0000002F;} #gform_wrapper_4.gform_wrapper .gform-body h4 span {color:#FFD85F;} #gform_wrapper_4.gform_wrapper .gform-body h4:after {content:'';display:block;width:55px;height:4px;background:#fff;margin:25px 0 20px 0;} #gform_wrapper_4.gform_wrapper .gform-body h5 {font-size:23px;color:#fff;} /* #gform_wrapper_4.gform_wrapper .gform_body .gfield--type-email label {display:none !important;} */ #field_4_61 .gfield_label {display: block!important;} #gform_wrapper_4.gform_wrapper .gform_body .gfield--type-email input {max-width:370px;} #gform_wrapper_4.gform_wrapper .gform_page_footer .button {height:38px;padding:0px 10px;min-width:108px;background:var(--yellow-color);border-color:var(--yellow-color);font-size:17px;color:#78659A;cursor:pointer;text-transform:uppercase;margin-right:5px;} #gform_wrapper_4.gform_wrapper .gform_page_footer .button.gform_previous_button {background:#fff;border-color:#fff;} #gform_wrapper_4.gform_wrapper .gform_body fieldset {border:none;padding:0;margin:0;} #gform_wrapper_4.gform_wrapper .gform_body fieldset legend {font-weight:700;font-size:23px;} #gform_wrapper_4.gform_wrapper .gform_body .gfield_radio {margin:15px 0 35px 0;} #gform_wrapper_4.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] {display:none;} #gform_wrapper_4.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] + label {cursor:pointer;font-size:20px;padding-left:32px;background:url(images/icons/radio_unchecked.png) left center/22px auto no-repeat;display:inline-block;vertical-align:middle;} #gform_wrapper_4.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"]:checked + label, #gform_wrapper_4.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] + label:active {background-image:url(images/icons/radio_checked.png);} #gform_wrapper_4.gform_wrapper .gform_body .gfield--type-checkbox legend {display:none;} #gform_wrapper_4.gform_wrapper .gform_body .gfield_checkbox {margin:5px 0 20px 0;} #gform_wrapper_4.gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"] {display:none;} #gform_wrapper_4.gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"] + label {cursor:pointer;font-size:16px;padding-left:32px;background:url(images/icons/checkbox_unchecked.png) left center/22px auto no-repeat;display:inline-block;vertical-align:middle;} #gform_wrapper_4.gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"]:checked + label, #gform_wrapper_4.gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"] + label:active {background-image:url(images/icons/checkbox_checked.png);} #gform_confirmation_wrapper_4.gform_confirmation_wrapper {max-width:1100px;color:#fff;background:#78659A;border-radius:0 40px 0 40px;padding:70px 63px;margin-bottom:230px;position:relative;} #gform_confirmation_wrapper_4 #gforms_confirmation_message ol {font-weight: 300;position: relative;top: -75px;font-size: 20px;} #gform_confirmation_wrapper_4 h4{color:#FFD85F;} .lastlineconfirm {position: relative;top: -90px;} #gform_confirmation_wrapper_6 #gforms_confirmation_message ol {font-weight: 300;position: relative;top: -75px;font-size: 20px;} #gform_confirmation_wrapper_6 h4{color:#FFD85F;} .lastlineconfirm {position: relative;top: -90px;} #gform_confirmation_wrapper_6 li {list-style: disc;position: relative;left: 25px;top: -90px;margin-right: 30px;} #gform_confirmation_wrapper_4.gform_confirmation_wrapper:before {content:'';display:block;width:85px;height:130px;background:url(images/icons/sign.png) center center/contain no-repeat;position:absolute;top:-22px;right:14px;} #gform_confirmation_wrapper_4.gform_confirmation_wrapper:after {content:'';position:absolute;bottom:-200px;right:-200px;z-index:-1;display:block;width:517px;height:430px;background:url(images/demo/pattern-circles.svg) center center/contain no-repeat;} #gform_confirmation_wrapper_4.gform_confirmation_wrapper .gform_confirmation_message:before {content:'';display:block;width:327px;height:300px;position:absolute;bottom:-90px;right:-106px;z-index:9;background:url(images/demo/img_bg.png) center center/contain no-repeat;} #gform_confirmation_wrapper_4.gform_confirmation_wrapper .gform_confirmation_message:after {content:'';display:block;width:280px;height:249px;position:absolute;bottom:-65px;right:-80px;z-index:10;background:url(https://kikk.coersonline.nl/wp-content/uploads/2024/10/slide2-960x721.jpg) center center/cover no-repeat;;mask:url(images/demo/shape2.png) no-repeat;} #gform_confirmation_wrapper_6.gform_confirmation_wrapper:before {content:'';display:block;width:85px;height:130px;background:url(images/icons/sign.png) center center/contain no-repeat;position:absolute;top:-22px;right:14px;} #gform_confirmation_wrapper_6.gform_confirmation_wrapper:after {content:'';position:absolute;bottom:-200px;right:-200px;z-index:-1;display:block;width:517px;height:430px;background:url(images/demo/pattern-circles.svg) center center/contain no-repeat;} #gform_confirmation_wrapper_6.gform_confirmation_wrapper .gform_confirmation_message:before {content:'';display:block;width:327px;height:300px;position:absolute;bottom:-90px;right:-106px;z-index:9;background:url(images/demo/img_bg.png) center center/contain no-repeat;} #gform_confirmation_wrapper_6.gform_confirmation_wrapper .gform_confirmation_message:after {content:'';display:block;width:280px;height:249px;position:absolute;bottom:-65px;right:-80px;z-index:10;background:url(https://kikk.coersonline.nl/wp-content/uploads/2024/10/slide2-960x721.jpg) center center/cover no-repeat;;mask:url(images/demo/shape2.png) no-repeat;} @media only screen and (max-width: 767px) { #gform_wrapper_4.gform_wrapper {border-radius:0 20px 0 20px;padding:35px 20px;margin-bottom:120px;} #gform_wrapper_4.gform_wrapper:before {width:40px;height:61px;right:-10px;} #gform_wrapper_4.gform_wrapper:after {bottom:-100px;right:-100px;width:300px;height:300px;} #gform_wrapper_4.gform_wrapper form:before {transform:scale(.5);bottom:-198px;right:-143px;} #gform_wrapper_4.gform_wrapper form:after {transform:scale(.5);bottom:-172px;right:-120px;} #gform_wrapper_4.gform_wrapper .gform-body h4 {font-size:20px;word-break:break-word;} #gform_wrapper_4.gform_wrapper .gform-body h5 {font-size:20px;} #gform_wrapper_4.gform_wrapper .gform_body fieldset legend,#gform_wrapper_6.gform_wrapper .gform_body fieldset legend {font-size:16px;} #gform_wrapper_4.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] + label {font-size:15px;padding-top: 12px;} #gform_confirmation_wrapper_4.gform_confirmation_wrapper {border-radius:0 20px 0 20px;padding:35px 20px;margin-bottom:120px;} #gform_confirmation_wrapper_4 #gforms_confirmation_message ol {font-size: 16px;} #gform_confirmation_wrapper_6 #gforms_confirmation_message ol {font-size: 16px;} #gform_confirmation_wrapper_4.gform_confirmation_wrapper:before {width:40px;height:61px;right:-10px;} #gform_confirmation_wrapper_4.gform_confirmation_wrapper:after {bottom:-100px;right:-100px;width:300px;height:300px;} #gform_confirmation_wrapper_4.gform_confirmation_wrapper .gform_confirmation_message:before {transform:scale(.5);bottom:-170px;right:-146px;} #gform_confirmation_wrapper_4.gform_confirmation_wrapper .gform_confirmation_message:after {transform:scale(.5);bottom:-145px;right:-120px;} #gform_confirmation_wrapper_6.gform_confirmation_wrapper:before {width:40px;height:61px;right:-10px;} #gform_confirmation_wrapper_6.gform_confirmation_wrapper:after {bottom:-100px;right:-100px;width:300px;height:300px;} #gform_confirmation_wrapper_6.gform_confirmation_wrapper .gform_confirmation_message:before {transform:scale(.5);bottom:-170px;right:-146px;} #gform_confirmation_wrapper_6.gform_confirmation_wrapper .gform_confirmation_message:after {transform:scale(.5);bottom:-145px;right:-120px;} } #gform_wrapper_4.gform_wrapper .gf_progressbar {position:absolute;top:210px;left:63px;width:calc(75% - 126px);} #gform_wrapper_4.gform_wrapper .gform-body h4 {padding-bottom:50px;min-height:110px;} #gform_wrapper_4.gform_wrapper .gform-body h4:after {display:none;} #gform_wrapper_6.gform_wrapper .gform-body h4 {padding-bottom:20px;min-height:110px;} #gform_wrapper_6.gform_wrapper .gf_progressbar {position:absolute;top:120px;width:calc(75% - 126px);} .content-block-tools .gform_wrapper .gform-body h4 {padding-bottom:20px;min-height:110px;} .content-block-tools .gform_wrapper .gf_progressbar {position:absolute;top:120px;width:calc(75% - 126px);} @media only screen and (max-width: 1030px) { #gform_wrapper_4.gform_wrapper .gf_progressbar {top:270px;} #gform_wrapper_4.gform_wrapper .gform-body h4 {min-height:170px;} } @media only screen and (max-width: 767px) { #gform_wrapper_4.gform_wrapper .gf_progressbar {top:170px;width:calc(75% - 40px);left:22px;} #gform_wrapper_4.gform_wrapper .gform-body h4 {min-height:100px;} } /* Hide Gravity Forms Honeypot Field */ .gfield--type-honeypot { position: absolute !important; left: -9999px !important; visibility: hidden !important; height: 0 !important; width: 0 !important; overflow: hidden !important; } /* TOOL LEKKER AAN HET WERK */ #gform_wrapper_6.gform_wrapper {max-width:1100px;color:#fff;background:#78659A;border-radius:0 40px 0 40px;padding:70px 63px;margin-bottom:230px;position:relative;} #gform_wrapper_6.gform_wrapper:before {content:'';display:block;width:85px;height:130px;background:url(images/icons/sign.png) center center/contain no-repeat;position:absolute;top:-22px;right:14px;} #gform_wrapper_6.gform_wrapper:after {content:'';position:absolute;bottom:-200px;right:-200px;z-index:-1;display:block;width:517px;height:430px;background:url(images/demo/pattern-circles.svg) center center/contain no-repeat;} #gform_wrapper_6.gform_wrapper form:before {content:'';display:block;width:327px;height:300px;position:absolute;bottom:-156px;right:-106px;z-index:9;background:url(images/demo/img_bg.png) center center/contain no-repeat;} #gform_wrapper_6.gform_wrapper form:after {content:'';display:block;width:280px;height:249px;position:absolute;bottom:-130px;right:-80px;z-index:10;background:url(https://kikk.coersonline.nl/wp-content/uploads/2024/10/slide2-960x721.jpg) center center/cover no-repeat;;mask:url(images/demo/shape2.png) no-repeat;} #gform_wrapper_6.gform_wrapper .gf_progressbar_title {display:none;} #gform_wrapper_6.gform_wrapper .gf_progressbar {position:relative;height:4px;width:75%;background:#fff;margin:0 0 35px 0;} #gform_wrapper_6.gform_wrapper .gf_progressbar .gf_progressbar_percentage {background:var(--yellow-color);height:4px;} #gform_wrapper_6.gform_wrapper .gf_progressbar .gf_progressbar_percentage span {position:absolute;top:-13px;left:calc(100% + 10px);font-size:20px;font-weight:900;color:var(--yellow-color);} #gform_wrapper_6.gform_wrapper .gform-body h4 {font-size:39px;color:#fff;text-shadow: 0px 3px 6px #0000002F;} #gform_wrapper_6.gform_wrapper .gform-body h4 span {color:#FFD85F;} /* #gform_wrapper_6.gform_wrapper .gform-body h4:after {content:'';display:block;width:55px;height:4px;background:#fff;margin:25px 0 20px 0;} */ #gform_wrapper_6.gform_wrapper .gform-body h5 {font-size:23px;color:#fff;} #gform_wrapper_6.gform_wrapper .gform_body .gfield .validation_message {color:#ffd85f;} /* #gform_wrapper_6.gform_wrapper .gform_body .gfield--type-email label {display:none !important;} */ #field_6_61 .gfield_label {display: block!important;} #gform_wrapper_6.gform_wrapper .gform_body .gfield--type-email input {max-width:370px;} #gform_wrapper_6.gform_wrapper .gform_page_footer .button {height:38px;padding:0px 10px;min-width:108px;background:var(--yellow-color);border-color:var(--yellow-color);font-size:17px;color:#78659A;cursor:pointer;text-transform:uppercase;margin-right:5px;} #gform_wrapper_6.gform_wrapper .gform_page_footer .button.gform_previous_button {background:#fff;border-color:#fff;} #gform_wrapper_6.gform_wrapper .gform_body fieldset {border:none;padding:0;margin:0;} #gform_wrapper_6.gform_wrapper .gform_body fieldset legend {font-weight:700;} #gform_wrapper_6.gform_wrapper .gform_body .gfield_radio {margin:15px 0 35px 0;} #gform_wrapper_6.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] {display:none;} #gform_wrapper_6.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] + label {cursor:pointer;font-size:20px;padding-left:32px;background:url(images/icons/radio_unchecked.png) left center/22px auto no-repeat;display:inline-block;vertical-align:middle;} #gform_wrapper_6.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"]:checked + label, #gform_wrapper_6.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] + label:active {background-image:url(images/icons/radio_checked.png);} #gform_wrapper_6.gform_wrapper .gform_body .gfield--type-checkbox legend {display:none;} #gform_wrapper_6.gform_wrapper .gform_body .gfield_checkbox {margin:5px 0 20px 0;} #gform_wrapper_6.gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"] {display:none;} #gform_wrapper_6.gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"] + label {cursor:pointer;font-size:16px;padding-left:32px;background:url(images/icons/checkbox_unchecked.png) left center/22px auto no-repeat;display:inline-block;vertical-align:middle;} #gform_wrapper_6.gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"]:checked + label, #gform_wrapper_6.gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"] + label:active {background-image:url(images/icons/checkbox_checked.png);} #gform_confirmation_wrapper_6.gform_confirmation_wrapper {max-width:1100px;color:#fff;background:#78659A;border-radius:0 40px 0 40px;padding:70px 63px;margin-bottom:230px;position:relative;} @media only screen and (max-width: 767px) { #gform_wrapper_6.gform_wrapper {border-radius:0 20px 0 20px;padding:35px 20px;margin-bottom:120px;} #gform_wrapper_6.gform_wrapper:before {width:40px;height:61px;right:-10px;} #gform_wrapper_6.gform_wrapper:after {bottom:-100px;right:-100px;width:300px;height:300px;} #gform_wrapper_6.gform_wrapper form:before {transform:scale(.5);bottom:-187px;right:-146px;} #gform_wrapper_6.gform_wrapper form:after {transform:scale(.5);bottom:-160px;right:-120px;} #gform_wrapper_6.gform_wrapper .gform-body h4 {font-size:26px;} #gform_wrapper_6.gform_wrapper .gform-body h5 {font-size:20px;} #gform_confirmation_wrapper_6.gform_confirmation_wrapper {border-radius:0 20px 0 20px;padding:35px 20px;margin-bottom:120px;} #gform_wrapper_6.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] + label {font-size: 15px;padding-top:10px;} } /* TOOL KENNISDELER */ .content-block-tools .gform_wrapper {max-width:1100px;color:#fff;background:#78659A;border-radius:0 40px 0 40px;padding:70px 63px;margin-bottom:230px;position:relative;} .content-block-tools .gform_wrapper:before {content:'';display:block;width:85px;height:130px;background:url(images/icons/sign.png) center center/contain no-repeat;position:absolute;top:-22px;right:14px;} .content-block-tools .gform_wrapper:after {content:'';position:absolute;bottom:-200px;right:-200px;z-index:-1;display:block;width:517px;height:430px;background:url(images/demo/pattern-circles.svg) center center/contain no-repeat;} .content-block-tools .gform_wrapper form:before {content:'';display:block;width:327px;height:300px;position:absolute;bottom:-156px;right:-106px;z-index:9;background:url(images/demo/img_bg.png) center center/contain no-repeat;} .content-block-tools .gform_wrapper form:after {content:'';display:block;width:280px;height:249px;position:absolute;bottom:-130px;right:-80px;z-index:10;background:url(https://kikk.coersonline.nl/wp-content/uploads/2024/10/slide2-960x721.jpg) center center/cover no-repeat;;mask:url(images/demo/shape2.png) no-repeat;} .content-block-tools .gform_wrapper .gf_progressbar_title {display:none;} .content-block-tools .gform_wrapper .gf_progressbar {position:relative;height:4px;width:75%;background:#fff;margin:0 0 35px 0;} .content-block-tools .gform_wrapper .gf_progressbar .gf_progressbar_percentage {background:var(--yellow-color);height:4px;} .content-block-tools .gform_wrapper .gf_progressbar .gf_progressbar_percentage span {position:absolute;top:-13px;left:calc(100% + 10px);font-size:20px;font-weight:900;color:var(--yellow-color);} .content-block-tools .gform_wrapper .gform-body h4 {font-size:39px;color:#fff;text-shadow: 0px 3px 6px #0000002F;} .content-block-tools .gform_wrapper .gform-body h4 span {color:#FFD85F;} /* #gform_wrapper_6.gform_wrapper .gform-body h4:after {content:'';display:block;width:55px;height:4px;background:#fff;margin:25px 0 20px 0;} */ .content-block-tools .gform_wrapper .gform-body h5 {font-size:23px;color:#fff;} .content-block-tools .gform_wrapper .gform_body .gfield .validation_message {color:#ffd85f;} /* #gform_wrapper_6.gform_wrapper .gform_body .gfield--type-email label {display:none !important;} */ #field_6_61 .gfield_label {display: block!important;} .content-block-tools .gform_wrapper .gform_body .gfield--type-email input {max-width:370px;} .content-block-tools .gform_wrapper .gform_page_footer .button {height:38px;padding:0px 10px;min-width:108px;background:var(--yellow-color);border-color:var(--yellow-color);font-size:17px;color:#78659A;cursor:pointer;text-transform:uppercase;margin-right:5px;} .content-block-tools .gform_wrapper .gform_page_footer .button.gform_previous_button {background:#fff;border-color:#fff;} .content-block-tools .gform_wrapper .gform_body fieldset {border:none;padding:0;margin:0;} .content-block-tools .gform_wrapper .gform_body fieldset legend {font-weight:700;} .content-block-tools .gform_wrapper .gform_body .gfield_radio {margin:15px 0 35px 0;} .content-block-tools .gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] {display:none;} .content-block-tools .gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] + label {cursor:pointer;font-size:20px;padding-left:32px;background:url(images/icons/radio_unchecked.png) left center/22px auto no-repeat;display:inline-block;vertical-align:middle;} .content-block-tools .gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"]:checked + label, #gform_wrapper_6.gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] + label:active {background-image:url(images/icons/radio_checked.png);} .content-block-tools .gform_wrapper .gform_body .gfield--type-checkbox legend {display:none;} .content-block-tools .gform_wrapper .gform_body .gfield_checkbox {margin:5px 0 20px 0;} .content-block-tools .gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"] {display:none;} .content-block-tools .gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"] + label {cursor:pointer;font-size:16px;padding-left:32px;background:url(images/icons/checkbox_unchecked.png) left center/22px auto no-repeat;display:inline-block;vertical-align:middle;} .content-block-tools .gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"]:checked + label, #gform_wrapper_6.gform_wrapper .gform_body .gfield_checkbox .gchoice input[type="checkbox"] + label:active {background-image:url(images/icons/checkbox_checked.png);} #gform_confirmation_wrapper_7.gform_confirmation_wrapper {max-width:1100px;color:#fff;background:#78659A;border-radius:0 40px 0 40px;padding:70px 63px;margin-bottom:230px;position:relative;} @media only screen and (max-width: 767px) { .content-block-tools .gform_wrapper {border-radius:0 20px 0 20px;padding:35px 20px;margin-bottom:120px;} .content-block-tools .gform_wrapper:before {width:40px;height:61px;right:-10px;} .content-block-tools .gform_wrapper:after {bottom:-100px;right:-100px;width:300px;height:300px;} .content-block-tools .gform_wrapper form:before {transform:scale(.5);bottom:-187px;right:-146px;} .content-block-tools .gform_wrapper form:after {transform:scale(.5);bottom:-160px;right:-120px;} .content-block-tools .gform_wrapper .gform-body h4 {font-size:26px;} .content-block-tools .gform_wrapper .gform-body h5 {font-size:20px;} #gform_confirmation_wrapper_7.gform_confirmation_wrapper {border-radius:0 20px 0 20px;padding:35px 20px;margin-bottom:120px;} .content-block-tools .gform_wrapper .gform_body .gfield_radio .gchoice input[type="radio"] + label {font-size: 15px;padding-top:10px;} } /* Buttons */ .wp-block-button {display:inline;} .button, .button:visited, .wp-block-button__link, .wp-block-button__link:visited, .searchform input[type="submit"] {color:#F8F8F8;background:var(--secondary-color);padding:5px 35px;min-width:160px;height:58px;font:900 20px 'Museo';border:3px solid var(--secondary-color);border-radius:11px;text-align:center;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;transition:all ease-in-out .2s;} .button:hover, .wp-block-button__link:hover, .searchform input[type="submit"]:hover {color:#F8F8F8;background:var(--secondary-hover-color);border-color:var(--secondary-hover-color);} .is-style-yellow .wp-block-button__link, .is-style-yellow .wp-block-button__link:visited {color:var(--link-color);background-color:var(--yellow-color);border-color:var(--yellow-color);} .is-style-yellow .wp-block-button__link:hover {color:var(--link-color);background-color:var(--yellow-hover-color);border-color:var(--yellow-hover-color);} .is-style-purple .wp-block-button__link, .is-style-purple .wp-block-button__link:visited {background-color:var(--link-color);border-color:var(--link-color);} .is-style-purple .wp-block-button__link:hover {background-color:var(--primary-color);border-color:var(--primary-color);} .wp-block-buttons {gap:0;} .wp-block-buttons .wp-block-button__link {margin:0 20px 10px 0;} .wp-block-buttons .wp-block-button:last-of-type .wp-block-button__link {margin-right:0;} /* Main Colors */ .has-primary-color-color {color:var(--primary-color);} .has-secondary-color-color {color:var(--secondary-color);} .has-secondary-hover-color-color {color:var(--secondary-hover-color);} .has-yellow-color-color {color:var(--yellow-color);} .has-yellow-hover-color-color {color:var(--yellow-hover-color);} .has-text-color-color {color:var(--text-color);} .has-link-color-color {color:var(--link-color);} .has-gray-color-color {color:var(--gray-color);} .has-primary-color-background-color {background-color:var(--primary-color);} .has-secondary-color-background-color {background-color:var(--secondary-color);} .has-secondary-hover-color-background-color {background-color:var(--secondary-hover-color);} .has-yellow-color-background-color {background-color:var(--yellow-color);} .has-yellow-hover-color-background-color {background-color:var(--yellow-hover-color);} .has-text-color-background-color {background-color:var(--text-color);} .has-link-color-background-color {background-color:var(--link-color);} .has-gray-color-background-color {background-color:var(--gray-color);} /* Header */ .header {position:fixed;top:0;left:0;width:100%;padding:0 45px;box-sizing:border-box;z-index:998;transition:all ease-in-out .3s;background:#fff;box-shadow:0 3px 6px #00000029;} .logged-in .header {top:32px;} .header.headroom--unpinned:not(.active) {transform:translate(0px, -75%);opacity:0;} .logo {font-size:0;line-height:0;display:block;width:262px;height:152px;background:#fff url(images/logo.png) center center/201px auto no-repeat;position:fixed;top:0;left:50%;z-index:9999;transform:translateX(-50%);box-shadow:0 3px 6px #00000029;border-radius:0 0 20px 20px;} .logged-in .logo {top:32px;} .header .searchform {position:absolute;top:25px;left:calc(100% - 126px);width:calc((-100% + 100vw) / 2 - 35px + 116px);z-index:9998;} .header .searchform label, .header .searchform input[type="submit"] {display:none;} .header .searchform input[type="text"] {margin-right:0;background:#EAEAEA url(images/icons/glass.svg) 9px center/17px auto no-repeat;border-radius:8px;height:37px;padding-left:35px;} /* Top menu */ .menu_trigger {position:absolute;top:20px;left:30px;width:31px;height:26px;z-index:9999;transform:rotate(0deg);transition:all ease-in-out 0.5s;cursor:pointer;display:none;} .menu_trigger span {display:block;position:absolute;height:4px;width:100%;background:#78659A;border-radius:2px;opacity:1;left:0;transition:all ease-in-out 0.25s;} .menu_trigger span::selection {background:none;} .menu_trigger span:nth-child(1) {top:0px;} .menu_trigger span:nth-child(2), .menu_trigger span:nth-child(3) {top:11px;} .menu_trigger span:nth-child(4) {top:21px;} .menu_trigger.active span:nth-child(1), .menu_trigger.active span:nth-child(4) {transform:scale(0, 0);} .menu_trigger.active span:nth-child(2) {transform:rotate(45deg);} .menu_trigger.active span:nth-child(3) {transform:rotate(-45deg);} .header .top_menu .menu-social-menu-container {display:none;} .header nav > ul {display:flex;} .header nav > ul > li {font-weight:900;font-size:17px;padding-right:50px;position:relative;} .header nav > ul > li > a {display:block;padding:30px 0;} .header nav > ul > li:nth-child(3) {padding-right:400px;} .header nav > ul > li ul {box-sizing:border-box;width:100%;padding:0 15px;position:absolute;top:100%;left:-25px;border-radius:0 0 15px 15px;background:var(--link-color);z-index:100;transition:0.5s padding, 0.5s background;} .header nav > ul > li:nth-child(3) ul {max-width:250px;} @media only screen and (min-width: 1461px) { .header nav > ul > li ul {min-width:180px;} .header nav > ul > li ul:after {content:"";display:block;height:0;width:64px;background:var(--link-color);position:absolute;bottom:calc(100% - 12px);left:50%;transform:translateX(-50%);border-radius:30px 30px 0 0;z-index:101;transition:0.5s height cubic-bezier(.73,.32,.34,1.5);} .header nav > ul > li:hover ul:after {height:28px;} .header nav > ul > li ul li {font-weight:500;font-size:18px;position:relative;z-index:102;overflow-wrap: break-word;word-wrap: break-word;hyphens:auto;} .header nav > ul > li ul li a {overflow:hidden;height:27px;color:#fff;padding:7px 0;display:block;border-bottom:1px solid #fff;transition:0.5s height cubic-bezier(.73,.32,.34,1.5), 0.5s padding cubic-bezier(.73,.32,.34,1.5);} .header nav > ul > li:first-child ul li:nth-child(2) a, .header nav > ul > li:first-child ul li:last-child a, .header nav > ul > li:nth-child(2) ul li:nth-child(3) a, .header nav > ul > li:nth-child(4) ul li a, .header nav > ul > li:nth-child(3) ul li:not(:nth-child(2)) a {height:54px;} .header nav > ul > li:nth-child(3) ul li:nth-child(5) a, .header nav > ul > li:nth-child(4) ul li:nth-child(2) a {word-break:break-all;} .header nav > ul > li:nth-child(4) ul li:nth-child(3) a {height:50px;} .header nav > ul > li:first-child:not(:hover) ul li:nth-child(2) a, .header nav > ul > li:first-child:not(:hover) ul li:last-child a, .header nav > ul > li:nth-child(2):not(:hover) ul li:nth-child(3) a, .header nav > ul > li:nth-child(4):not(:hover) ul li a, .header nav > ul > li:nth-child(4):not(:hover) ul li:nth-child(3) a, .header nav > ul > li:nth-child(3):not(:hover) ul li:not(:nth-child(2)) a {height:0;} .header nav > ul > li:nth-child(6) ul li:nth-child(3) a {height: 50px;!important} .header nav > ul > li:nth-child(6):not(:hover) ul li:nth-child(3) a {height: 0px;!important} .header nav > ul > li:nth-child(6) ul li:nth-child(4) a {height: 30px;!important} .header nav > ul > li:nth-child(6):not(:hover) ul li:nth-child(4) a {height: 0px;!important} .header nav > ul > li ul li:last-child a {border-bottom:none;height: 50px;} .header nav > ul > li:nth-child(3) ul li:nth-child(5) a, .header nav > ul > li:nth-child(4) ul li:nth-child(2) a {word-break: break-word;max-width: 18ch;} .header nav > ul > li ul li a:hover {color:#ebebeb;} .header nav > ul > li:not(:hover) ul li a {visibility:hidden;height:0;padding-top:0;padding-bottom:0;border-bottom-width:0;transition:0.5s 0.1s height, 0.5s 0.1s padding, 0.6s visibility;z-index:99;} } .menu-social-menu-container {position:fixed;top:50%;transform:translateY(-50%);right:-100px;z-index:9999;font-size:0;line-height:0;animation:showsocial .7s .8s ease forwards;} @keyframes showsocial { 0% {right:-100px;} 100% {right:0;} } .menu-social-menu-container ul li {padding:2px 0 3px 0;} .menu-social-menu-container ul li a {display:block;width:48px;height:48px;background:var(--secondary-color) url(images/blank.gif) center center no-repeat;transition:background-color ease-in-out .2s;} .menu-social-menu-container ul li a:hover {background-color:var(--secondary-hover-color);} .menu-social-menu-container ul li:first-child a {border-radius:15px 0 0 0;} .menu-social-menu-container ul li:last-child a {border-radius:0 0 0 15px;} .menu-social-menu-container ul li a[href*="mailto"], .menu-social-menu-container ul li a[href*="#gf_1"] {background-image:url(images/icons/email.svg);} .menu-social-menu-container ul li a[href*="instagram"] {background-image:url(images/icons/instagram.svg);} .menu-social-menu-container ul li a[href*="linkedin"] {background-image:url(images/icons/linkedin.svg);} .menu-social-menu-container ul li a[href*="facebook"] {background-image:url(images/icons/facebook.svg);} /* Heading */ .heading {position:relative;min-height:1px;margin-bottom:130px;} .heading:before {content:'';background:#50475F;opacity:.6;position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:2;border-radius:0 0 40% 5%;} .heading img {border-radius:0 0 40% 5%;} .heading header {text-align:center;color:#fff;z-index:5;display:flex;align-items:flex-end;justify-content:center;min-height:360px;padding-bottom:73px;} /* Content block */ .content_block article > ul, .content_block article > ol {margin-bottom:20px;} .content_block article > ul li {list-style-position:inside;list-style-type:disc;} .content_block article > ol li {list-style-position:inside;list-style-type:decimal;} /* CTA slider */ .cta_slider {position:relative;} .cta_slider figure {position:relative;padding:100px 0 130px 0;background:#ac9dcc;} .cta_slider figure > div {position:absolute;top:0;left:0;width:100%;height:100%;} .cta_slider figure > div.mobile, .cta_slider figure > div.tablet {display:none;} .cta_slider figure > div img {width:100%;height:100%;object-fit:cover;object-position:bottom right;} .cta_slider figure figcaption {position:relative;z-index:5;max-width:1300px;padding:0 30px;margin:0 auto;color:#F8F8F8;} .cta_slider figure figcaption > * {position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .cta_slider .slick-current figure figcaption > * {opacity:1;top:0;} .cta_slider .slick-current figure figcaption > *:nth-child(2) {transition-delay:.4s;} .cta_slider .slick-current figure figcaption > *:nth-child(3) {transition-delay:.6s;} .cta_slider figure figcaption h3 {max-width:400px;} .cta_slider figure figcaption h3:after {content:'';display:block;width:62px;height:5px;background:#F8F8F8;margin:5px 0 10px 0;} .cta_slider figure figcaption p {max-width:610px;} .cta_slider .slick-dots {position:absolute;bottom:57px;left:0;width:100%;z-index:100;display:flex;justify-content:center;} .cta_slider .slick-dots li {padding:0 8px;} .cta_slider .slick-dots li button {display:block;border:none;background:#fff;border-radius:50%;width:17px;height:17px;font-size:0;line-height:0;opacity:.35;} .cta_slider .slick-dots li.slick-active button {opacity:1;} /* Media content */ .media_content {padding:116px 0 10px 0;position:relative;} .media_content.yellow_rect:before {content:'';position:absolute;top:-200px;right:-100px;z-index:-1;display:block;width:550px;height:640px;background:url(images/demo/yellow-rect.svg) center center/contain no-repeat;} .media_content figure {display:flex;align-items:center;max-width:1300px;} .media_content figure > div {margin:0 -70px 0 0;width:557px;height:557px;position:relative;z-index:10;padding:35px;} .media_content figure > div:before {content:'';display:block;position:absolute;top:30px;left:30px;width:585px;height:619px;z-index:-1;background:url(images/demo/media_placeholder.png) center center/contain no-repeat;} .media_content figure > div img {width:100%;height:100%;border-radius:50%;object-fit:cover;border:23px solid #fff;} .media_content.yellow_rect figure > div img, .media_content:not(.image_right) figure > div img {border-width:18px;position:relative;top:6px;left:5px;} .media_content figure > div .hand {display:none;} .media_content figure figcaption {flex:1;background:var(--link-color);border-radius:40px 0 40px 40px;padding:53px 64px 40px 113px;color:#F8F8F8;} .media_content figure figcaption > * {position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .media_content figure figcaption.inview > * {opacity:1;top:0;} .media_content figure figcaption.inview > *:nth-child(2) {transition-delay:.4s;} .media_content figure figcaption.inview > *:nth-child(3) {transition-delay:.6s;} .media_content figure figcaption h4 {color:#F8F8F8;font-size:39px;text-shadow:0 3px 6px #0000002F;} .media_content figure figcaption h4 strong {-webkit-text-stroke:2px #F8F8F8;text-stroke:2px #F8F8F8;color:var(--link-color);} .media_content figure figcaption h4:after {content:'';display:block;width:55px;height:4px;background:#fff;margin:5px 0 10px 0;} .media_content figure figcaption .wp-block-button__link {font-size:17px;height:51px;padding:5px 20px;} .media_content.image_right {padding:0;} .media_content.image_right:before {display:none;} .media_content.image_right figure {margin:0 auto;align-items:flex-start;} .media_content.image_right figure > div {order:2;margin:0 0 0 -100px;} .media_content.image_right figure > div img {border:none;} .media_content.image_right figure figcaption {border-radius:0 40px 40px 40px;padding:53px 113px 40px 64px;} .media_content.image_right figure > div:before {top:2px;left:8px;width:609px;height:616px;background-image:url(images/demo/media_placeholder2.png);} .media_content.image_right figure > div .hand {display:none;position:absolute;top:0;margin-top:400px;left:95px;width:160px;height:190px;z-index:2;background:url(images/icons/purple-thumb.svg) center center/contain no-repeat;} .accordion_block li {list-style: disc;padding-bottom: 10px;position:relative;left: 21px;padding-right: 25px} .inview ul {margin-bottom: 25px;} .media_content_big {padding:225px 0 285px 0;position:relative;} .media_content_big:before {content:'';position:absolute;bottom:1px;left:calc((100% - 100vw) / 2);z-index:-1;display:block;width:100vw;height:100%;background:url(images/demo/pattern-circles.svg) left calc((100vw - 100%) / 2) bottom 250px no-repeat, url(images/demo/kikk-outline.svg) left bottom no-repeat;} .media_content_big figure {display:flex;align-items:center;padding:0 105px 0 310px;} .media_content_big figure .hand {position:absolute;top:0;margin-top:400px;left:480px;z-index:11;display:block;width:75px;height:80px;background:url(images/demo/hand-yellow.svg) center center/contain no-repeat;} .media_content_big figure > div:first-child {width:487px;height:487px;position:absolute;top:50px;left:75px;z-index:10;transition:all ease-in-out .45s .2s;opacity:0;} .media_content_big figure.inview > div:first-child {opacity:1;} .media_content_big figure > div:first-child img {width:100%;height:100%;border-radius:50%;object-fit:cover;border:20px solid #fff;box-shadow: 0px 3px 20px #00000022;box-sizing:border-box;} .media_content_big figure > div:first-child:before {content:'';position:absolute;top:-50px;left:-50px;display:block;width:227px;height:201px;background:url(images/demo/werk-met-plezier.svg) left top/contain no-repeat;} .media_content_big figure > div:first-child:after {content:'';position:absolute;top:-25px;left:210px;z-index:-1;display:block;width:218px;height:167px;background:url(images/demo/stripes-yellow.svg) left top/contain no-repeat;} .media_content_big figure > div:nth-child(2) {width:402px;height:360px;position:absolute;bottom:255px;left:180px;z-index:10;background:url(images/demo/img_bg.png) center center/contain no-repeat;transition:all ease-in-out .45s .4s;opacity:0;} .media_content_big figure.inview > div:nth-child(2) {opacity:1;} .media_content_big figure > div:nth-child(2) img {object-fit:cover;height:100%;width:100%;mask:url(images/demo/shape.png) no-repeat;position:absolute;top:27px;left:30px;} .media_content_big figure figcaption {flex:1;background:var(--link-color);border-radius:0 25px 0 25px;padding:60px 90px 40px 385px;color:#F8F8F8;} .media_content_big figure figcaption > * {position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .media_content_big figure.inview figcaption > * {opacity:1;top:0;} .media_content_big figure.inview figcaption > *:nth-child(2) {transition-delay:.4s;} .media_content_big figure.inview figcaption > *:nth-child(3) {transition-delay:.6s;} .media_content_big figure figcaption h4 {color:#F8F8F8;font-size:45px;text-shadow:0 3px 6px #0000002F;} .media_content_big figure figcaption h4 strong {-webkit-text-stroke:2px #F8F8F8;text-stroke:2px #F8F8F8;color:var(--link-color);} .media_content_big figure figcaption h4:after {content:'';display:block;width:62px;height:5px;background:#fff;margin:10px 0 15px 0;} /* Group block */ .page .wp-block-group {padding-bottom:80px;position:relative;} .page .wp-block-group:before {content:'';position:absolute;bottom:-10px;right:calc((100% - 100vw) / 2);width:1168px;height:390px;opacity:.3;z-index:-1;background:url(images/demo/kikk-outline.svg) center center/contain no-repeat;} .page .wp-block-group .wp-block-group__inner-container {max-width:1300px;margin:0 auto;position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .page .wp-block-group .wp-block-group__inner-container.inview {opacity:1;top:0;} .page .wp-block-group .wp-block-group__inner-container > * {max-width:830px;} .page .wp-block-group h3 {color:var(--link-color);} .page .wp-block-group h3:after {content:'';display:block;width:62px;height:5px;background:var(--link-color);margin:20px 0 35px 0;} .page .wp-block-group h3 strong {font-weight:900;-webkit-text-stroke:2px var(--link-color);text-stroke:2px var(--link-color);color:#fff;} /* Tool slider */ .tool_slider {background:#62AF66;padding:93px 0 0 0;position:relative;margin-bottom:540px;} .tool_slider:before {content:'';background:#62AF66;position:absolute;top:0;left:-100%;z-index:-1;display:block;width:300%;height:100%;} .tool_slider:after {content:'';background:url(images/demo/green-rect.svg) center center/contain no-repeat;position:absolute;top:0;left:calc((100% - 100vw) / 2);display:block;width:550px;height:643px;} .tool_slider h1 {text-align:center;font-size:60px;color:#fff;padding-bottom:50px;margin-bottom:-330px;position:relative;z-index:5;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .tool_slider h1.inview {opacity:1;top:0;} .tool_slider h1 strong {color:transparent;-webkit-text-stroke:2px #fff;text-stroke:2px #fff;} .tool_slider h1:after {content:'';display:block;width:62px;height:5px;background:#FFD85F;margin:20px auto;} .tool_slider > div {position:relative;z-index:5;bottom:-360px;opacity:0;transition:all ease-in-out .45s .2s;} .tool_slider > div.inview {opacity:1;bottom:-330px;} .tool_slider .slick-slide {padding:100px 28px 10px 28px;transition:padding ease-in-out .2s;} .tool_slider .slick-slide > div {background:#fff;box-shadow:0 0 25px #0000001F;border-radius:65px 28px;padding:40px 50px;text-align:center;} .tool_slider .slick-slide h4 {padding-bottom:32px;font-size:32px;color:var(--link-color);margin:0 -15px;} .tool_slider .slick-slide .button {padding:5px 10px;width:100%;max-width:270px;margin-top:25px;} /*.tool_slider .slick-current + .slick-slide {padding-top:40px;} .tool_slider .slick-current + .slick-slide > div {background:var(--link-color);color:#fff;} .tool_slider .slick-current + .slick-slide h4 {color:var(--yellow-color);position:relative;} .tool_slider .slick-current + .slick-slide h4:before {content:'';display:block;width:78px;height:53px;background:#fc636b url(images/icons/heart.png) center center no-repeat;border-radius:11px;position:absolute;top:-80px;left:calc(50% - 39px);} .tool_slider .slick-current + .slick-slide h4:after {bottom:calc(100% + 8px);left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#fc636b;border-width:10px;margin-left:-10px;} .tool_slider .slick-current + .slick-slide .button {max-width:320px;color:var(--link-color);background-color:var(--yellow-color);border-color:var(--yellow-color);} .tool_slider .slick-current + .slick-slide .button:hover {color:var(--link-color);background-color:var(--yellow-hover-color);border-color:var(--yellow-hover-color);}*/ .tool_slider .slick-slide.purple {padding-top:40px;} .tool_slider .slick-slide.purple > div {background:var(--link-color);color:#fff;} .tool_slider .slick-slide.purple h4 {color:var(--yellow-color);position:relative;} .tool_slider .slick-slide.purple h4:before {content:'';display:block;width:78px;height:53px;background:#fc636b url(images/icons/heart.png) center center no-repeat;border-radius:11px;position:absolute;top:-80px;left:calc(50% - 39px);} .tool_slider .slick-slide.purple h4:after {bottom:calc(100% + 8px);left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#fc636b;border-width:10px;margin-left:-10px;} .tool_slider .slick-slide.purple .button {max-width:320px;color:var(--link-color);background-color:var(--yellow-color);border-color:var(--yellow-color);} .tool_slider .slick-slide.purple .button:hover {color:var(--link-color);background-color:var(--yellow-hover-color);border-color:var(--yellow-hover-color);} .tool_slider .slick-arrow {position:absolute;top:calc(50% + 10px);right:-100px;z-index:100;width:46px;height:55px;font-size:0;line-height:0;border:none;background:url(images/icons/next.png) center center/contain no-repeat;} .tool_slider .slick-prev {right:auto;left:-100px;background-image:url(images/icons/prev.png);} /* Circle tabs */ .circle_tabs {display:flex;max-width:1300px;margin:0 auto;padding-bottom:250px;position:relative;} .circle_tabs:before {content:'';display:block;width:406px;height:338px;background:url(images/demo/pattern-circles.svg) center center/contain no-repeat;position:absolute;bottom:148px;left:-166px;} .circle_tabs > div {flex:10;margin:0 110px 0 0;} .circle_tabs > div > p {color:var(--link-color);margin-bottom:10px;position:relative;transition:all ease-in-out .45s .4s;opacity:0;top:30px;} .circle_tabs > div.inview > p {opacity:1;top:0;} .circle_tabs > div > h3 {font-weight:900;color:var(--link-color);text-shadow:none;position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .circle_tabs > div.inview > h3 {opacity:1;top:0;} .circle_tabs > div > h3:after {content:'';width:62px;height:5px;display:block;background:var(--link-color);margin:10px 0 20px 0;} .tab_select {width:520px;} .tab_select {position:relative;width:490px;height:490px;border-radius:50%;overflow:hidden;} .tab_select:before {content:'';position:absolute;width:268px;height:268px;top:50%;left:50%;z-index:10;transform:translate(-50%, -50%);border-radius:50%;background:#fff url(images/icons/green-circle-with-hand.svg) center center no-repeat;box-sizing:border-box;} .tab_select li {overflow:hidden;position:absolute;top:0;right:0;width:50%;height:50%;transform-origin:0% 100%;border:10px solid #fff;background:var(--link-color);box-sizing:border-box;} .tab_select li.active {background:var(--yellow-color);} .tab_select li span {position:absolute;left:-35px;top:-5px;width:100%;height:100%;cursor:pointer;transform:rotate(105deg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:66px;font-weight:900;} .tab_select li.active span {color:var(--link-color);} .tab_select li:nth-child(1) {transform:rotate(-105deg) scale(1.2);} .tab_select li:nth-child(2) {transform:rotate(-40deg) scale(1.2);} .tab_select li:nth-child(2) span {transform:rotate(40deg);left:-30px;} .tab_select li:nth-child(3) {transform:rotate(25deg) scale(1.2);} .tab_select li:nth-child(3) span {transform:rotate(-25deg);left:-25px;top:5px;} .tab_select li:nth-child(4) {transform:rotate(95deg) scale(1.2);} .tab_select li:nth-child(4) span {transform:rotate(-95deg);left:-20px;top:5px;} .tab_select li:nth-child(5) {transform:rotate(170deg) scale(1.2);} .tab_select li:nth-child(5) span {transform:rotate(-170deg);left:-10px;top:15px;} .tab_content {display:none;border-radius:0 40px 0 40px;border:4px solid var(--yellow-color);padding:30px 40px 0 36px;background:#fff;position:relative;} .tab_content h4 {color:var(--link-color);font-size:35px;padding:0 55px 22px 0;background:url(images/icons/chat-icon.svg) right 5px no-repeat;} .tab_content.active {display:block;} /* Hero slider */ .hero_slider {margin-bottom:64px;overflow:hidden;position:relative;background:url(images/demo/blob-purple.svg) top right no-repeat, url(images/demo/blob-purple-2.svg) bottom 20px left -265px/600px auto no-repeat, url(images/demo/blob-yellow.svg) 44% 22px no-repeat;opacity:0;transition:opacity ease-in-out 1s;} .hero_slider.inview {opacity:1;} .hero_slider:before {content:'';position:absolute;top:0;right:0;display:block;width:65%;height:100%;background:url(images/demo/shape-purple.svg) right -60px bottom 35px no-repeat, url(images/demo/pattern-circles.svg) 24% 67% no-repeat;z-index:1;} .hero_slider figure > div {position:absolute;top:4%;right:0;height:100%;width:54%;} .hero_slider figure img {object-fit:cover;height:100%;width:100%;clip-path:url(#shape);} .hero_slider figure figcaption {z-index:10;position:relative;display:flex;flex-flow:column wrap;min-height:945px;justify-content:center;} .hero_slider figure figcaption > * {position:relative;transition:opacity ease-in-out .45s .2s, top ease-in-out .45s .2s, background-color ease-in-out .2s, border-color ease-in-out .2s;opacity:0;top:30px;} .hero_slider .slick-current figure figcaption > * {opacity:1;top:0;} .hero_slider .slick-current figure figcaption > *:nth-child(2) {transition-delay:.4s;} .hero_slider .slick-current figure figcaption > *:nth-child(3) {transition-delay:.6s, .6s, 0s, 0s;} .hero_slider figure figcaption h1 {max-width:570px;font-size:70px;text-shadow:0 3px 6px #0000002F;padding-bottom:0;} .hero_slider figure figcaption h1 strong {color:var(--yellow-color);-webkit-text-stroke:unset;text-stroke:unset;} .hero_slider figure figcaption p {max-width:570px;color:var(--link-color);font-size:20px;font-weight:700;margin-top: 15px;} .hero_slider figure figcaption .button {max-width:245px;padding:5px;} .hero_slider figure .svg {display:none;} .hero_slider .slick-dots {position:absolute;bottom:100px;right:22%;width:200px;z-index:100;display:flex;align-items:center;justify-content:center;} .hero_slider .slick-dots li {padding:0 9px;list-style:none;} .hero_slider .slick-dots li a {cursor:pointer;display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:0;line-height:0;position:relative;} .hero_slider .slick-dots li a svg {display:none;position:absolute;top:0;left:0;} .hero_slider .slick-dots li a span {display:inline-block;width:18px;height:18px;background:rgba(255,255,255,.45);border-radius:50%;border:none;} .hero_slider .slick-dots li.slick-active a span {position:relative;background:#fff;} .hero_slider .slick-dots li.slick-active a svg {display:block;} .hero_slider .slick-dots li circle {stroke-dasharray:1000;stroke-dashoffset:2000;fill:transparent;stroke:#fff;} .hero_slider .slick-dots li.slick-active circle {animation:draw 12s forwards;} @keyframes draw{ from {stroke-dashoffset:1000;fill:transparent;stroke:#fff; } to {stroke-dashoffset:0;} } /* Accordion block */ .accordion_block {color:#F5F5F5;padding:120px 0 65px 0;position:relative;} .accordion_block:before {content:'';background:var(--secondary-color) url(images/demo/green-rect2.svg) left bottom no-repeat;position:absolute;top:0;left:calc((100% - 100vw) / 2);z-index:-1;display:block;width:100vw;height:100%;} .accordion_block header > * {position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .accordion_block header.inview > * {opacity:1;top:0;} .accordion_block header p {font-size:25px;padding-bottom:0;font-weight:300;} .accordion_block header h3 {font-size:50px;font-weight:900;text-shadow:none;padding-bottom:35px;transition-delay:.4s;} .accordion_block header h3 strong {font-weight:900;color:transparent;-webkit-text-stroke:2px #F5F5F5;text-stroke:2px #F5F5F5;} .accordion_block header h3:after {content:'';display:block;width:62px;height:5px;background:var(--yellow-color);margin:15px 0;} .accordion_block dl {max-width:760px;} .accordion_block dl dt {cursor:pointer;padding:27px;position:relative;background:#fff;border-radius:28px;margin-bottom:44px;display:flex;align-items:center;} .accordion_block dl dt div {width:41px;height:36px;margin-right:23px;} .accordion_block dl dt div img {width:100%;height:100%;object-fit:contain;} .accordion_block dl dt h4 {padding:0;font-size:35px;color:var(--link-color);} .accordion_block dl dt.active {border-radius:28px 28px 0 0;margin-bottom:0;} .accordion_block dl dt.active h4 {color:var(--secondary-color);} .accordion_block dl dt.active div {filter:brightness(0) saturate(100%) invert(74%) sepia(13%) saturate(1267%) hue-rotate(73deg) brightness(89%) contrast(83%);} .accordion_block dl dd {display:none;margin-bottom:44px;padding:0 28px 28px 93px;background:#fff;color:var(--text-color);border-radius:0 0 28px 28px;transition:margin ease-in-out .3s, padding ease-in-out .3s;} .accordion_block dl .img {position:absolute;top:200px;left:960px;width:725px;height:743px;padding:48px 40px 70px 62px;box-sizing:border-box;background:url(images/demo/4-section-img-holder.svg) no-repeat;} .accordion_block dl .img:before {content:'';position:absolute;bottom:-36px;left:-36px;display:block;width:518px;height:430px;background:url(images/demo/pattern-circles.svg) 60% 67% no-repeat;z-index:-1;} .accordion_block dl .img img {border-radius:50%;width:100%;height:100%;object-fit:cover;} .accordion_block dl > .img {display:none;} .accordion_block dl .active ~ .img {display:none;} .accordion_block dl dd[style="display: none;"] ~ dd[style="display: none;"] ~ dd[style="display: none;"] + .img {display:block;top:10px;} .page-id-1777 .accordion_block dl dd[style="display: none;"] ~ dd[style="display: none;"] ~ dd[style="display: none;"] + .img {display:none!important;} /* History block */ .history_block {padding:140px 0 90px 0;position:relative;} .history_block:before {content:'';background:url(images/demo/purple-rect.svg) right top no-repeat;position:absolute;top:0;right:calc((100% - 100vw) / 2);z-index:-1;display:block;width:100vw;height:100%;} .history_block figure {display:flex;align-items:center;} .history_block figure > div {width:450px;margin-right:80px;position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .history_block figure.inview > div {opacity:1;top:0;} .history_block figure figcaption {flex:1;border:3px solid var(--yellow-color);border-radius:0 30px 0 30px;padding:50px 65px 20px 65px;background:#fff;position:relative;z-index:5;} .history_block figure figcaption > * {position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .history_block figure.inview figcaption > * {opacity:1;top:0;} .history_block figure.inview figcaption > *:nth-child(2) {transition-delay:.4s;} .history_block figure.inview figcaption > *:nth-child(3) {transition-delay:.6s;} .history_block figure figcaption:before {content:'';border-radius:50%;background:#fff url(images/demo/circle.png) center center/contain no-repeat;position:absolute;bottom:-66px;right:-26px;display:block;width:140px;height:140px;} .history_block figure figcaption h6 {font-size:20px;font-weight:300;} .history_block figure figcaption h1 {padding-bottom:35px;} .history_block figure figcaption h1:after {content:'';display:block;width:62px;height:5px;background:var(--secondary-color);margin:15px 0 0 0;} /* News list */ .news_list {padding:114px 0;position:relative;} .news_list:before {content:'';position:absolute;bottom:-250px;right:-470px;width:820px;height:930px;background:url(images/demo/blob-yellow-nieuws.svg) left center/contain no-repeat;} .news_list > header {display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:60px;} .news_list > header > * {position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .news_list > header.inview > * {opacity:1;top:0;} .news_list > header h1 {padding:0;max-width:590px;} .news_list > header a, .news_list > header a:visited {color:var(--secondary-color);font-size:25px;font-weight:900;border-bottom:5px solid var(--yellow-color);line-height:1;transition-delay:.4s;} .news_list > header a:hover {color:var(--secondary-hover-color);} .news_list > ul {display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));grid-gap:64px;} .news_list > ul li figure {position:relative;transition:all ease-in-out .45s .2s;opacity:0;margin-top:30px;} .news_list > ul li figure.inview {opacity:1;margin-top:0;} .news_list > ul li:nth-child(2) figure {transition-delay:.3s;} .news_list > ul li:nth-child(3) figure {transition-delay:.4s;} .news_list > ul li:nth-child(4) figure {transition-delay:.5s;} .news_list > ul li:nth-child(5) figure {transition-delay:.6s;} .news_list > ul li:nth-child(6) figure {transition-delay:.7s;} .news_list > ul li:nth-child(7) figure {transition-delay:.8s;} .news_list > ul li:nth-child(8) figure {transition-delay:.9s;} .news_list > ul li:nth-child(9) figure {transition-delay:1s;} .news_list > ul li:nth-child(10) figure {transition-delay:1.1s;} .news_list > ul li figure .link {position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:2;font-size:0;line-height:0;} .news_list > ul li figure > div {position:relative;font-size:0;line-height:0;margin-bottom:14px;} .news_list > ul li figure > div:before {content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(180deg, #00000000 0%, #302446 100%);border-radius:20px 0 20px 0;} .news_list > ul li figure > div img {border-radius:20px 0 20px 0;height:395px;width:100%;object-fit:cover;} .news_list > ul li figure figcaption p {font-size:17px;color:var(--gray-color);padding-bottom:20px;} .news_list > ul li figure figcaption p a, .news_list > ul li figure figcaption p a {color:var(--gray-color);} .posts_list_wrap.news_list {padding:20px 0 80px 0;overflow:hidden;} .posts_list_wrap.news_list > ul {display:flex;grid-gap:0;} .posts_list_wrap.news_list > ul li.visible_item {display:none;} .posts_list_wrap.news_list > ul li {width:33.33%;} .posts_list_wrap.news_list > ul li:first-of-type, .posts_list_wrap.news_list > ul li:nth-of-type(2) {width:50%;} .posts_list_wrap.news_list > ul li figure {margin:0 32px 64px 32px;} .posts_filter {position:fixed;bottom:0;left:0;z-index:999;padding:46px 20px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;} .posts_filter:before {content:'';background:linear-gradient(180deg, #3A2D5200 0%, #3A2D52 100%);display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:.3;} .posts_filter > div > span {display:none;} .posts_filter ul {box-shadow:0 0 20px #0000002B;background:var(--link-color);display:flex;flex-wrap:wrap;font-size:22px;font-weight:900;position:relative;padding:5px 20px;border-radius:70px 100px 100px 100px;transform:rotate(.5deg);} .posts_filter ul li {padding:13px;} .posts_filter ul li a {color:#F5F5F5;} .posts_filter ul li a:before {content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;border:2px solid #F5F5F5;border-radius:50%;box-sizing:border-box;margin:-4px 13px 0 0;} .posts_filter ul li.active a {color:var(--yellow-color);} .posts_filter ul li.active a:before {border-color:var(--yellow-color);background:url(images/icons/dot.png) center center no-repeat;} .load_more.more_posts {text-align:center;} .campaign_posts_filter {background:url(images/icons/desktop.svg) center center/contain no-repeat;display:flex;align-items:center;box-sizing:border-box;padding:5px 20px 5px 57px;color:#fff;min-height:69px;width:100%;max-width:929px;margin:0 auto 60px auto;font-size:22px;font-weight:900;position:relative;z-index:10;} .campaign_posts_filter > div {position:relative;} .campaign_posts_filter > div:first-of-type {padding-right:40px;} .campaign_posts_filter > div > span {cursor:pointer;position:relative;color:#FFD85F;padding:0 20px 0 15px;background:url(https://kikk.coersonline.nl/wp-content/uploads/2025/04/filter_dot.png) right center/9px auto no-repeat;} .campaign_posts_filter > div > ul {position:absolute;top:49px;right:0;background:#8B7CA5;border-radius:0 0 15px 15px;padding:20px;width:230px;box-sizing:border-box;font-size:18px;font-weight:500;display:none;} .campaign_posts_filter > div > ul.active {display:block;} .campaign_posts_filter > div > ul:before {content:'';position:absolute;top:-12px;left:calc(50% - 28px);background:#8B7CA5;border-radius:50% 50% 0 0;display:block;width:58px;height:32px;} .campaign_posts_filter > div > ul li:not(:last-child) {padding-bottom:19px;} .campaign_posts_filter > div > ul li a {color:#fff;} .campaign_posts_filter > div > ul li.active a {color:#FFD85F;} /* Single */ .single_block {background:url(images/demo/watermark-kikk.svg) center bottom/contain no-repeat;padding-bottom:130px;} .single_block .wrapper:after {content:'';clear:both;display:block;width:100%;height:1px;} .single_block article.second_content_field {min-width:100%;order:3;} .single_block article {flex:1;position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .single_block article.inview {opacity:1;top:0;} .single_block article > header {padding-bottom:20px;} .single_block article > header p:first-child a, .single_block article > header p:first-child a:visited {color:var(--secondary-color);font-size:16px;font-weight:900;border-bottom:4px solid var(--yellow-color);} .single_block article > header p:first-child a:hover {color:var(--secondary-hover-color);} .single_block article > header p:last-child {font-size:17px;color:var(--gray-color);} .single_block article > header p:last-child a, .single_block article > header p:last-child a {color:var(--gray-color);} .single_block aside {width:612px;margin-left:200px;margin-bottom:450px;float:right;} .single_block aside .wp-block-image {margin:-162px 0 140px;position:relative;z-index:10;padding:30px;background:url(images/demo/news-img-placeholder.png) center center/contain no-repeat;} .single_block aside .wp-block-image img {border-radius:50%;height:554px;width:554px;object-fit:cover;position:relative;} /*.single_block aside .wp-block-image {margin:-162px 0 140px;position:relative;z-index:10;border-radius:50%;overflow:hidden;} .single_block aside .wp-block-image img {border-radius:50%;height:606px;width:calc(100% - 20px);object-fit:cover;border:25px solid #fff;box-shadow:#7c7587 0 0 0 4px;margin:10px;position:relative;} .single_block aside .wp-block-image:before {content:'';display:block;background:#fff;position:absolute;top:-10px;left:50px;z-index:2;width:500px;aspect-ratio:1;padding:26px;box-sizing:border-box;border-radius:50%;mask:linear-gradient(#0000 0 0) content-box intersect, conic-gradient(#000 80deg, #0000 0);transform:rotate(-43deg);} .single_block aside .wp-block-image:after {content:'';display:block;width:216px;height:191px;background:url(images/demo/circle_text.png) right bottom/contain no-repeat;position:absolute;bottom:0;right:30px;z-index:2;}*/ .single_block aside .wp-block-group {background:var(--secondary-color);box-shadow:0 3px 6px #00000029;border-radius:45px;padding:40px 130px 40px 65px;position:relative;} .single_block aside .wp-block-group:before {content:'';display:block;width:95px;height:125px;background:url(images/demo/question.png) center center/contain no-repeat;position:absolute;top:-18px;right:32px;} .single_block aside .wp-block-group h4 {color:#fff;} .single_block aside .wp-block-group p {padding:0;font-weight:700;font-size:25px;} .single_block aside .wp-block-group p a, .single_block aside .wp-block-group p a:visited {color:var(--yellow-color);text-decoration:underline;} .single_block aside .wp-block-group p a:hover {color:var(--yellow-hover-color);} /* Contact */ .page-contact {background:#F5F5F5;} .page-contact .heading {display:none;} .page-contact .content_block {padding-bottom:80px;} .wp-block-cover {padding:220px 0 0 0;min-height:1px;margin-bottom:215px;position:relative;overflow:visible;} .wp-block-cover:before {content:'';display:block;width:560px;height:710px;position:absolute;top:0;right:0;z-index:2;background:url(images/demo/purple-rect.svg) right top/contain no-repeat;} .wp-block-cover .wp-block-cover__inner-container {max-width:1554px;padding:0 30px;margin:0 auto;position:relative;box-sizing:border-box;z-index:5;} .wp-block-cover .wp-block-columns .wp-block-column h1 {max-width:560px;padding-bottom:15px;} .wp-block-cover h1 strong {color:transparent;-webkit-text-stroke-color:#fff;text-stroke-color:#fff;} .wp-block-cover .wp-block-columns .wp-block-column h6 {color:#fff;margin:0 0 40px 0;} .wp-block-cover .wp-block-columns .wp-block-column p a, .wp-block-cover .wp-block-columns .wp-block-column p a:visited {font-size:22px;font-weight:700;color:var(--yellow-color);padding:5px 0 5px 37px;background:url(images/icons/link.png) left center/25px auto no-repeat;margin-right:45px;} .wp-block-cover .wp-block-columns .wp-block-column p a:hover {color:var(--yellow-hover-color);} .wp-block-cover .wp-block-media-text {margin:0 0 -110px 0;grid-template-columns:628px 1fr;} .wp-block-cover .wp-block-media-text .wp-block-media-text__media img {border-radius:50%;border:17px solid var(--primary-color);} .wp-block-cover .wp-block-media-text .wp-block-media-text__content {padding:0 0 0 80px;max-width:550px;display:flex;flex-wrap:wrap;} .wp-block-cover .wp-block-media-text .wp-block-media-text__content h1 {min-width:100%;} .wp-block-cover .wp-block-media-text .wp-block-media-text__content p {max-width:35%;font-size:25px;font-weight:700;padding-left:60px;} .wp-block-cover .wp-block-media-text .wp-block-media-text__content a, .wp-block-cover .wp-block-media-text .wp-block-media-text__content a:visited {font-weight:500;color:var(--yellow-color);text-decoration:underline;} .wp-block-cover .wp-block-media-text .wp-block-media-text__content a:hover {color:var(--yellow-hover-color);} .wp-block-cover .wp-block-columns .wp-block-column:first-child h1, .wp-block-cover .wp-block-columns .wp-block-column:first-child h6, .wp-block-cover .wp-block-columns .wp-block-column:first-child p a, .wp-block-cover .wp-block-media-text .wp-block-media-text__content > *, .page-contact .content_block article > h2, .page-contact .content_block article > h6 {position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .wp-block-cover .wp-block-columns .wp-block-column:first-child h6, .wp-block-cover .wp-block-media-text .wp-block-media-text__content > *:nth-child(2), .page-contact .content_block article > h2 {transition-delay:.4s;} .wp-block-cover .wp-block-columns .wp-block-column:first-child p a, .wp-block-cover .wp-block-media-text .wp-block-media-text__content > *:nth-child(3) {transition-delay:.6s;} .wp-block-cover .wp-block-columns .wp-block-column:first-child p a:nth-child(2) {transition-delay:.8s;} .wp-block-cover .wp-block-columns .wp-block-column.inview:first-child h1, .wp-block-cover .wp-block-columns .wp-block-column.inview:first-child h6, .wp-block-cover .wp-block-columns .wp-block-column.inview:first-child p a, .wp-block-cover .wp-block-media-text .wp-block-media-text__content.inview > *, .page-contact .content_block article > h2.inview, .page-contact .content_block article > h6.inview {opacity:1;top:0;} /* Footer */ .footer {background:var(--link-color);color:#F5F5F5;position:relative;padding:0 0 40px 0;margin-top:100px;} .footer:before {content:'';background:var(--link-color);position:absolute;top:-100px;left:0;width:100%;height:220px;border-radius:60% 50px 0 0;transform:rotate(3deg);} .footer a, .footer a:visited {color:#F5F5F5;} .footer a:hover {color:#fff;} .footer .wp-block-columns .wp-block-column {font-size:18px;line-height:2;padding-bottom:40px;position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .footer .wp-block-columns .wp-block-column:nth-child(2) {transition-delay:.4s;} .footer .wp-block-columns .wp-block-column:nth-child(3) {transition-delay:.6s;} .footer .wp-block-columns .wp-block-column:nth-child(4) {transition-delay:.8s;} .footer .wp-block-columns .wp-block-column:nth-child(5) {transition-delay:1s;} .footer .wp-block-columns.inview .wp-block-column {opacity:1;top:0;} .footer .wp-block-columns .wp-block-column h6 {font-size:20px;font-weight:700;padding:34px 0;} .footer .wp-block-columns .wp-block-column:first-child {padding-top:130px;min-width:200px;background:url(images/logo2.png) left top/200px auto no-repeat;} .footer .menu-social-menu-container {position:static;transform:none;animation:none;} .footer .menu-social-menu-container ul {display:flex;} .footer .menu-social-menu-container ul li {padding:0;} .footer .menu-social-menu-container ul li:nth-last-child(2) {order:-1;} .footer .menu-social-menu-container ul li:last-child {display:none;} .footer .menu-social-menu-container ul li a {border-radius:0;width:40px;height:40px;background-color:transparent;} .footer .menu-social-menu-container ul li a:hover {background-color:transparent;} /* Footer Form */ .footer_form {position:relative;} .footer_form:before {content:'';display:block;width:216px;height:216px;background:var(--yellow-color);border-radius:0 60% 50% 0;position:absolute;bottom:-40px;left:calc(50% + 340px);} .footer_form .gform_wrapper {max-width:878px;background:url(images/demo/horn-news.svg) right 0 bottom -60px/293px auto no-repeat, url(images/demo/yellow-stripes-news.svg) -100px -260px no-repeat, var(--secondary-color);border-radius:89px 89px 0 0;margin-bottom:-50px;padding-bottom:120px;overflow:hidden;position:relative;transition:all ease-in-out .45s .2s;opacity:0;top:30px;} .footer_form.inview .gform_wrapper {opacity:1;top:0;} .footer_form .gform_wrapper .gform_heading h2 {font-size:45px;} .footer_form .gform_wrapper .gform_body {max-width:586px;margin:0 auto;} .footer_form .gform_wrapper .gform_body .gfield {padding-bottom:21px;} .footer_form .gform_wrapper .gform_body .gfield input[type="email"] {height:68px;text-align:center;font-size:21px;} .footer_form .gform_wrapper .gform_footer {max-width:586px;margin:0 auto;} .footer_form .gform_wrapper .gform_footer .button, .footer_form .gform_wrapper .gform_footer .button:visited {height:66px;font-size:20px;background-color:transparent;} .footer_form .gform_wrapper .gform_footer .button:hover {background-color:var(--secondary-hover-color);} .footer_form .gform_confirmation_wrapper {max-width:878px;background:url(images/demo/horn-news.svg) right 0 bottom -60px/293px auto no-repeat, url(images/demo/yellow-stripes-news.svg) -100px -260px no-repeat, var(--secondary-color);border-radius:89px 89px 0 0;margin-bottom:-50px;padding-bottom:120px;overflow:hidden;position:relative;} /* Copyright */ .copyright {background:#5A4B7B;color:#fff;padding:23px 0;font-size:17px;} .copyright .wrapper {display:flex;align-items:center;justify-content:space-between;} .copyright p {padding-bottom:0;} .copyright ul {display:flex;} .copyright ul li:not(:last-child):after {content:'|';padding:0 10px;} .copyright ul li a, .copyright ul li a:visited {color:#fff;} .copyright ul li a:hover {color:#F5F5F5;} /* Media Queries */ /* Desktop Wide */ @media only screen and (max-width: 1610px) { /* Header */ .header nav > ul > li {padding-right:40px;} .header nav > ul > li:nth-child(3) {padding-right:22%;} } @media only screen and (max-width: 1550px) { /* Header */ .header {padding:0;} .header nav > ul > li {padding-right:30px;} .header nav > ul > li:nth-child(3) {padding-right:25%;} } @media only screen and (max-width: 1460px) { /* Header */ .logo {width:188px;height:110px;background-size:144px auto;} .header {min-height:67px;} .search .logo, .search .header .menu_trigger {visibility:hidden;opacity:0;} .header .searchform {top:15px;left:auto;right:30px;width:calc(100% - 60px);} .header .searchform > div {display:flex;justify-content:flex-end;align-items:center;} .header .searchform label {display:none;position:static;clip:auto;clip-path:none;cursor:pointer;height:37px;margin:0;min-width:50px;width:50px;background:url(images/icons/arrow-search.svg) center center/30px auto no-repeat;font-size:0;line-height:0;} .search .header .searchform label {display:inline-block;} .header .searchform input[type="text"] {background-color:transparent;color:transparent;background-size:26px auto;border-radius:0;max-width:45px;width:45px;padding-left:0;font-size:19px;} .header .searchform input[type="text"]::placeholder {color:transparent;} .header .searchform input[type="text"]:focus {background-position:right center;padding:0 35px 0 10px;width:100%;max-width:100%;color:#78659A;} .header .searchform input[type="text"]:focus::placeholder {color:#78659A;} /* Top menu */ html.active {overflow:hidden;} .menu_trigger {display:block;} .header .top_menu {position:fixed;top:0;transform:translateY(-100%);left:0;width:100%;height:100%;overflow:auto;opacity:0;background:#fff url(images/demo/yellow-circle.svg) calc(50% - 60px) top/130px auto no-repeat;padding:180px 30px 30px 30px;z-index:999;box-sizing:border-box;transition:transform ease-in-out .3s, opacity ease-in-out .3s;} .header .top_menu.active {transform:translateY(0%);opacity:1;} .header .top_menu .menu-social-menu-container {display:block;position:static;transform:none;animation:none;} .header .top_menu .menu-social-menu-container ul {display:flex;justify-content:flex-end;} .header .top_menu .menu-social-menu-container ul li {padding:0;transition:opacity .7s cubic-bezier(.215,.61,.355,1),transform .7s cubic-bezier(.215,.61,.355,1);opacity:0;} .header.active .top_menu .menu-social-menu-container ul li {opacity:1;} .header .top_menu .menu-social-menu-container ul li {transition-duration:.85s;} .header .top_menu .menu-social-menu-container ul li:first-child {transition-delay:1.4s;} .header .top_menu .menu-social-menu-container ul li:nth-child(2) {transition-delay:1.5s;} .header .top_menu .menu-social-menu-container ul li:nth-child(3) {transition-delay:1.3s;} .header .top_menu .menu-social-menu-container ul li:nth-last-child(2) {order:-1;} .header .top_menu .menu-social-menu-container ul li:last-child {display:none;} .header .top_menu .menu-social-menu-container ul li a {border-radius:0;width:48px;height:48px;background-color:transparent;filter:brightness(0) saturate(100%) invert(69%) sepia(18%) saturate(895%) hue-rotate(73deg) brightness(93%) contrast(88%);} .header .top_menu .menu-social-menu-container ul li a:hover {background-color:transparent;} .header nav > ul {display:block;} .header nav > ul > li {font-size:21px;padding:0 0 33px 0;transition:opacity .7s cubic-bezier(.215,.61,.355,1),transform .7s cubic-bezier(.215,.61,.355,1);opacity:0;} .header.active nav > ul > li {opacity:1;} .header nav > ul > li {transition-duration:.85s;} .header nav > ul > li:first-child {transition-delay:.70s;} .header nav > ul > li:nth-child(2) {transition-delay:.80s;} .header nav > ul > li:nth-child(3) {transition-delay:.9s;} .header nav > ul > li:nth-child(4) {transition-delay:1s;} .header nav > ul > li:nth-child(5) {transition-delay:1.1s;} .header nav > ul > li:nth-child(6) {transition-delay:1.2s;} .header nav > ul > li > a {display:inline-block;padding:0;} .header nav > ul > li:nth-child(3) {padding-right:0;} .header nav > ul > li.menu-item-has-children > span {display:inline-block;position:relative;vertical-align:middle;} .header nav > ul > li.menu-item-has-children > span span {background:url(images/icons/arrow.png) center center/15px auto no-repeat;display:inline-block;width:35px;height:25px;cursor:pointer;position:relative;top:5px;transform:rotate(180deg);} .header nav > ul > li.menu-item-has-children.active > span span {transform:none;} .header nav > ul > li ul {padding:5px 0 0 0;position:static;border-radius:0;background:none;display:none;} .header nav > ul > li:nth-child(3) ul {max-width:100%;} .header nav > ul > li ul li {font-weight:500;font-size:19px;padding-top:5px;} html.active .menu-social-menu-container {display:none;} } @media only screen and (max-width: 1300px) { /* Media content */ .media_content_big figure figcaption {padding-left:285px;} } @media only screen and (max-width: 1200px) { /* Single */ .single_block .wrapper {display:flex;flex-wrap:wrap;} .single_block .wrapper article {flex-basis:100%;} .single_block aside {margin:0 auto;float:none;order:5;} .single_block aside .wp-block-image {margin:0 0 80px 0;} /* Contact */ .wp-block-cover .wp-block-columns {display:block;} .wp-block-cover .wp-block-media-text {margin:0 0 -110px 0;display:flex;flex-wrap:wrap;} .wp-block-cover .wp-block-media-text .wp-block-media-text__media {margin:0 auto;} .wp-block-cover .wp-block-media-text .wp-block-media-text__content {order:-1;padding:80px 0 0 0;} .wp-block-cover .wp-block-media-text .wp-block-media-text__content p:nth-child(2) {padding-left:0;} } @media only screen and (max-width: 1100px) { /* Circle tabs */ .circle_tabs {display:block;padding-bottom:250px;} .circle_tabs > div {margin:0;} .tab_select {position:absolute;top:200px;left:50%;transform:translateX(-50%);} .tab_content {margin-top:250px;padding-top:250px;} } /* Tablets and mobiles */ @media only screen and (max-width: 959px) { body {font-size:17px;} h1 {font-size:34px;padding-bottom:40px;} h1.is-style-alt {font-size:44px;} h2 {font-size:40px;} h3 {font-size:30px;} h4 {font-size:23px;} h4.is-style-alt {font-size:19px;} h5 {font:900 22px/1.2 'Museo';color:var(--primary-color);padding-bottom:10px;} h5.is-style-alt {font-weight:700;font-size:20px;padding-bottom:34px;} h6 {font-size:18px;} h6.is-style-alt {font-size:18px;margin-bottom:30px;} p {padding-bottom:30px;} body > .menu-social-menu-container {display:none;} .page-id-883 .tab_select{top: 220px;} /* Form */ input[type="text"], input[type="email"], input[type="tel"], textarea {font-size:17px;height:50px;} .gform_wrapper {border-radius:35px;padding:40px 30px 40px 30px;} .gform_confirmation_wrapper {border-radius:35px;padding:40px 30px 40px 30px;} /* Buttons */ .button, .button:visited, .wp-block-button__link, .wp-block-button__link:visited, .searchform input[type="submit"] {height:46px;font-size:16px;} /* Header */ .logo {transition:all ease-in-out .3s;} .logo.headroom--unpinned:not(.active) {transform:translate(-50%, -75%);opacity:0;} /* Heading */ .heading {margin-bottom:50px;} .heading:before, .heading img {border-radius:0 0 12% 0;} .heading header {min-height:290px;} /* CTA slider */ .cta_slider figure > div {display:none;} .cta_slider figure > div.tablet {display:block;} .cta_slider figure {padding:64px 0 540px 0;} .cta_slider .slick-dots {bottom:40px;} /* Media content */ .media_content {padding:75px 0 10px 0;} .media_content.yellow_rect:before {top:-100px;right:-60px;width:180px;height:325px;} .media_content figure {display:block;padding-top:300px;} .media_content figure > div {margin:0 auto;width:310px;height:310px;padding:30px;position:absolute;top:50px;left:50%;transform:translateX(-50%);} .media_content figure > div:before {top:30px;left:30px;width:340px;height:334px;background-image:url(images/demo/img-placeholder-2.png);} .media_content figure > div img {border-width:9px;} .media_content.yellow_rect figure > div img, .media_content:not(.image_right) figure > div img {border-width:10px;top:5px;left:12px;} .media_content figure figcaption {border-radius:0 50px 0 0;padding:90px 30px 30px 30px;} .media_content figure figcaption h4 {font-size:34px;} .media_content figure figcaption .wp-block-button__link {font-size:16px;height:46px;} .media_content.image_right {padding:40px 0 180px 0;} .media_content.image_right figure {padding-top:0;} .media_content.image_right figure > div {margin:0;top:auto;bottom:0;left:auto;right:-50px;width:auto;height:auto;transform:none;} .media_content.image_right figure > div:before {display:none;} .media_content.image_right figure > div img {border:9px solid #fff;width:192px;height:192px;box-sizing:border-box;} .media_content.image_right figure figcaption h4 {font-size:28px;} .media_content.image_right figure figcaption {border-radius:0 50px 0 0 ;padding:45px 30px 80px 30px;} .media_content.image_right figure > div .hand {margin-top:200px;left:auto;right:120px;width:70px;height:80px;} .media_content_big {padding:260px 0 100px 0;} .media_content_big:before {background:url(images/demo/pattern-circles.svg) 40px 50px/300px auto no-repeat, url(images/demo/kikk-outline.svg) left bottom/100% auto no-repeat;} .media_content_big figure {padding:0;} .media_content_big figure .hand {margin-top:350px;left:auto;right:20px;width:42px;height:60px;} .media_content_big figure > div:first-child {transform:scale(.55);top:-80px;left:-85px;} .media_content_big figure > div:nth-child(2) {transform:scale(.5);bottom:auto;top:90px;left:auto;right:-110px;} .media_content_big figure figcaption {border-radius:0 40px 0 0;padding:120px 30px 70px 30px;} .media_content_big figure figcaption h4 {font-size:34px;} /* Group block */ .page .wp-block-group {padding-bottom:120px;} .page .wp-block-group:before {width:110%;background-position:center bottom;} /* Tool slider */ .tool_slider {padding:80px 0 0 0;margin-bottom:370px;} .tool_slider:after {width:300px;height:351px;} .tool_slider h1 {font-size:34px;margin-bottom:-290px;padding-bottom:0;} .tool_slider > div {bottom:-330px;margin:0 -20px;} .tool_slider > div.inview {bottom:-300px;} .tool_slider .slick-slide {padding:40px 20px 10px 20px;} .tool_slider .slick-slide > div {padding:60px 40px;} .tool_slider .slick-slide h4 {position:relative;padding-bottom:25px;font-size:26px;} .tool_slider .slick-slide .button {padding:5px 10px;width:100%;max-width:270px;margin-top:25px;} /*.tool_slider .slick-slide > div {background:var(--link-color);color:#fff;padding:60px 40px;} .tool_slider .slick-slide h4 {color:var(--yellow-color);position:relative;padding-bottom:25px;font-size:26px;} .tool_slider .slick-slide .button {padding:5px 10px;width:100%;max-width:270px;margin-top:25px;} .tool_slider .slick-slide h4:before {content:'';display:block;width:58px;height:45px;background:#fc636b url(images/icons/heart.png) center center/27px auto no-repeat;border-radius:11px;position:absolute;top:-80px;left:calc(50% - 28px);} .tool_slider .slick-slide h4:after {bottom:calc(100% + 15px);left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#fc636b;border-width:10px;margin-left:-10px;} .tool_slider .slick-slide .button {max-width:320px;color:var(--link-color);background-color:var(--yellow-color);border-color:var(--yellow-color);} .tool_slider .slick-slide .button:hover {color:var(--link-color);background-color:var(--yellow-hover-color);border-color:var(--yellow-hover-color);}*/ .tool_slider .slick-arrow {right:5px;width:34px;height:40px;} .tool_slider .slick-prev {right:auto;left:5px;} /* Circle tabs */ .circle_tabs {padding-bottom:150px;} .circle_tabs:before {width:370px;height:270px;bottom:70px;left:-166px;} .circle_tabs > div > p {text-align:center;font-size:20px;} .circle_tabs > div > h3 {text-align:center;font-size:26px;} .circle_tabs > div > h3:after {width:48px;height:4px;margin:15px auto 15px auto;} .tab_select {width:490px;height:490px;top:85px;left:50%;transform:translateX(-50%) scale(.45);} .tab_content {margin-top:150px;border-radius:0 30px 0 30px;padding:150px 30px 0 30px;} .tab_content h4 {font-size:27px;padding:0 45px 22px 0;background-size:28px auto;} /* Hero slider */ .hero_slider {margin-bottom:100px;background:url(images/demo/blob-purple.svg) top right -200px/400px auto no-repeat, url(images/demo/blob-purple-2.svg) bottom 20px left -225px/300px auto no-repeat, url(images/demo/blob-yellow.svg) calc(50% - 60px) -30px/150px auto no-repeat;} .hero_slider:before {width:45%;background:url(images/demo/shape-purple.svg) right -30px bottom 35px/80px auto no-repeat, url(images/demo/pattern-circles.svg) right -100px top 67%/280px auto no-repeat;} .hero_slider figure {padding-bottom:300px;min-height:500px;} .hero_slider figure > div {top:auto;bottom:-200px;right:-55vw;height:850px;width:200vw;transform:scale(.5);} .hero_slider figure figcaption {min-height:650px;padding-top:200px;justify-content:flex-start;} .hero_slider figure figcaption h1 {font-size:44px;} .hero_slider figure figcaption p {font-size:19px;} .hero_slider figure figcaption .button {max-width:190px;} .hero_slider .slick-dots {bottom:75px;right:0;width:100%;} .hero_slider .slick-dots li a {width:23px;height:23px;} .hero_slider .slick-dots li a span {width:12px;height:12px;} /* Accordion block */ .accordion_block {padding:70px 0 100px 0;} .accordion_block:before {background-size:270px auto;} .accordion_block header p {font-size:20px;} .accordion_block header h3 {font-size:34px;} .accordion_block dl {max-width:100%;} .accordion_block dl dt {padding:15px;margin-bottom:14px;} .accordion_block dl dt div img {min-width:40px;} .accordion_block dl dt h4 {font-size:27px;} .accordion_block dl dd {margin-bottom:120px;margin-top:-1px;padding:0 28px 70px 20px;position:relative;} .accordion_block dl .img {top:auto;bottom:-100px;left:auto;right:-10px;width:190px;height:190px;padding:5px 5px 25px 25px;background:url(images/demo/activiteiten-placeholder.png) center center/contain no-repeat;} .accordion_block dl .img:before {display:none;} .accordion_block dl dd[style="display: none;"] ~ dd[style="display: none;"] ~ dd[style="display: none;"] + .img {top:auto;bottom:-20px;} /* History block */ .history_block {padding:80px 0 10px 0;} .history_block:before {background-size:200px auto;} .history_block figure {display:block;} .history_block figure > div {width:234px;margin:0 auto -90px auto;position:relative;z-index:10;} .history_block figure figcaption {padding:115px 30px 20px 30px;} .history_block figure figcaption:before {bottom:-26px;right:-26px;width:80px;height:80px;} /* News list */ .news_list {padding:90px 0;} .news_list:before {bottom:50px;right:-750px;height:570px;} .news_list > header {display:block;padding-bottom:40px;} .news_list > header h1 {padding-bottom:20px;} .news_list > header a, .news_list > header a:visited {font-size:20px;} .news_list > ul {display:block;} .news_list > ul li:not(:last-child) {margin-bottom:40px;} .news_list > ul li figure > div img {height:320px;} .news_list > ul li figure figcaption p {font-size:15px;padding-bottom:15px;} .posts_list_wrap.news_list {padding-bottom:50px;} .posts_list_wrap.news_list > ul {display:block;} .posts_list_wrap.news_list > ul li {width:100%;} .posts_list_wrap.news_list > ul li figure {margin:0;} .posts_list_wrap.news_list > ul li:first-of-type, .posts_list_wrap.news_list > ul li:nth-of-type(2) {width:100%;} .posts_filter {padding:46px 20px;} .posts_filter > div > span {display:block;position:relative;z-index:10;cursor:pointer;box-shadow:0 0 20px #0000002B;background:var(--link-color);color:#F5F5F5;padding:10px;box-sizing:border-box;border-radius:50px 40px 30px 30px;font-size:22px;font-weight:900;width:240px;text-align:center;} .posts_filter > div > span:after {content:'';display:inline-block;background:url(images/icons/arrow2.png) center center/18px auto no-repeat;width:20px;height:13px;margin-left:10px;} .posts_filter > div.active > span:after {transform:rotate(180deg);} .posts_filter > div.active > span {border-radius:0 0 30px 30px;box-shadow:none;} .posts_filter ul {font-size:18px;display:none;padding:3px 10px;border-radius:20px 30px 0 0;transform:none;} .posts_filter .active ul {display:block;} .posts_filter ul li {padding:10px;} .posts_filter ul li.all {display:block;} .campaign_posts_filter {background:none;display:block;padding:0;min-height:1px;font-size:17px;margin-bottom:40px;} .campaign_posts_filter > div {background:url(images/icons/mobile-1.svg) center center/contain no-repeat;min-height:67px;max-width:352px;margin:0 auto 20px auto;display:flex;align-items:center;box-sizing:border-box;padding:5px 15px 5px 35px;} .campaign_posts_filter > div:first-of-type {padding-right:15px;background-image:url(images/icons/mobile-2.svg);min-height:57px;max-width:345px;z-index:10;} .campaign_posts_filter > div > span {background-size:8px auto;} .campaign_posts_filter > div > ul {top:64px;right:40px;} .campaign_posts_filter > div > ul:before {top:-8px;height:27px;} .campaign_posts_filter > div:first-of-type > span {padding-left:43px;} .campaign_posts_filter > div:first-of-type > ul {top:55px;} /* Single */ .single_block {background:none;padding-bottom:10px;} /*.single_block .wrapper {display:block;}*/ .single_block article > header p:last-child {font-size:15px;} .single_block aside {width:100%;display:flex;flex-flow:column wrap;} .single_block aside .widget_media_image {order:2;} .single_block aside .wp-block-image {margin:0;padding:15px;text-align:center;} .single_block aside .wp-block-image img {height:290px;width:290px;} .single_block aside .wp-block-group {border-radius:15px;padding:22px 90px 32px 32px;margin:50px 0 -30px 0;} .single_block aside .wp-block-group:before {width:65px;height:85px;right:15px;} .single_block aside .wp-block-group p {font-size:16px;} /* Contact */ .page-contact .content_block {padding-bottom:60px;} .wp-block-cover {padding:170px 0 0 0;margin-bottom:180px;} .wp-block-cover:before {display:none;} .wp-block-cover .wp-block-columns {display:block;} .wp-block-cover .wp-block-columns .wp-block-column h6 {margin:0 0 30px 0;} .wp-block-cover .wp-block-columns .wp-block-column p a, .wp-block-cover .wp-block-columns .wp-block-column p a:visited {font-size:19px;padding:5px 0 5px 32px;background-size:20px auto;display:inline-block;margin:5px 10px 5px 0;} .wp-block-cover .wp-block-columns .gform_wrapper {margin:40px auto 70px auto;} .wp-block-cover .wp-block-media-text {display:flex;flex-wrap:wrap !important;margin:0 0 -110px 0;} .wp-block-cover .wp-block-media-text .wp-block-media-text__media img {border-width:15px;box-sizing:border-box;} .wp-block-cover .wp-block-media-text .wp-block-media-text__content {padding:0;max-width:100%;} .wp-block-cover .wp-block-media-text .wp-block-media-text__content p {max-width:40%;font-size:20px;} /* Footer */ .footer {padding:50px 0 0 0;margin-top:-10px;} .footer:before {top:-30px;height:30px;border-radius:0;transform:none;clip-path:polygon(0 0, 0% 100%, 100% 100%);} .footer .wp-block-columns {display:block;} .footer .wp-block-columns .wp-block-column {font-size:17px;line-height:2;} .footer .wp-block-columns .wp-block-column:nth-child(2) {padding-bottom:5px;} .footer .wp-block-columns .wp-block-column h6 {padding:0 0 16px 0;} .footer .wp-block-columns .wp-block-column:first-child {padding:60px 0 0 175px;margin-bottom:40px;box-sizing:border-box;min-width:100%;background-size:170px auto;} .footer .wp-block-columns .wp-block-column:not(:first-child) .widget_nav_menu ul {display:flex;flex-wrap:wrap;} .footer .wp-block-columns .wp-block-column:not(:first-child) .widget_nav_menu ul li {width:50%;} .footer .menu-social-menu-container ul {justify-content:flex-end;} /* Footer Form */ .footer_form {margin:0 30px;} .footer_form:before {width:147px;height:147px;border-radius:0 60% 50% 0;bottom:-50px;left:auto;right:-30px;} .footer_form .gform_wrapper {background-size:170px auto, 350px auto;border-radius:50px 50px 0 0;margin-bottom:0;} .footer_form .gform_wrapper .gform_heading {font-size:19px;} .footer_form .gform_wrapper .gform_heading h2 {font-size:30px;} .footer_form .gform_wrapper .gform_body .gfield input[type="email"] {height:50px;font-size:17px;} .footer_form .gform_wrapper .gform_footer .button, .footer_form .gform_wrapper .gform_footer .button:visited {height:50px;font-size:17px;} .footer_form .gform_confirmation_wrapper {background-size:170px auto, 350px auto;border-radius:50px 50px 0 0;margin-bottom:0;} /* Copyright */ .copyright {font-size:15px;} .copyright .wrapper {display:block;text-align:center;} .copyright p {padding-bottom:10px;} .copyright ul {flex-wrap:wrap;justify-content:center;font-size:14px;} } /* Mobile portrait and landscape modes */ @media only screen and (max-width: 767px) { /* CTA slider */ .cta_slider figure > div.tablet {display:none;} .cta_slider figure > div.mobile {display:block;} } /*tegenmoet komen training form code*/ .kikk-p { font-size: 15px; line-height: 27px; padding-bottom: 20px !important; } .kikk-name, .kikk-name-2, .kikk-name-3, .kikk-choose, .kikk-date, .kikk-upload, .kikk-upload-2, .kikk-iban, .kikk-bank, .kikk-accept, .kikk-nummer, .kikk-email { font-size: 16px; font-weight: 700; margin-bottom: 8px; padding: 10px; border: none; } .kikk-date { align-content: flex-start; align-items: center; display: flex; } div#gform_wrapper_3, div#gform_wrapper_8, .form_restyle div.gform_wrapper { max-width: 878px; background: #e4e0eb; margin-bottom: 200px; } .Praktijkopleider-style_wrapper span.gfield_required { color: red; margin-left: 2px; font-style: italic; font-weight: 400; font-size: 13px; } input#input_3_17_3, input#input_3_20_3, input#input_3_20_6, input#input_3_38, input#input_3_22_3, input#input_3_22_6, input#input_3_24, input#input_3_30_3, input#input_3_31_3, input#input_3_21, input#input_3_43, input#input_3_42, input#input_8_17_3, input#input_8_20_3, input#input_8_20_6, input#input_8_38, input#input_8_22_3, input#input_8_22_6, input#input_8_24, input#input_8_30_3, input#input_8_31_3, input#input_8_21, input#input_8_43, input#input_8_42, .form_restyle .gform_wrapper input{ border-radius: 5px; margin-bottom: 15px } .form_restyle .gform_wrapper label { display: block !important; } div#field_3_24, div#field_3_27, div#field_8_24, div#field_8_27 { flex-direction: column; align-items: flex-start; } div#field_3_11, div#field_8_11 { padding-left: 10px; } label#label_3_32_1, label#label_8_32_1, .Praktijkopleider-style_wrapper label.gfield_label.gform-field-label{ display: block !important; } div.gchoice.gchoice_3_32_1, div.gchoice.gchoice_8_32_1 { display: flex; align-items: center; } div#input_3_32 label, div#input_8_32 label { order: 2; margin-left: 5px; } div#gfield_description_3_24, div#gfield_description_3_27, div#gfield_description_3_28, div#gfield_description_3_30, div#gfield_description_3_31, div#gfield_description_3_31, div#gfield_description_3_32, div#gfield_description_8_24, div#gfield_description_8_27, div#gfield_description_8_28, div#gfield_description_8_30, div#gfield_description_8_31, div#gfield_description_8_31, div#gfield_description_8_32 { font-size: 14px; } input#gform_submit_button_3, input#gform_submit_button_8, .form_restyle .gform_footer input.button[type="submit"] { background-color: #78659A; border-color: #78659A; } .form_restyle .gform_body .gfield--input-type-address { padding: 20px 10px; border:unset; } div#ui-datepicker-div { background: white; } label.gfield_label.gform-field-label{ padding-inline: 2px; } .Praktijkopleider-style_wrapper h2 { color:#78659A !important; text-shadow: none !important; } /*tegenmoet komen training form end code*/