.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(//cultuurkust.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(//cultuurkust.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(//cultuurkust.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(//cultuurkust.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(//cultuurkust.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(//cultuurkust.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(//cultuurkust.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}* {
box-sizing: border-box;
padding: 0px;
margin: 0px;
}
a {
text-decoration: none;
color: inherit;
}
article {
display: flex;
flex-direction: column;
gap: 30px;
font-family: canada-type-gibson, sans-serif;
color: #FFFFFF;
}
article h1 {
font-size: 100px;
font-weight: 700;
line-height: 100px;
}
article h2 {
font-size: 75px;
font-weight: 700;
line-height: 75px;
}
article h3 {
font-size: 50px;
font-weight: 700;
line-height: 50px;
}
article h4 {
font-size: 40px;
font-weight: 600;
line-height: 40px;
}
article h5 {
font-size: 30px;
font-weight: 600;
line-height: 30px;
}
article h6 {
font-size: 25px;
font-weight: 600;
line-height: 30px;
}
article p {
font-size: 22px;
font-weight: 200;
line-height: 30px;
}
article a {
text-decoration: underline;
}
article ol, article ul {
padding-left: 20px;
font-size: 22px;
font-weight: 200;
line-height: 30px;
}
article blockquote {
margin-left: 10px;
font-size: 30px;
font-weight: 200;
line-height: 30px;
} @media only screen and (max-width: 1299px) {
.btn {
font-size: 20px;
}
article h1 {
font-size: 80px;
line-height: 80px;
}
article h2 {
font-size: 55px;
line-height: 55px;
}
article h3 {
font-size: 30px;
line-height: 30px;
}
article h4 {
font-size: 25px;
line-height: 25px;
}
article h5 {
font-size: 22px;
line-height: 22px;
}
article h6 {
font-size: 18px;
line-height: 18px;
}
article p {
font-size: 20px;
line-height: 20px;
}
}
@media only screen and (max-width: 599px) {
.btn {
font-size: 18px;
}
article h1 {
font-size: 40px;
line-height: 40px;
}
article h2 {
font-size: 30px;
line-height: 30px;
}
article h3 {
font-size: 25px;
line-height: 25px;
}
article h4 {
font-size: 20px;
line-height: 20px;
}
article h5 {
font-size: 18px;
line-height: 24px;
}
article h6 {
font-size: 18px;
line-height: 24px;
}
article p {
font-size: 18px;
line-height: 24px;
}
}
.fadeUp {
transform: translateY(40px);
opacity: 0;
transition: 0.3s ease;
}
.fadeUp.inView {
transform: inherit;
opacity: 1;
}
.fadeRight {
transform: translateX(-40px);
opacity: 0;
transition: 0.3s ease;
}
.fadeRight.inView {
transform: inherit;
opacity: 1;
}
aside {
font-family: canada-type-gibson, sans-serif;
}
aside .aside-inner {
display: flex;
flex-direction: column;
gap: 40px;
}
aside .aside-inner h2 {
font-size: 30px;
font-weight: 700;
line-height: 30px;
color: #FF0091;
}
aside .aside-inner h3 {
font-size: 25px;
font-weight: 700;
line-height: 25px;
color: #FF0091;
}
aside .aside-inner h4 {
font-size: 22px;
font-weight: 600;
line-height: 22px;
color: #FF0091;
}
aside .aside-inner h5 {
font-size: 20px;
font-weight: 600;
line-height: 20px;
color: #FF0091;
}
aside .aside-inner h6 {
font-size: 18px;
font-weight: 600;
line-height: 20px;
color: #FF0091;
}
aside .aside-inner p {
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
aside .aside-inner ul, aside .aside-inner ol {
font-size: 20px;
font-weight: 400;
line-height: 34px;
}
aside .aside-inner strong {
font-weight: 600;
}
aside .aside-inner a {
display: inline-block;
transition: 0.2s ease;
}
aside .aside-inner a:hover {
padding-left: 10px;
color: #7C67A2;
}
aside .aside-inner .teachers {
list-style: none;
text-transform: uppercase;
font-weight: 600;
}
aside .btns {
display: flex;
align-items: inherit;
flex-direction: column;
gap: 0px;
}
aside .btns .btn {
background-color: #000000;
}
aside .btns .btn:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 70px;
transition: 0.3s ease;
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-arrow-right-white.svg);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
background-color: #FF0091;
}
aside .btns .btn:hover {
padding: 23px 23px 23px 40px;
}
aside .btns .btn:hover:after {
background-color: transparent;
}
aside .btns:empty {
display: none;
}
.nf-form-wrap {
padding: 50px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
font-family: canada-type-gibson, sans-serif;
color: #000000;
background-color: #FFFFFF;
}
.nf-form-wrap .nf-form-layout form .nf-before-form-content {
display: none;
}
.nf-form-wrap .nf-form-layout form .nf-form-content {
padding: 0px;
margin: inherit;
max-width: 700px;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container {
margin-bottom: 0px;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-label {
font-size: 20px;
font-weight: 600;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-label span {
font-size: 20px;
font-weight: 600;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-label label {
display: none;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-description {
margin: 0px;
font-size: 20px;
font-weight: 700;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input {
padding: 16px 16px 16px 0px;
border-top: none;
border-right: none;
border-bottom: 2px solid #000000;
border-left: none;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 600;
background-color: #FFFFFF;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input::placeholder {
color: #000000;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element textarea {
padding: 16px 16px 16px 0px;
border-top: none;
border-right: none;
border-bottom: 2px solid #000000;
border-left: none;
height: auto;
resize: none;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 600;
background-color: #FFFFFF;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element textarea::placeholder {
color: #000000;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element select {
display: flex;
padding: 16px 16px 16px 0px;
border-top: none;
border-right: none;
border-bottom: 2px solid #000000;
border-left: none;
min-width: inherit;
width: 100%;
height: auto;
transition: 0.2s ease;
cursor: pointer;
font-family: canada-type-gibson, sans-serif;
font-size: 18px;
font-weight: 600;
color: #000000;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-arrow-down-turq.svg);
background-size: 20px 18px;
background-position: right 20px bottom 50%;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=checkbox] {
position: relative;
padding: 0px;
margin-bottom: 0px;
border: none;
width: 30px;
-webkit-appearance: none;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=checkbox]:before {
content: "";
position: absolute;
left: 0px;
border-bottom: 2px solid #000000;
width: 30px;
height: 30px;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=checkbox]:after {
content: "";
display: none;
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
background-color: #000000;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=checkbox]:checked:after {
display: block;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=radio] {
position: relative;
padding: 0px;
margin-bottom: 0px;
border: none;
width: 30px;
height: 30px;
-webkit-appearance: none;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=radio]:before {
content: "";
position: absolute;
left: 0px;
border-bottom: 2px solid #000000;
width: 30px;
height: 30px;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=radio]:after {
content: "";
display: none;
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
background-color: #000000;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=radio]:checked:after {
display: block;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=button], .nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=submit] {
position: relative;
padding: 23px;
border: none;
height: auto;
transition: 0.2s ease;
text-transform: uppercase;
text-decoration: none;
font-family: canada-type-gibson, sans-serif;
font-size: 24px;
font-weight: 700;
color: #FFFFFF;
background-color: #FF0091;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=button]:hover, .nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=submit]:hover {
padding: 23px 30px 23px 30px;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .checkbox-wrap {
flex-direction: column;
}
.nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .checkbox-wrap .nf-field-label label {
display: block;
} body {
background-color: #FFFFFF;
}
.no-scroll {
overflow: hidden;
} .error404 .text {
padding-top: 120px;
padding-bottom: 120px;
}
.error404 .text article {
align-items: flex-start;
margin: auto auto;
width: 85.7142857143%;
}
.error404 .text article .btn {
background-color: #FF0091;
} main {
display: flex;
flex-direction: column;
gap: 120px;
} .home {
background-color: #FFFFFF;
}
.home main {
gap: 0px;
} .archive main {
gap: 0px;
} .page-template-page-onderwijs {
background-color: #7C67A2;
}
.page-template-page-onderwijs .pages {
padding-top: 120px;
padding-bottom: 120px;
background-color: #FFFFFF;
} .page-template-page-gezondheid {
background-color: #56739D;
}
.page-template-page-gezondheid .text article {
max-width: 900px;
}
.page-template-page-gezondheid .pages {
padding-top: 120px;
padding-bottom: 120px;
background-color: #000000;
} .page-template-page-jts-wolf .pages {
padding-bottom: 120px;
}
.page-template-page-jts-wolf .pages .pages-inner .page .content .content-inner h3 {
color: #FF0091;
} .page-template-page-contact main {
gap: 0px;
}
.page-template-page-contact .nf-form-wrap {
padding: 0px;
box-shadow: none;
}
.page-template-page-contact .nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap {
grid-template-columns: repeat(2, 1fr);
}
.page-template-page-contact .nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap:nth-child(5) {
grid-column: span 2;
}
.page-template-page-contact .nf-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field:nth-child(5) {
grid-column: span 2;
} .page-template-page-praktische-info main {
gap: 0px;
}
.page-template-page-praktische-info .pages {
padding-bottom: 120px;
} .page-template-page-locaties main {
gap: 0px;
} .page-template-default main {
padding-bottom: 120px;
} .single-nieuws main {
padding-bottom: 120px;
} .single-agenda main {
padding-bottom: 120px;
} .single-cursus {
background-color: #1CB2AF;
}
.single-cursus main {
gap: 0px;
} .single-docent main {
background-color: #000000;
}
.single-docent .text article {
width: 60%;
}
.single-docent .posts-related {
padding-top: 0px;
margin-top: 0px;
} .search-results {
background-color: #000000;
}
.search-results .text {
padding-top: 120px;
}
.search-results .posts {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
padding-bottom: 120px;
margin: auto auto;
width: 85.7142857143%;
font-family: canada-type-gibson, sans-serif;
}
.search-results .posts .post {
transition: 0.3s ease;
background-color: #FFFFFF;
}
.search-results .posts .post .content {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
position: relative;
padding: 50px;
width: 100%;
}
.search-results .posts .post .content h4 {
transition: 0.3s ease;
text-transform: uppercase;
font-size: 25px;
font-weight: 600;
line-height: 30px;
color: #1CB2AF;
}
.search-results .posts .post .content .btn {
transition: 0.3s ease;
background-color: #FF0091;
}
.search-results .posts .post:hover .content .btn {
padding: 23px 70px 23px 30px;
}
.hero-front {
display: flex;
align-items: center;
position: relative;
height: 80vh;
}
.hero-front .hero-inner {
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
margin: auto auto;
width: 71.4285714286%;
height: 100%;
}
.hero-front .hero-inner .hero-image {
position: absolute;
bottom: 0px;
left: 0px;
width: auto;
max-height: 80%;
height: 100%;
object-fit: contain;
}
.hero-front .hero-inner .hero-content {
display: flex;
align-items: flex-end;
flex-direction: column;
gap: 50px;
}
.hero-front .hero-inner .hero-content h1 {
max-width: 900px;
mix-blend-mode: multiply;
text-align: right;
font-family: ofelia-display, sans-serif;
font-size: 130px;
font-weight: 900;
line-height: 96px;
color: #FF0091;
}
.hero-front .hero-inner .hero-content .btn {
padding: 24px;
transition: 0.2s ease;
background-image: none;
background-color: #000000;
}
.hero-front .hero-inner .hero-content .btn:hover {
background-color: #7C67A2;
}
.hero-front .scroll {
display: flex;
align-items: center;
flex-direction: column;
gap: 20px;
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
text-decoration: center;
}
.hero-front .scroll p {
text-align: center;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 600;
}
.hero-front .hero-background-image {
position: absolute;
bottom: 70px;
left: 0px;
width: 100%;
height: auto;
min-height: 700px;
z-index: -1;
object-fit: cover;
opacity: 0.9;
}
.hero-archive {
position: relative;
height: 500px;
}
.hero-archive .hero-inner {
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
margin: auto auto;
width: 71.4285714286%;
height: 100%;
z-index: 1;
}
.hero-archive .hero-inner h1 {
text-transform: uppercase;
text-align: right;
font-family: ofelia-display, sans-serif;
font-size: 130px;
font-weight: 700;
line-height: 96px;
color: #FFFFFF;
}
.hero-archive img {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
mix-blend-mode: luminosity;
object-fit: cover;
object-position: center;
}
.hero-archive .hero-background-image {
position: absolute;
top: 120px;
left: 0px;
width: 100vw;
height: auto;
min-height: 700px;
mix-blend-mode: inherit;
z-index: 0;
opacity: 0.35;
object-fit: cover;
}
.front-search-bar {
padding-top: 90px;
padding-bottom: 90px;
background-color: #000000;
}
.front-search-bar .front-search-bar-inner {
display: flex;
justify-content: center;
align-items: center;
gap: 70px;
margin: auto auto;
width: 71.4285714286%;
}
.front-search-bar .front-search-bar-inner h3 {
font-family: canada-type-gibson, sans-serif;
font-size: 75px;
font-weight: 700;
line-height: 90px;
color: #FF0091;
}
.front-search-bar .front-search-bar-inner .front-search-icon {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
border-radius: 50px;
transition: 0.2s ease;
cursor: pointer;
background-color: #FF0091;
}
.front-search-bar .front-search-bar-inner .front-search-icon svg {
width: 40px;
height: auto;
}
.front-search-bar .front-search-bar-inner .front-search-icon:hover {
background-color: #7C67A2;
}
.front-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.front-grid .col {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
gap: 20px;
padding-top: 120px;
padding-left: 7.1428571429%;
padding-right: 7.1428571429%;
padding-bottom: 120px;
font-family: canada-type-gibson, sans-serif;
}
.front-grid .col h2 {
font-size: 45px;
line-height: 45px;
color: #FFFFFF;
}
.front-grid .col p {
font-size: 20px;
font-weight: 300;
line-height: 30px;
color: #FFFFFF;
}
.front-grid .col:nth-child(1) {
background-color: #1CB2AF;
}
.front-grid .col:nth-child(1) .btn {
background-color: #FF0091;
}
.front-grid .col:nth-child(2) {
background-color: #7C67A2;
}
.front-grid .col:nth-child(2) .btn {
background-color: #1CB2AF;
}
.front-grid .col:nth-child(3) {
background-color: #56739D;
}
.front-grid .col:nth-child(3) .btn {
background-color: #1CB2AF;
}
.front-grid .col:nth-child(4) {
background-color: #FF0091;
}
.front-grid .col:nth-child(4) .btn {
background-color: #56739D;
}
.front-parallax {
display: flex;
justify-content: center;
align-items: center;
position: relative;
bottom: 0px;
left: 0px;
padding-top: 120px;
padding-bottom: 120px;
height: 600px;
width: 100%;
z-index: -3;
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/bg-fixed.svg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-color: #000000;
}
.posts-news-agenda {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
font-family: canada-type-gibson, sans-serif;
background-color: #FFFFFF;
}
.posts-news-agenda:after {
content: "";
position: absolute;
top: -20%;
left: 0px;
width: 100%;
height: 120%;
opacity: 0.1;
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/bg-shape-dark.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: 200px 0px;
z-index: 0;
}
.posts-news-agenda .posts-news-agenda-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 120px;
position: relative;
margin: auto auto;
width: 71.4285714286%;
z-index: 1;
}
.posts-news-agenda .posts-news-agenda-inner .news h3 {
margin-bottom: 40px;
text-transform: uppercase;
font-size: 30px;
color: #FF0091;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post {
display: flex;
align-items: stretch;
transition: 0.3s ease;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
background-color: #FFFFFF;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post .wp-post-image {
width: 200px;
height: auto;
aspect-ratio: 1/1;
transition: 0.3s ease;
object-fit: cover;
object-position: center;
background: #FFFFFF;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post .content {
display: flex;
justify-content: center;
flex-direction: column;
gap: 15px;
position: relative;
padding: 20px;
width: 100%;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post .content h4 {
transition: 0.3s ease;
text-transform: uppercase;
font-size: 25px;
font-weight: 600;
line-height: 30px;
color: #1CB2AF;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post .content span {
transition: 0.3s ease;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post:hover .wp-post-image {
filter: grayscale(100%);
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post:hover .content h4 {
color: #FF0091;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post:hover .content span {
padding-left: 20px;
}
.posts-news-agenda .posts-news-agenda-inner .agenda h3 {
margin-bottom: 40px;
text-transform: uppercase;
font-size: 30px;
color: #FF0091;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 70px;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group {
display: flex;
flex-direction: column;
gap: 30px;
position: relative;
padding-left: 150px;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group .month {
position: absolute;
top: 0px;
left: 0px;
transition: 0.3s ease;
text-transform: uppercase;
font-size: 50px;
font-weight: 900;
line-height: 40px;
color: #1CB2AF;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group .post {
padding: 10px 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
cursor: pointer;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group .post h4 {
transition: 0.3s ease;
text-transform: uppercase;
font-size: 25px;
font-weight: 600;
color: #FF0091;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group .post span {
transition: 0.3s ease;
font-size: 25px;
font-weight: 600;
color: #1CB2AF;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group .post:hover h4 {
padding-left: 10px;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group .post:hover span {
padding-left: 20px;
}
.image-content {
position: relative;
margin: auto auto;
width: 57.1428571429%;
z-index: 2;
}
.pages h2 {
margin-left: 14.2857142857%;
margin-bottom: 60px;
font-family: canada-type-gibson, sans-serif;
font-size: 60px;
font-weight: 700;
color: #FF0091;
}
.pages h2:empty {
display: none;
}
.pages .pages-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(min-content, max-content);
grid-gap: 50px;
position: relative;
margin-left: 14.2857142857%;
width: 78.5714285714%;
z-index: 1;
}
.pages .pages-inner .page {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
font-family: canada-type-gibson, sans-serif;
}
.pages .pages-inner .page img {
height: 270px;
width: 100%;
transition: 0.2s ease;
object-fit: cover;
object-position: center;
}
.pages .pages-inner .page .content {
display: flex;
justify-content: space-between;
flex-direction: column;
flex: 1;
gap: 40px;
height: 100%;
padding: 40px;
background-color: #FFFFFF;
}
.pages .pages-inner .page .content .content-inner h4 {
text-transform: uppercase;
font-size: 24px;
font-weight: 700;
color: #FF0091;
}
.pages .pages-inner .page .content .content-inner h3 {
margin-bottom: 20px;
font-size: 38px;
font-weight: 600;
color: #7C67A2;
}
.pages .pages-inner .page .content .content-inner p {
font-size: 24px;
font-weight: 300;
line-height: 30px;
}
.pages .pages-inner .page .content .btn {
align-self: flex-start;
background-color: #FF0091;
}
.pages .pages-inner .page:hover img {
filter: grayscale(100%);
}
.page-template-page-praktische-info .pages .pages-inner {
width: 71.4285714286%;
}
.page-template-page-praktische-info .pages .pages-inner .page .content .content-inner h3 {
margin-bottom: 0px;
} .post-type-archive-cursus .post-wrapper, .archive .post-wrapper, .posts-related .post-wrapper, .post-type-archive-docent .post-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 80px;
position: relative;
padding-bottom: 160px;
margin-left: 7.1428571429%;
width: 78.5714285714%;
}
.post-type-archive-cursus .post-wrapper aside, .archive .post-wrapper aside, .posts-related .post-wrapper aside, .post-type-archive-docent .post-wrapper aside {
display: flex;
flex-direction: column;
gap: 50px;
padding: 70px 60px;
min-width: 400px;
max-width: 480px;
width: 30%;
height: auto;
transition: 0.2s ease;
background-color: #FFFFFF;
}
.post-type-archive-cursus .post-wrapper aside .open-filter, .archive .post-wrapper aside .open-filter, .posts-related .post-wrapper aside .open-filter, .post-type-archive-docent .post-wrapper aside .open-filter {
display: flex;
align-items: center;
align-self: flex-end;
gap: 10px;
width: 100%;
}
.post-type-archive-cursus .post-wrapper aside .open-filter svg, .archive .post-wrapper aside .open-filter svg, .posts-related .post-wrapper aside .open-filter svg, .post-type-archive-docent .post-wrapper aside .open-filter svg {
display: none;
height: 40px;
cursor: pointer;
}
.post-type-archive-cursus .post-wrapper aside .open-filter svg path, .archive .post-wrapper aside .open-filter svg path, .posts-related .post-wrapper aside .open-filter svg path, .post-type-archive-docent .post-wrapper aside .open-filter svg path {
transition: 0.2s ease;
}
.post-type-archive-cursus .post-wrapper aside .open-filter svg path:nth-child(6), .archive .post-wrapper aside .open-filter svg path:nth-child(6), .posts-related .post-wrapper aside .open-filter svg path:nth-child(6), .post-type-archive-docent .post-wrapper aside .open-filter svg path:nth-child(6) {
transition-delay: 0.2s;
}
.post-type-archive-cursus .post-wrapper aside .open-filter svg path:nth-child(7), .archive .post-wrapper aside .open-filter svg path:nth-child(7), .posts-related .post-wrapper aside .open-filter svg path:nth-child(7), .post-type-archive-docent .post-wrapper aside .open-filter svg path:nth-child(7) {
transition-delay: 0.3s;
}
.post-type-archive-cursus .post-wrapper aside .open-filter:hover svg path:nth-child(5), .archive .post-wrapper aside .open-filter:hover svg path:nth-child(5), .posts-related .post-wrapper aside .open-filter:hover svg path:nth-child(5), .post-type-archive-docent .post-wrapper aside .open-filter:hover svg path:nth-child(5) {
transform: translateX(4px);
}
.post-type-archive-cursus .post-wrapper aside .open-filter:hover svg path:nth-child(6), .archive .post-wrapper aside .open-filter:hover svg path:nth-child(6), .posts-related .post-wrapper aside .open-filter:hover svg path:nth-child(6), .post-type-archive-docent .post-wrapper aside .open-filter:hover svg path:nth-child(6) {
transform: translateX(-4px);
}
.post-type-archive-cursus .post-wrapper aside .open-filter:hover svg path:nth-child(7), .archive .post-wrapper aside .open-filter:hover svg path:nth-child(7), .posts-related .post-wrapper aside .open-filter:hover svg path:nth-child(7), .post-type-archive-docent .post-wrapper aside .open-filter:hover svg path:nth-child(7) {
transform: translateX(4px);
}
.post-type-archive-cursus .post-wrapper aside h3, .archive .post-wrapper aside h3, .posts-related .post-wrapper aside h3, .post-type-archive-docent .post-wrapper aside h3 {
font-size: 25px;
font-weight: 700;
}
.post-type-archive-cursus .post-wrapper aside h4, .archive .post-wrapper aside h4, .posts-related .post-wrapper aside h4, .post-type-archive-docent .post-wrapper aside h4 {
font-size: 25px;
font-weight: 600;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter, .archive .post-wrapper aside .searchandfilter, .posts-related .post-wrapper aside .searchandfilter, .post-type-archive-docent .post-wrapper aside .searchandfilter {
font-family: canada-type-gibson, sans-serif;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul, .archive .post-wrapper aside .searchandfilter ul, .posts-related .post-wrapper aside .searchandfilter ul, .post-type-archive-docent .post-wrapper aside .searchandfilter ul {
list-style: none;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul .sf-field-search, .archive .post-wrapper aside .searchandfilter ul .sf-field-search, .posts-related .post-wrapper aside .searchandfilter ul .sf-field-search, .post-type-archive-docent .post-wrapper aside .searchandfilter ul .sf-field-search {
display: flex;
flex-direction: column;
width: 100%;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul .sf-field-search input, .archive .post-wrapper aside .searchandfilter ul .sf-field-search input, .posts-related .post-wrapper aside .searchandfilter ul .sf-field-search input, .post-type-archive-docent .post-wrapper aside .searchandfilter ul .sf-field-search input {
display: inline-block;
padding: 20px 30px;
border: none;
width: 100%;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
color: #000000;
background-color: rgba(0, 0, 0, 0.16);
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul .sf-field-search input::placeholder, .archive .post-wrapper aside .searchandfilter ul .sf-field-search input::placeholder, .posts-related .post-wrapper aside .searchandfilter ul .sf-field-search input::placeholder, .post-type-archive-docent .post-wrapper aside .searchandfilter ul .sf-field-search input::placeholder {
color: rgba(0, 0, 0, 0.6);
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul .sf-field-search button, .archive .post-wrapper aside .searchandfilter ul .sf-field-search button, .posts-related .post-wrapper aside .searchandfilter ul .sf-field-search button, .post-type-archive-docent .post-wrapper aside .searchandfilter ul .sf-field-search button {
display: inline-block;
padding: 20px;
border: none;
transition: 0.2s ease;
cursor: pointer;
background-color: #FF0091;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul .sf-field-search button svg, .archive .post-wrapper aside .searchandfilter ul .sf-field-search button svg, .posts-related .post-wrapper aside .searchandfilter ul .sf-field-search button svg, .post-type-archive-docent .post-wrapper aside .searchandfilter ul .sf-field-search button svg {
max-width: 20px;
max-height: 20px;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul .sf-field-search button:hover, .archive .post-wrapper aside .searchandfilter ul .sf-field-search button:hover, .posts-related .post-wrapper aside .searchandfilter ul .sf-field-search button:hover, .post-type-archive-docent .post-wrapper aside .searchandfilter ul .sf-field-search button:hover {
padding: 20px 30px;
background-color: #000000;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li, .archive .post-wrapper aside .searchandfilter ul li, .posts-related .post-wrapper aside .searchandfilter ul li, .post-type-archive-docent .post-wrapper aside .searchandfilter ul li {
padding-right: 0px;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li label, .archive .post-wrapper aside .searchandfilter ul li label, .posts-related .post-wrapper aside .searchandfilter ul li label, .post-type-archive-docent .post-wrapper aside .searchandfilter ul li label {
width: 100%;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li ul, .archive .post-wrapper aside .searchandfilter ul li ul, .posts-related .post-wrapper aside .searchandfilter ul li ul, .post-type-archive-docent .post-wrapper aside .searchandfilter ul li ul {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 10px;
list-style: none;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li ul li, .archive .post-wrapper aside .searchandfilter ul li ul li, .posts-related .post-wrapper aside .searchandfilter ul li ul li, .post-type-archive-docent .post-wrapper aside .searchandfilter ul li ul li {
display: flex;
padding: 20px 40px 20px 20px;
width: auto;
transition: 0.2s ease;
cursor: pointer;
font-size: 20px;
line-height: 30px;
background-color: rgba(0, 0, 0, 0.16);
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li ul li input, .archive .post-wrapper aside .searchandfilter ul li ul li input, .posts-related .post-wrapper aside .searchandfilter ul li ul li input, .post-type-archive-docent .post-wrapper aside .searchandfilter ul li ul li input {
position: relative;
padding-left: 40px;
transition: 0.2s ease;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li ul li input:before, .archive .post-wrapper aside .searchandfilter ul li ul li input:before, .posts-related .post-wrapper aside .searchandfilter ul li ul li input:before, .post-type-archive-docent .post-wrapper aside .searchandfilter ul li ul li input:before {
content: "";
position: absolute;
top: 50%;
left: 0px;
border: 10px solid #FFFFFF;
border-radius: 40px;
transform: translateY(-50%);
width: 10px;
height: 10px;
transition: 0.2s ease;
background-color: #FFFFFF;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li ul li input:checked:before, .archive .post-wrapper aside .searchandfilter ul li ul li input:checked:before, .posts-related .post-wrapper aside .searchandfilter ul li ul li input:checked:before, .post-type-archive-docent .post-wrapper aside .searchandfilter ul li ul li input:checked:before {
background-color: #000000;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li ul li:has(input:checked), .archive .post-wrapper aside .searchandfilter ul li ul li:has(input:checked), .posts-related .post-wrapper aside .searchandfilter ul li ul li:has(input:checked), .post-type-archive-docent .post-wrapper aside .searchandfilter ul li ul li:has(input:checked) {
background-color: #1CB2AF;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li ul li:has(input[type=checkbox]) input:before, .archive .post-wrapper aside .searchandfilter ul li ul li:has(input[type=checkbox]) input:before, .posts-related .post-wrapper aside .searchandfilter ul li ul li:has(input[type=checkbox]) input:before, .post-type-archive-docent .post-wrapper aside .searchandfilter ul li ul li:has(input[type=checkbox]) input:before {
border-radius: 0px;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li ul li:hover, .archive .post-wrapper aside .searchandfilter ul li ul li:hover, .posts-related .post-wrapper aside .searchandfilter ul li ul li:hover, .post-type-archive-docent .post-wrapper aside .searchandfilter ul li ul li:hover {
padding: 20px 60px 20px 40px;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul li ul .current-cat label input:before, .archive .post-wrapper aside .searchandfilter ul li ul .current-cat label input:before, .posts-related .post-wrapper aside .searchandfilter ul li ul .current-cat label input:before, .post-type-archive-docent .post-wrapper aside .searchandfilter ul li ul .current-cat label input:before {
background-color: #000000;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul select, .archive .post-wrapper aside .searchandfilter ul select, .posts-related .post-wrapper aside .searchandfilter ul select, .post-type-archive-docent .post-wrapper aside .searchandfilter ul select {
display: flex;
padding: 20px;
border: none;
min-width: inherit;
width: 100%;
transition: 0.2s ease;
cursor: pointer;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
line-height: 30px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-arrow-down-turq.svg);
background-size: 20px 18px;
background-position: right 20px bottom 50%;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0.16);
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul input[type=submit], .archive .post-wrapper aside .searchandfilter ul input[type=submit], .posts-related .post-wrapper aside .searchandfilter ul input[type=submit], .post-type-archive-docent .post-wrapper aside .searchandfilter ul input[type=submit] {
position: relative;
padding: 23px 23px 23px 23px;
border: none;
transition: 0.2s ease;
cursor: pointer;
text-transform: uppercase;
text-decoration: none;
font-family: canada-type-gibson, sans-serif;
font-size: 24px;
font-weight: 700;
color: #FFFFFF;
background-color: #FF0091;
}
.post-type-archive-cursus .post-wrapper aside .searchandfilter ul input[type=submit]:hover, .archive .post-wrapper aside .searchandfilter ul input[type=submit]:hover, .posts-related .post-wrapper aside .searchandfilter ul input[type=submit]:hover, .post-type-archive-docent .post-wrapper aside .searchandfilter ul input[type=submit]:hover {
padding: 23px 30px 23px 30px;
}
.post-type-archive-cursus .post-wrapper .open, .archive .post-wrapper .open, .posts-related .post-wrapper .open, .post-type-archive-docent .post-wrapper .open {
max-height: 3000px;
height: auto;
}
.post-type-archive-cursus .post-wrapper .posts, .archive .post-wrapper .posts, .posts-related .post-wrapper .posts, .post-type-archive-docent .post-wrapper .posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(min-content, max-content);
grid-gap: 60px;
width: 70%;
z-index: 1;
}
.post-type-archive-cursus .post-wrapper .posts a:nth-child(odd) .placeholder, .archive .post-wrapper .posts a:nth-child(odd) .placeholder, .posts-related .post-wrapper .posts a:nth-child(odd) .placeholder, .post-type-archive-docent .post-wrapper .posts a:nth-child(odd) .placeholder {
transform: scaleX(-1);
}
.post-type-archive-cursus .post-wrapper .posts .post, .archive .post-wrapper .posts .post, .posts-related .post-wrapper .posts .post, .post-type-archive-docent .post-wrapper .posts .post {
display: flex;
flex-direction: column;
position: relative;
height: 100%;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
font-family: canada-type-gibson, sans-serif;
}
.post-type-archive-cursus .post-wrapper .posts .post .label, .archive .post-wrapper .posts .post .label, .posts-related .post-wrapper .posts .post .label, .post-type-archive-docent .post-wrapper .posts .post .label {
position: absolute;
top: 0px;
left: 0px;
padding: 20px;
z-index: 2;
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
background-color: #7C67A2;
}
.post-type-archive-cursus .post-wrapper .posts .post .label.full, .archive .post-wrapper .posts .post .label.full, .posts-related .post-wrapper .posts .post .label.full, .post-type-archive-docent .post-wrapper .posts .post .label.full {
background-color: #1CB2AF;
}
.post-type-archive-cursus .post-wrapper .posts .post .label.canceled, .archive .post-wrapper .posts .post .label.canceled, .posts-related .post-wrapper .posts .post .label.canceled, .post-type-archive-docent .post-wrapper .posts .post .label.canceled {
background-color: #FF0091;
}
.post-type-archive-cursus .post-wrapper .posts .post .wp-post-image, .archive .post-wrapper .posts .post .wp-post-image, .posts-related .post-wrapper .posts .post .wp-post-image, .post-type-archive-docent .post-wrapper .posts .post .wp-post-image {
height: 270px;
width: 100%;
transition: 0.2s ease;
object-fit: cover;
object-position: center;
}
.post-type-archive-cursus .post-wrapper .posts .post .content, .archive .post-wrapper .posts .post .content, .posts-related .post-wrapper .posts .post .content, .post-type-archive-docent .post-wrapper .posts .post .content {
display: flex;
justify-content: space-between;
flex-direction: column;
flex: 1;
gap: 30px;
height: 100%;
padding: 45px 30px;
background-color: #FFFFFF;
}
.post-type-archive-cursus .post-wrapper .posts .post .content h3, .archive .post-wrapper .posts .post .content h3, .posts-related .post-wrapper .posts .post .content h3, .post-type-archive-docent .post-wrapper .posts .post .content h3 {
font-size: 25px;
font-weight: 600;
color: #56739D;
}
.post-type-archive-cursus .post-wrapper .posts .post .content ul, .archive .post-wrapper .posts .post .content ul, .posts-related .post-wrapper .posts .post .content ul, .post-type-archive-docent .post-wrapper .posts .post .content ul {
list-style: none;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.post-type-archive-cursus .post-wrapper .posts .post .content ul li, .archive .post-wrapper .posts .post .content ul li, .posts-related .post-wrapper .posts .post .content ul li, .post-type-archive-docent .post-wrapper .posts .post .content ul li {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
padding-left: 40px;
margin-bottom: 10px;
background-size: 25px;
background-position: 0px 50%;
background-repeat: no-repeat;
}
.post-type-archive-cursus .post-wrapper .posts .post .content ul li label, .archive .post-wrapper .posts .post .content ul li label, .posts-related .post-wrapper .posts .post .content ul li label, .post-type-archive-docent .post-wrapper .posts .post .content ul li label {
display: none;
}
.post-type-archive-cursus .post-wrapper .posts .post .content ul li:last-of-type, .archive .post-wrapper .posts .post .content ul li:last-of-type, .posts-related .post-wrapper .posts .post .content ul li:last-of-type, .post-type-archive-docent .post-wrapper .posts .post .content ul li:last-of-type {
margin-bottom: 0px;
}
.post-type-archive-cursus .post-wrapper .posts .post .content ul .location, .archive .post-wrapper .posts .post .content ul .location, .posts-related .post-wrapper .posts .post .content ul .location, .post-type-archive-docent .post-wrapper .posts .post .content ul .location {
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-location-turq.svg);
}
.post-type-archive-cursus .post-wrapper .posts .post .content ul .days, .archive .post-wrapper .posts .post .content ul .days, .posts-related .post-wrapper .posts .post .content ul .days, .post-type-archive-docent .post-wrapper .posts .post .content ul .days {
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-calander-turq.svg);
}
.post-type-archive-cursus .post-wrapper .posts .post .content ul .target-audience, .archive .post-wrapper .posts .post .content ul .target-audience, .posts-related .post-wrapper .posts .post .content ul .target-audience, .post-type-archive-docent .post-wrapper .posts .post .content ul .target-audience {
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-person-turq.svg);
}
.post-type-archive-cursus .post-wrapper .posts .post .content .btn, .archive .post-wrapper .posts .post .content .btn, .posts-related .post-wrapper .posts .post .content .btn, .post-type-archive-docent .post-wrapper .posts .post .content .btn {
align-self: flex-start;
background-color: #FF0091;
}
@keyframes pointerArrowAnimation {
from {
margin-left: -100px;
opacity: 0;
}
to {
margin-left: 0px;
opacity: 1;
}
}
.post-type-archive-cursus .post-wrapper .posts .post .content .icon, .archive .post-wrapper .posts .post .content .icon, .posts-related .post-wrapper .posts .post .content .icon, .post-type-archive-docent .post-wrapper .posts .post .content .icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0px;
bottom: 0px;
width: 70px;
height: 60px;
transition: 0.2s ease;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: #FF0091;
}
.post-type-archive-cursus .post-wrapper .posts .post .content .icon svg, .archive .post-wrapper .posts .post .content .icon svg, .posts-related .post-wrapper .posts .post .content .icon svg, .post-type-archive-docent .post-wrapper .posts .post .content .icon svg {
max-width: 20px;
max-height: 30px;
transition: 0.2s;
}
.post-type-archive-cursus .post-wrapper .posts .post:hover .wp-post-image, .archive .post-wrapper .posts .post:hover .wp-post-image, .posts-related .post-wrapper .posts .post:hover .wp-post-image, .post-type-archive-docent .post-wrapper .posts .post:hover .wp-post-image {
filter: grayscale(100%);
}
.post-type-archive-cursus .post-wrapper .posts .post:hover .icon svg, .archive .post-wrapper .posts .post:hover .icon svg, .posts-related .post-wrapper .posts .post:hover .icon svg, .post-type-archive-docent .post-wrapper .posts .post:hover .icon svg {
animation: pointerArrowAnimation;
animation-duration: 0.4s;
}
.post-type-archive-cursus .post-wrapper .posts .pagination, .archive .post-wrapper .posts .pagination, .posts-related .post-wrapper .posts .pagination, .post-type-archive-docent .post-wrapper .posts .pagination {
grid-column: span 3;
}
.post-type-archive-docent .post-wrapper .posts .post .content {
gap: 10px;
}
.post-type-archive-docent .post-wrapper .posts .post .content p {
font-size: 25px;
font-weight: 200;
color: #1CB2AF;
}
.post-type-archive-docent .post-wrapper .posts .post .content .icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0px;
bottom: 0px;
width: 70px;
height: 70px;
transition: 0.2s ease;
background-color: #FF0091;
}
.post-type-archive-docent .post-wrapper .posts .post .content .icon svg {
max-width: 20px;
max-height: 30px;
transition: 0.2s;
}
.post-type-archive-docent .post-wrapper .posts .post .content .icon:hover svg {
animation: pointerLocationAnimation;
animation-duration: 0.4s;
} .posts-related {
padding-top: 120px;
padding-bottom: 120px;
margin-top: 120px;
background-color: #000000;
}
.posts-related .post-wrapper {
flex-direction: column;
padding-bottom: 0px;
margin-right: auto;
margin-left: auto;
width: 71.4285714286%;
}
.posts-related .post-wrapper h2 {
font-family: canada-type-gibson, sans-serif;
font-size: 60px;
font-weight: 700;
color: #FF0091;
}
.posts-related .post-wrapper .posts {
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
.post-type-archive-nieuws .post-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
grid-column-gap: 90px;
position: relative;
z-index: 1;
padding-bottom: 160px;
margin: auto auto;
width: 71.4285714286%;
}
.post-type-archive-nieuws .post-wrapper h2 {
grid-column: span 2;
text-transform: uppercase;
font-family: canada-type-gibson, sans-serif;
font-size: 40px;
line-height: 48px;
color: #FF0091;
}
.post-type-archive-nieuws .post-wrapper a {
height: 100%;
}
.post-type-archive-nieuws .post-wrapper .post {
display: flex;
align-items: stretch;
height: 100%;
transition: 0.3s ease;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: #FFFFFF;
}
.post-type-archive-nieuws .post-wrapper .post .wp-post-image {
max-width: 240px;
min-width: 200px;
width: 100%;
height: auto;
transition: 0.3s ease;
object-fit: cover;
object-position: center;
background: #FFFFFF;
}
.post-type-archive-nieuws .post-wrapper .post .content {
display: flex;
justify-content: center;
flex-direction: column;
gap: 15px;
position: relative;
padding: 50px;
width: 100%;
font-family: canada-type-gibson, sans-serif;
}
.post-type-archive-nieuws .post-wrapper .post .content h3 {
transition: 0.3s ease;
text-transform: uppercase;
font-size: 25px;
font-weight: 600;
line-height: 30px;
color: #1CB2AF;
}
.post-type-archive-nieuws .post-wrapper .post .content span {
text-transform: uppercase;
transition: 0.3s ease;
font-size: 16px;
font-weight: 600;
}
.post-type-archive-nieuws .post-wrapper .post:hover .wp-post-image {
filter: grayscale(100%);
}
.post-type-archive-nieuws .post-wrapper .post:hover .content h3 {
padding-left: 10px;
}
.post-type-archive-nieuws .post-wrapper .post:hover .content span {
padding-left: 20px;
}
.post-type-archive-agenda .post-wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 120px;
padding-bottom: 160px;
margin: auto auto;
width: 71.4285714286%;
}
.post-type-archive-agenda .post-wrapper .month-group {
display: flex;
flex-direction: column;
gap: 30px;
position: relative;
padding-left: 240px;
font-family: canada-type-gibson, sans-serif;
}
.post-type-archive-agenda .post-wrapper .month-group .month {
position: absolute;
top: 20px;
left: 0px;
transition: 0.3s ease;
text-transform: uppercase;
font-size: 70px;
font-weight: 900;
line-height: 60px;
color: #1CB2AF;
}
.post-type-archive-agenda .post-wrapper .month-group .post {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding: 40px 50px;
cursor: pointer;
background-color: #FFFFFF;
}
.post-type-archive-agenda .post-wrapper .month-group .post .content .details {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
list-style: none;
transition: 0.3s ease;
}
.post-type-archive-agenda .post-wrapper .month-group .post .content .details li {
font-size: 25px;
font-weight: 400;
color: #1CB2AF;
}
.post-type-archive-agenda .post-wrapper .month-group .post .content .details .time {
color: #000000;
}
.post-type-archive-agenda .post-wrapper .month-group .post .content h3 {
transition: 0.3s ease;
text-transform: uppercase;
font-size: 30px;
font-weight: 600;
color: #000000;
}
.post-type-archive-agenda .post-wrapper .month-group .post .btn {
background-color: #FF0091;
}
.post-type-archive-agenda .post-wrapper .month-group .post:hover .content .details {
padding-left: 10px;
}
.post-type-archive-agenda .post-wrapper .month-group .post:hover .content h3 {
padding-left: 20px;
}
.post-type-archive-agenda .post-wrapper .month-group .post:hover .btn {
padding: 23px 70px 23px 40px;
}
.post-type-archive-agenda .post-wrapper .month-group:hover .month {
color: #FFFFFF;
} .pagination {
display: flex;
align-items: flex-start;
gap: 10px;
font-family: canada-type-gibson, sans-serif;
font-size: 18px;
font-weight: 700;
}
.pagination .page-numbers {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
width: 60px;
height: 60px;
transition: 0.2s ease;
color: #000000;
background-color: #FFFFFF;
}
.pagination .page-numbers:hover {
margin-top: -5px;
color: #FF0091;
}
.pagination .current {
color: #FF0091;
}
.pagination .prev {
display: none;
}
.pagination .next {
display: none;
}
.faq {
position: relative;
z-index: 2;
font-family: canada-type-gibson, sans-serif;
}
.faq:has(+ .faq) {
margin-bottom: 40px;
}
.faq .inner {
padding: 80px 40px 80px 40px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
}
.faq h3 {
font-size: 50px;
font-weight: 700;
color: #FF0091;
}
.faq .item {
position: relative;
padding: 30px 20px;
border-top: 2px solid #FF0091;
transition: 0.2s ease;
font-size: 20px;
}
.faq .item:first-of-type {
border-top: none;
}
.faq .item h3 {
position: relative;
padding-right: 20px;
width: 100%;
transition: 0.2s ease;
cursor: pointer;
font-size: 22px;
font-weight: 600;
color: #000000;
}
.faq .item h3:hover {
padding-left: 20px;
}
.faq .item h3:hover:after {
right: 20px;
}
.faq .item h3:after {
content: "";
position: absolute;
top: 5px;
right: 0px;
width: 20px;
height: 20px;
transition: 0.2s ease;
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-arrow-down.svg);
background-size: 20px;
background-repeat: no-repeat;
}
.faq .item article {
padding-top: 0px;
padding-right: 40px;
padding-bottom: 0px;
max-height: 0px;
transition: 0.2s ease;
overflow: hidden;
font-size: 22px;
font-weight: 300;
line-height: 30px;
color: #000000;
}
.faq .item article strong {
font-weight: 600;
}
.faq .open {
padding: 20px;
background-color: rgba(255, 255, 255, 0.1);
}
.faq .open h3:after {
transform: rotate(180deg);
}
.faq .open article {
padding-top: 20px;
max-height: 900px;
}
.course-information {
position: relative;
padding: 40px;
margin: auto auto;
transform: translateY(-50%);
width: 71.4285714286%;
font-family: canada-type-gibson, sans-serif;
background-color: #000000;
}
.course-information ul {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
}
.course-information ul li {
font-size: 22px;
font-weight: 200;
color: #FFFFFF;
}
.course-information ul li strong {
font-weight: 600;
}
.teacher-information {
position: relative;
padding: 40px;
margin: auto auto;
transform: translateY(-50%);
width: 71.4285714286%;
z-index: 2;
font-family: canada-type-gibson, sans-serif;
background-color: #FFFFFF;
}
.teacher-information ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
list-style: none;
}
.teacher-information ul li {
font-size: 22px;
font-weight: 200;
color: #FFFFFF;
}
.teacher-information ul li strong {
font-weight: 600;
}
footer {
position: relative;
z-index: 2;
background-color: #FFFFFF;
}
footer .footer-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 120px;
padding-top: 60px;
padding-bottom: 90px;
margin: auto auto;
width: 71.4285714286%;
}
footer .footer-inner .col {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
footer .footer-inner .col:first-of-type {
align-items: center;
}
footer .footer-inner .col .logo {
height: 70px;
}
footer .footer-inner .col .social-icons {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-top: 70px;
}
footer .footer-inner .col .social-icons p {
width: 100%;
text-transform: uppercase;
text-align: center;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 600;
color: #000000;
}
footer .footer-inner .col .social-icons a {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
width: 60px;
height: 60px;
transition: 0.2s ease;
}
footer .footer-inner .col .social-icons a svg {
max-height: 30px;
max-width: 30px;
}
footer .footer-inner .col .social-icons a:nth-child(2) {
background-color: #FF0091;
}
footer .footer-inner .col .social-icons a:nth-child(3) {
background-color: #7C67A2;
}
footer .footer-inner .col .social-icons a:nth-child(4) {
background-color: #1CB2AF;
}
footer .footer-inner .col .social-icons a:hover {
background-color: #000000;
}
footer .footer-inner .col h3 {
margin-bottom: 30px;
text-transform: uppercase;
font-family: canada-type-gibson, sans-serif;
font-size: 25px;
font-weight: 600;
color: #FF0091;
}
footer .footer-inner .col p {
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
footer .footer-inner .col .menu {
list-style: none;
}
footer .footer-inner .col .menu .menu-item {
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
footer .footer-inner .col .menu .menu-item a {
transition: 0.2s ease;
color: #000000;
}
footer .footer-inner .col .menu .menu-item:hover a {
color: #7C67A2;
}
footer .under-footer {
padding-top: 50px;
padding-bottom: 50px;
background-color: #000000;
}
footer .under-footer .under-footer-inner {
display: flex;
justify-content: space-between;
align-items: center;
margin: auto auto;
width: 71.4285714286%;
}
footer .under-footer .under-footer-inner span {
font-family: canada-type-gibson, sans-serif;
font-size: 16px;
color: #FFFFFF;
} @media only screen and (max-width: 2399px) {
.post-type-archive-cursus .post-wrapper .posts, .archive .post-wrapper .posts {
grid-template-columns: repeat(2, 1fr);
}
.post-type-archive-cursus .post-wrapper .posts .pagination, .archive .post-wrapper .posts .pagination {
grid-column: span 2;
}
} @media only screen and (max-width: 1799px) {
.hero-front .hero-inner {
width: 85.7142857143%;
}
.front-search-bar .front-search-bar-inner {
width: 85.7142857143%;
}
.posts-news-agenda .posts-news-agenda-inner {
gap: 90px;
width: 85.7142857143%;
}
.text {
width: 85.7142857143%;
}
.pages h2 {
margin-left: 7.1428571429%;
}
.pages .pages-inner {
margin-left: 7.1428571429%;
width: 85.7142857143%;
}
.posts-related .post-wrapper {
width: 85.7142857143%;
}
.archive .post-wrapper {
width: 85.7142857143%;
}
.page-template-page-praktische-info .pages .pages-inner {
width: 85.7142857143%;
}
.course-information {
width: 85.7142857143%;
}
footer .footer-inner {
gap: 90px;
width: 85.7142857143%;
}
footer .under-footer .under-footer-inner {
width: 85.7142857143%;
}
}
@media only screen and (max-width: 1499px) {
.post-type-archive-agenda .post-wrapper .month-group {
padding-left: 180px;
}
}
@media only screen and (max-width: 1499px) {
.post-type-archive-cursus .post-wrapper .posts {
gap: 20px;
}
} @media only screen and (max-width: 1299px) {
aside {
font-family: canada-type-gibson, sans-serif;
}
aside .aside-inner {
display: flex;
flex-direction: column;
gap: 40px;
}
aside .aside-inner h2 {
font-size: 28px;
line-height: 28px;
}
aside .aside-inner h3 {
font-size: 26px;
line-height: 26px;
}
aside .aside-inner h4 {
font-size: 24px;
line-height: 24px;
}
aside .aside-inner h5 {
font-size: 22px;
line-height: 22px;
}
aside .aside-inner p {
font-size: 18px;
line-height: 30px;
}
aside .aside-inner ul, aside .aside-inner ol {
font-size: 18px;
line-height: 30px;
}
.hero-front .hero-inner .hero-content h1 {
font-size: 90px;
line-height: 70px;
}
.front-search-bar .front-search-bar-inner h3 {
font-size: 55px;
line-height: 55px;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group .month {
font-size: 40px;
}
.pages .pages-inner .page .content .content-inner h3 {
font-size: 30px;
line-height: 30px;
}
.pages .pages-inner .page .content .content-inner p {
font-size: 20px;
line-height: 24px;
}
.posts-related .post-wrapper h2 {
font-size: 55px;
line-height: 55px;
}
}
@media only screen and (max-width: 1299px) {
.hero-front {
max-height: 900px;
}
.hero-front .hero-inner {
position: relative;
}
.hero-front .hero-inner .hero-image {
position: absolute;
left: 0px;
height: auto;
}
.front-search-bar .front-search-bar-inner .front-search-icon svg {
width: 30px;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post .content {
padding: 40px;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group {
padding-left: 120px;
}
.post-type-archive-nieuws .post-wrapper {
grid-column-gap: 30px;
}
.pages .pages-inner {
grid-template-columns: repeat(2, 1fr);
}
.posts-related .post-wrapper .posts {
grid-template-columns: repeat(2, 1fr);
}
.posts-related .post-wrapper .posts h3 {
grid-column: span 2;
}
.post-type-archive-agenda .post-wrapper .month-group {
padding-left: 0px;
}
.post-type-archive-agenda .post-wrapper .month-group .month {
position: relative;
top: 0px;
}
.post-type-archive-docent .post-wrapper aside {
padding: 40px 40px;
z-index: 2;
width: 40%;
}
.post-type-archive-docent .post-wrapper .posts {
grid-template-columns: repeat(1, 1fr);
width: 60%;
}
.post-type-archive-docent .post-wrapper .posts .pagination {
grid-column: span 1;
}
.post-type-archive-cursus .post-wrapper {
gap: 40px;
}
.post-type-archive-cursus .post-wrapper aside {
padding: 40px 40px;
z-index: 2;
width: 40%;
}
.post-type-archive-cursus .post-wrapper .posts {
grid-template-columns: repeat(1, 1fr);
width: 60%;
}
.post-type-archive-cursus .post-wrapper .posts .pagination {
grid-column: span 1;
}
.course-information ul {
grid-template-columns: repeat(2, 1fr);
}
.signup-form {
padding: 30px;
}
.signup-form .crd-date-of-birth {
display: flex;
gap: 5px;
}
.signup-form .back-course-info-button {
margin-bottom: 10px;
}
.search-results .posts .post .content {
align-items: flex-start;
flex-direction: column;
}
}
@media only screen and (max-width: 999px) {
.hero-front {
max-height: 700px;
}
.front-grid {
grid-template-columns: repeat(1, 1fr);
}
.posts-news-agenda .posts-news-agenda-inner {
grid-template-columns: repeat(1, 1fr);
}
.text-image {
grid-template-columns: repeat(1, 1fr);
}
.video-text {
grid-template-columns: repeat(1, 1fr);
}
.pages .pages-inner {
grid-template-columns: repeat(1, 1fr);
}
.posts-related .post-wrapper .posts {
grid-template-columns: repeat(1, 1fr);
}
.posts-related .post-wrapper .posts h3 {
grid-column: span 1;
}
.archive .post-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.archive .post-wrapper h2 {
grid-column: span 1;
}
.post-type-archive-agenda .post-wrapper .month-group .post {
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.post-type-archive-docent .post-wrapper {
flex-direction: column;
}
.post-type-archive-docent .post-wrapper aside {
max-width: inherit;
min-width: inherit;
width: 100%;
max-height: 100px;
height: 100px;
overflow: hidden;
}
.post-type-archive-docent .post-wrapper aside .open-filter svg {
display: block;
}
.post-type-archive-docent .post-wrapper .posts {
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.post-type-archive-cursus .post-wrapper {
flex-direction: column;
}
.post-type-archive-cursus .post-wrapper aside {
max-width: inherit;
min-width: inherit;
width: 100%;
max-height: 100px;
height: 40px;
overflow: hidden;
}
.post-type-archive-cursus .post-wrapper aside .open-filter svg {
display: block;
}
.post-type-archive-cursus .post-wrapper .posts {
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.course-information {
margin-top: 40px;
margin-bottom: 40px;
transform: inherit;
}
.course-information ul {
grid-template-columns: repeat(1, 1fr);
}
footer .footer-inner {
grid-template-columns: repeat(1, 1fr);
text-align: center;
}
footer .footer-inner .col {
align-items: center;
}
}
@media only screen and (max-width: 799px) {
.hero-front .hero-inner .hero-image {
width: 100%;
}
.hero-front .hero-inner .hero-content h1 {
position: relative;
z-index: 2;
mix-blend-mode: inherit;
}
.hero-front .scroll {
gap: 0px;
}
.hero-front .scroll svg {
width: 20px;
}
.hero-front .scroll p {
font-size: 18px;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group {
padding-left: 0px;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group .month {
position: relative;
}
footer .under-footer {
text-align: center;
}
footer .under-footer .under-footer-inner {
flex-direction: column;
gap: 20px;
}
} @media only screen and (max-width: 599px) {
aside {
font-family: canada-type-gibson, sans-serif;
}
aside .aside-inner {
gap: 30px;
}
.hero-front .hero-inner .hero-content h1 {
font-size: 40px;
line-height: 40px;
}
.front-grid .col h2 {
font-size: 30px;
line-height: 30px;
}
.front-grid .col p {
font-size: 20px;
line-height: 30px;
}
.front-search-bar .front-search-bar-inner h3 {
font-size: 30px;
line-height: 30px;
}
.posts-news-agenda .posts-news-agenda-inner .agenda .posts .month-group .month {
font-size: 25px;
}
.pages .pages-inner .page .content .content-inner h3 {
font-size: 25px;
line-height: 25px;
}
.pages .pages-inner .page .content .content-inner p {
font-size: 18px;
line-height: 24px;
}
.posts-related .post-wrapper h2 {
font-size: 30px;
line-height: 30px;
}
.course-information ul li {
font-size: 18px;
line-height: 18px;
}
}
@media only screen and (max-width: 599px) {
.front-search-bar .front-search-bar-inner .front-search-icon svg {
width: 20px;
}
.front-parallax {
height: 300px;
background-size: contain;
background-position: center;
background-attachment: inherit;
}
.android .front-parallax {
background-attachment: fixed;
}
.post-type-archive-nieuws .post-wrapper .post {
flex-direction: column;
}
.post-type-archive-nieuws .post-wrapper .post .wp-post-image {
max-width: inherit;
}
} @media only screen and (max-width: 499px) {
header .homelink .logo {
max-height: 40px;
}
.hero-front {
max-height: 400px;
}
.front-search-bar {
padding-top: 70px;
padding-bottom: 70px;
}
.front-search-bar .front-search-bar-inner {
gap: 40px;
}
.front-search-bar .front-search-bar-inner .search-icon svg {
width: 20px;
}
.front-grid .col {
padding-top: 70px;
padding-bottom: 70px;
}
.posts-news-agenda {
padding-top: 90px;
padding-bottom: 90px;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post .wp-post-image {
display: none;
}
.posts-news-agenda .posts-news-agenda-inner .news .posts .post .content {
padding: 40px 30px;
}
.post-type-archive-nieuws .post-wrapper .post .wp-post-image {
display: none;
}
.post-type-archive-nieuws .post-wrapper .post .content {
padding: 40px 30px;
}
.post-type-archive-cursus .post-wrapper aside {
padding: 0px;
}
.pagination .page-numbers {
width: 40px;
height: 40px;
}
}
@media only screen and (max-width: 499px) {
.hero-front .hero-background-image {
min-height: 400px;
}
}
.page-template-default main {
gap: 0px;
padding-bottom: 0px;
}
.container {
display: flex;
justify-content: center;
align-items: flex-start;
padding-left: 20px;
padding-right: 20px;
}
.container .inner-narrow {
width: 57.1428571429%;
}
.container .inner-regular {
width: 71.4285714286%;
}
.container .inner-wide {
width: 85.7142857143%;
}
.container .inner-full {
width: 100%;
}
.container.turq {
padding-top: 120px;
padding-bottom: 120px;
background-color: #1CB2AF;
}
.container.turq + .turq {
padding-top: 0px;
}
.container.white {
padding-top: 120px;
padding-bottom: 120px;
background-color: #FFFFFF;
}
.container.white + .white {
padding-top: 0px;
}
.container.black {
padding-top: 120px;
padding-bottom: 120px;
background-color: #000000;
}
.container.black + .black {
padding-top: 0px;
}
.container.lightgray {
padding-top: 120px;
padding-bottom: 120px;
background-color: #FFFFFF;
}
.container.lightgray + .lightgray {
padding-top: 0px;
}
.container.pink {
padding-top: 120px;
padding-bottom: 120px;
background-color: #FF0091;
}
.container.pink + .pink {
padding-top: 0px;
}
.container.blue {
padding-top: 120px;
padding-bottom: 120px;
background-color: #56739D;
}
.container.blue + .blue {
padding-top: 0px;
}
.container.purple {
padding-top: 120px;
padding-bottom: 120px;
background-color: #7C67A2;
}
.container.purple + .purple {
padding-top: 0px;
}
.single-cursus .container.black {
background-color: #000000;
}
@media only screen and (max-width: 1799px) {
.container .inner-narrow {
width: 71.4285714286%;
}
.container .inner-regular {
width: 78.5714285714%;
}
}
@media only screen and (max-width: 1199px) {
.container .inner-narrow {
width: 78.5714285714%;
}
}
@media only screen and (max-width: 799px) {
.container .inner-narrow {
width: 85.7142857143%;
}
}
@media only screen and (max-width: 599px) {
.container .inner-narrow {
width: 100%;
}
.container .inner-regular {
width: 100%;
}
.container .inner-wide {
width: 100%;
}
}
.btn, .btn > a {
position: relative;
display: inline-flex;
padding: 23px;
color: #FFFFFF;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
z-index: 1;
overflow: hidden;
transition: all 0.4s ease-in-out;
}
@keyframes pointerArrowAnimation {
from {
margin-left: -100px;
opacity: 0;
}
to {
margin-left: 0px;
opacity: 1;
}
}
.with-icon.btn .icon, .btn > a.with-icon .icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0px;
bottom: 0px;
width: 70px;
height: 60px;
transition: 0.2s ease;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: #FF0091;
}
.with-icon.btn .icon svg, .btn > a.with-icon .icon svg {
max-width: 20px;
max-height: 30px;
transition: 0.2s;
}
.with-icon.btn:hover, .btn > a.with-icon:hover {
padding: 23px 70px 23px 30px;
background-position: right 15px center;
background-color: transparent;
}
.with-icon.btn:hover.with-icon .wp-post-image, .btn > a.with-icon:hover.with-icon .wp-post-image {
filter: grayscale(100%);
}
.with-icon.btn:hover.with-icon .icon svg, .btn > a.with-icon:hover.with-icon .icon svg {
animation: pointerArrowAnimation;
animation-duration: 0.4s;
}
.btn:has(+ .btn) {
margin-right: 10px;
margin-bottom: 10px;
}
.btn-1, .btn-1 > a {
background-color: #FF0091;
}
.btn-1::before, .btn-1 > a::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(to right, #FF0091, #7C67A2);
z-index: -1;
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
.btn-1:hover::before, .btn-1 > a:hover::before {
opacity: 1;
}
.btn-2, .btn-2 > a {
background-color: #000000;
}
.btn-2::before, .btn-2 > a::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(to right, #000000, #FF0091);
z-index: -1;
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
.btn-2:hover::before, .btn-2 > a:hover::before {
opacity: 1;
}
.btn-3, .btn-3 > a {
background-color: #1CB2AF;
}
.btn-3::before, .btn-3 > a::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(to right, #1CB2AF, #56739D);
z-index: -1;
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
.btn-3:hover::before, .btn-3 > a:hover::before {
opacity: 1;
}
.btn-4, .btn-4 > a {
background-color: #56739D;
}
.btn-4::before, .btn-4 > a::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(to right, #56739D, #1CB2AF);
z-index: -1;
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
.btn-4:hover::before, .btn-4 > a:hover::before {
opacity: 1;
}
.btn-5, .btn-5 > a {
background-color: #7C67A2;
}
.btn-5::before, .btn-5 > a::before {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(to right, #7C67A2, #FF0091);
z-index: -1;
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
.btn-5:hover::before, .btn-5 > a:hover::before {
opacity: 1;
}
aside .btn:has(+ .btn) {
margin-right: 0px;
}
li.btn {
padding: 0 !important;
background: none !important;
list-style: none;
} header {
position: relative;
padding-top: 60px;
padding-bottom: 60px;
z-index: 12;
background-color: #FFFFFF; }
header .inner {
display: flex;
justify-content: space-between;
align-items: center;
}
header .homelink {
position: relative;
}
header .homelink .logo {
height: 90px;
}
header nav {
display: flex;
align-items: center;
gap: 20px;
}
header nav .menu {
display: flex;
align-items: center;
gap: 50px;
list-style: none;
}
header nav .menu .menu-item {
position: relative;
transition: 0.2s ease;
text-transform: uppercase;
font-family: canada-type-gibson, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1;
}
header nav .menu .menu-item:last-of-type {
padding-right: 0px;
}
header nav .menu .menu-item a {
position: relative;
transition: 0.2s ease;
z-index: 1;
text-decoration: none;
color: #000000;
}
header nav .menu .menu-item:hover a {
color: #FF0091;
}
header nav .menu .menu-item .sub-menu {
display: flex;
flex-direction: column;
gap: 20px;
position: absolute;
top: 100%;
left: -40px;
padding: 0px 40px;
width: 300px;
height: 0%;
transition: 0.2s ease;
list-style: none;
overflow: hidden;
z-index: 2;
box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.03);
background-color: #FFFFFF;
}
header nav .menu .menu-item .sub-menu .menu-item {
transition: 0.2s ease;
font-size: 18px;
}
header nav .menu .menu-item .sub-menu .menu-item a {
color: #000000;
}
header nav .menu .menu-item.btn a {
font-size: 18px;
color: #FFFFFF;
}
header nav .menu .menu-item-has-children {
margin-top: 20px;
padding-bottom: 20px;
}
header nav .menu .menu-item-has-children:hover .sub-menu {
padding: 40px 40px;
height: fit-content;
}
header nav .menu .menu-item-has-children:hover .sub-menu .menu-item:hover {
padding-left: 10px;
}
header nav .menu .menu-item-has-children:hover .sub-menu .menu-item:hover a {
color: #7C67A2;
}
header .search-icon {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
border-radius: 50px;
width: 40px;
height: 40px;
transition: 0.2s ease;
cursor: pointer;
background-color: transparent;
}
header .search-icon .search-open-icon {
display: block;
line-height: 0;
}
header .search-icon .search-close-icon {
display: none;
line-height: 0;
}
header .search-icon svg {
width: 24px;
height: auto;
}
header .search-icon svg path {
fill: #FF0091;
transition: 0.2s ease;
}
header .search-icon:hover svg path {
fill: #7C67A2;
}
header .search-icon.open .search-open-icon {
display: none;
}
header .search-icon.open .search-close-icon {
display: block;
}
header .search-icon.open .search-close-icon svg path {
fill: #FFFFFF;
}
header .header-right {
display: none;
align-items: center;
gap: 20px;
}
header #menu-toggle {
display: none;
position: relative;
margin-right: 7.1428571429%;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 4;
}
header #menu-toggle span {
display: block;
background: #FF0091;
border-radius: 5px;
transition: 0.2s ease;
}
header #menu-toggle #hamburger {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: absolute;
height: 100%;
width: 100%;
}
header #menu-toggle #hamburger span {
width: 30px;
height: 3px;
position: relative;
margin-bottom: 7px;
}
header #menu-toggle #hamburger span:nth-child(1) {
transition-delay: 0.5s;
}
header #menu-toggle #hamburger span:nth-child(2) {
transition-delay: 0.625s;
}
header #menu-toggle #hamburger span:nth-child(3) {
transition-delay: 0.75s;
margin-bottom: 0px;
}
header #menu-toggle #cross {
position: absolute;
height: 100%;
width: 100%;
transform: rotate(45deg);
}
header #menu-toggle #cross span:nth-child(1) {
height: 0%;
width: 3px;
position: absolute;
top: 0%;
left: 14px;
transition-delay: 0s;
}
header #menu-toggle #cross span:nth-child(2) {
width: 0%;
height: 3px;
position: absolute;
left: 0%;
top: 14px;
transition-delay: 0.25s;
}
header #menu-toggle.open #hamburger span {
width: 0%;
}
header #menu-toggle.open #hamburger span:nth-child(1) {
transition-delay: 0s;
}
header #menu-toggle.open #hamburger span:nth-child(2) {
transition-delay: 0.125s;
}
header #menu-toggle.open #hamburger span:nth-child(3) {
transition-delay: 0.25s;
}
header #menu-toggle.open #cross span:nth-child(1) {
height: 30px;
transition-delay: 0.625s;
}
header #menu-toggle.open #cross span:nth-child(2) {
width: 30px;
transition-delay: 0.375s;
}
body.home header {
background-color: transparent;
} .search-wrapper {
display: none;
position: fixed;
top: 0px;
left: 0px;
padding: 40px 7.1428571429%;
height: 100%;
width: 100%;
z-index: 4;
font-family: canada-type-gibson, sans-serif;
background-color: #7C67A2;
}
.search-wrapper .search-close {
position: absolute;
top: 30px;
right: 7.1428571429%;
width: 40px;
height: 40px;
z-index: 5;
cursor: pointer;
}
.search-wrapper .search-close svg {
width: 100%;
height: auto;
}
.search-wrapper .search-close svg path {
fill: #FFFFFF;
}
.search-wrapper .search-form {
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 900px;
width: 85.7142857143%;
}
.search-wrapper .search-form input {
display: inline-block;
padding: 20px 30px;
border: none;
border-bottom: 2px solid #FFFFFF;
width: 100%;
outline: none;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
color: #FFFFFF;
background-color: transparent;
}
.search-wrapper .search-form input::placeholder {
color: #FFFFFF;
}
.search-wrapper .search-form button {
display: inline-block;
border: none;
border-bottom: 2px solid #FFFFFF;
max-width: 40px;
width: 20%;
transition: 0.2s ease;
cursor: pointer;
background-color: transparent;
}
.search-wrapper .search-form button svg path {
fill: #FFFFFF;
}
.search-open {
display: flex;
} .mobile-menu-wrapper {
display: none;
position: fixed;
top: 0px;
left: 0px;
padding-top: 170px;
padding-bottom: 40px;
height: 100%;
width: 100%;
overflow: auto;
z-index: 7;
font-family: canada-type-gibson, sans-serif;
background-color: #000000;
}
.mobile-menu-wrapper .menu {
display: flex;
flex-direction: column;
gap: 20px;
list-style: none;
margin: auto auto;
width: 85.7142857143%;
}
.mobile-menu-wrapper .menu .menu-item {
font-size: 18px;
font-weight: 700;
}
.mobile-menu-wrapper .menu .menu-item a {
color: #FFFFFF;
text-decoration: none;
}
.mobile-menu-wrapper .menu .menu-item .sub-menu {
display: flex;
flex-direction: column;
gap: 15px;
padding: 15px 0 0 15px;
}
.mobile-menu-wrapper .menu .menu-item .sub-menu .menu-item {
font-size: 16px;
}
.mobile-menu-wrapper .menu .menu-item .sub-menu .menu-item a {
color: #FFFFFF;
}
.mobile-menu-wrapper .menu .menu-item .sub-menu .menu-item:hover a {
color: #FF0091;
}
.mobile-menu-wrapper .menu .menu-item:hover a {
color: #FF0091;
}
.mobile-menu-wrapper .menu .btn {
margin-top: 10px;
align-self: flex-start;
background-color: #FF0091;
} @media only screen and (max-width: 1799px) {
header .homelink .logo {
height: 70px;
}
header nav .menu {
gap: 30px;
}
}
@media only screen and (max-width: 1499px) {
header .homelink .logo {
height: 48px;
}
header nav .menu {
gap: 20px;
}
header nav .menu .menu-item {
font-size: 18px;
}
header nav .menu .menu-item.btn a {
padding: 20px;
font-size: 16px;
}
}
@media only screen and (max-width: 1199px) {
header nav {
display: none;
}
header .header-right {
display: flex;
}
header #menu-toggle {
display: block;
}
header.menu-open {
background-color: #000000;
}
}
@media only screen and (max-width: 599px) {
header {
padding-top: 20px;
padding-bottom: 20px;
}
.mobile-menu-wrapper {
padding-top: 120px;
}
}
@media only screen and (max-width: 499px) {
header .homelink .logo {
max-height: 40px;
}
}
.hero-flex {
position: relative;
height: 700px;
background-color: #000000;
}
.hero-flex .inner {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
height: 100%;
z-index: 1;
}
.hero-flex .inner h1 {
text-transform: uppercase;
font-family: ofelia-display, sans-serif;
font-size: 100px;
font-weight: 700;
line-height: 1;
color: #FFFFFF;
}
.hero-flex video {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
mix-blend-mode: luminosity;
object-fit: cover;
object-position: center;
}
.hero-flex img {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
mix-blend-mode: luminosity;
object-fit: cover;
object-position: center;
}
.hero-flex .hero-background-image {
position: absolute;
top: 120px;
left: 0px;
width: 100%;
height: auto;
min-height: 700px;
mix-blend-mode: inherit;
z-index: 0;
opacity: 0.35;
object-fit: cover;
}
@media only screen and (max-width: 1299px) {
.hero-flex .inner .content h1 {
font-size: 80px;
}
}
@media only screen and (max-width: 799px) {
.hero-flex .inner .content h1 {
font-size: 60px;
}
}
.banner {
position: relative;
height: 500px;
background-color: #FFFFFF;
}
.banner .inner {
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
height: 100%;
z-index: 1;
}
.banner .inner h1 {
text-transform: uppercase;
text-align: right;
font-family: ofelia-display, sans-serif;
font-size: 100px;
font-weight: 700;
line-height: 1;
color: #FF0091;
}
.banner img {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
mix-blend-mode: luminosity;
object-fit: cover;
object-position: center;
}
.banner .hero-background-image {
position: absolute;
top: 120px;
left: 0px;
width: 100%;
height: auto;
min-height: 700px;
mix-blend-mode: inherit;
z-index: 0;
opacity: 0.35;
object-fit: cover;
} .page-template-page-gezondheid .banner .hero-background-image {
transform: scaleX(-1);
}
.page-template-page-jts-wolf .banner .inner {
position: relative;
z-index: 2;
}
.page-template-page-jts-wolf .banner:after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 200px;
z-index: 0;
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.page-template-page-jts-wolf .banner .hero-background-image {
transform: scaleX(-1);
z-index: 1;
}
.page-template-page-contact .banner .inner {
position: relative;
z-index: 2;
}
.page-template-page-contact .banner:after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 200px;
z-index: 0;
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.page-template-page-contact .banner .hero-background-image {
transform: scaleX(-1);
z-index: 1;
}
.page-template-page-praktische-info .banner .hero-background-image {
transform: scaleX(-1);
}
@media only screen and (max-width: 1299px) {
.banner .inner .content h1 {
font-size: 90px;
line-height: 70px;
}
}
@media only screen and (max-width: 799px) {
.banner .inner .content h1 {
font-size: 70px;
line-height: 70px;
}
}
@media only screen and (max-width: 599px) {
.banner .inner .content h1 {
font-size: 40px;
line-height: 40px;
}
.banner, .hero-single {
height: 200px;
}
}
.gallery {
align-items: center;
flex-direction: column;
padding-top: 120px;
padding-bottom: 120px;
}
.gallery .title-row {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.gallery .title-row h2 {
margin-bottom: 40px;
text-transform: uppercase;
font-family: canada-type-gibson, sans-serif;
font-size: 60px;
color: #FFFFFF;
}
.gallery .title-row a {
text-transform: uppercase;
text-decoration: underline;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 700;
color: #FFFFFF;
}
.gallery .inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-count: 3;
column-gap: 50px;
margin-bottom: -50px;
}
.gallery .gallery-item {
display: inline-block;
width: 100%;
margin-bottom: 50px;
}
.gallery .gallery-item a {
display: block;
overflow: hidden;
outline: none;
}
.gallery .gallery-item img {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
object-fit: cover;
}
.gallery .gallery-item:hover img {
transform: scale(1.01);
}
.gallery .gallery-item .caption {
color: #fff;
margin-top: 10px;
font-size: 14px;
}
.gallery .gallery-item:nth-child(1) img {
height: 300px;
}
.gallery .gallery-item:nth-child(2) img {
height: 400px;
}
.gallery .gallery-item:nth-child(3) img {
height: 300px;
}
.gallery .gallery-item:nth-child(4) {
margin-top: -100px;
}
.gallery .gallery-item:nth-child(4) img {
height: 400px;
}
.gallery .gallery-item:nth-child(5) img {
height: 300px;
}
.gallery .gallery-item:nth-child(6) {
margin-top: -100px;
}
.gallery .gallery-item:nth-child(6) img {
height: 400px;
}
.gallery .gallery-item:nth-child(n+7) {
display: none;
}
@media only screen and (max-width: 999px) {
.gallery .inner {
grid-template-columns: repeat(1, 1fr);
}
.gallery .inner .gallery-item {
margin-top: inherit;
}
}
:root {
--tec-color-text-primary: #fff!important;
--tec-color-text-secondary: #ddd!important;
--tec-font-family-sans-serif: canada-type-gibson, sans-serif!important;
--tec-font-size-1: 13px!important;
--tec-font-size-3: 24px!important;
--tec-line-height-3: 1.3!important;
} body.single-event article {
min-width: auto !important;
}
body.single-event aside {
min-width: 390px;
max-width: 500px !important;
}
body.single-event aside .aside-inner p {
font-size: 20px !important;
line-height: 24px !important;
}
body.single-event aside .tags {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px;
}
body.single-event aside .tags .tag {
padding: 5px;
background-color: #7C67A2;
}
body.single-event .tribe-common .tribe-common-h7 {
font-size: 20px;
}
body.single-event aside form.tribe-tickets__tickets-form {
margin: 0px;
padding: 0px;
border: 0px solid #000;
background-color: #000;
position: static;
}
body.single-event aside form.tribe-tickets__tickets-form .tribe-tickets__tickets-title {
font-size: 20px;
display: none;
}
body.single-event aside form.tribe-tickets__tickets-form .tribe-tickets__tickets-item {
border-top: 1px solid #fff;
padding: 40px 0px 30px 0px;
grid-template-columns: 1fr;
}
body.single-event aside form.tribe-tickets__tickets-form .tribe-tickets__tickets-item .tribe-tickets__tickets-item-details-content {
display: flex;
grid-row: 2;
font-size: 15px;
margin: 3px 0px 0px 0px;
}
body.single-event aside form.tribe-tickets__tickets-form .tribe-tickets__tickets-item .tribe-tickets__tickets-item-extra {
display: flex;
margin-top: 20px;
grid-column: 1;
grid-row-start: 3;
grid-row-end: 4;
padding: 0px;
}
body.single-event aside form.tribe-tickets__tickets-form .tribe-tickets__tickets-item .tribe-tickets__tickets-item-extra .tribe-tickets__tickets-item-extra-price {
margin-right: 5px;
font-size: 20px;
}
body.single-event aside form.tribe-tickets__tickets-form .tribe-tickets__tickets-item .tribe-tickets__tickets-item-extra .tribe-tickets__tickets-item-extra-available:before {
content: "(";
}
body.single-event aside form.tribe-tickets__tickets-form .tribe-tickets__tickets-item .tribe-tickets__tickets-item-extra .tribe-tickets__tickets-item-extra-available:after {
content: ")";
}
body.single-event aside form.tribe-tickets__tickets-form .tribe-tickets__tickets-item .tribe-tickets__tickets-item-quantity {
margin-top: -6px;
}
body.single-event aside form.tribe-tickets__tickets-form button.tribe-tickets__tickets-buy {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 23px 60px 23px 40px;
margin: 0px;
border-radius: 0px;
transition: 0.2s ease;
text-transform: uppercase;
text-decoration: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
font-family: canada-type-gibson, sans-serif;
font-size: 24px;
font-weight: 700;
color: #FFFFFF !important;
background-color: #FF0091 !important;
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-arrow-right-white.svg);
background-size: 20px 18px;
background-position: right 24px bottom 50%;
background-repeat: no-repeat;
text-align: left;
}
body.single-event aside form.tribe-tickets__tickets-form button.tribe-tickets__tickets-buy:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 70px;
transition: 0.3s ease;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-arrow-right-white.svg);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
background-color: #FF0091;
}
body.single-event aside form.tribe-tickets__tickets-form button.tribe-tickets__tickets-buy:hover {
padding: 23px 23px 23px 40px;
}
body.single-event aside form.tribe-tickets__tickets-form button.tribe-tickets__tickets-buy:hover:after {
width: 80px;
}
body.single-event section.event-header {
margin: auto auto;
width: 71.4285714286%;
margin-bottom: -60px;
}
@media screen and (max-width: 1799px) {
body.single-event section.event-header {
width: 85.7142857143%;
}
}
body.single-event section.event-header h2 {
font-size: 60px;
font-family: canada-type-gibson, sans-serif;
font-weight: 700;
margin-bottom: 0px;
color: #FF0091;
}
body.single-event section.text-sidebar {
padding-bottom: 0px;
}
body.single-event section.text-sidebar aside {
color: #fff;
background-color: transparent;
}
body.single-event section.text-sidebar aside .aside-inner {
background-color: #000;
position: relative;
gap: 20px !important;
padding-bottom: 120px;
}
body.single-event section.text-sidebar aside .event-tickets {
margin-top: 25px;
}
body.single-event section.text-sidebar aside add-to-calendar-button {
display: flex;
margin-top: 40px;
width: 100%;
}
body.single-event section.text-sidebar aside add-to-calendar-button .atcb-button {
font-size: 22px !important;
}
@media screen and (max-width: 1000px) {
body.single-event section.text-sidebar aside .aside-inner {
border: 1px solid #fff;
}
}
@media screen and (max-width: 500px) {
body.single-event section.text-sidebar aside .aside-inner {
padding: 40px 20px 120px 20px;
}
body.single-event aside form.tribe-tickets__tickets-form button.tribe-tickets__tickets-buy {
padding-left: 20px;
font-size: 5.5vw;
}
}
body.woocommerce-cart main {
gap: 0px;
}
body.woocommerce-cart ul.woocommerce-error {
display: none;
}
body.woocommerce-cart .woocommerce {
position: relative;
margin-top: 0px;
color: #000;
}
body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {
display: flex;
justify-content: flex-end;
}
body.woocommerce-cart .woocommerce .woocommerce-message {
background-color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
padding: 20px 60px;
margin-bottom: 50px;
margin-top: -115px;
}
body.woocommerce-cart .woocommerce .woocommerce-message a {
display: none;
}
body.woocommerce-cart form.woocommerce-cart-form table {
display: flex;
flex-direction: column;
background-color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
padding: 50px;
}
body.woocommerce-cart form.woocommerce-cart-form table thead tr,
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item {
display: grid;
grid-template-columns: 100px 1fr 150px 150px 150px;
width: 100%;
}
body.woocommerce-cart form.woocommerce-cart-form table thead th.product-remove,
body.woocommerce-cart form.woocommerce-cart-form table thead th.product-thumbnail {
opacity: 0;
}
body.woocommerce-cart form.woocommerce-cart-form table thead tr th {
display: flex;
font-size: 25px;
padding-bottom: 40px;
}
body.woocommerce-cart form.woocommerce-cart-form table thead tr th.product-thumbnail {
display: none;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody {
display: flex;
flex-direction: column;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr {
padding: 0px 0px 30px 0px;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td {
display: flex;
align-items: center;
font-size: 21px;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td.product-remove a {
display: flex;
align-items: center;
height: 100%;
width: 100%;
font-size: 60px;
padding-top: 10px;
font-weight: 300;
color: #FF1D00;
text-decoration: none;
transition: all 0.2s;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td.product-remove a:hover {
color: #b31400;
transform: translateY(2px);
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td.product-thumbnail {
display: none !important;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td.product-thumbnail a {
display: flex;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td.product-thumbnail img {
width: calc(100% - 40px);
height: auto !important;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td.product-name a {
display: flex;
align-items: center;
height: 100%;
width: 100%;
text-decoration: none;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td.product-name a:hover {
text-decoration: underline;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td.product-quantity label {
display: none;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td.product-quantity div.quantity {
width: 100%;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr td.product-quantity input {
width: calc(100% - 40px);
padding: 0px 0px 0px 5px;
text-align: center;
padding: 18px 16px 14px 0px;
border: 2px solid #000000;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 600;
background-color: #FFFFFF;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr:last-of-type {
display: flex;
justify-content: flex-end;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody button.btn {
background-image: none;
padding-right: 23px;
padding-top: 14px;
padding-bottom: 10px;
cursor: pointer;
}
body.woocommerce-cart .cart-collaterals {
display: flex;
width: 100%;
justify-content: flex-end;
padding-top: 30px;
}
body.woocommerce-cart .cart-collaterals h2 {
display: none;
}
body.woocommerce-cart .cart-collaterals .cart_totals {
width: 100%;
max-width: 660px;
}
body.woocommerce-cart .cart-collaterals .shop_table {
display: flex;
font-size: 20px;
padding: 30px 50px;
background-color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
body.woocommerce-cart .cart-collaterals .shop_table tbody {
display: flex;
flex-direction: column;
width: 100%;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr {
display: flex;
padding: 10px 0px;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr th {
width: 200px;
text-align: left;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td {
width: calc(100% - 200px);
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td ul.woocommerce-shipping-methods {
padding: 0px;
margin: 0px 0px 20px 0px;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td ul.woocommerce-shipping-methods li {
list-style: none;
padding: 0px;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td ul.woocommerce-shipping-methods li label {
font-weight: 700;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td ul.woocommerce-shipping-methods li input {
margin: 0px 5px 0px 0px;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td .woocommerce-shipping-calculator {
margin-top: 20px;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td .woocommerce-shipping-calculator a {
font-weight: 700;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-form {
display: flex;
flex-direction: column;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-form p {
margin-top: 20px;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-form p label {
font-weight: 700;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr.shipping {
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout {
display: flex;
justify-content: flex-end;
padding-top: 30px;
} div.blockOverlay {
background-color: transparent !important;
pointer-events: none !important;
}
header .cart-contents {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 50px;
width: 50px;
border-radius: 50%;
padding-top: 2px;
padding-right: 2px;
text-decoration: none;
transition: all 0.2s;
}
header .cart-contents svg {
width: 24px;
height: 24px;
fill: #fff;
}
header .cart-contents .cart-contents-count {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
font-weight: 700;
font-size: 12px;
top: 8px;
right: 8px;
background-color: #fff;
border-radius: 50%;
width: 15px;
height: 15px;
}
@media screen and (max-width: 1500px) {
body.woocommerce-cart form.woocommerce-cart-form table {
padding: 3vw;
}
body.woocommerce-cart .cart-collaterals .shop_table {
padding: 20px 3vw;
}
}
@media screen and (max-width: 1400px) {
body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {
justify-content: flex-start;
}
body.woocommerce-cart .woocommerce .woocommerce-message {
padding: 20px 60px;
margin-top: 20px;
}
}
@media screen and (max-width: 1000px) {
body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
padding: 15px 3vw;
}
body.woocommerce-cart form.woocommerce-cart-form table thead {
display: none;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item {
grid-template-columns: 120px 1fr 1fr 1fr 100px;
grid-template-rows: auto 1fr 65px;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item:first-of-type {
border-top: 0px;
padding-top: 0px;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item td.product-remove {
grid-column: 5/6;
grid-row: 1/2;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item td.product-remove a {
justify-content: flex-end;
padding-bottom: 8px;
line-height: 60px;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item td.product-thumbnail {
grid-column: 1/2;
grid-row: 2/4;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item td.product-thumbnail img {
width: calc(100% - 20px);
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item td.product-name {
grid-column: 1/5;
grid-row: 1/2;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item td.product-price {
display: none;
grid-column: 2/3;
grid-row: 3/4;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item td.product-quantity {
grid-column: 1/5;
grid-row: 3/4;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item td.product-quantity .quantity {
display: flex;
justify-content: flex-end;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item td.product-quantity input {
max-width: 80px;
margin: 0px;
width: 100%;
}
body.woocommerce-cart form.woocommerce-cart-form table tbody tr.cart_item td.product-subtotal {
grid-column: 5/6;
grid-row: 3/4;
justify-content: flex-end;
}
}
@media screen and (max-width: 500px) {
body.woocommerce-cart .cart-collaterals .shop_table tbody tr {
display: flex;
flex-direction: column;
}
body.woocommerce-cart .cart-collaterals .shop_table tbody tr th,
body.woocommerce-cart .cart-collaterals .shop_table tbody tr td {
width: 100%;
}
} .woocommerce .button.btn {
background-color: #FF0091;
}
body.woocommerce-checkout main {
gap: 0px;
}
body.woocommerce-checkout .woocommerce-checkout .col2-set {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 90px;
}
body.woocommerce-checkout .woocommerce-checkout .col2-set .col-1, body.woocommerce-checkout .woocommerce-checkout .col2-set .col-2 {
width: calc(50% - 30px);
}
body.woocommerce-checkout #customer_details .col-1, body.woocommerce-checkout #customer_details .col-2 {
background-color: #fff;
color: #000;
padding: 80px 60px;
}
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3 {
margin-bottom: 60px;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p {
width: 100%;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p + p,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p + p,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p + p,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p + p,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p + p,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p + p {
margin-top: 40px;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_first_name_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_last_name_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_first_name_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_last_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_last_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_last_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_last_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_last_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_last_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_last_name_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#billing_last_name_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#shipping_last_name_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#billing_last_name_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#shipping_last_name_field {
width: calc(50% - 10px);
margin-top: 0px;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_address_2_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_address_2_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_address_2_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_address_2_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_address_2_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_address_2_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_address_2_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_address_2_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#billing_address_2_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#shipping_address_2_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#billing_address_2_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#shipping_address_2_field {
margin-top: 10px;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_address_2_field label, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_address_2_field label,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_address_2_field label,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_address_2_field label,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_address_2_field label,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_address_2_field label,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_address_2_field label,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_address_2_field label,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#billing_address_2_field label,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#shipping_address_2_field label,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#billing_address_2_field label,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#shipping_address_2_field label {
display: none;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_postcode_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_postcode_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#billing_postcode_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#billing_postcode_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#shipping_postcode_field {
width: 30%;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_city_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_city_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_city_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_city_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_city_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_city_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_city_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_city_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#billing_city_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#shipping_city_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#billing_city_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#shipping_city_field {
width: calc(70% - 20px);
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper p#shipping_postcode_field {
margin-bottom: 20px;
}
body.woocommerce-checkout h3#order_review_heading {
margin-bottom: 20px;
}
body.woocommerce-checkout #order_review {
display: flex;
color: #000;
}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table {
display: flex;
flex-direction: column;
width: 700px;
max-width: calc(50% - 30px);
margin-right: 60px;
background-color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
padding: 50px;
font-size: 20px;
text-align: left;
}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr {
display: flex;
justify-content: space-between;
}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr th, body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr td {
width: calc(50% - 10px);
padding: 3px 0px;
}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot {
padding-top: 30px;
}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot ul {
padding: 0px;
}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li {
cursor: pointer;
}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li label {
padding-left: 6px;
cursor: pointer;
}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot ul li {
list-style: none;
}
body.woocommerce-checkout .woocommerce-checkout-payment {
width: 700px;
max-width: calc(50% - 30px);
background-color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
padding: 50px;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.wc_payment_methods {
padding: 0px;
margin: 0px;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.wc_payment_methods li {
list-style: none;
padding: 3px 0px;
cursor: pointer;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.wc_payment_methods li label {
padding-left: 5px;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.wc_payment_methods li label, body.woocommerce-checkout .woocommerce-checkout-payment ul.wc_payment_methods li input {
cursor: pointer;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.wc_payment_methods li .payment_box {
padding: 10px 0px 20px;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.wc_payment_methods li .payment_box p {
font-weight: bold;
}
body.woocommerce-checkout .woocommerce-checkout-payment fieldset {
border: 0px solid #000 !important;
}
body.woocommerce-checkout .woocommerce-checkout-payment div.place-order {
display: flex;
flex-direction: column;
align-items: flex-end;
padding-top: 30px;
}
body.woocommerce-checkout .woocommerce-checkout-payment div.place-order .woocommerce-privacy-policy-text {
padding-bottom: 30px;
}
body.woocommerce-checkout .woocommerce-checkout-payment div.place-order button {
margin-top: 40px;
transition: all 0s;
}
body.woocommerce-checkout label {
font-weight: bold;
}
body.woocommerce-checkout input[type=email],
body.woocommerce-checkout input[type=text],
body.woocommerce-checkout input[type=number],
body.woocommerce-checkout input[type=tel],
body.woocommerce-checkout input[type=password],
body.woocommerce-checkout input[type=url],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
display: flex;
align-items: center;
border: 0px solid #000;
border-bottom: 2px solid #000;
background-color: #fff;
height: 60px;
width: 100%;
-webkit-appearance: none;
appearance: none;
padding: 10px 0px;
transition: all 0.6s;
color: #000;
font-size: 20px;
font-family: canada-type-gibson, sans-serif;
}
body.woocommerce-checkout input[type=email]:focus,
body.woocommerce-checkout input[type=text]:focus,
body.woocommerce-checkout input[type=number]:focus,
body.woocommerce-checkout input[type=tel]:focus,
body.woocommerce-checkout input[type=password]:focus,
body.woocommerce-checkout input[type=url]:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus {
outline: none;
border: 0px solid #000;
background-color: #fff;
box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.2);
transition: all 0.2s;
}
body.woocommerce-checkout textarea {
font-family: canada-type-gibson, sans-serif;
height: 180px;
padding-top: 20px;
resize: none;
}
body.woocommerce-checkout select {
cursor: pointer;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 14.8"><polygon points="21.2 0 12 9.2 2.8 0 0 2.8 12 14.8 24 2.8 " fill="%23000"/></svg>');
background-position: calc(100% - 20px) center;
background-repeat: no-repeat;
background-size: 12px 7px;
padding: 18px 40px 18px 0px;
}
body.woocommerce-checkout input[type=submit] {
appearance: none;
border: 0px solid #fff;
display: flex;
height: auto;
cursor: pointer;
} @media screen and (max-width: 1400px) {
body.woocommerce-checkout .woocommerce-checkout .col2-set .col-1, body.woocommerce-checkout .woocommerce-checkout .col2-set .col-2 {
width: calc(50% - 20px);
}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table {
max-width: calc(50% - 20px);
width: calc(50% - 20px);
margin-right: 40px;
}
body.woocommerce-checkout .woocommerce-checkout-payment {
max-width: calc(50% - 20px);
width: calc(50% - 20px);
}
} @media screen and (max-width: 1200px) {
body.woocommerce-checkout .woocommerce-checkout .col2-set {
flex-direction: column;
}
body.woocommerce-checkout .woocommerce-checkout .col2-set .col-1, body.woocommerce-checkout .woocommerce-checkout .col2-set .col-2 {
width: 100%;
}
body.woocommerce-checkout .woocommerce-checkout .col2-set .col-2 {
margin-top: 60px;
}
body.woocommerce-checkout #order_review {
flex-direction: column;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table {
max-width: 100%;
width: 100%;
margin-right: 0px;
}
body.woocommerce-checkout #order_review .woocommerce-checkout-payment {
max-width: 100%;
width: 100%;
margin-top: 60px;
}
} @media screen and (max-width: 500px) {
body.woocommerce-checkout .col-1, body.woocommerce-checkout .col-2 {
padding: 10vw 7.5vw !important;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_first_name_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_last_name_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_first_name_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_last_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_last_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_last_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_last_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_last_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_last_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_last_name_field {
width: 100%;
margin-top: 20px;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_first_name_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_first_name_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_first_name_field {
margin-top: 0px;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_postcode_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_postcode_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_postcode_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_postcode_field {
width: 100%;
}
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_city_field, body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#shipping_city_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#billing_city_field,
body.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper p#shipping_city_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#billing_city_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper p#shipping_city_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#billing_city_field,
body.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper p#shipping_city_field {
width: 100%;
}
body.woocommerce-checkout #order_review {
flex-direction: column;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table {
padding: 30px;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table thead {
display: none;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody tr {
display: flex;
flex-direction: column;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody tr + tr {
margin-top: 15px;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody .product-name,
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody .product-total {
width: 100%;
padding: 0px;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody .product-total * {
font-weight: 700;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot {
border-top: 1px solid rgba(0, 0, 0, 0.2);
padding-top: 30px;
margin-top: 30px;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr {
display: flex;
flex-direction: column;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr th, body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr td {
width: 100%;
padding: 0px;
}
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot tr + tr {
padding-top: 15px;
}
body.woocommerce-checkout #order_review .woocommerce-checkout-payment {
padding: 30px;
}
}
body.post-type-archive-agenda section.event-wrapper,
body.single-event section.event-wrapper {
position: relative;
z-index: 1;
padding-bottom: 160px;
}
body.post-type-archive-agenda section.event-wrapper .inner,
body.single-event section.event-wrapper .inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
}
body.post-type-archive-agenda section.event-wrapper a,
body.single-event section.event-wrapper a {
display: flex;
position: relative;
z-index: 2;
width: 100%;
padding-top: 100%;
overflow: hidden;
}
body.post-type-archive-agenda section.event-wrapper a .single-event,
body.single-event section.event-wrapper a .single-event {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
}
body.post-type-archive-agenda section.event-wrapper a .single-event:after,
body.single-event section.event-wrapper a .single-event:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
body.post-type-archive-agenda section.event-wrapper a img,
body.single-event section.event-wrapper a img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
body.post-type-archive-agenda section.event-wrapper a .content,
body.single-event section.event-wrapper a .content {
display: flex;
flex-direction: column;
align-items: flex-start;
position: absolute;
bottom: 30px;
left: 30px;
color: #fff;
font-family: canada-type-gibson, sans-serif;
overflow: hidden;
z-index: 2;
transform: translateY(80px);
transition: 0.8s cubic-bezier(0.55, 0, 0.175, 1);
}
body.post-type-archive-agenda section.event-wrapper a .content time,
body.single-event section.event-wrapper a .content time {
display: flex;
font-size: 18px;
font-weight: 500;
margin-bottom: 1px;
}
body.post-type-archive-agenda section.event-wrapper a .content time span,
body.single-event section.event-wrapper a .content time span {
color: #FF0091;
margin-right: 4px;
}
body.post-type-archive-agenda section.event-wrapper a .content h3,
body.single-event section.event-wrapper a .content h3 {
font-size: 35px;
font-weight: 600;
margin-bottom: 8px;
text-transform: uppercase;
}
body.post-type-archive-agenda section.event-wrapper a .content div.location,
body.single-event section.event-wrapper a .content div.location {
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
}
body.post-type-archive-agenda section.event-wrapper a .content div.tags,
body.single-event section.event-wrapper a .content div.tags {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 10px;
}
body.post-type-archive-agenda section.event-wrapper a .content .tag,
body.single-event section.event-wrapper a .content .tag {
margin-bottom: 6px;
}
body.post-type-archive-agenda section.event-wrapper a .content h3,
body.single-event section.event-wrapper a .content h3 {
margin-top: 9px;
}
body.post-type-archive-agenda section.event-wrapper a .content div.button,
body.single-event section.event-wrapper a .content div.button {
font-size: 24px;
padding: 20px 40px;
background-color: #FF0091;
text-transform: uppercase;
margin-top: 20px;
opacity: 0;
transition: 0.8s cubic-bezier(0.55, 0, 0.175, 1);
}
body.post-type-archive-agenda section.event-wrapper a:hover .content,
body.single-event section.event-wrapper a:hover .content {
transform: translateY(0px);
transition: 0.4s cubic-bezier(0.55, 0, 0.175, 1);
}
body.post-type-archive-agenda section.event-wrapper a:hover .content div.button,
body.single-event section.event-wrapper a:hover .content div.button {
opacity: 1;
transition: 0.4s cubic-bezier(0.55, 0, 0.175, 1);
}
@media screen and (max-width: 1200px) {
body.post-type-archive-agenda section.event-wrapper,
body.single-event section.event-wrapper {
position: relative;
z-index: 1;
padding-bottom: 160px;
}
body.post-type-archive-agenda section.event-wrapper .inner,
body.single-event section.event-wrapper .inner {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 800px) {
body.post-type-archive-agenda section.event-wrapper,
body.single-event section.event-wrapper {
position: relative;
z-index: 1;
padding-bottom: 160px;
}
body.post-type-archive-agenda section.event-wrapper .inner,
body.single-event section.event-wrapper .inner {
grid-template-columns: 1fr;
}
}
.post-type-slider {
align-items: center;
flex-direction: column;
gap: 40px;
position: relative;
}
.post-type-slider.turq {
padding-top: 120px;
padding-bottom: 120px;
background-color: #1CB2AF;
}
.post-type-slider.turq .title-row h2 {
color: #FFFFFF;
}
.post-type-slider.turq .title-row a {
color: #FFFFFF;
}
.post-type-slider.turq .inner:after {
background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(28, 178, 175));
}
.post-type-slider.lightgray .inner:after {
background: linear-gradient(90deg, rgba(0, 0, 0, 0), #FFFFFF);
}
.post-type-slider .title-row {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.post-type-slider .title-row h2 {
text-transform: uppercase;
font-family: canada-type-gibson, sans-serif;
font-size: 60px;
color: #FF0091;
}
.post-type-slider .title-row a {
text-transform: uppercase;
text-decoration: underline;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 700;
color: #FF0091;
}
.post-type-slider .inner {
position: relative;
}
.post-type-slider .inner .swiper-wrapper {
display: flex;
align-items: stretch;
width: 100%;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide {
background-color: #FFFFFF;
overflow: hidden;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a {
display: grid;
grid-template-columns: 1fr 1fr;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a .slide-image {
position: relative;
width: 100%;
height: 100%;
aspect-ratio: 330/430;
overflow: hidden;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a .slide-image img {
position: absolute;
width: 100%;
height: 100%;
transition: 0.3s ease;
object-fit: cover;
display: block;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a .slide-image h3 {
display: none;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a .content {
display: flex;
flex-direction: column;
padding: 60px 30px;
position: relative;
font-family: canada-type-gibson, sans-serif;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a .content h3 {
margin-bottom: 15px;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
color: #1CB2AF;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a .content p {
font-size: 16px;
line-height: 1.4;
font-weight: 300;
}
@keyframes pointerArrowAnimation {
from {
margin-left: -100px;
opacity: 0;
}
to {
margin-left: 0px;
opacity: 1;
}
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a .content .icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0px;
bottom: 0px;
width: 70px;
height: 60px;
transition: 0.2s ease;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: #FF0091;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a .content .icon svg {
max-width: 20px;
max-height: 30px;
transition: 0.2s;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a:hover .slide-image img {
transform: scale(1.01);
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a:hover .content .icon svg {
animation: pointerArrowAnimation;
animation-duration: 0.4s;
}
.post-type-slider .inner:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
width: 14.2857142857%;
height: 100%;
z-index: 2;
background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
.post-type-slider .slider-navigation {
display: none;
}
@media only screen and (max-width: 799px) {
.post-type-slider .slider-navigation {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 30px;
}
}
.post-type-slider .slider-navigation .swiper-button-prev,
.post-type-slider .slider-navigation .swiper-button-next {
position: relative;
top: auto;
right: auto;
left: auto;
margin: 0;
padding: 10px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
z-index: 4;
background-color: #FF0091;
}
.post-type-slider .slider-navigation .swiper-button-prev:after,
.post-type-slider .slider-navigation .swiper-button-next:after {
display: none;
}
.post-type-slider .slider-navigation .swiper-button-prev svg,
.post-type-slider .slider-navigation .swiper-button-next svg {
width: 20px;
height: auto;
}
.post-type-slider .slider-navigation .swiper-button-prev {
transform: scaleX(-1);
}
.post-type-slider .swiper-button-next {
padding: 10px;
margin-right: 40px;
width: 30px;
height: auto;
z-index: 4;
background-color: #FF0091;
}
@media only screen and (max-width: 799px) {
.post-type-slider .swiper-button-next {
display: none;
}
}
.post-type-slider.testimonial .inner .swiper-wrapper .swiper-slide {
height: auto;
}
.post-type-slider.testimonial .inner .swiper-wrapper .swiper-slide .slide-image {
display: none;
}
.post-type-slider.testimonial .inner .swiper-wrapper .swiper-slide a {
display: flex;
flex-direction: column;
}
.post-type-slider.testimonial .inner .swiper-wrapper .swiper-slide a .slide-image {
aspect-ratio: 2/1;
}
.post-type-slider.docent .inner .swiper-wrapper .swiper-slide .slide-image h3 {
display: block;
position: absolute;
bottom: 0px;
left: 0px;
padding: 10px;
width: 100%;
z-index: 2;
text-align: center;
font-family: canada-type-gibson, sans-serif;
font-size: 17px;
color: #1CB2AF;
background-color: #FFFFFF;
}
.post-type-slider.docent .inner .swiper-wrapper .swiper-slide .content {
justify-content: center;
}
.post-type-slider.docent .inner .swiper-wrapper .swiper-slide .content h3 {
display: none;
}
.post-type-slider.docent .inner .swiper-wrapper .swiper-slide .content .icon {
width: 50px;
height: 40px;
}
.single-cursus .post-type-slider {
padding-top: 120px;
padding-bottom: 120px;
}
@media only screen and (max-width: 1499px) {
.post-type-slider .title-row {
gap: 20px;
}
.post-type-slider .title-row h2 {
font-size: 40px;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a {
display: flex;
flex-direction: column;
}
.post-type-slider .inner .swiper-wrapper .swiper-slide a .slide-image {
aspect-ratio: 1/1;
}
}
@media only screen and (max-width: 799px) {
.post-type-slider {
padding-right: 20px;
padding-left: 20px;
}
.post-type-slider .title-row {
margin-left: inherit;
width: 100%;
}
.post-type-slider .inner {
margin-left: inherit;
width: 100%;
}
.post-type-slider .inner:after {
display: none;
}
}
.newsletter {
position: relative;
padding-top: 100px;
padding-bottom: 100px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
z-index: 2;
font-family: canada-type-gibson, sans-serif;
background-color: #1CB2AF;
}
.newsletter .newsletter-inner {
display: flex;
justify-content: space-between;
gap: 40px;
}
.newsletter .newsletter-inner .col {
width: 40%;
}
.newsletter .newsletter-inner .col h3 {
text-transform: uppercase;
font-size: 30px;
font-weight: 700;
color: #FFFFFF;
}
.newsletter .newsletter-inner .col p {
font-size: 30px;
font-weight: 200;
color: #FFFFFF;
}
.newsletter .newsletter-inner form {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
}
.newsletter .newsletter-inner form .email {
padding: 16px;
border-top: none;
border-right: none;
border-bottom: 2px solid #FFFFFF;
border-left: none;
min-width: 200px;
width: 100%;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 600;
color: #FFFFFF;
background-color: transparent;
}
.newsletter .newsletter-inner form .email::placeholder {
color: #FFFFFF;
}
.newsletter .newsletter-inner form .btn {
border: none;
}
.single-cursus .newsletter {
background-color: #7C67A2;
}
.post-type-archive-cursus .newsletter {
background-color: #7C67A2;
}
@media only screen and (max-width: 1799px) {
.newsletter .newsletter-inner .col {
width: 50%;
}
}
@media only screen and (max-width: 1499px) {
.newsletter .newsletter-inner {
align-items: center;
}
.newsletter .newsletter-inner .col {
width: 50%;
}
.newsletter .newsletter-inner .col form {
align-items: flex-start;
flex-direction: column;
}
.newsletter .newsletter-inner .col form .email {
max-width: inherit;
width: 100%;
}
.newsletter .newsletter-inner .col form .btn {
width: auto;
}
}
@media only screen and (max-width: 999px) {
.newsletter .newsletter-inner {
flex-direction: column;
}
.newsletter .newsletter-inner .col {
width: 100%;
}
.newsletter .newsletter-inner .col form .email {
max-width: 70%;
}
}
@media only screen and (max-width: 599px) {
.newsletter .newsletter-inner .col h3 {
font-size: 25px;
line-height: 25px;
}
.newsletter .newsletter-inner .col p {
font-size: 20px;
line-height: 20px;
}
}
@media only screen and (max-width: 499px) {
.newsletter {
padding-top: 70px;
padding-bottom: 70px;
}
}
.text-single {
position: relative;
z-index: 4;
}
.text-single.white article, .text-single.lightgray article {
color: #000000;
}
.text-single .btns .btn {
background-color: #FF0091;
}
.home .text-single {
padding-top: 120px;
padding-bottom: 120px;
background-color: #FFFFFF;
}
.home .text-single article {
color: #000000;
}
.single-cursus .text-single {
padding-top: 120px;
}
.text-sidebar {
padding-top: 120px;
padding-bottom: 120px;
position: relative;
z-index: 2;
}
.text-sidebar .text-sidebar-inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 120px;
}
.text-sidebar .text-sidebar-inner article {
width: 100%;
color: #000000;
}
.text-sidebar .text-sidebar-inner article .btns .btn {
background-color: #FF0091;
}
.text-sidebar .text-sidebar-inner article .btns .btn:hover:after {
background-color: transparent;
}
.text-sidebar .text-sidebar-inner aside {
position: sticky;
top: 40px;
margin-top: 0px;
max-width: 475px;
min-width: 400px;
width: 100%;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: #FFFFFF;
}
.text-sidebar .text-sidebar-inner aside .aside-inner {
padding: 60px 40px;
}
.text-sidebar .text-sidebar-inner aside.white h2, .text-sidebar .text-sidebar-inner aside.white h3, .text-sidebar .text-sidebar-inner aside.white h4 {
color: #FF0091;
}
.text-sidebar .text-sidebar-inner aside.black {
color: #FFFFFF;
background-color: #000000;
}
.text-sidebar .text-sidebar-inner aside.black h2, .text-sidebar .text-sidebar-inner aside.black h3, .text-sidebar .text-sidebar-inner aside.black h4 {
color: #FF0091;
}
.text-sidebar .text-sidebar-inner aside.turq {
color: #FFFFFF;
background-color: #1CB2AF;
}
.text-sidebar .text-sidebar-inner aside.turq h2, .text-sidebar .text-sidebar-inner aside.turq h3, .text-sidebar .text-sidebar-inner aside.turq h4 {
color: #FFFFFF;
}
.text-sidebar .text-sidebar-inner aside.pink {
color: #000000;
background-color: #FF0091;
}
.text-sidebar .text-sidebar-inner aside.pink h2, .text-sidebar .text-sidebar-inner aside.pink h3, .text-sidebar .text-sidebar-inner aside.pink h4 {
color: #000000;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
gap: 50px;
padding-bottom: 120px;
z-index: 1;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner article {
padding: 50px;
min-width: 50%;
color: #000000;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: #FFFFFF;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner article h1, .page-template-page-contact .text-sidebar .text-sidebar-inner article h2, .page-template-page-contact .text-sidebar .text-sidebar-inner article h3, .page-template-page-contact .text-sidebar .text-sidebar-inner article h4, .page-template-page-contact .text-sidebar .text-sidebar-inner article h5 {
color: #FF0091;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner article p {
font-weight: 400;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner article a {
text-decoration: underline;
color: #FF0091;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner article .nf-form-cont {
margin-top: 50px;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside {
position: sticky;
top: 40px;
margin-top: 0px;
min-width: 500px;
width: 100%;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: #56739D;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .aside-inner {
padding: 60px 40px;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .aside-inner h2 {
color: #FFFFFF;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .aside-inner h3 {
color: #FFFFFF;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .aside-inner h4 {
color: #FFFFFF;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .aside-inner h5 {
color: #FFFFFF;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .aside-inner p {
color: #FFFFFF;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .aside-inner a {
display: inline-block;
transition: 0.2s ease;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .aside-inner a:hover {
padding-left: 10px;
color: #1CB2AF;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .btns {
padding: 0px 40px 60px 40px;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .btns .btn {
background-image: none;
background-color: #1CB2AF;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside .btns .btn:after {
box-shadow: none;
background-color: transparent;
}
.single-cursus .text-sidebar {
padding-top: 120px;
}
.single-cursus .text-sidebar aside {
background-color: inherit;
}
.single-cursus .text-sidebar aside .course-information {
display: flex;
padding: 0px;
margin-bottom: 40px;
transform: inherit;
width: inherit;
max-height: 300px;
height: auto;
transition: 0.2s ease;
overflow: hidden;
background-color: #000000;
}
.single-cursus .text-sidebar aside .course-information ul {
position: relative;
padding: 60px 40px;
}
.single-cursus .text-sidebar aside .course-information ul:after {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 80%;
opacity: 1;
transition: 0.2s ease;
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.single-cursus .text-sidebar aside .course-information .moreInfo:after {
transform: rotate(90deg);
}
.single-cursus .text-sidebar aside .course-information .btn {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
color: #FF0091;
}
.single-cursus .text-sidebar aside .open {
padding-bottom: 40px;
max-height: 9000px;
}
.single-cursus .text-sidebar aside .open ul:after {
opacity: 0;
z-index: -1;
}
.single-cursus .text-sidebar aside .aside-inner {
background-color: #FFFFFF;
}
.single-cursus .text-sidebar aside .btns .btn:first-of-type {
background-color: #7C67A2;
}
.single-cursus .text-sidebar aside .btns .btn:first-of-type {
background-color: #7C67A2;
}
@media only screen and (max-width: 1299px) {
.text-sidebar .text-sidebar-inner {
gap: 40px;
}
.text-sidebar .text-sidebar-inner article {
min-width: inherit;
}
.text-sidebar .text-sidebar-inner aside {
max-width: 320px;
}
}
@media only screen and (max-width: 999px) {
.text-sidebar .text-sidebar-inner {
flex-direction: column;
}
.text-sidebar .text-sidebar-inner aside {
max-width: inherit;
min-width: inherit;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner {
flex-direction: column;
}
.page-template-page-contact .text-sidebar .text-sidebar-inner aside {
min-width: inherit;
}
}
.text-image .inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
grid-gap: 50px;
margin: auto auto;
}
.text-image .inner article {
color: #000000;
}
.text-image .inner img {
width: 100%;
}
.text-image.black article {
color: #FFFFFF;
}
@media only screen and (max-width: 999px) {
.text-image .inner {
grid-template-columns: 1fr;
}
}
.page-template-page-locaties main {
gap: 0px;
}
.locations {
align-items: center;
flex-direction: column;
gap: 120px;
position: relative;
padding-bottom: 160px;
z-index: 1;
}
.locations .location-group {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
position: relative;
font-family: canada-type-gibson, sans-serif;
}
.locations .location-group h3 {
grid-column: span 3;
text-transform: uppercase;
font-size: 40px;
color: #FF0091;
}
.locations .location-group .location {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
position: relative;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
}
.locations .location-group .location .image-wrapper {
position: relative;
height: 270px;
width: 100%;
overflow: hidden;
background-color: #7C67A2;
}
.locations .location-group .location .image-wrapper img {
height: 100%;
width: 100%;
object-fit: cover;
}
.locations .location-group .location .content {
flex: 1;
padding: 70px 40px;
width: 100%;
background-color: #FFFFFF;
}
.locations .location-group .location .content h4 {
margin-bottom: 10px;
font-size: 35px;
font-weight: 600;
color: #1CB2AF;
}
.locations .location-group .location .content ul {
display: flex;
flex-direction: column;
padding: 0px;
list-style: none;
}
.locations .location-group .location .content ul li {
font-size: 24px;
font-weight: 300;
line-height: 30px;
}
.locations .location-group .location .content ul li:empty {
display: none;
}
@keyframes pointerLocationAnimation {
from {
margin-top: -100px;
opacity: 0;
}
to {
margin-top: 0px;
opacity: 1;
}
}
.locations .location-group .location .content .icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0px;
bottom: 0px;
width: 70px;
height: 70px;
transition: 0.2s ease;
background-color: #FF0091;
}
.locations .location-group .location .content .icon svg {
max-width: 20px;
max-height: 30px;
transition: 0.2s;
}
.locations .location-group .location .content .icon:hover svg {
animation: pointerLocationAnimation;
animation-duration: 0.4s;
}
@media only screen and (max-width: 1299px) {
.locations .location-group {
grid-template-columns: repeat(2, 1fr);
}
.locations .location-group h3 {
font-size: 30px;
line-height: 30px;
grid-column: span 2;
}
.locations .location-group .location h4 {
font-size: 25px;
line-height: 25px;
}
.locations .location-group .location ul li {
font-size: 20px;
line-height: 24px;
}
}
@media only screen and (max-width: 999px) {
.locations .location-group {
grid-template-columns: repeat(1, 1fr);
}
.locations .location-group h3 {
grid-column: span 1;
}
}
@media only screen and (max-width: 599px) {
.locations .location-group .location .icon {
width: 50px;
height: 50px;
}
}
@media only screen and (max-width: 499px) {
.locations .location-group .location {
padding: 40px 30px;
}
}
.posts-courses {
align-items: center;
flex-direction: column;
gap: 40px;
}
.posts-courses .title-row {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.posts-courses .title-row h2 {
text-transform: uppercase;
font-family: canada-type-gibson, sans-serif;
font-size: 60px;
color: #FF0091;
}
.posts-courses .title-row a {
text-transform: uppercase;
text-decoration: underline;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 700;
color: #FF0091;
}
.posts-courses .post-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(min-content, max-content);
grid-gap: 60px;
z-index: 1;
}
.posts-courses .post-wrapper a:nth-child(odd) .placeholder {
transform: scaleX(-1);
}
.posts-courses .post-wrapper .post {
display: flex;
flex-direction: column;
position: relative;
height: 100%;
font-family: canada-type-gibson, sans-serif;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
}
.posts-courses .post-wrapper .post .label {
position: absolute;
top: 0px;
left: 0px;
padding: 20px;
z-index: 2;
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
background-color: #7C67A2;
}
.posts-courses .post-wrapper .post .label.full {
background-color: #1CB2AF;
}
.posts-courses .post-wrapper .post .label.canceled {
background-color: #FF0091;
}
.posts-courses .post-wrapper .post .wp-post-image {
height: 270px;
width: 100%;
transition: 0.2s ease;
object-fit: cover;
object-position: center;
}
.posts-courses .post-wrapper .post .content {
display: flex;
justify-content: space-between;
flex-direction: column;
flex: 1;
gap: 30px;
height: 100%;
padding: 45px 30px;
background-color: #FFFFFF;
}
.posts-courses .post-wrapper .post .content h3 {
font-size: 25px;
font-weight: 600;
color: #56739D;
}
.posts-courses .post-wrapper .post .content ul {
list-style: none;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
.posts-courses .post-wrapper .post .content ul li {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
padding-left: 40px;
margin-bottom: 10px;
background-size: 25px;
background-position: 0px 50%;
background-repeat: no-repeat;
}
.posts-courses .post-wrapper .post .content ul li label {
display: none;
}
.posts-courses .post-wrapper .post .content ul li:last-of-type {
margin-bottom: 0px;
}
.posts-courses .post-wrapper .post .content ul .location {
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-location-turq.svg);
}
.posts-courses .post-wrapper .post .content ul .days {
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-calander-turq.svg);
}
.posts-courses .post-wrapper .post .content ul .target-audience {
background-image: url(//cultuurkust.nl/wp-content/themes/cultuurkust/img/icon-person-turq.svg);
}
.posts-courses .post-wrapper .post .content .btn {
align-self: flex-start;
background-color: #FF0091;
}
@keyframes pointerArrowAnimation {
from {
margin-left: -100px;
opacity: 0;
}
to {
margin-left: 0px;
opacity: 1;
}
}
.posts-courses .post-wrapper .post .content .icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0px;
bottom: 0px;
width: 70px;
height: 60px;
transition: 0.2s ease;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: #FF0091;
}
.posts-courses .post-wrapper .post .content .icon svg {
max-width: 20px;
max-height: 30px;
transition: 0.2s;
}
.posts-courses .post-wrapper .post:hover .wp-post-image {
filter: grayscale(100%);
}
.posts-courses .post-wrapper .post:hover .icon svg {
animation: pointerArrowAnimation;
animation-duration: 0.4s;
}
.posts-courses .post-wrapper .pagination {
grid-column: span 3;
}
.posts-courses .post-wrapper p {
font-family: canada-type-gibson, sans-serif;
}
@media only screen and (max-width: 1499px) {
.posts-courses {
gap: 20px;
}
.posts-courses .title-row h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1099px) {
.posts-courses .post-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.signup-form {
padding-top: 120px;
padding-bottom: 120px;
font-family: canada-type-gibson, sans-serif;
}
.signup-form .inner {
padding: 50px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: #FFFFFF;
}
.signup-form .inner h3 {
margin-bottom: 40px;
font-size: 50px;
font-weight: 700;
line-height: 50px;
}
.signup-form .inner .crd-course-info, .signup-form .inner .crd-personal-info, .signup-form .inner .crd-payment-info, .signup-form .inner .crd-registration {
padding: 0px;
flex-direction: column;
gap: 20px;
}
.signup-form .inner .crd-course-info input, .signup-form .inner .crd-course-info select, .signup-form .inner .crd-personal-info input, .signup-form .inner .crd-personal-info select, .signup-form .inner .crd-payment-info input, .signup-form .inner .crd-payment-info select, .signup-form .inner .crd-registration input, .signup-form .inner .crd-registration select {
padding: 16px 16px 16px 0px;
margin-bottom: 40px;
border-top: none;
border-right: none;
border-bottom: 2px solid #000000;
border-left: none;
width: 100%;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 600;
background-color: #FFFFFF;
}
.signup-form .inner .crd-course-info input::placeholder, .signup-form .inner .crd-course-info select::placeholder, .signup-form .inner .crd-personal-info input::placeholder, .signup-form .inner .crd-personal-info select::placeholder, .signup-form .inner .crd-payment-info input::placeholder, .signup-form .inner .crd-payment-info select::placeholder, .signup-form .inner .crd-registration input::placeholder, .signup-form .inner .crd-registration select::placeholder {
color: #000000;
}
.signup-form .inner .crd-course-info textarea, .signup-form .inner .crd-personal-info textarea, .signup-form .inner .crd-payment-info textarea, .signup-form .inner .crd-registration textarea {
padding: 16px 16px 16px 0px;
margin-bottom: 40px;
border-top: none;
border-right: none;
border-bottom: 2px solid #000000;
border-left: none;
width: 100%;
height: auto;
resize: none;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 600;
background-color: #FFFFFF;
}
.signup-form .inner .crd-course-info textarea::placeholder, .signup-form .inner .crd-personal-info textarea::placeholder, .signup-form .inner .crd-payment-info textarea::placeholder, .signup-form .inner .crd-registration textarea::placeholder {
color: #000000;
}
.signup-form .inner .crd-course-info .checkbox, .signup-form .inner .crd-personal-info .checkbox, .signup-form .inner .crd-payment-info .checkbox, .signup-form .inner .crd-registration .checkbox {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 40px;
width: auto;
}
.signup-form .inner .crd-course-info input[type=checkbox], .signup-form .inner .crd-personal-info input[type=checkbox], .signup-form .inner .crd-payment-info input[type=checkbox], .signup-form .inner .crd-registration input[type=checkbox] {
position: relative;
padding: 0px;
margin-bottom: 0px;
border: none;
width: 30px;
height: 30px;
-webkit-appearance: none;
}
.signup-form .inner .crd-course-info input[type=checkbox]:before, .signup-form .inner .crd-personal-info input[type=checkbox]:before, .signup-form .inner .crd-payment-info input[type=checkbox]:before, .signup-form .inner .crd-registration input[type=checkbox]:before {
content: "";
position: absolute;
left: 0px;
border-bottom: 2px solid #000000;
width: 30px;
height: 30px;
}
.signup-form .inner .crd-course-info input[type=checkbox]:after, .signup-form .inner .crd-personal-info input[type=checkbox]:after, .signup-form .inner .crd-payment-info input[type=checkbox]:after, .signup-form .inner .crd-registration input[type=checkbox]:after {
content: "";
display: none;
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
background-color: #000000;
}
.signup-form .inner .crd-course-info input[type=checkbox]:checked:after, .signup-form .inner .crd-personal-info input[type=checkbox]:checked:after, .signup-form .inner .crd-payment-info input[type=checkbox]:checked:after, .signup-form .inner .crd-registration input[type=checkbox]:checked:after {
display: block;
}
.signup-form .inner .crd-course-info .radio, .signup-form .inner .crd-personal-info .radio, .signup-form .inner .crd-payment-info .radio, .signup-form .inner .crd-registration .radio {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 40px;
width: auto;
}
.signup-form .inner .crd-course-info input[type=radio], .signup-form .inner .crd-personal-info input[type=radio], .signup-form .inner .crd-payment-info input[type=radio], .signup-form .inner .crd-registration input[type=radio] {
position: relative;
padding: 0px;
margin-bottom: 0px;
border: none;
width: 30px;
height: 30px;
-webkit-appearance: none;
}
.signup-form .inner .crd-course-info input[type=radio]:before, .signup-form .inner .crd-personal-info input[type=radio]:before, .signup-form .inner .crd-payment-info input[type=radio]:before, .signup-form .inner .crd-registration input[type=radio]:before {
content: "";
position: absolute;
left: 0px;
border-bottom: 2px solid #000000;
width: 30px;
height: 30px;
}
.signup-form .inner .crd-course-info input[type=radio]:after, .signup-form .inner .crd-personal-info input[type=radio]:after, .signup-form .inner .crd-payment-info input[type=radio]:after, .signup-form .inner .crd-registration input[type=radio]:after {
content: "";
display: none;
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
background-color: #000000;
}
.signup-form .inner .crd-course-info input[type=radio]:checked:after, .signup-form .inner .crd-personal-info input[type=radio]:checked:after, .signup-form .inner .crd-payment-info input[type=radio]:checked:after, .signup-form .inner .crd-registration input[type=radio]:checked:after {
display: block;
}
.signup-form .inner .crd-course-info input[type=button], .signup-form .inner .crd-course-info button, .signup-form .inner .crd-personal-info input[type=button], .signup-form .inner .crd-personal-info button, .signup-form .inner .crd-payment-info input[type=button], .signup-form .inner .crd-payment-info button, .signup-form .inner .crd-registration input[type=button], .signup-form .inner .crd-registration button {
position: relative;
padding: 23px;
margin-right: 20px;
border: none;
height: auto;
transition: 0.2s ease;
text-transform: uppercase;
text-decoration: none;
font-family: canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 700;
color: #FFFFFF;
background-color: #FF0091;
}
.signup-form .inner .crd-course-info input[type=button]:hover, .signup-form .inner .crd-course-info button:hover, .signup-form .inner .crd-personal-info input[type=button]:hover, .signup-form .inner .crd-personal-info button:hover, .signup-form .inner .crd-payment-info input[type=button]:hover, .signup-form .inner .crd-payment-info button:hover, .signup-form .inner .crd-registration input[type=button]:hover, .signup-form .inner .crd-registration button:hover {
padding: 23px 30px 23px 30px;
}
.signup-form .inner .crd-course-info .crd-date-of-birth select, .signup-form .inner .crd-personal-info .crd-date-of-birth select, .signup-form .inner .crd-payment-info .crd-date-of-birth select, .signup-form .inner .crd-registration .crd-date-of-birth select {
width: 33% !important;
}
@media only screen and (max-width: 1299px) {
.signup-form h3 {
font-size: 30px;
line-height: 30px;
}
.signup-form .crd-course-info, .signup-form .crd-personal-info, .signup-form .crd-payment-info, .signup-form .crd-registration {
padding: 0px;
flex-direction: column;
gap: 10px;
}
.signup-form .crd-course-info input, .signup-form .crd-course-info select, .signup-form .crd-personal-info input, .signup-form .crd-personal-info select, .signup-form .crd-payment-info input, .signup-form .crd-payment-info select, .signup-form .crd-registration input, .signup-form .crd-registration select {
font-size: 18px;
}
.signup-form .crd-course-info textarea, .signup-form .crd-personal-info textarea, .signup-form .crd-payment-info textarea, .signup-form .crd-registration textarea {
font-size: 18px;
}
.signup-form .crd-course-info input[type=button], .signup-form .crd-course-info button, .signup-form .crd-personal-info input[type=button], .signup-form .crd-personal-info button, .signup-form .crd-payment-info input[type=button], .signup-form .crd-payment-info button, .signup-form .crd-registration input[type=button], .signup-form .crd-registration button {
font-size: 18px;
}
}
.video-text {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
}
.video-text .inner {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
grid-gap: 120px;
margin: auto auto;
overflow: hidden;
}
.video-text .inner article {
position: relative;
z-index: 1;
color: #000000;
}
.video-text .inner article .btn {
background-color: #FF0091;
}
.video-text .inner .video-wrapper {
display: flex;
justify-content: flex-end;
position: relative;
width: 100%;
z-index: 1;
}
.video-text .inner .video-wrapper video {
display: block;
max-width: 400px;
width: 100%;
height: auto;
aspect-ratio: 9/16;
object-fit: cover;
}
.video-text .hero-background-image {
position: absolute;
top: 120px;
left: 0px;
width: 100%;
height: auto;
min-height: 700px;
mix-blend-mode: inherit;
z-index: 0;
opacity: 0.35;
object-fit: cover;
}
.video-text.black .inner article {
color: #FFFFFF;
}
@media only screen and (max-width: 999px) {
.video-text .inner {
grid-template-columns: repeat(1, 1fr);
grid-gap: 40px;
}
.video-text .inner .video-wrapper video {
max-width: inherit;
width: 100%;
}
}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}