@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.chosen-container,.noUi-target,.noUi-target *{-webkit-user-select:none;-ms-user-select:none}.chosen-container{position:relative;display:inline-block;vertical-align:middle;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//workned.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover,.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//workned.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 0 2px no-repeat}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//workned.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 100% -20px no-repeat;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;font-size:100%;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//workned.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close,.chosen-disabled .chosen-single{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//workned.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -30px -20px no-repeat;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//workned.nl/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.noUi-pips,.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.searchandfilter-date-picker .ui-helper-hidden{display:none}.searchandfilter-date-picker .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.searchandfilter-date-picker .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.searchandfilter-date-picker .ui-helper-clearfix:after,.searchandfilter-date-picker .ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.searchandfilter-date-picker .ui-helper-clearfix:after{clear:both}.searchandfilter-date-picker .ui-helper-clearfix{min-height:0}.searchandfilter-date-picker .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.searchandfilter-date-picker .ui-front{z-index:100}.searchandfilter-date-picker .ui-state-disabled{cursor:default!important}.searchandfilter-date-picker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.searchandfilter-date-picker .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.searchandfilter-date-picker .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{top:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{left:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next{right:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{left:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover{right:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;display:inline-block}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year{width:100%}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year{width:49%}.searchandfilter-date-picker .ui-icon{width:16px;height:16px;background-position:16px 16px}.searchandfilter-date-picker .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.searchandfilter-date-picker .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.searchandfilter-date-picker .ui-datepicker td{border:0;padding:1px}.searchandfilter-date-picker .ui-datepicker td a,.searchandfilter-date-picker .ui-datepicker td span{display:block;text-align:center;text-decoration:none}.searchandfilter-date-picker .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ll-skin-melon .ui-datepicker{padding:0}.ll-skin-melon .ui-datepicker-header{border:none;background:0 0;font-weight:400;font-size:15px}.ll-skin-melon .ui-datepicker-header .ui-state-hover{background:0 0;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ll-skin-melon .ui-datepicker .ui-datepicker-title{margin-top:.4em;margin-bottom:.3em;color:#e9f0f4}.ll-skin-melon .ui-datepicker .ui-datepicker-next,.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,.ll-skin-melon .ui-datepicker .ui-datepicker-prev,.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{top:.9em;border:none}.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{left:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover{right:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next span,.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-image:url(//workned.nl/wp-content/plugins/search-filter-pro/public/assets/img/ui-icons_ffffff_256x240.png);background-position:-32px 0;margin-top:0;top:0;font-weight:400}.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ll-skin-melon .ui-datepicker table{margin:0}.ll-skin-melon .ui-datepicker th{padding:1em 0;color:#ccc;font-size:13px;font-weight:400;border:none;border-top:1px solid #3a414d}.ll-skin-melon .ui-state-disabled{opacity:1}.ll-skin-melon .ui-state-disabled .ui-state-default{color:#fba49e} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-ms-touch-action:none;touch-action:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr;background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0;border-radius:3px}.noUi-handle,.noUi-tooltip{position:absolute;border:1px solid #D9D9D9}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.searchandfilter p{margin-top:1em;display:block}.searchandfilter ul{display:block;margin-top:0;margin-bottom:0}.searchandfilter ul li{list-style:none;display:block;padding:10px 0;margin:0}.searchandfilter ul li li{padding:5px 0}.searchandfilter ul li ul li ul{margin-left:20px}.searchandfilter label{display:inline-block;margin:0;padding:0}.searchandfilter>ul>li[data-sf-combobox="1"] label{display:block}.searchandfilter li[data-sf-field-input-type=checkbox] label,.searchandfilter li[data-sf-field-input-type=radio] label,.searchandfilter li[data-sf-field-input-type=range-checkbox] label,.searchandfilter li[data-sf-field-input-type=range-radio] label{padding-left:10px}.searchandfilter .sf-date-prefix{padding-right:5px;display:inline-block}.searchandfilter .sf-count,.searchandfilter .sf-date-postfix{padding-left:5px;display:inline-block}.searchandfilter .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.searchandfilter h4{margin:0;padding:5px 0 10px;font-size:16px}.searchandfilter .sf-range-max,.searchandfilter .sf-range-min{max-width:80px}.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,.searchandfilter .sf-meta-range-radio-fromto .sf-range-min{display:inline-block;vertical-align:middle}.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator{vertical-align:middle;display:inline-block;margin:0 15px}.searchandfilter .datepicker{max-width:170px}.searchandfilter select.sf-input-select{min-width:170px}.searchandfilter select.sf-range-max.sf-input-select,.searchandfilter select.sf-range-min.sf-input-select{min-width:auto}.searchandfilter ul>li>ul:not(.children){margin-left:0}.searchandfilter .meta-slider{margin-top:10px;margin-bottom:10px;height:15px;max-width:220px}.searchandfilter .noUi-connect{background-color:#526E91}.searchandfilter.search-filter-disabled .noUi-connect{opacity:.7}.searchandfilter .noUi-horizontal.noUi-extended{padding:0 10px}.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin{right:-10px}.searchandfilter .noUi-handle{border-color:#ccc}.searchandfilter .noUi-horizontal .noUi-handle{width:24px;height:24px;top:-5px;border-radius:20px;left:-12px}.searchandfilter .noUi-horizontal .noUi-handle:after,.searchandfilter .noUi-horizontal .noUi-handle:before{height:9px;top:7px}.searchandfilter .noUi-horizontal .noUi-handle:before{left:9px}.searchandfilter .noUi-horizontal .noUi-handle:after{left:12px}.search-filter-scroll-loading{display:block;margin:20px 10px 10px;height:30px;width:30px;animation:search-filter-loader-rotate .7s infinite linear;border:5px solid rgba(0,0,0,.15);border-right-color:rgba(0,0,0,.6);border-radius:50%}@keyframes search-filter-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ll-skin-melon{font-size:90%}.ll-skin-melon .ui-datepicker td{background:#f7f7f7;border:none;padding:0}.ll-skin-melon .ui-datepicker th{border-color:#4D6077}.ll-skin-melon .ui-widget{font-family:inherit;background:#526E91;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.searchandfilter.horizontal ul>li{display:inline-block;padding-right:10px}.searchandfilter.horizontal ul>li li{display:block}.ll-skin-melon td .ui-state-default{background:0 0;border:none;text-align:center;padding:.3em;margin:0;font-weight:400;color:#6C88AC;font-size:14px}.ll-skin-melon td .ui-state-active{background:#526E91;color:#fff}.ll-skin-melon td .ui-state-hover{background:#C4D6EC}.searchandfilter li.hide,.searchandfilter select option.hide{display:none}.searchandfilter .disabled{opacity:.7}.chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto;padding:5px;color:#666;font-family:inherit}.chosen-container{font-size:14px}.chosen-container-single .chosen-single{height:auto}.chosen-container-multi .chosen-choices li.search-choice{margin:3px 3px 3px 5px}.search-filter-results .sf-active{font-weight:700}.search-filter-results .sf-disabled{opacity:.5}
   :root { 
--grid-size-xl: 150rem;
--grid-size-lg: 128rem;
--grid-size-md: 108rem;
--grid-size-sm: 74rem;
--grid-size-xs: ;
--grid-padding: 3rem;
--color-black: #383838;
--color-orange: #FF6F03;
--color-lightorange: #FCEFE9;
--color-darkorange: #DF6103;
--color-purple: #735AAF;
--color-lightpurple: #EBE8F4;
--color-darkpurple: #564483;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*:focus,
*:active {
outline: none;
}
html {
font-size: 62.5%;
}
body {
font-family: 'Satoshi';
font-size: 1.8rem;
font-weight: 400;
line-height: 1.6;
-webkit-font-smoothing: antialiased;    
font-smoothing: antialiased;
color: var(--color-black);
text-rendering: optimizeLegibility;
} h1,
h2,
h3,
h4,
h5 {
margin: 0;
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
h1 {
margin-bottom: 2rem;
font-size: 7rem;
line-height: 1;
}
h2,
h1.small {
margin-bottom: 2rem;
font-size: 4.5rem;
line-height: 1.1;
}
h3,
h2.small {
margin-bottom: 1rem;
font-size: 3.2rem;
line-height: 1.2;
}
h4,
h3.small {
margin-bottom: .5rem;
font-size: 2.6rem;
line-height: 1.2;
}
h5 {
margin-bottom: .5rem;
font-size: 1.8rem;
line-height: 1.3;
} p {
margin: 0 0 3rem;
}
p:empty {
display: none;
}
p:last-child {
margin: 0;
}
a {
color: var(--color-black);
text-decoration: underline;
transition: .3s;
}
a:hover {
color: var(--color-orange);
}
blockquote {
font-size: 2.4rem;
font-weight: 600;
font-style: italic;
line-height: 1.4;
}
.underline {
text-decoration: underline;
} ul,
ol {
margin: 0 0 3rem;
padding-left: 2rem;
} ul.checklist {
list-style-type: none;
padding-left: 0;
}
ul.checklist li {
position: relative;
padding-left: 3.5rem;
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-size: 2rem;
font-weight: 500;
}
ul.checklist li:not(:first-child) {
margin-top: .5rem;
}
ul.checklist li::before {
content: '';
position: absolute;
top: .3rem;
left: 0;
width: 2.2rem;
height: 2.2rem;
border-radius: 50%;
background-color: var(--color-orange);
background-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/icon-checkmark-white.svg);
background-repeat: no-repeat;
background-position: center;
}
ul.checklist.purple li::before {
background-color: var(--color-purple);
} section {
padding: 0 var(--grid-padding);
}
.row-fw,
.row-xl,
.row-lg,
.row-md,
.row-sm,
.row-xs {
width: 100%;
margin: 0 auto;
}
.row-xl {
max-width: var(--grid-size-xl);
}
.row-lg {
max-width: var(--grid-size-lg);
}
.row-md {
max-width: var(--grid-size-md);
}
.row-sm {
max-width: var(--grid-size-sm);
}
.row-xs {
max-width: var(--grid-size-xs);
}
.pt-lg {
padding-top: 12rem;
}
.pt-md {
padding-top: 8rem;
}
.pt-sm {
padding-top: 4rem;
}
.pt-none {
padding-top: 0;
}
.pb-lg {
padding-bottom: 12rem;
}
.pb-md {
padding-bottom: 8rem;
}
.pb-sm {
padding-bottom: 4rem;
}
.pb-none {
padding-bottom: 0;
} .btn {
display: inline-flex;
margin-right: 1rem;
padding: 1rem 2rem;
border: .1rem solid var(--color-black);
border-radius: .6rem;
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-size: 1.7rem;
font-weight: 500;    
line-height: 1.3;
background-color: var(--color-black);
color: white;
text-decoration: none;
transition: .3s;
}
.btn:hover {
border-color: black;
background-color: black;
color: white;
}
.btn.purple {
border-color: var(--color-purple);
background-color: var(--color-purple);
}
.btn.purple:hover {
border-color: var(--color-darkpurple);
background-color: var(--color-darkpurple);
}
.btn.orange {
border-color: var(--color-orange);
background-color: var(--color-orange);
}
.btn.orange:hover {
border-color: var(--color-darkorange);
background-color: var(--color-darkorange);
}
.btn.outline {
background-color: transparent;
color: var(--color-black);
}
.btn.outline:hover {
border-color: var(--color-black);
background-color: var(--color-black);
color: white;
}
.btn.outline.white {
border-color: white;
color: white;
}
.btn.outline.white:hover {
background-color: white;
color: var(--color-black);
}
.btn.transparent {
border-color: transparent;
background-color: transparent;
color: var(--color-black);
}
.btn.transparent:hover {
text-decoration: underline;
}
.btn.transparent.white {
color: white;
}
.btn.arrow::after {
content: '\f178';
margin-left: 1rem;
font-family: "Font Awesome 5 Pro";
font-weight: 400;
} .socials {
display: flex;
gap: 2.5rem;
} .bgcolor-white {
background-color: white;
}
.bgcolor-lightpurple {
background-color: var(--color-lightpurple);
}
.bgcolor-lightorange {
background-color: var(--color-lightorange);
} .logos-wrapper {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.logos-wrapper a {
display: flex;
}
.logos-wrapper img {
max-height: 4rem;
} header {
position: absolute;
top: 0;
z-index: 20;
width: 100%;
padding: 0 var(--grid-padding);
border-bottom: .1rem solid #eee;
background-color: white;
transition: .2s;
}
header.header-light:not(.scrolled) {
border-bottom-color: transparent;
background-color: transparent;
}
header.scrolled {
position: fixed;
}
header .container {
padding: 1.7rem 0;
display: flex;
justify-content: space-between;
align-items: center;
transition: .2s;
}
header .col-l {
display: flex;
align-items: center;
gap: 4rem;
} header .logo {
display: flex;
}
header .logo img {
width: auto;
height: 4.6rem;
}
header .logo img.logo-white {
display: none;
}
header.header-light:not(.scrolled) .logo img.logo-color {
display: none;
}
header.header-light:not(.scrolled) .logo img.logo-white {
display: block;
} header ul a {
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
}
header ul.menu {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
gap: 3rem;
}
header ul.menu > li {
position: relative;
padding: .5rem 0;
}
header ul.menu > li.menu-item-has-children::after {
content: '\f107';
font-family: "Font Awesome 5 Pro";
font-size: 1.4rem;
font-weight: 400;
color: #aaa;
}
header.header-light:not(.scrolled) ul.menu > li.menu-item-has-children::after {
color: white;
}
header ul.menu > li > a {
font-size: 1.7rem;
color: var(--color-black);
}
header.header-light:not(.scrolled) ul.menu > li > a {
color: white;
}
header ul.menu > li:hover > a,
header ul.menu > li.current-menu-item > a {
text-decoration: underline;
} header ul.sub-menu {
position: absolute;
top: 4rem;
left: -2rem;
list-style-type: none;
min-width: 20rem;
margin: 0;
padding: 1.5rem 2rem;
border-radius: .6rem;
background-color: var(--color-black);
display: none;
}
header ul.sub-menu::before {
content: '\f0d8';
position: absolute;
top: -1rem;
left: 3rem;
font-family: "Font Awesome 5 Pro";
font-size: 2rem;
font-weight: 900;
line-height: 1;
color: var(--color-black);
}
header ul.menu > li.menu-item-has-children:hover > ul.sub-menu {
display: block;
}
header ul.sub-menu li:not(:first-child) {
margin-top: .75rem;
}
header ul.sub-menu a {
display: block;
position: relative;
padding-right: 3rem;
font-size: 1.6rem;
color: white;
white-space: nowrap;
}
header ul.sub-menu a::before {
content: '\f178';
position: absolute;
top: .1rem;
right: 0;
font-family: "Font Awesome 5 Pro";
font-weight: 400;
opacity: 0;
transition: .2s;
}
header ul.sub-menu a:hover::before {
opacity: 1;
}
header ul.sub-menu ul {
display: none;
} header .col-r {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 2rem;
}
header .text-wrapper > div {
display: flex;
align-items: center;
gap: 3rem;
}
header .text-wrapper .mobile {
display: none;
}
header .text-wrapper a {
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-size: 1.6rem;
font-weight: 500;
color: var(--color-black);
}
header .text-wrapper a.btn {
color: white;
margin: 0;
}
header.header-light:not(.scrolled) .text-wrapper a {
color: white;
}
header .hamburger {
width: 4.4rem;
height: 3.2rem;
background-color: white;
justify-content: center;
align-items: center;
display: none;
} header.header-dark + main,
.single-post main {
padding-top: 8rem;
} footer {
padding: 0 var(--grid-padding);
background-color: var(--color-black);
color: white;
}
footer a {
color: white;
text-decoration: none;
}
footer a:hover {
color: white;
}
footer a:hover {
text-decoration: underline;
} footer .top {
padding-top: 10rem;
display: grid;
grid-template-columns: repeat( 4, 1fr );
grid-gap: 5rem;
font-size: 1.6rem;
line-height: 2;
} footer .middle {
padding-top: 10rem;
display: grid;
grid-template-columns: repeat( 4, 1fr );
align-items: center;
grid-gap: 5rem;
}
footer .middle .logo {
grid-column: span 2;
display: flex;
} footer .bottom {
margin-top: 6rem;
padding: 4rem 0;
border-top: .1rem solid #5C5C5C;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.5rem;
} @media (max-width: 1340px) { header {
position: sticky;
}
header.header-light:not(.scrolled) {
border-bottom-color: #eee;
background-color: white;
}
header .container {
padding: 1.2rem 0;
} header .logo img {
height: 3.4rem;
}
header.header-light:not(.scrolled) .logo img.logo-color {
display: block;
}
header.header-light:not(.scrolled) .logo img.logo-white {
display: none;
} header .menu-main-menu-container {
display: none;
} header .text-wrapper > div {
gap: 2rem;
}
header .text-wrapper .desktop {
display: none;
}
header .text-wrapper .mobile {
display: flex;
}
header .text-wrapper a {
font-size: 1.3rem;
}
header .text-wrapper a.btn {
height: 3.2rem;        
padding: 0 1rem;
align-items: center;
}
header .hamburger {
display: flex;
} header.header-dark + main,
.single-post main {
padding-top: 0;
}
}
@media (max-width: 1024px) { :root { 
--grid-padding: 2rem;
} h1,
h1.small {
font-size: 4.5rem;
line-height: 1.1;
}
h2,
h2.small {
font-size: 3.2rem;
line-height: 1.2;
}
h3 {
font-size: 2.6rem;
line-height: 1.2;
} .pt-lg {
padding-top: 9rem;
}
.pt-md {
padding-top: 7rem;
}
.pb-lg {
padding-bottom: 9rem;
}
.pb-md {
padding-bottom: 7rem;
}  footer .top {
grid-template-columns: repeat( 2, 1fr );
grid-gap: 5rem 6rem;
} footer .middle {
grid-template-columns: repeat( 2, 1fr );
grid-gap: 5rem 6rem;
}
footer .middle .logos-wrapper {
grid-column: span 2;
}
footer .middle .logo {
grid-column: inherit;
}
}
@media (max-width: 899px) { body {
font-size: 1.6rem;
line-height: 1.5;
} p {
margin: 0 0 2rem;
}
blockquote {
font-size: 2rem;
line-height: 1.3;
} h1 {
margin-bottom: 1.5rem;
font-size: 4rem;
}
h1.small {
font-size: 2.8rem;
}
h2 {
margin-bottom: 1.5rem;
font-size: 2.6rem;
}
h2.small,
h3 {
margin-bottom: .5rem;
font-size: 2.2rem;
}
h4 {
font-size: 2rem;
}
h5 {
font-size: 1.6rem;
} ul,
ol {
margin: 0 0 2rem;
} ul.checklist li {
font-size: 1.7rem;
}
ul.checklist li::before {
top: .1rem;
} .btn {
font-size: 1.6rem;
}
}
@media (max-width: 767px) {  .pt-lg {
padding-top: 7rem;
}
.pt-md {
padding-top: 7rem;
}
.pb-lg {
padding-bottom: 7rem;
}
.pb-md {
padding-bottom: 7rem;
}  footer .top {
padding-top: 7rem;
} footer .middle {
padding-top: 7rem;
}
}
@media (max-width: 599px) { :root { 
--grid-padding: 1.5rem;
}
}
@media (max-width: 499px) {  .btn {
margin: 0 0 1rem;
padding: 1.35rem 2rem;
display: flex;
justify-content: center;
}
.btn:last-child {
margin: 0;
} footer .top {
grid-gap: 5rem 3rem;
} footer .middle {
grid-gap: 3rem;
}
footer .middle .logo img {
width: 95%;
}
} @font-face {
font-family: 'Satoshi';
src: url(//workned.nl/wp-content/themes/workned-theme/assets/fonts/Satoshi/400/Satoshi-Regular.eot);
src: url(//workned.nl/wp-content/themes/workned-theme/assets/fonts/Satoshi/400/Satoshi-Regular.woff2) format('woff2'),
url(//workned.nl/wp-content/themes/workned-theme/assets/fonts/Satoshi/400/Satoshi-Regular.woff) format('woff'),
url(//workned.nl/wp-content/themes/workned-theme/assets/fonts/Satoshi/400/Satoshi-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Satoshi';
src: url(//workned.nl/wp-content/themes/workned-theme/assets/fonts/Satoshi/700/Satoshi-Bold.eot);
src: url(//workned.nl/wp-content/themes/workned-theme/assets/fonts/Satoshi/700/Satoshi-Bold.woff2) format('woff2'),
url(//workned.nl/wp-content/themes/workned-theme/assets/fonts/Satoshi/700/Satoshi-Bold.woff) format('woff'),
url(//workned.nl/wp-content/themes/workned-theme/assets/fonts/Satoshi/700/Satoshi-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}.hero-w {
background-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/bg-hero.png);
background-size: 100% 100%;
color: white;
overflow: hidden;
}
.hero-w a {
color: white;
} .hero-w .w-wrapper {
position: relative;
}
.hero-w .w-wrapper .container {
padding-top: 16rem;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 18rem;
}
.hero-w .content-wrapper {
font-size: 2.1rem;
line-height: 1.4;
}
.hero-w .media-wrapper {
position: relative;
min-height: 48rem;
}
.hero-w .media {
position: absolute;
top: 0;
left: -9rem;
width: 85.6rem;
height: 48rem;
mask-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/icon-w-white.svg);
mask-size: auto 48rem;
mask-repeat: no-repeat;
mask-position: left center;
}
.hero-w .media img,
.hero-w iframe {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero-w .link {
position: absolute;
right: calc( -1 * var(--grid-padding) );
bottom: 7rem;    
height: 12rem;
padding: 0 5rem;
border-radius: 6rem 0 0 6rem;
background-color: white;
display: flex;
align-items: center;
text-decoration: none;
}
.hero-w .link.mobile {
display: none;
}
.hero-w .link span {
max-width: 12.5rem;
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;    
font-size: 3.2rem;
font-weight: 500;
line-height: 1;
color: var(--color-black);
text-decoration: none;
} .hero-form {
padding: 0;
color: white;
}
.hero-form a {
color: white;
}
.hero-form .container {
display: grid;
grid-template-columns: 1fr 1fr;
}
.hero-form .content-wrapper {
padding-left: var(--grid-padding);
background-color: var(--color-purple);
}
.hero-form .content {
max-width: calc( var(--grid-size-lg) / 2 );
margin-left: auto;
padding-right: 11.5rem;
}
.hero-form .form {
margin-top: 3rem;
}
.hero-form .image-wrapper {
background-color: black;
}
.hero-form .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: .8;
} .hero-gradient {
background-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/bg-hero.png);
background-size: 100% 100%;
color: white;
}
.hero-gradient .gradient-wrapper .container {
padding: 16rem 0;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 18rem;
}
.hero-gradient .gradient-wrapper .image img {
max-width: 100%;
}
.hero-gradient .gradient-wrapper + .hero-usps {
margin-top: -16rem;
} .hero-contact {
background-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/bg-hero.png);
background-size: 100% 100%;
color: white;
overflow: hidden;
}
.hero-contact a {
color: white;
}
.hero-contact .container {
padding: 16rem 0;
}
.hero-contact .grid {
margin-top: 5rem;
display: grid;
grid-template-columns: repeat( 4, 1fr );
grid-gap: 3rem;
}
.hero-contact .item {
display: block;
padding: 4rem 2rem;
border: .1rem solid white;
border-radius: 1rem;
color: inherit;
text-align: center;
text-decoration: none;
}
.hero-contact .image {
width: 4.6rem;
height: 4.4rem;
margin: 0 auto;
transition: .3s;
}
.hero-contact .item:hover .image {
transform: scale(1.15);
}
.hero-contact .image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.hero-contact h4 {
margin: 2rem 0 1rem;
}
.hero-contact .text-wrapper {
font-size: 1.6rem;
line-height: 1.5;
} @media (max-width: 1340px) {  .hero-w .w-wrapper .container {
padding-top: 12rem;
}
.hero-w .link {
height: 10rem;
padding: 0 4rem;
}
.hero-w .link span {  
font-size: 2.8rem;
} .hero-gradient .gradient-wrapper .container {
padding: 12rem 0;
}
.hero-gradient .gradient-wrapper + .hero-usps {
margin-top: -12rem;
} .hero-contact .container {
padding: 12rem 0;
}
.hero-contact .grid {
grid-template-columns: repeat( 2, 1fr );
}
}
@media (max-width: 1024px) {  .hero-w .w-wrapper .container {
padding-top: 9rem;
grid-gap: 10rem;
}
.hero-w .content-wrapper {
font-size: 1.8rem;
line-height: 1.6;
}
.hero-w .media-wrapper {
min-height: 40rem;
}
.hero-w .media {
left: -5rem;
width: 71.3rem;
height: 40rem;
mask-size: auto 40rem;
} .hero-form .content {
max-width: inherit;
padding-right: 5rem;
} .hero-gradient .gradient-wrapper .container {
padding: 9rem 0;
grid-gap: 10rem;
}
.hero-gradient .gradient-wrapper + .hero-usps {
margin-top: -9rem;
} .hero-contact .container {
padding: 9rem 0;
}
.hero-contact .grid {
grid-gap: 2rem;
}
}
@media (max-width: 899px) {  .hero-w .w-wrapper .container {
grid-gap: 6rem;
}
.hero-w .content-wrapper {
font-size: 1.6rem;
line-height: 1.5;
}
.hero-w .media-wrapper {
min-height: 35rem;
}
.hero-w .media {
left: -3rem;
width: 62.4rem;
height: 35rem;
mask-size: auto 35rem;
}
.hero-w .link {
height: 7rem;
}
.hero-w .link span {
max-width: 10rem;
font-size: 2.2rem;
} .hero-gradient .gradient-wrapper .container {
grid-gap: 6rem;
}
.hero-gradient .gradient-wrapper + .hero-usps {
margin-top: -6rem;
}
}
@media (max-width: 767px) {  .hero-w .w-wrapper .container {
padding: 7rem 0;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.hero-w .content-wrapper {
order: 2;
}
.hero-w .media-wrapper {
order: 1;
min-height: inherit;
}
.hero-w .media {
position: relative;
top: inherit;
left: inherit;
width: 100%;
height: 0;
padding-top: 56.25%;
mask-size: contain;
}
.hero-w .media img,
.hero-w iframe {
position: absolute;
top: 0;
left: 0;
}
.hero-w .link.desktop {
display: none;
}
.hero-w .link.mobile {
display: flex;
} .hero-form .container {
grid-template-columns: 1fr;
}
.hero-form .content {
padding-right: var(--grid-padding);
}
.hero-form .image-wrapper {
display: none;
} .hero-gradient .gradient-wrapper .container {
padding: 7rem 0;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.hero-gradient .gradient-wrapper .content-wrapper {
order: 2;
}
.hero-gradient .gradient-wrapper .image-wrapper {
order: 1;
}
.hero-gradient .gradient-wrapper .image {
text-align: center;
}
.hero-gradient .hero-gradient .image img {
width: 80%;
max-width: 40rem;
max-height: 30rem;
object-fit: contain;
} .hero-contact .container {
padding: 7rem 0;
}
.hero-contact .grid {
margin-top: 4rem;
}
}
@media (max-width: 599px) {  .hero-w .link {
bottom: 4rem;        
} .hero-contact .grid {
grid-gap: 1.5rem;
}
}
@media (max-width: 499px) {  .hero-w .link {
bottom: 2.5rem;
height: 4.6rem;
padding: 0 2rem;
}
.hero-w .link span {
max-width: 7rem;
font-size: 1.5rem;
}
}.content-text-image .container,
.content-text-video .container {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 13rem;
}
.content-text-image .content-wrapper,
.content-text-image .media-wrapper,
.content-text-video .video-wrapper {
padding-right: 5rem;
}
.content-text-image .container.flip .content-wrapper,
.content-text-video .container.flip .content-wrapper {
order: 2;
}
.content-text-image .container.flip .media-wrapper,
.content-text-video .container.flip .video-wrapper {
order: 1;
}
.content-text-image .media {
display: flex;
}
.content-text-image .media img {
width: 100%;
}
.content-text-video .video {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
border-radius: 1rem;
overflow: hidden;
}
.content-text-video .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .content-cta {
background-color: var(--color-purple);
color: white;
}
.content-cta .container {
text-align: center;
}
.content-cta .btn {
margin: .5rem;
padding: 1rem 5rem;
} .content-steps {
background-color: var(--color-lightorange);
}
.content-steps .container {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 3rem;
}
.content-steps .content-wrapper {
height: 100%;
padding-right: 10rem;
display: flex;
flex-direction: column;
justify-content: space-between;
grid-gap: 5rem;
}
.content-steps .image img {
width: 100%;
}
.content-steps .item {
padding: 3rem 5rem;
border-radius: 1rem;
background-color: white;
}
.content-steps .item:not(:first-child) {
margin-top: 1.5rem;
}
.content-steps .label {
font-size: 1.6rem;
font-weight: 500;
color: var(--color-orange);
} .content-form {
position: relative;
background-size: cover;
background-position: center;
}
.content-form::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/bg-hero.png);
background-size: 100% 100%;
opacity: .9;
}
.content-form .container {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 3rem;
}
.content-form .content-wrapper {
padding-right: 10rem;
color: white;
}
.content-form .content-wrapper a {
color: white;
}
.content-form ul.checklist li::before {
background-color: white;
background-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/icon-checkmark-orange.svg);
}
.content-form .form {
padding: 5rem;
border-radius: 1rem;
background-color: white;
} .content-faqs {
background-color: var(--color-lightpurple);
}
.content-faqs .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3rem;
}
.content-faqs .content-wrapper {
height: 100%;
padding-right: 10rem;
display: flex;
flex-direction: column;
justify-content: space-between;
grid-gap: 5rem;
}
.content-faqs .image img {
width: 100%;
}
.content-faqs .link-wrapper {
margin-top: 5rem;
text-align: right;
} .content-packages .container {
display: grid;
grid-template-columns: repeat( auto-fill, minmax( 32rem, 1fr ) );
grid-gap: 3rem;
}
.content-packages .package {
position: relative;
padding: 3rem;
border-radius: 3rem;
background-color: var(--color-lightpurple);
}
.content-packages .popular {
position: absolute;
top: 2rem;
left: -2rem;
padding: 1rem 3rem 1rem 2rem;
border-radius: 0 5rem 5rem 0;
background-color: var(--color-lightorange);
font-size: 1.5rem;
font-weight: 600;
line-height: 1;
box-shadow: .3rem .3rem 1rem rgba(0,0,0,.16);
}
.content-packages .popular::before {
content: '';
position: absolute;
z-index: -1;
bottom: -2rem;
left: 0;
width: 2rem;
height: 2rem;
background: rgb(255,255,255);
background: linear-gradient(45deg, rgba(255,255,255,1) 50%, rgba(245,216,198,1) 50%);
}
.content-packages .title {
display: block;
padding: 1.25rem 3rem;
border-radius: 5rem;
background-color: var(--color-black);
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-size: 2.6rem;
font-weight: 500;
font-style: normal;    
line-height: 1.2;
color: white;
text-align: center;
}
.content-packages .title.color-purple {
background-color: var(--color-purple);
}
.content-packages .title.color-orange {
background-color: var(--color-orange);
}
.content-packages .price-wrapper {
margin-top: 3rem;
font-size: 2.6rem;
font-weight: 700;
text-align: center;
}
.content-packages .vat {
margin-top: -.5rem;
font-size: 1.8rem;
font-weight: 400;
opacity: .25;
}
.content-packages ul.items-wrapper {
list-style-type: none;
margin: 1.5rem 0 0;
padding: 0;
}
.content-packages li.item {
display: flex;
align-items: center;
gap: 2rem;
}
.content-packages li.item:not(:first-child) {
margin-top: .5rem;
padding-top: .5rem;
border-top: .1rem solid #ddd;
}
.content-packages li.item .title-wrapper {
flex: 1 1 auto;
}
.content-packages li.item:not(.active) .item-title {
opacity: .25;
}
.content-packages li.item .active-wrapper {
flex: 0 0 2.2rem;
}
.content-packages li.item .icon {
position: relative;
width: 2.2rem;
height: 2.2rem;
}
.content-packages li.item .icon::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--color-orange);
background-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/icon-checkmark-white.svg);
background-repeat: no-repeat;
background-position: center;
}
.content-packages li.item:not(.active) .icon::before {
content: '\f00d';
background-color: inherit;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
color: darkred;
} @media (max-width: 1024px) { .content-text-image .container,
.content-text-video .container {
grid-gap: 10rem;
}
.content-text-image .content-wrapper,
.content-text-image .media-wrapper,
.content-text-video .video-wrapper {
padding-right: 0;
} .content-steps .item {
padding: 3rem 3.5rem;
} .content-form .form {
padding: 3rem 3.5rem;
} .content-packages .popular {
left: -1rem;
padding: 1rem 2rem 1rem 1rem;
font-size: 1.3rem;
}
.content-packages .popular::before {
bottom: -1rem;
width: 1rem;
height: 1rem;
}
}
@media (max-width: 899px) { .content-text-image .container,
.content-text-video .container {
grid-gap: 6rem;
} .content-steps .container {
grid-gap: 0;
}
.content-steps .item {
padding: 3rem;
}
.content-steps .label {
font-size: 1.4rem;
}
.content-steps h3 {
font-size: 2rem;
} .content-form .container {
grid-gap: 0;
}
.content-form .form {
padding: 3rem;
} .content-faqs .container {
grid-gap: 0;
} .content-packages .package {
padding: 3rem 2rem;
}
.content-packages .title {
font-size: 2.3rem;
}
.content-packages .price-wrapper {
font-size: 2.3rem;
}
}
@media (max-width: 767px) { .content-text-image .container,
.content-text-video .container {
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.content-text-image .container .content-wrapper,
.content-text-video .container .content-wrapper {
order: 2;
}
.content-text-image .container .media-wrapper,
.content-text-video .container .video-wrapper {
order: 1;
}
.content-text-image .media {
justify-content: center;
text-align: center;
}
.content-text-image .media img {
width: 80%;
max-width: 40rem;
max-height: 30rem;
object-fit: contain;
} .content-steps .container {        
grid-template-columns: 1fr;        
grid-gap: 2rem;
}
.content-steps .content-wrapper {
padding-right: 0;
grid-gap: 2rem;
}
.content-steps .image {
text-align: center;
}
.content-steps .image img {
width: 80%;
max-width: 40rem;
max-height: 30rem;
object-fit: contain;
}
.content-steps .item {
padding: 2rem;
} .content-form .container {
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.content-form .content-wrapper {
padding-right: 0;
}
.content-form .form {
padding: 2rem;
} .content-faqs .container {
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.content-faqs .content-wrapper {
padding-right: 0;
grid-gap: 2rem;
}
.content-faqs .image {
text-align: center;
}
.content-faqs .image img {
width: 80%;
max-width: 40rem;
max-height: 30rem;
object-fit: contain;
}
.content-faqs .link-wrapper {
margin-top: 3rem;
}
}
@media (max-width: 499px) { .content-cta .btn {
margin: 0 0 1rem;
padding: 1.35rem 2rem;
}
}.swiper-custom-button-prev,
.swiper-custom-button-next {
position: absolute;
top: calc( 50% - 2.5rem );
width: 5rem;
height: 5rem;
border-radius: 50%;
border: .1rem solid var(--color-black);
display: flex;
justify-content: center;
align-items: center;
color: var(--color-black);
cursor: pointer;
transition: .3s;
}
.swiper-custom-button-prev {
left: -10rem;
}
.swiper-custom-button-next {
right: -10rem;
}
.swiper-custom-button-prev:hover,
.swiper-custom-button-next:hover {
background-color: var(--color-black);
color: white;
} .slider-logos {
overflow: hidden;
}
.slider-logos .content-wrapper {
max-width: var(--grid-size-md);
margin: 0 auto;
text-align: center;
}
.slider-logos .ticker {
margin-top: 5rem;
}
.slider-logos .js-marquee {
display: flex;
gap: 3rem;
}
.slider-logos a {
width: 16rem;
height: 12rem;
padding: 2rem;
border: .1rem solid #eee;
border-radius: .6rem;
display: flex;
justify-content: center;
align-items: center;
}
.slider-logos img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
opacity: .5;
filter: grayscale(100%);
transition: .3s;
}
.slider-logos a:hover img {
opacity: 1;
filter: grayscale(0);
} .slider-experiences {
overflow: hidden;
}
.slider-experiences .content-wrapper {
max-width: var(--grid-size-md);
margin: 0 auto;
text-align: center;
}
.slider-experiences .experiences-wrapper {
position: relative;
}
.slider-experiences .swiper {
margin-top: 5rem;
}
.slider-experiences .swiper-slide {
position: relative;
padding: 3rem;
border-radius: 1rem;
background-color: white;
}
.slider-experiences .swiper-slide::before {
content: '';
position: absolute;
z-index: 1;
right: 3rem;
bottom: 3rem;
width: 5.4rem;
height: 3rem;
background-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/logo-w-color.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: right center;
opacity: .2;
}
.slider-experiences .author-wrapper {
margin-top: 4rem;
display: flex;
align-items: center;
gap: 2rem;
}
.slider-experiences .image {
flex: 0 0 7rem;
width: 7rem;
height: 7rem;
border-radius: 50%;
overflow: hidden;
}
.slider-experiences .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.slider-experiences .author {
flex: 1 1 auto;
line-height: 1.3;
}
.slider-experiences h5 {
margin-bottom: 0;
}
.slider-experiences .position {
font-size: 1.6rem;
} .slider-blog {
overflow: hidden;
}
.single-post .slider-blog {
background-color: var(--color-lightpurple);
}
.slider-blog .container > .content-wrapper {
max-width: var(--grid-size-md);
margin: 0 auto;
text-align: center;
}
.slider-blog .blog-wrapper {
position: relative;
}
.slider-blog .swiper {
margin-top: 5rem;
}
.slider-blog .link-wrapper {
margin-top: 5rem;
text-align: center;
} .slider-usps {
overflow: hidden;
}
.slider-usps .content-wrapper {
max-width: var(--grid-size-md);
margin: 0 auto;
text-align: center;
}
.slider-usps .usps-wrapper {
position: relative;
}
.slider-usps .swiper {
margin-top: 5rem;
}
.slider-usps .item {
padding: 3rem;
border-radius: 1rem;
text-align: center;
}
.slider-usps .image {
width: 5rem;
height: 5rem;
margin: 0 auto;
}
.slider-usps .image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.slider-usps h4 {
margin: 2rem 0 1rem;
}
.slider-usps .text-wrapper {
font-size: 1.6rem;
line-height: 1.5;
} @media (max-width: 1500px) { .swiper-custom-button-prev,
.swiper-custom-button-next {
top: inherit;
bottom: -8.5rem;
width: 4rem;
height: 4rem;
}
.slider-usps .swiper-custom-button-prev,
.slider-usps .swiper-custom-button-next,
.slider-experiences .swiper-custom-button-prev,
.slider-experiences .swiper-custom-button-next {
bottom: -6rem;
}
.swiper-custom-button-prev {
left: inherit;
right: 4.5rem;
}
.swiper-custom-button-next {
right: 0;
}
}
@media (max-width: 1340px) { .slider-experiences .swiper {
overflow: visible;
} .slider-blog .swiper {
overflow: visible;
} .slider-usps .swiper {
overflow: visible;
}
}
@media (max-width: 1024px) { .swiper-custom-button-prev,
.swiper-custom-button-next {
display: none;
} .slider-logos .js-marquee {
gap: 2rem;
} .slider-usps .item {
background-color: var(--color-lightpurple);
}
}
@media (max-width: 899px) { .slider-experiences .position {
font-size: 1.4rem;
} .slider-usps .text-wrapper {
font-size: 1.4rem;
}
}
@media (max-width: 767px) { .slider-logos .ticker {
margin-top: 3rem;
} .slider-experiences .swiper {
margin-top: 3rem;
}
.slider-experiences .image {
flex: 0 0 6rem;
width: 6rem;
height: 6rem;
} .slider-blog .swiper {
margin-top: 3rem;
}
.slider-blog .link-wrapper {
margin-top: 3rem;
} .slider-usps .swiper {
margin-top: 3rem;
}
}
@media (max-width: 599px) { .slider-logos .js-marquee {
gap: 1.5rem;
}
.slider-logos img {
opacity: 1;
filter: grayscale(0);
}
}
@media (max-width: 499px) { .slider-experiences .swiper-slide::before {
display: none;
}
}.grid-tiles {
overflow: hidden;
}
.grid-tiles .content-wrapper {
max-width: var(--grid-size-md);
margin: 0 auto;
text-align: center;
}
.grid-tiles .grid {
margin-top: 5rem;
display: grid;
grid-template-columns: repeat( 4, 1fr );
grid-gap: 3rem;
}
.grid-tiles .item {
display: block;
position: relative;
border-radius: 1rem;
height: 0;
padding-top: 66.67%;
background-size: cover;
background-position: center;    
color: white;
text-align: center;
text-decoration: none;
overflow: hidden;
}
.grid-tiles .item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: .4;
transition: .3s;
}
.grid-tiles .item:hover::before {
background-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/bg-hero.png);
background-size: 100% 100%;
background-position: center;
opacity: .84;
}
.grid-tiles h4 {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 2.6rem;
}
.grid-tiles .swiper {    
margin-top: 3rem;
overflow: visible;
display: none;
} .grid-joboffers {
background-color: var(--color-lightorange);
}
.grid-joboffers .content-wrapper {
max-width: var(--grid-size-md);
margin: 0 auto;
text-align: center;
}
.grid-joboffers .grid {
margin-top: 5rem;
display: grid;
grid-template-columns: repeat( 3, 1fr );
grid-gap: 3rem;
}
.grid-joboffers .item {
padding: 3rem;
border: .1rem solid white;
border-radius: 1rem;
background-color: white;
color: inherit;
text-decoration: none;
transition: .3s;
}
.grid-joboffers .item[href]:hover {
border-color: var(--color-orange);
}
.grid-joboffers h3 {
margin: .5rem 0;
}
.grid-joboffers .label {
font-size: 1.6rem;
line-height: 1.3;
font-weight: 500;
color: var(--color-orange);
}
.grid-joboffers .logo {
margin-top: 3rem;
width: 5.4rem;
height: 3rem;
object-fit: contain;
object-position: left bottom;
opacity: .2;
transition: .3s;
}
.grid-joboffers .item[href]:hover .logo {
opacity: 1;
} .grid-blog .searchandfilter {
margin-top: 3rem;
}
.grid-blog .searchandfilter ul {
margin: 0;
padding: 0;
}
.grid-blog .searchandfilter ul li {
padding: 0;
}
.grid-blog .searchandfilter ul ul {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.grid-blog .searchandfilter .sf-input-radio {
display: none;
}
.grid-blog .searchandfilter li[data-sf-field-input-type=radio] label {
padding: 1rem 2rem;
border: .1rem solid var(--color-black);
border-radius: .6rem;
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-size: 1.5rem;
font-weight: 500;    
line-height: 1.3;
background-color: white;
color: var(--color-black);
text-decoration: none;
cursor: pointer;
transition: .3s;
}
.grid-blog .searchandfilter li[data-sf-field-input-type=radio] label:hover,
.grid-blog .searchandfilter li[data-sf-field-input-type=radio] .sf-option-active label {
border-color: var(--color-purple);
background-color: var(--color-purple);;
color: white;
}
.grid-blog .grid {
margin-top: 5rem;
display: grid;
grid-template-columns: repeat( 3, 1fr );
grid-gap: 4rem 3rem;
}
.grid-blog .pagination {
grid-column: 1/-1;
justify-self: center;
display: flex;
gap: 1rem;
}
.grid-blog .page-numbers {
width: 2.8rem;
height: 2.8rem;
margin-top: 2rem;
border-radius: 50%;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.7rem;
line-height: 1;
color: #C4BCB7;
text-decoration: none;
transition: .3s;
}
.grid-blog .page-numbers.current {
background-color: var(--color-black);
color: white;
} @media (max-width: 1024px) { .grid-tiles .grid {
grid-template-columns: repeat( 3, 1fr );
grid-gap: 2rem;
} .grid-joboffers .grid {
grid-template-columns: repeat( 2, 1fr );
grid-gap: 2rem;
} .grid-blog .grid {
grid-template-columns: repeat( 2, 1fr );
grid-gap: 4rem 2rem;
}
.grid-joboffers .item:last-child {
grid-column: span 2;
}
}
@media (max-width: 899px) { .grid-blog .searchandfilter li[data-sf-field-input-type=radio] label {
padding: .8rem 1.5rem;
font-size: 1.4rem;
}
}
@media (max-width: 767px) { .grid-tiles .grid {
display: none;
}
.grid-tiles .swiper {
display: block;
} .grid-joboffers .grid {
margin-top: 4rem;
} .grid-blog .grid {
margin-top: 4rem;
}
}
@media (max-width: 599px) { .grid-joboffers .grid {
grid-template-columns: 1fr;
grid-gap: 1.5rem;
}
.grid-joboffers .item[href] {
border-color: var(--color-orange);
}
.grid-joboffers .item:last-child {
grid-column: inherit;
}
.grid-joboffers .logo {
opacity: 1;
} .grid-blog .grid {
grid-template-columns: 1fr;
grid-gap: 1.5rem;
}
}
@media (max-width: 499px) { .grid-tiles .item::before {
background-image: url(//workned.nl/wp-content/themes/workned-theme/assets/images/bg-hero.png);
background-size: 100% 100%;
background-position: center;
opacity: .84;
}
}.gform_wrapper .gform_fields {
grid-column-gap: 1.5rem !important;
grid-row-gap: 1rem !important;
} .gform_wrapper .gfield_label {
margin-bottom: .3rem !important;
font-size: 1.6rem !important;
font-weight: 400 !important;
line-height: 1.3 !important;  
color: var(--color-black) !important;
}
.hero-form .gform_wrapper .gfield_label {
color: white !important;
} .gform_wrapper .gfield_description {
font-size: 1.6rem !important;
line-height: 1.6 !important;
color: var(--color-black) !important;
} .gform_wrapper .gfield_required {
display: none !important;
} .gform_wrapper .gfield:not(.gfield--type-fileupload) input,
.gform_wrapper .gfield textarea {
padding: .75rem 1.5rem !important;
border: .1rem solid #ccc !important;
border-radius: .4rem !important;
background-color: #f4f4f4 !important;
font-family: 'Satoshi' !important;
font-size: 1.6rem !important;
font-weight: 400 !important;
line-height: 1.6 !important;
color: var(--color-black) !important;
}
.gform_wrapper .ginput_container_textarea {
display: flex;
}
.gform_wrapper .gfield:not(.gfield--type-fileupload) input:focus,
.gform_wrapper .gfield textarea:focus {
border-color: var(--color-purple) !important;
}
.gform_wrapper ::placeholder,
.gform_wrapper ::-webkit-input-placeholder,
.gform_wrapper input[placeholder] {
color: var(--color-black) !important;
opacity: 1 !important;
} .gform_wrapper .gfield--type-consent {
width: calc( 100% - 4rem );
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked), 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked {
position: absolute;
width: 0 !important;
height: 0;
opacity: 0;
cursor: pointer;
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label, 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label {
position: relative;
left: 4rem;
font-size: 1.5rem !important;
line-height: 1.5 !important;
color: var(--color-black) !important;
cursor: pointer;
}
.hero-form .gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label, 
.hero-form .gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label {
color: white !important;
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:before, 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:before {
content: "";
position: absolute;
top: -.2rem;
left: -4rem;    
width: 2.2rem;
height: 2.2rem;
border: .1rem solid #ddd;
border-radius: .4rem;
background-color: white;
box-shadow: 0;  
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:after, 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:after {
content: "";
position: absolute;
top: .2rem;
left: -3.6rem; 
width: 1.6rem;
height: 1.6rem;
background-color: var(--color-purple);
transition: .2s;
}
.hero-form .gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:after, 
.hero-form .gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:after {
background-color: var(--color-orange);
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
}
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label:after {
opacity: 1;
} .gform_wrapper .gform_footer {
margin: 0 !important;
padding: 0 !important;
}
.gform_wrapper .gform_footer input {
width: 100%;
margin: 2rem 0 0 !important;
padding: 1rem 2rem !important;
border: .1rem solid var(--color-purple) !important;
border-radius: .6rem !important;
background-color: var(--color-purple) !important;
font-family: "Archivo", sans-serif !important;
font-optical-sizing: auto;
font-size: 1.7rem !important;
font-weight: 500 !important;
line-height: 1.3 !important;
color: white !important;
text-decoration: none !important;
text-align: center !important;
transition: .3s;
cursor: pointer;
appearance: none !important;
}
.gform_wrapper .gform_footer input:hover {
border-color: var(--color-darkpurple) !important;
background-color: var(--color-darkpurple) !important;
}
.hero-form .gform_wrapper .gform_footer input {
border-color: var(--color-orange) !important;
background-color: var(--color-orange) !important;
}
.hero-form .gform_wrapper .gform_footer input:hover {
border-color: var(--color-darkorange) !important;
background-color: var(--color-darkorange) !important;
} .gform_validation_errors,
.gfield_validation_message {
display: none !important;
}
.gform_wrapper .gfield:not(.gfield--type-consent).gfield_error label {
color: inherit !important;
}
.gform_wrapper .gfield:not(.gfield--type-fileupload).gfield_error input,
.gform_wrapper .gfield.gfield_error textarea {
border-color: #c02b0a !important;
} .gform_confirmation_message {
font-family: 'Satoshi';
font-size: 1.8rem !important;
line-height: 1.6 !important;   
} .grecaptcha-badge {
visibility: hidden;
opacity: 0;
}
@media (max-width: 899px) {  .gform_wrapper .gfield_label {
font-size: 1.5rem !important;
} .gform_wrapper .gfield:not(.gfield--type-fileupload) input,
.gform_wrapper .gfield textarea {
font-size: 1.5rem !important;
} .gform_wrapper .gfield--type-consent [type="checkbox"]:not(:checked) + label, 
.gform_wrapper .gfield--type-consent [type="checkbox"]:checked + label {
font-size: 1.3rem !important;
} .gform_wrapper .gform_footer input {
font-size: 1.6rem !important;
}
}
@media (max-width: 767px) {  .gform_wrapper .gfield.gfield--width-half {
grid-column: 1 / -1 !important;
}
}.page-id-49 {
background-color: var(--color-lightpurple);
} .post-section .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
border-radius: 1rem;
overflow: hidden;
}
.post-section .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.post-section .label {
position: absolute;
top: 3rem;
left: 3rem;
padding: .75rem 1.25rem;
border-radius: .6rem;
background-color: var(--color-purple);
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-size: 1.4rem;
font-weight: 500;    
line-height: 1.3;
color: white;
transition: .3s;
}
.post-section:hover .label {
background-color: var(--color-purple);
}
.post-section .date {
margin-top: 3rem;
font-size: 1.6rem;
color: #aaa;
}
.post-section h1 {
hyphens: auto;
}
.post-section .video-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
border-radius: 1rem;
overflow: hidden;
}
.post-section iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post-bottom .container {
padding-top: 4rem;
border-top: .1rem solid #ddd;
display: grid;
align-items: center;
grid-template-columns: 1fr 1fr;
}
.post-bottom .share-wrapper {
display: flex;
align-items: center;
gap: 1rem;
}
.post-bottom .share-wrapper a {
width: 3.6rem;
height: 3.6rem;
border-radius: .4rem;
background-color: var(--color-purple);
display: flex;
justify-content: center;
align-items: center;
font-size: 1.7rem;
line-height: 1;
color: white;
text-decoration: none;
}
.post-bottom .share-wrapper a:hover {
background-color: var(--color-darkpurple);
}
.post-bottom .container > span {
text-align: right;
}
.post-bottom .container > span a {
color: var(--color-black);
} .page-id-51 {
background-color: var(--color-lightpurple);
}
.faqs-section {
margin-top: 5rem;
}
.faqs-section .container {
display: grid;
grid-template-columns: 1fr 3fr;
grid-gap: 10rem;
}
.faqs-section .filter {
position: sticky;
top: 11.6rem;
padding: 3rem;
border-radius: 1rem;
background-color: white;
}
.faqs-section .filter ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.faqs-section .filter li:not(:first-child) {
margin-top: .5rem;
}
.faqs-section .filter a {
font-size: 1.6rem;
line-height: 1.3;
color: var(--color-black);
text-decoration: none;
}
.faqs-section .filter a:hover,
.faqs-section .filter li.active a {
text-decoration: underline;
}
.faqs-section .faqs-wrapper {
margin-top: -5rem;
}
.faqs-section .term-wrapper {
padding-top: 5rem;
}
.faqs-section .header {
margin-bottom: 1rem;
padding: 2rem 7.5rem 2rem 2.5rem;
border-radius: 1rem;
background-color: var(--color-purple);
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-size: 1.8rem;
font-weight: 500;    
line-height: 1.3;
color: white;
} .error404 header {
position: relative;
} @media (max-width: 1340px) { .faqs-section .filter {
top: 5rem;
}
}
@media (max-width: 1024px) { .faqs-section .container {
grid-template-columns: 2fr 5fr;
grid-gap: 6rem;
}
}
@media (max-width: 899px) { .post-section .date {
font-size: 1.4rem;
} .faqs-section .header {
font-size: 1.6rem;
}
}
@media (max-width: 767px) { .post-section.pt-md {
padding-top: 4rem;
}
.post-section .label {
top: 2rem;
left: 2rem;
}
.post-bottom.pt-md {
padding-top: 4rem;
} .faqs-section {
margin-top: 4rem;
}
.faqs-section .container {
grid-template-columns: 1fr;
grid-gap: 0;
}
.faqs-section .filter {
position: relative;
top: inherit;
padding: 2rem;
}
.faqs-section .faqs-wrapper {
margin-top: 0;
}
.faqs-section .term-wrapper {
padding-top: 4rem;
}
.faqs-section .header {
padding: 1.5rem 7rem 1.5rem 2rem;
}
}.mobile-menu {
position: fixed;
z-index: 30;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
background-color: white;
display: none;
} .mobile-menu .header {
padding: 0 var(--grid-padding);
}
.mobile-menu .header .container {
padding: 1.2rem 0;
display: flex;
justify-content: space-between;
}
.mobile-menu .header .logo {
display: flex;
}
.mobile-menu .header .logo img {
width: auto;
height: 3.4rem;
}
.mobile-menu .header .col-r {
display: flex;
align-items: center;
gap: 2rem;
}
.mobile-menu .header .text-wrapper {
display: flex;
align-items: center;
gap: 2rem;
}
.mobile-menu .header .text-wrapper a {
font-size: 1.3rem;
}
.mobile-menu .header .text-wrapper a.btn {
height: 3.2rem;
margin: 0;
padding: 0 1rem;
align-items: center;    
}
.mobile-menu .header .close {
width: 4.4rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
} .mobile-menu .body .container {
padding: 1.5rem 0 5rem;
}
.mobile-menu .body ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.mobile-menu .body ul.menu > li {
position: relative;
padding: 1.5rem var(--grid-padding);
transition: .3s;
}
.mobile-menu .body ul.menu > li.menu-item-has-children.active {
background-color: var(--color-lightpurple);
}
.mobile-menu .body ul.menu > li.menu-item-has-children::before {
content: '\f107';
position: absolute;
top: 1.6rem;
right: calc( var(--grid-padding) + 1.5rem );
font-family: "Font Awesome 5 Pro";
font-size: 1.8rem;
font-weight: 400;
color: #aaa;
transition: .3s;
}
.mobile-menu .body ul.menu > li.menu-item-has-children.active::before {
color: var(--color-black);
transform: rotate(180deg);
}
.mobile-menu .body ul.menu a {
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-weight: 500;
line-height: 1.3;
color: var(--color-black);
text-decoration: none;
}
.mobile-menu .body ul.menu > li > a {
font-size: 1.8rem;
}
.mobile-menu .body ul.sub-menu {
padding: 2.5rem 0;
display: none;
}
.mobile-menu .body ul.sub-menu li:not(:first-child) {
margin-top: 2rem;
}
.mobile-menu .body ul.sub-menu a {
display: block;
position: relative;
font-size: 1.6rem;
}
.mobile-menu .body ul.sub-menu a::before {
content: '\f178';
position: absolute;
top: .1rem;
right: 1.5rem;
font-family: "Font Awesome 5 Pro";
font-weight: 400;
}
.mobile-menu .body ul.sub-menu ul {
display: none;
}.blogitem {
text-decoration: none;
color: var(--color-black);
}
.blogitem:hover {
color: var(--color-black);
}
.blogitem .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
border-radius: 1rem 1rem 0 0;
overflow: hidden;
}
.blogitem .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.blogitem .label {
position: absolute;
top: 3rem;
left: 3rem;
padding: .75rem 1.25rem;
border-radius: .6rem;
background-color: var(--color-black);
font-family: "Archivo", sans-serif; 
font-optical-sizing: auto;
font-size: 1.4rem;
font-weight: 500;    
line-height: 1.3;
color: white;
transition: .3s;
}
.blogitem:hover .label {
background-color: var(--color-purple);
}
.blogitem .content-wrapper {
padding: 3rem;
border: .1rem solid #ddd;
border-top: 0;
border-radius: 0 0 1rem 1rem;
background-color: white;
transition: .3s;
}
.blogitem:hover .content-wrapper {
border-color: var(--color-purple);
}
.blogitem h4 {
margin-bottom: 0;
font-size: 2.4rem;
}
.blogitem .read-wrapper {
position: relative;
margin-top: 4rem;
display: flex;
justify-content: space-between;
align-items: center;
} .faq-item {
padding: 1.8rem 7.3rem 1.8rem 2.3rem;
border: .1rem solid white;
border-radius: 1rem;
background-color: white;
transition: .3s;
}
.faq-item:not(:first-child) {
margin-top: 1rem;
}
.faq-item.active {
border: .1rem solid var(--color-purple);
}
.faq-item h5 {
position: relative;
margin-bottom: 0;
cursor: pointer;
}
.faq-item h5::before {
content: '\2b';
position: absolute;
top: -.5rem;
right: -5rem;
font-family: "Font Awesome 5 Pro";
font-size: 3rem;
font-weight: 400;
line-height: 1;
}
.faq-item.active h5::before {
content: '\f068';
top: .3rem;
font-size: 2rem;
}
.faq-item .text-wrapper {
margin-top: .5rem;
font-size: 1.6rem;
line-height: 1.5;
display: none;
} .hero-usps .container {
padding: 12rem 5rem 9rem 0;
display: grid;
grid-template-columns: repeat( 3, 1fr );
grid-gap: 15rem;
}
.hero-usps .item {
display: flex;
gap: 2rem;
}
.hero-usps .item img {
width: 4rem;
height: 4rem;
object-fit: contain;
object-position: center;
transition: .3s;
}
.hero-usps .item:hover img {
transform: scale(1.15);
}
.hero-usps h4 {
margin-top: -.5rem;
}
.hero-usps .text-wrapper {
font-size: 1.6rem;
line-height: 1.5;
} @media (max-width: 1340px) { .hero-usps .container {
grid-gap: 10rem;
}
}
@media (max-width: 1024px) { .hero-usps .container {
padding: 7rem 0;
grid-gap: 5rem;
}
}
@media (max-width: 899px) { .blogitem h4 {
font-size: 2rem;
}    
}
@media (max-width: 767px) { .blogitem .label {
top: 2rem;
left: 2rem;
}
.blogitem .content-wrapper {
padding: 2rem;
}
.blogitem .read-wrapper {
margin-top: 2rem;
} .faq-item {
padding: 1.5rem 7rem 1.5rem 2rem;
}
.faq-item h5::before {
top: -.2rem;
right: -5rem;
font-size: 2.4rem;
} .hero-usps {
display: none;
}
}