/* Theme Name: Zandbewoners Theme Description: Zandbewoners Theme Version: 1.0 */ /* CSS Document Reset browser default styles All Header Top menu Content block Footer Media Queries */ @font-face {font-family: 'Lemur'; src: url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Light.eot); src: url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Light.eot?#iefix) format('embedded-opentype'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Light.woff2) format('woff2'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Light.woff) format('woff'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Light.ttf) format('truetype'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Light.svg#Lemur-Light) format('svg');font-weight: 300;font-style: normal;font-display: swap;} @font-face {font-family: 'Lemur'; src: url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Regular.eot); src: url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Regular.eot?#iefix) format('embedded-opentype'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Regular.woff2) format('woff2'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Regular.woff) format('woff'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Regular.ttf) format('truetype'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Regular.svg#Lemur-Regular) format('svg');font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: 'Lemur'; src: url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Medium.eot); src: url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Medium.eot?#iefix) format('embedded-opentype'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Medium.woff2) format('woff2'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Medium.woff) format('woff'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Medium.ttf) format('truetype'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Medium.svg#Lemur-Medium) format('svg');font-weight: 500;font-style: normal;font-display: swap;} @font-face {font-family: 'Lemur'; src: url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Bold.eot); src: url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Bold.eot?#iefix) format('embedded-opentype'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Bold.woff2) format('woff2'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Bold.woff) format('woff'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Bold.ttf) format('truetype'), url(//zandbewoners.nl/wp-content/themes/Zandbewoners/fonts/Lemur-Bold.svg#Lemur-Bold) format('svg');font-weight: 700;font-style: normal;font-display: swap;} /* Reset browser default styles */ html, body {min-height:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;} :root { --primary-color:#009EE0; --primary-hover-color:#00a1cc; --secondary-color:#E95C33; --secondary-hover-color:#d34831; --text-color:#000; --title-color:#F6ECE1; --title2-color:#2B4549; --link-color:#F7EDE3; --pink-color:#F8CED6; } body {font:22px/1.5 'Lemur', sans-serif;color:var(--text-color);background:#F8F8F8;} div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} header, section, footer, aside, nav, article, figure, figcaption {display:block;} table {border-collapse:collapse;} img {border:none;max-width:100%;height:auto;} iframe, object, embed {max-width:100%;} ul, li {list-style:none;} input {vertical-align:middle;} input:focus, textarea:focus {outline:none;} button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;} a, a:visited {text-decoration:none;color:var(--secondary-color);transition:color ease-in-out .2s;} a:active, a:hover {outline:0;text-decoration:none;color:var(--secondary-hover-color);} /* Chris Edits */ #event1706 div.excerpt > p, html[lang="en-US"] #event1712 div.excerpt > p { visibility: hidden; position: relative; } #event1706 div.excerpt > p:before, html[lang="en-US"] #event1712 div.excerpt > p:before { content: "’t Zandcafé is een buurtbijeenkomst over thema’s uit ’t Zand, georganiseerd door buurtvereniging Zandbewoners. Tijdens deze 1e editie duiken we in het verleden van onze buurt. Dit keer staat ‘t Zandcafé in teken van de Joodse buurtbewoners tijdens de Tweede Wereldoorlog."; visibility: visible; position: absolute; top: 0; left: 0; } html[lang="en-US"] #event1712 div.excerpt > p:before { content: "‘t Zandcafé is a neighbourhood gathering about themes from ‘t Zand, organised by the Zandbewoners neighbourhood association. During this 1st edition we delve into the past of our neighbourhood. This ‘t Zandcafé is dedicated to the Jewish local residents during the Second World War."; } /* All */ .wrapper {max-width:1690px;padding:0 45px;margin:0 auto;position:relative;box-sizing:border-box;} .alignfull {margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;} .alignwide {margin-left:calc(25% - 25vw);margin-right:calc(25% - 25vw);max-width:100vw;} /* Posts navigation */ .posts_navigation {display:flex;flex-wrap:wrap;justify-content:space-between;} /* Data cover */ *[data-cover-srcset] {min-height:200px;position:relative;} *[data-cover-srcset] img[srcset] {position:absolute;top:0;left:0;object-fit:cover;height:100%;width:100%;} /* Responsive video */ .video_wrap {position:relative;padding:0 0 56.25% 0;height:0;} .video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;} /* Typography */ h1 {font:700 75px/1.2 'Lemur';color:var(--title-color);padding-bottom:14px;opacity:0;transition:opacity ease-in-out .2s .1s;} h2 {font:700 69px/1 'Lemur';color:var(--primary-color);padding-bottom:64px;text-decoration:underline;position:relative;overflow:hidden;opacity:0;transition:opacity ease-in-out .2s .1s;} h3 {font:700 59px/1.1 'Lemur';color:var(--primary-color);padding-bottom:20px;position:relative;overflow:hidden;opacity:0;transition:opacity ease-in-out .2s .1s;} h1.inview, h2.inview, h3.inview {opacity:1;} .page-id-1732 h2.wp-block-heading > span {margin-right:45px;} .page-id-1777 h2.wp-block-heading > span {margin-right:55px;} h2.wp-block-heading > span, h3.wp-block-heading > span {position:relative;display:inline-block;overflow:hidden;padding-bottom:5px;} h2.wp-block-heading > span span, h3.wp-block-heading > span span {display:inline-block;transform:translate(0, 300%);transition:transform ease-in-out .8s .5s;position:relative;} h2.wp-block-heading > span:nth-child(2) span, h3.wp-block-heading > span:nth-child(2) span {transition-delay:.8s;} h2.wp-block-heading > span:nth-child(3) span, h3.wp-block-heading > span:nth-child(3) span {transition-delay:1.1s;} h2.wp-block-heading > span:after, h3.wp-block-heading > span:after {content:'';width:0;height:3px;display:inline-block;background:var(--primary-color);position:absolute;bottom:0;left:0;transition:width ease-in-out .8s .9s;} h2.wp-block-heading > span:nth-child(2):after, h3.wp-block-heading > span:nth-child(2):after {transition-delay:1.2s;} h2.wp-block-heading > span:nth-child(3):after, h3.wp-block-heading > span:nth-child(3):after {transition-delay:1.5s;} h2.wp-block-heading.inview > span span, h3.wp-block-heading.inview > span span {transform:translate(0%, 0%);} h2.wp-block-heading.inview > span:after, h3.wp-block-heading.inview > span:after {width:100%;} h4 {font:700 47px/1.2 'Lemur';color:var(--link-color);padding-bottom:14px;text-transform:uppercase;} h4.is-style-alt {font-size:150px;} h5 {font:700 45px/1.2 'Lemur';color:var(--secondary-color);padding-bottom:45px;} h6 {font:700 30px/1.2 'Lemur';color:var(--title2-color);padding-bottom:19px;overflow:hidden;} h6 > span[class*="line"] {transform:translate(0%, 200px) skew(0deg, 8deg);display:block;transition:transform ease-in-out .7s .1s;} h6.inview > span[class*="line"] {transform:translate(0%, 0%) skew(0deg, 0deg);} p {padding-bottom:36px;} p.has-small-font-size {font-size:20px !important;} p.has-small-font-size strong {color:var(--secondary-color);} /* Form */ .gfield_required {display:none;} input[type="text"], input[type="email"], input[type="tel"], textarea {font:20px 'Lemur', sans-serif;color:var(--title2-color);border:none;border-radius:6px;padding:0 19px;height:63px;width:100%;box-sizing:border-box;} input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder {color:var(--title2-color);opacity:.3;} textarea {padding:19px;height:189px;resize:none;} .searchform > div {display:flex;flex-wrap:wrap;align-items:center;} .searchform label {display:block;min-width:100%;} .searchform input[type="text"] {flex:1;margin-right:20px;} .gform_ajax_spinner, .gform_wrapper .validation_error, .gform_validation_errors, .gform_required_legend {display:none !important;} .gform_wrapper {background:var(--title-color);border-radius:25px;padding:35px;} .gform_wrapper .gform_heading p:empty {display:none;} .gform_wrapper .gform_body .gfield {position:relative;padding-bottom:22px;} .gform_wrapper .gform_body .gfield h6 {text-align:center;color:var(--secondary-color);padding-bottom:0;} /* .gform_wrapper .gform_body .gfield label {display:none;} */ .gform_wrapper .gform_body .gfield .validation_message {position:absolute;bottom:-6px;left:0;z-index:2;color:var(--secondary-color);font-size:17px;} .gform_wrapper .gform_footer {text-align:right;} .gform_wrapper .gform_footer .button, .gform_wrapper .gform_footer .button:visited {color:var(--secondary-color);background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit.png) right center/58px auto no-repeat;padding:0 72px 0 0;height:37px;font-size:25px;font-weight:400;border-radius:0;} .gform_wrapper .gform_footer .button:hover {color:var(--secondary-color);background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit2.png) right center/58px auto no-repeat;} .gform_confirmation_wrapper {background:var(--title-color);border-radius:25px;padding:35px;} .content_block .gform_wrapper {position:relative;transition:all ease-in-out .5s;opacity:0;top:100px;transition-delay:.3s;} .content_block .gform_wrapper.inview {opacity:1;top:0;} #field_1_8{display: initial;} #input_1_1{margin-top: 20px;} #field_1_9{display:none;} #field_9_11,#field_10_11 {margin-top: 25px;} #input_9_11_1,#input_10_11_1 {font: 20px 'Lemur', sans-serif;color: var(--title2-color);border: none;border-radius: 6px;padding: 0 19px;height: 63px;width: 100%;box-sizing: border-box;} /* CODE ZANDKALENDER FORM */ #field_9_5,#field_9_6,#field_9_7 {border: none; padding: 0px;} #field_9_6,#field_9_7 {margin-top: 15px;} /* WORLD CLEANUP DAY FORM */ #field_15_6 {border:none;padding:0px;} #input_15_4 {font: 20px 'Lemur', sans-serif;color: var(--title2-color);border: none;border-radius: 6px;padding: 0 19px;height: 63px;width: 100%;box-sizing: border-box;} #field_15_1 .gfield_label,#field_15_3 .gfield_label {display:none;} /* Zandcafe DAY FORM */ .page-id-1899 .vp-center {display:block!important;} #field_17_5 {border:none;padding:0px;} #input_17_4 {font: 20px 'Lemur', sans-serif;color: var(--title2-color);border: none;border-radius: 6px;padding: 0 19px;height: 63px;width: 100%;box-sizing: border-box;} #field_17_1 .gfield_label,#field_17_3 .gfield_label {display:none;} /* CODE GROENWERKDAG FORM*/ #field_7_50,#field_7_59,#field_7_62,#field_7_64,#field_7_56,#field_7_57,#field_7_60,#field_7_61{border: none !important;padding: 10px !important;} #field_7_50 .gfield_label,#field_7_59 .gfield_label, #field_7_62 .gfield_label, #field_7_64 .gfield_label, #field_7_65,#field_7_47 .gform-field-label,#field_7_1 .gform-field-label,#field_7_52 .gform-field-label ,#field_7_53 .gform-field-label,#field_2_3 .gform-field-label ,#field_2_4 .gform-field-label ,#field_2_1 .gform-field-label {display:none!important} /* NIEUWSBRIEF FORM*/ #field_2_5 .gfield_label {display: none!important;} #field_2_5 .ginput_container_consent {padding-bottom:10px;} #input_2_5_1 {position: relative;top: 7px;} #field_2_8 {display:none;} #field_2_7 input[type="text"] {width: 49%;padding: 0px 19px;} #field_2_7 #input_2_7_6 {position: relative;left: 8px;} #field_2_7 {padding: 0px 0px 20px 0px;border: 0px;} #field_2_7 .gfield_label, #field_2_10{display:none;} #input_2_4_3,#input_2_4_6{display:none} #input_2_4_5, #input_2_4_6 {margin-top: 20px;} #field_2_9 {margin-top: 25px;padding: 0px;border: 0px;} #gform_fields_2 .ginput_container_checkbox .gfield_checkbox {display: flex;gap: 40px; /* Pas de afstand tussen de items aan naar wens */} #gform_fields_2 .ginput_container_checkbox .gchoice {display: flex;align-items: center;} @media only screen and (max-width: 768px) {#gform_fields_2 .ginput_container_checkbox .gfield_checkbox {display: block;gap: 40px; /* Pas de afstand tussen de items aan naar wens */} #gform_fields_2 .ginput_container_checkbox .gchoice {display: flex;align-items: center;} } /* Buttons */ .btn-alt-event a {text-decoration:none!important;color:white;} .btn-alt-event:hover {background-color:#3793C2;} .wp-block-button {display:inline;} .button, .button:visited, .wp-block-button__link, .wp-block-button__link:visited, .searchform input[type="submit"],.btn-alt-event {color:var(--link-color);background:var(--primary-color) url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/arrow.png) right 24px center/20px auto no-repeat;padding:5px 60px 5px 33px;height:48px;font:700 20px 'Lemur';border:none;border-radius:33px;text-align:center;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;transition:all ease-in-out .2s;} .button:hover, .wp-block-button__link:hover, .searchform input[type="submit"]:hover,.btn-alt-event {color:var(--link-color);background-color:var(--primary-hover-color);background-position:right 14px center;} .is-style-orange .wp-block-button__link, .is-style-orange .wp-block-button__link:visited {background-color:var(--secondary-color);} .is-style-orange .wp-block-button__link:hover {background-color:var(--secondary-hover-color);} .is-style-bordered .wp-block-button__link, .is-style-bordered .wp-block-button__link:visited {color:var(--secondary-color);background-color:#fff;border:1px solid var(--secondary-color);padding-right:33px;background-image:none;} .is-style-bordered .wp-block-button__link:hover {color:var(--link-color);background-color:var(--secondary-hover-color);border-color:var(--secondary-hover-color);} .wp-block-buttons {gap:0;} .wp-block-buttons .wp-block-button__link {margin:0 20px 10px 0;} .wp-block-buttons .wp-block-button:last-of-type .wp-block-button__link {margin-right:0;} /* Main Colors */ .has-primary-color-color {color:var(--primary-color);} .has-secondary-color-color {color:var(--secondary-color);} .has-text-color-color {color:var(--text-color);} .has-title-color-color {color:var(--title-color);} .has-title2-color-color {color:var(--title2-color);} .has-link-color-color {color:var(--link-color);} .has-pink-color-color {color:var(--pink-color);} .has-primary-color-background-color {background-color:var(--primary-color);} .has-secondary-color-background-color {background-color:var(--secondary-color);} .has-text-color-background-color {background-color:var(--text-color);} .has-title-color-background-color {background-color:var(--title-color);} .has-title2-color-background-color {background-color:var(--title2-color);} .has-link-color-background-color {background-color:var(--link-color);} .has-pink-color-background-color {background-color:var(--pink-color);} .listzandlopers li {list-style-type: disc!important;margin-left: 25px;} .listzandlopers {margin-bottom: 25px;} @media (max-width: 768px) { .listzandlopers li { list-style-type: disc !important; margin-left: 20px; /* Optioneel iets kleiner maken voor mobiel */ } .listzandlopers { margin-bottom: 20px; /* Optioneel iets kleiner maken voor mobiel */ } } /* Header */ .header {position:fixed;top:26px;left:0;width:100%;padding:0 45px;box-sizing:border-box;z-index:999;transition:all ease-in-out .3s;} .logged-in .header {top:58px;} .header.headroom--unpinned {transform:translate(0px, -75%);opacity:0;} .header .wrapper {max-width:1368px;padding:24px 44px 0 44px;box-shadow:0 0 14px #00000030;background:#fff;border-radius:10px;display:flex;align-items:flex-end;justify-content:space-between;} .header .logo {width:337px;height:34px;font-size:0;line-height:0;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/logo.svg) center center/contain no-repeat;margin-bottom:24px;} .header .wpml-ls {padding:10px 12px;box-sizing:border-box;width:auto;min-width:64px;height:57px;position:absolute;top:0;right:0;box-shadow:0 0 6px #0000001A;border-radius:10px;background:#fff;transition:all ease-in-out 0.2s;} .header .wpml-ls > ul {display:flex;justify-content:flex-end;} .header .wpml-ls > ul > li {position:relative;} .header .wpml-ls > ul > li > a, .header .wpml-ls > ul > li > a:hover, .header .wpml-ls > ul > li:hover > a {font:700 17px 'Lemur', sans-serif;color:var(--title2-color);padding:0 25px 0 0;border:none;display:block;height:auto;background:none;} .header .wpml-ls > ul > li > a:after {content:'';display:block;border:none;width:7px;height:7px;border-left:2px solid var(--title2-color);border-bottom:2px solid var(--title2-color);right:4px;top:13px;transform:rotate(-45deg);} .header .wpml-ls > ul > li > a img {display:none;} .header .wpml-ls > ul > li > ul {border:none;left:-12px;background:#fff;padding:0 20px 0 0;min-width:100%;border-radius:0 0 10px 10px;max-height:0;overflow:hidden;transition:all 0.3s ease-out;} .header .wpml-ls > ul > li:hover > ul {max-height:500%;padding-bottom:10px;} .header .wpml-ls > ul > li > ul li a {font:700 17px 'Lemur', sans-serif;border:none;padding:0 0 0 29px;background:none;color:var(--title2-color);} .header .wpml-ls > ul > li > ul li a:hover {color:var(--primary-color);} @media only screen and (min-width: 960px) { .header .wpml-ls > ul > li > ul {visibility:visible !important;} } /* Top menu */ .menu_trigger {position:absolute;top:19px;left:17px;width:26px;height:22px;z-index:999;transform:rotate(0deg);transition:all ease-in-out 0.5s;cursor:pointer;display:none;} .menu_trigger span {display:block;position:absolute;height:3px;width:100%;background:var(--primary-color);border-radius:2px;opacity:1;left:0;transition:all ease-in-out 0.25s;} .menu_trigger span::selection {background:none;} .menu_trigger span:nth-child(1) {top:0;width:86%;left:7%;} .menu_trigger span:nth-child(2), .menu_trigger span:nth-child(3) {top:7px;} .menu_trigger span:nth-child(4) {top:14px;width:86%;left:7%;} .menu_trigger.active span:nth-child(1), .menu_trigger.active span:nth-child(4) {transform:scale(0, 0);} .menu_trigger.active span:nth-child(2) {transform:rotate(45deg);} .menu_trigger.active span:nth-child(3) {transform:rotate(-45deg);} .header .menu-social-menu-container {display:none;} .header .menu-social-menu-container ul {display:flex;justify-content:center;font-size:0;line-height:0;transition:opacity cubic-bezier(.215,.61,.355,1) .7s .1s;opacity:0;} .header.open .menu-social-menu-container ul {opacity:1;} .header .menu-social-menu-container ul li {padding:0 18px;} .header .menu-social-menu-container ul li a {display:block;width:22px;height:28px;filter:brightness(0) saturate(100%) invert(43%) sepia(29%) saturate(6934%) hue-rotate(173deg) brightness(103%) contrast(101%);background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/blank.gif) center center/contain no-repeat;} .header .menu-social-menu-container ul li a[href*="instagram"] {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/instagram.svg);} .header .menu-social-menu-container ul li a[href*="linkedin"] {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/linkedin.svg);} .header .menu-social-menu-container ul li a[href*="facebook"] {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/facebook.svg);} .header nav ul {display:flex;} .header nav ul li {font-weight:700;font-size:20px;padding-right:50px;} .header nav ul li:last-child {padding-right:8px;} .header nav ul li a {display:block;border-bottom:4px solid transparent;padding-bottom:24px;position:relative;} .header nav ul li a:before {content:'';display:block;width:0;height:4px;background:var(--secondary-color);position:absolute;top:100%;left:0;transition:0.2s;} .header nav ul li a:hover:before, .header nav ul li.current-menu-item a:before {width:100%;} .header .wrapper > .widget {position:absolute;top:10px;right:-90px;} .header .wpml-ls-dropdown > ul {padding:17px 12px 10px 12px !important;display:block;box-sizing:border-box;width:70px;height:57px;position:relative;box-shadow:0 0 6px #0000001A;border-radius:10px;background:#fff !important;transition:all ease-in-out 0.2s;} .header .wpml-ls-dropdown > ul > li {padding:0;font:600 17px 'Lemur', sans-serif;color:var(--title2-color);} .header .wpml-ls-dropdown > ul > li div span {min-height:1px;} .header .wpml-ls-dropdown > ul > li .wpml-ls-flag, .header .wpml-ls-dropdown > ul > li .wp-block-navigation__submenu-icon {display:none;} .header .wpml-ls-dropdown > ul > li .current-language-item .wp-block-navigation-item__label:after {content:'';display:block;border:none;width:7px;height:7px;border-left:2px solid var(--title2-color);border-bottom:2px solid var(--title2-color);right:4px;top:6px;transform:rotate(-45deg);position:absolute;} .header .wpml-ls-dropdown > ul > li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {border:none;left:-12px;position:absolute;top:100%;display:block;background:#fff !important;padding:20px 20px 10px 0 !important;width:calc(100% + 24px) !important;border-radius:0 0 10px 10px;overflow:hidden;transition:all 0.3s ease-out;} .header .wpml-ls-dropdown > ul > li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li {margin:0;padding:0;} .header .wpml-ls-dropdown > ul > li.wp-block-navigation-item ul.wp-block-navigation__submenu-container a {font:700 17px 'Lemur', sans-serif;border:none;padding:0 0 0 12px;background:none;color:var(--title2-color);background:none;border-radius:0;width:100%;height:auto;display:block !important;} .header .wpml-ls-dropdown > ul > li.wp-block-navigation-item ul.wp-block-navigation__submenu-container:hover {color:var(--primary-color);} /* Heading */ .heading {padding:240px 0;min-height:670px;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;} .heading:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(to top, #2B454900 0%, #2B454989 50%, #2B45499A 100%);} .heading > img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;} .heading .wrapper {z-index:5;text-align:center;color:var(--title-color)} .heading p {font-weight:500;max-width:854px;} .heading h1 {opacity:1;} /* Hero */ .hero_block {position:relative;padding:240px 0 300px 0;min-height:1070px;box-sizing:border-box;} .hero_block:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(269deg, #2B454900 0%, #2B454989 50%, #2B45499A 100%);} .hero_block .wrapper {z-index:3;max-width:1458px;} .hero_block video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;} .hero_block h1 {font-size:110px;line-height:1;max-width:640px;text-decoration:underline;padding-bottom:25px;} .hero_block h1 > span {position:relative;display:inline-block;overflow:hidden;padding-bottom:5px;} .hero_block h1 > span span {display:inline-block;transform:translate(0, 300%);transition:transform ease-in-out 1s .5s;position:relative;} .hero_block h1 > span:nth-child(2) span {transition-delay:.8s;} .hero_block h1 > span:nth-child(3) span {transition-delay:1.1s;} .hero_block h1 > span:after {content:'';width:0;height:6px;display:inline-block;background:var(--title-color);position:absolute;bottom:0;left:0;transition:width ease-in-out 1s .9s;} .hero_block h1 > span:nth-child(2):after {transition-delay:1.2s;} .hero_block h1 > span:nth-child(3):after {transition-delay:1.5s;} .hero_block h1.inview > span span {transform:translate(0%, 0%);} .hero_block h1.inview > span:after {width:100%;} .hero_block p {font-size:33px;font-weight:700;background:var(--secondary-color);display:inline-block;padding:0 15px;color:var(--link-color);height:0;overflow:hidden;transition:height .5s 2s;} .hero_block p.inview {height:50px;} /* Content block */ .content_block {padding-bottom:245px;} .page-wie-zijn-wij .content_block {background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/pattern.svg) center 1300px/3700px auto no-repeat;} .single-event .content_block {background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/pattern.svg) center 300px/3700px auto no-repeat;} .content_block article > ul, .content_block article > ol {margin-bottom:20px;} .content_block article > ul li {list-style-position:inside;list-style-type:disc;} .content_block article > ol li {list-style-position:inside;list-style-type:decimal;} .content_block article > .wp-block-columns {margin-bottom:165px;} .content_block .wp-block-columns {gap:83px;} .page-who-are-we .content_block .wp-block-columns .wp-block-column h2 {max-width:350px;} html[lang="en-US"] div #gform_wrapper_4, html[lang="nl-NL"] div #gform_wrapper_5 {display:block !important;} /* Cover block */ .content_block .wp-block-cover {background:#fff;padding:130px 110px;margin-bottom:167px;min-height:1px;border-radius:58px;position:relative;z-index:2;} .page-contact .content_block .wp-block-cover {background:#fff url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/map2.jpg) 35% 110px/430px auto no-repeat;} .page-contact .content_block .wp-block-cover .wp-block-cover__background {display:none;} .listcontact li{list-style: disc;margin-left: 20px;margin-top: 7px;} .listcontact {margin-bottom: 25px;margin-top: -25px;} .content_block .wp-block-cover:first-child {margin-top:-215px;} .content_block .hero_block + .wp-block-cover {margin-top:-140px;} .content_block .wp-block-cover h2, .content_block .wp-block-cover h3 {color:var(--primary-color);} .content_block .wp-block-cover h6 {color:var(--title2-color);} .content_block .wp-block-cover h4 {color:var(--link-color);} .content_block .wp-block-cover h4.is-style-alt {margin:100px 0 -100px 0;} .content_block .wp-block-cover h4.is-style-alt + p.has-text-align-center {max-width:1080px;margin:0 auto;font-weight:500;color:var(--title2-color);} .content_block .wp-block-cover p strong {font-weight:500;} .page-contact .content_block .wp-block-cover p strong {color:var(--secondary-color);font-weight:700;} .page-contact .content_block .wp-block-cover h3 > .line1 {padding-right:15px;} .content_block .wp-block-cover p a {font-weight:700;text-decoration:underline;} .content_block .wp-block-cover .wp-block-buttons {display:inline-flex;margin-right:10px;} .content_block .wp-block-cover .wp-block-navigation {display:inline-flex;font-size:0;line-height:0;position:relative;top:0;} .content_block .wp-block-cover .wp-block-navigation ul {position:relative;top:-32px;} .wp-block-navigation ul li {padding:0 15px 15px 0;} .wp-block-navigation ul li a {display:block;width:48px;height:48px;border-radius:50%;background:var(--secondary-color) url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/blank.gif) center center/12px auto no-repeat;transition:background ease-in-out .3s;} .wp-block-navigation ul li a:hover {background-color:var(--secondary-hover-color);} .wp-block-navigation ul li a[href*="instagram"] {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/instagram.svg);background-size:16px auto;} .wp-block-navigation ul li a[href*="linkedin"] {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/linkedin.svg);background-size:18px auto;} .wp-block-navigation ul li a[href*="facebook"] {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/facebook.svg);} /* Image block */ .content_block .wp-block-image {margin-bottom:35px;} .content_block .wp-block-image img {border-radius:25px;} /* Members list */ .members_list {margin:60px 0 0 0;position:relative;} .members_list:before {content:'';display:block;width:100%;height:100%;position:absolute;top:-5px;left:0;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/blob.png) center center/contain no-repeat;} .members_list ul {display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:40px 52px;} .members_list ul li {position:relative;transition:all ease-in-out .5s;opacity:0;top:100px;transition-delay:.3s;} .members_list ul li.inview {opacity:1;top:0;} .members_list ul li:nth-child(2) {transition-delay:.5s;} .members_list ul li:nth-child(3) {transition-delay:.7s;} .members_list ul li:nth-child(4) {transition-delay:.9s;} .members_list ul li:nth-child(5) {transition-delay:1.1s;} .members_list ul li:nth-child(6) {transition-delay:1.3s;} .members_list ul li:nth-child(7) {transition-delay:1.5s;} .members_list ul li:nth-child(8) {transition-delay:1.7s;} .members_list ul li figure {position:relative;cursor:pointer;} .members_list ul li figure > div {line-height:0;transition:transform ease-in-out .3s;position:relative;} .members_list ul li figure > div:before {content:'';display:block;width:100%;height:100%;border-radius:25px;position:absolute;top:0;left:0;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/members_bg.png) center center no-repeat;opacity:0;transition:opacity ease-in-out .3s;} /*.members_list ul li figure:hover > div:before {opacity:1;} .members_list ul li figure:hover > div {transform:matrix(1, -0.03, 0.03, 1, 0, 0);}*/ .members_list ul li figure > div img {height:350px;border-radius:25px;object-fit:cover;} .members_list ul li figure a {position:absolute;top:110px;left:50%;transform:translateX(-50%);font-size:19px;color:#fff;font-weight:700;text-decoration:underline;width:128px;height:128px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity ease-in-out .3s;display:none;} .members_list ul li figure:hover a {opacity:1;} .members_list ul li figure figcaption {background:var(--secondary-color);border-radius:10px;color:var(--link-color);padding:8px 10px;box-sizing:border-box;text-align:center;display:inline-block;min-height:52px;min-width:160px;max-width:calc(100% - 20px);font-weight:700;font-size:18px;position:relative;top:-20px;left:50%;transform:translateX(-50%);} .members_list ul li figure figcaption:after {content:"";border:solid transparent;height:0;width:0;position:absolute;bottom:calc(100% - 1px);left:calc(50% - 6px);pointer-events:none;border-bottom-color:var(--secondary-color);border-width:12px;} .members_list ul li figure p {padding:0;} .members_list ul li figure p.position {font-size:15px;font-weight:500;} .members_list ul li figure p.working_group {font-size:16px;color:var(--title2-color);background:var(--link-color);border-radius:0 0 10px 10px;padding:6px 10px;margin:8px -11px -8px -11px;} .members_list ul li:last-child {background:var(--primary-color);padding:23px 27px;border-radius:25px;height:350px;color:var(--link-color);box-sizing:border-box;display:flex;flex-flow:column wrap;justify-content:space-between;align-items:flex-start;position:relative;} .members_list ul li:last-child h6 {font-size:35px;color:#fff;} .members_list ul li:last-child h6 span {color:var(--pink-color);} .members_list ul li:last-child .button, .members_list ul li:last-child .button:visited {align-self:flex-end;padding:5px 75px 5px 10px;font-weight:400;color:var(--link-color);background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit3.png) right 5px center/59px auto no-repeat;} .members_list ul li:last-child .button:hover {color:var(--link-color);background-color:transparent;background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit4.png);} /* Popup */ html.popup_active {overflow:hidden;} html.popup_active .header {transform:translate(0px, -75%);opacity:0;display:none;} .popup {display:flex;position:fixed;top:-999rem;left:-999rem;z-index:999;width:100%;height:100%;justify-content:flex-end;transition:all ease .01s .3s;} .members_list ul li.active .popup {top:0;left:0;} .popup .close_bg {background:#2B4549;cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity ease .5s .2s;} .members_list ul li.active .popup .close_bg {opacity:.55;} .popup_content {max-width:817px;width:100%;box-sizing:border-box;height:100vh;background:#009EE0;color:#F6ECE1;overflow:auto;position:relative;z-index:5;font-size:20px;opacity:0;transform:translate(100%);transition:opacity ease .5s, transform ease .5s;} .popup_content > div {overflow:hidden;box-sizing:border-box;min-height:100vh;padding:70px 50px 145px 50px;} .members_list ul li.active .popup_content {opacity:1;transform:translate(0);} .popup_content header, .popup_content section {opacity:0;transform:translate(100%);transition:all ease .5s .6s;} .popup_content section {transition-delay:.8s;} .members_list ul li.active .popup_content header, .members_list ul li.active .popup_content section {opacity:1;transform:translate(0);} .popup_content .close {position:absolute;top:25px;right:50px;z-index:10;font-size:16px;font-weight:700;text-decoration:underline;cursor:pointer;display:block;padding:10px 34px 10px 0;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/close.png) right center/28px auto no-repeat;} .popup_content h4 {font-size:64px;padding:0 90px 0 0;text-transform:none;} .popup_content p strong {font-weight:700 !important;} .popup_content header {padding-bottom:35px;} .popup_content .position {font-size:26px;font-weight:300;padding-bottom:0;} .popup_content span {font-weight:500;color:#F8CED6;} .popup_content .working_group {font-size:26px;font-weight:300;padding-bottom:0;} .popup_content section p:last-of-type {font-size:22px;font-weight:500;color:#F8CED6;} .popup_content section p:last-of-type a, .popup_content section p:last-of-type a:visited {color:#2B4549;text-decoration:none !important;font-weight:500 !important;} .popup_content section p:last-of-type a[href*="mailto"] {padding-right:30px;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/email.png) right 7px/22px auto no-repeat;} .popup_content .member_email {font-size:22px;font-weight:500;} .popup_content .member_email a, .popup_content .member_email a:visited {color:#2B4549;padding-right:30px;text-decoration:none !important;font-weight:500 !important;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/email.png) right 7px/22px auto no-repeat;} .popup_content .bottom_title {position:relative;z-index:-1;} .popup_content .bottom_title div {position:absolute;max-width:calc(100% + 100px);bottom:-155px;left:-50px;opacity:.21;font-size:114px;font-weight:700;text-transform:uppercase;line-height:.9;overflow:hidden;word-break:break-all;} /* */ #popmake-805 {background-image: url(https://zandbewoners.nl/wp-content/uploads/2024/09/pop-up-bg-desktop.png);background-repeat: no-repeat;background-position: center center;width: 870px;height: 505px;padding-left: 3%;padding-top: 2%;padding-bottom: 2%;} #popmake-805 button {right: 2.5% !important;top: 5% !important;} #popmake-805 div h5 {font-size: 6rem !important;line-height: 75px;} .popup-text-inhoud {width: 67%;} #popmake-805 div p {font-size: 1.2rem;line-height: 30px;} #popmake-805 div a {background-color: #149CD8;padding-left: 20px;padding-right: 60px;padding-top: 10px;padding-bottom: 10px;color: white;border-radius: 50px;font-size: 1.2rem;} .popup_content section p{color: #f6ece1!important;font-size: 20px!important;} @media only screen and (max-width: 900px) { #popmake-805 {background-image: url(https://zandbewoners.nl/wp-content/uploads/2024/09/pop-up-mobile.png) !important;background-repeat: no-repeat !important;background-position: center center !important;background-size: 110% 80% !important;width: 310px !important;height: 765px !important;position: fixed !important;left: 50% !important;top: 50% !important;transform: translate(-50%, -45%) !important;padding-left: 4% !important;padding-right: 7% !important;padding-top: 63% !important;} .popup-text-inhoud {width: 100% !important;} #popmake-805 div h5 {font-size: 3rem !important;line-height: 40px !important;} #popmake-805 div p {font-size: 1rem !important;line-height: 20px !important;} #popmake-805 div a {top: 30px !important;position: relative;} #popmake-805 button {right: 7% !important;top: 11% !important;} } /* Accordion */ .accordion_block dl {border-bottom:1px solid #2D1E19;margin-bottom:35px;} .accordion_block dl dt {cursor:pointer;position:relative;font-weight:700;color:var(--primary-color);border-top:1px solid var(--text-color);padding:8px 45px 8px 0;} .accordion_block dl dt:first-of-type {border-top:none;} .accordion_block dl dt:before {content:'';position:absolute;top:calc(50% - 4px);right:0;width:18px;height:9px;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/arrow.svg) center center/contain no-repeat;transition:transform ease-out 0.25s;will-change:transform;transform:rotate(-90deg);} .accordion_block dl dt.active:before {transform:rotate(0deg);} .accordion_block dl dd {display:none;font-size:20px;} .accordion_block dl dd p {padding-bottom:20px;} /* Image slider */ .image_slider {position:relative;line-height:0;font-size:0;transition:all ease-in-out .5s;opacity:0;right:-100px;transition-delay:.5s;} .image_slider.inview {opacity:1;right:0;} .image_slider div img {border-radius:25px;min-height:700px;width:100%;object-fit:cover;} .image_slider .slick-dots {position:absolute;bottom:43px;left:0;width:100%;display:flex;justify-content:center;} .image_slider .slick-dots li {padding:0 7px;} .image_slider .slick-dots li button {width:82px;height:5px;border:none;background:#f8f8f8;opacity:.5;transition:opacity ease-in-out .3s;line-height:0;font-size:0;} .image_slider .slick-dots li.slick-active button {opacity:1;} /* Quote */ .wp-block-quote {border-radius:15px;padding:70px;text-align:center;background:var(--title2-color);color:#f8f8f8;position:relative;transform:matrix(1, -0.03, 0.03, 1, 0, 0);transition:all ease-in-out .5s;opacity:0;bottom:-100px;transition-delay:.5s;} .wp-block-quote.inview {opacity:1;bottom:0;} .wp-block-quote:before {content:'”';border-radius:50%;width:62px;height:62px;padding-top:12px;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);font:74px/1 Arial;background:var(--primary-color);} .wp-block-quote p {font-size:47px;line-height:1.3;font-weight:500;} .wp-block-quote p:first-of-type:before {content:'“';color:var(--primary-color);font:74px/47px Arial;position:relative;top:15px;} .wp-block-quote p:last-of-type:after {content:'”';color:var(--primary-color);font:74px/47px Arial;position:relative;top:15px;} .wp-block-quote cite {font-size:20px;font-weight:500;font-style:normal;} .wp-block-quote cite:before {content:'';width:77px;height:3px;background:var(--primary-color);display:block;margin:0 auto 20px auto;} /* Single event */ .single-event .content_block .wp-block-cover__inner-container p {font-size:20px;} .single-event .content_block .wp-block-cover .wp-block-navigation ul {top:-6px;} .single-event .content_block .wp-block-navigation ul:before {content:"Deel dit event:";font-size:20px;line-height:1.3;} html[lang="en-US"] .single-event .content_block .wp-block-navigation ul:before {content:"Share this event:";} .single-event .content_block .wp-block-navigation ul li {padding:0 0 0 15px;} .single-event .content_block .wp-block-navigation ul li a {border-radius:0;width:22px;height:28px;filter:brightness(0) saturate(100%) invert(43%) sepia(29%) saturate(6934%) hue-rotate(173deg) brightness(103%) contrast(101%);background-color:transparent;background-size:contain;} .single-event .content_block .wp-block-navigation ul li a:hover {background-color:transparent;} .events_info {background:var(--title-color);position:relative;border-radius:25px;padding:33px 46px 10px 46px;box-sizing:border-box;align-self:flex-start;transition:all ease-in-out .5s;opacity:0;bottom:-100px;transition-delay:.5s;} .events_info.inview {opacity:1;bottom:0;} .events_info header {padding:25px 0 10px 0;font-size:23px;font-weight:700;color:var(--title2-color);border-top:1px solid #000;} .events_info header:first-of-type {border-top:none;padding-top:0;} .events_info p a {color:var(--primary-color);font-weight:400 !important;} .related_events {display:none;} .related_events > h5 {text-align:center;} .related_events ul {display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:100px;} .related_events ul li {width:390px;margin:0 50px 100px 50px;} .related_events ul li figure {position:relative;} .related_events ul li figure .link {position:absolute;top:0;left:0;z-index:5;display:block;width:100%;height:100%;font-size:0;line-height:0;} .related_events ul li figure > div:before {content:'';position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;background:linear-gradient(180deg, #2B454900 0%, #2B4549 100%);border-radius:25px;} .related_events ul li figure > div img {height:390px;width:100%;object-fit:cover;border-radius:25px;} .related_events ul li figure figcaption {position:absolute;bottom:30px;left:30px;right:30px;z-index:3;} .related_events ul li figure figcaption h5 {font-size:35px;text-transform:uppercase;padding:0;color:var(--link-color);} .single-event .content_block .wp-block-cover {margin-bottom:44px;} .single-event .content_block article + .widget {margin-bottom:112px;} .single-event .content_block .widget .wp-block-columns {gap:38px;} .single-event .content_block .widget .wp-block-column {position:relative;transition:all ease-in-out .5s;opacity:0;top:100px;transition-delay:.3s;} .single-event .content_block .widget .wp-block-column.inview {opacity:1;top:0;} .single-event .content_block .widget .wp-block-column:nth-child(2) {transition-delay:.5s;} .single-event .content_block .widget .gform_wrapper {background:var(--secondary-color);padding:35px 44px;} .single-event .content_block .widget .gform_wrapper .gform_body .gform_fields {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;} .single-event .content_block .widget .gform_wrapper .gform_body .gfield {width:100%;} .single-event .content_block .widget .gform_wrapper .gform_body .gfield .validation_message {color:var(--link-color);} .single-event .content_block .widget .gform_wrapper .gform_body .gfield.half {width:calc(50% - 12px);} .single-event .content_block .widget .gform_wrapper .gform_body .gfield p {font-size:31px;font-weight:700;padding-bottom:0;color:var(--title2-color);} .single-event .content_block .widget .gform_wrapper .gform_footer .button, .single-event .content_block .widget .gform_wrapper .gform_footer .button:visited {color:var(--title-color);background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit5.png);} .single-event .content_block .widget .gform_wrapper .gform_footer .button:hover {color:var(--title2-color);background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit6.png);} .single-event .content_block .widget .gform_confirmation_wrapper {background:var(--secondary-color);padding:35px 44px;} /* Video bg */ .video_bg {height:100%;} .video_bg figure {height:100%;max-height:390px;position:relative;} .video_bg figure img {width:100%;height:100%;border-radius:25px;object-fit:cover;} .video_bg figure figcaption a {z-index:2;position:absolute;top:0;left:0;display:block;width:100%;height:100%;font-size:0;line-height:0;} .video_bg figure figcaption a:before {content:'';position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%, -50%);display:block;width:134px;height:134px;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/video.png) center center no-repeat;box-shadow:0 0 25px #0000005A;opacity:0.81;} /* Event Overview */ .home .events_block {min-height:770px;} .events_top_bar {display:flex;align-items:center;justify-content:space-between;padding-bottom:70px;} .events_top_bar .events_filter {display:flex;flex-wrap:wrap;} .events_top_bar .events_filter > div {position:relative;padding-right:65px;margin-right:30px;} .events_top_bar .events_filter > div.active {z-index:15;} .events_top_bar .events_filter > div > p {color:var(--title2-color);font-size:17px;font-weight:500;position:relative;top:3px;z-index:10;padding-bottom:10px;} .events_top_bar .events_filter > div .trigger {display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:pointer;font-size:0;line-height:0;} .events_top_bar .events_filter > div.active .trigger {z-index:5;} .events_top_bar .events_filter > div .trigger:after {content:'';top:14px;right:-5px;z-index:10;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-top-color:var(--secondary-color);border-width:5px;} .events_top_bar .events_filter > div > ul {display:block;min-width:100%;height:30px;overflow:hidden;position:absolute;top:0;right:4px;z-index:9;font-size:20px;font-weight:500;text-align:right;padding-right:10px;} .events_top_bar .events_filter > div.active > ul {height:auto;overflow:visible;} .events_top_bar .events_filter > div > ul > li:first-child > a {text-decoration:underline;} .events_top_bar .events_filter > div.active > ul ul {background:#fff;box-shadow:0 3px 10px #00000036;border-radius:5px;position:absolute;top:150%;left:0;width:100%;padding:5px 0;} .events_top_bar .events_filter > div.active > ul ul:after {bottom:calc(100% - 11px);left:50%;border:10px solid #fff;content:"";height:0;width:0;position:absolute;pointer-events:none;margin-left:-10px;box-shadow:0 3px 10px #00000036;border-radius:5px;transform:rotate(45deg);} .events_top_bar .events_filter > div.active > ul ul:before {top:0;left:calc(50% - 20px);content:"";height:0;width:0;position:absolute;z-index:1;width:40px;height:20px;background:#fff;} .events_top_bar .events_filter > div > ul ul li {text-align:center;padding:3px;position:relative;z-index:3;} .events_top_bar .events_filter > div > ul ul li a, .events_top_bar .events_filter > div > ul ul li a:visited {color:#2B4549;} .events_top_bar .total_events {color:var(--title2-color);font-size:17px;font-weight:500;padding-bottom:5px;} .events_top_bar .total_events span {color:var(--secondary-color);} .events_list_wrap ul {margin:0 -19px;} .events_list_wrap ul li {width:calc(33.33% - 38px);height:390px;color:var(--link-color);border-radius:25px;margin:0 19px 38px 19px;position:relative;box-sizing:border-box;transition:all ease-in-out .5s;opacity:0;transform:translateY(100px);transition-delay:.3s;} .events_list_wrap ul li.inview {opacity:1;transform:translateY(0);} .events_list_wrap ul li:nth-child(2) {transition-delay:.4s;} .events_list_wrap ul li:nth-child(3) {transition-delay:.5s;} .events_list_wrap ul li:nth-child(4) {transition-delay:.6s;} .events_list_wrap ul li:nth-child(5) {transition-delay:.7s;} .events_list_wrap ul li:nth-child(6) {transition-delay:.8s;} .events_list_wrap ul li:nth-child(7) {transition-delay:.9s;} .events_list_wrap ul li:nth-child(8) {transition-delay:1s;} .events_list_wrap ul li:nth-child(9) {transition-delay:1.1s;} .events_list_wrap ul li:nth-child(10) {transition-delay:1.2s;} .events_list_wrap ul li:nth-child(11) {transition-delay:1.3s;} .events_list_wrap ul li:nth-child(12) {transition-delay:1.4s;} .events_list_wrap ul li.height2 {height:818px;} .events_list_wrap ul li.width2 {width:calc(66.66% - 38px);} .events_list_wrap ul li figure {position:relative;height:100%;} .events_list_wrap ul li figure:before {content:'';mix-blend-mode:darken;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:var(--title2-color);opacity:.71;border-radius:25px;} .events_list_wrap ul li figure > img {height:100%;width:100%;object-fit:cover;border-radius:25px;} .events_list_wrap ul li figure .link {position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:5;font-size:0;line-height:0;} .events_list_wrap ul li figure figcaption {position:absolute;top:0;left:0;padding:29px 29px 15px 29px;border-radius:25px;height:100%;width:100%;box-sizing:border-box;display:flex;flex-flow:column wrap;} .events_list_wrap ul li figure figcaption header {flex:1;min-width:100%;} .events_list_wrap ul li figure figcaption h4 {padding-bottom:0;} .events_list_wrap ul li:not(.width2) figure figcaption h4 span:nth-child(2) {color:var(--secondary-color);display:block;font-size:47px !important;} .events_list_wrap ul li:not(.width2) figure figcaption h4 span:nth-child(3) {font-size:47px !important;} .events_list_wrap ul li figure figcaption .excerpt {display:none;font-size:17px;padding-top:10px;} .events_list_wrap ul li figure figcaption footer {font-size:35px;font-weight:700;text-transform:uppercase;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit7.png) right center/auto 37px no-repeat;transition:opacity ease-in-out .3s;} .events_list_wrap ul li figure:hover figcaption footer {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit6.png);animation:buttonhover .7s ease;} @keyframes buttonhover { 0% {opacity:1;} 30% {opacity:.8;} 100% {opacity:1;} } .events_list_wrap ul li.width2 figure:before {display:none;} .events_list_wrap ul li.width2 figure figcaption {width:60%;} .events_list_wrap ul li.width2 figure figcaption .excerpt {display:block;} .events_list_wrap ul li.width2.content_left figure figcaption {left:auto;right:0;} .events_list_wrap ul li.first {padding:37px;} .events_list_wrap ul li.first h4 {font-size:122px;line-height:.8;position:relative;z-index:2;} .events_list_wrap ul li.first p {font-size:47px;font-weight:700;position:relative;z-index:2;} .events_list_wrap ul li.first video {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:25px;object-fit:cover;} .load_more.more_events {text-align:center;padding-top:60px;} .load_more.more_events a, .load_more.more_events a:visited {display:inline-flex;align-items:center;justify-content:center;border-radius:8px;height:48px;border:1px solid var(--title2-color);color:var(--title2-color);min-width:292px;box-sizing:border-box;padding:5px 10px;font-weight:700;font-size:20px;text-decoration:none !important;transition:all ease-in-out .3s;} .load_more.more_events a:hover {background:var(--title2-color);color:var(--link-color);} .list-zandkalender {font-size: 20px;margin-top: -25px;} .list-zandkalender li {list-style: disc;margin-left: 20px;} .listevent li {list-style: disc;position: relative;left: 25px;padding-top: 10px;font-size:20px;} .listevent li:nth-child(1){margin-top: -25px;} /* STYLING EVENT FORM NL */ .gform-field-label {padding-bottom: 0 !important;} .gfield_label.gform-field-label {color: #2B4549;font-weight: bold;} .gfield_required .gfield_required_text {color: #f7ede3;font-size: 17px;margin-left: 5px;} @media screen and (max-width: 768px) {.gfield_required .gfield_required_text {font-size: 12px; }} #field_4_1, #field_4_47{width: 48%;} #field_4_1 {margin-right: 5px;} #field_4_47 {margin-left: 5px;} .gform-field-label{color: #F6ECE1;padding-bottom: 15px;} .gfield_label_before_complex {color: #2B4549;font-weight: bold;} .gform_wrapper .gform_body .gchoice label {display:contents;} #field_4_4 {border: none;margin: 0;padding: 0;} #field_4_7,#field_4_9,#field_4_11,#field_4_13,#field_4_15 {border: none;margin: 0;padding: 0;} #gform_fields_4 .gfield_radio {display: flex;margin-top: -15px;padding-bottom: 15px} .gchoice_4_7_1 {padding-left: 15px;} .gchoice {padding-bottom: 10px;} .gform_wrapper .gform_body #field_4_16 label,.gform_wrapper .gform_body #field_4_23 label,.gform_wrapper .gform_body #field_4_5 label, .gform_wrapper .gform_body #field_4_29 label,.gform_wrapper .gform_body #field_4_35 label,.gform_wrapper .gform_body #field_4_41 label{padding-top: 25px;display: inline-block;color: #2B4549;font-weight: bold;} .gform_wrapper .gform_body .gform_fields .gfield select {width:100%;height: 40px;padding: 0 12px;color: #C4C4C4;font: 20px 'Lemur', sans-serif;border: none;border-radius: 6px;} #gform_confirmation_message_4{color: #F6ECE1;font: 20px 'Lemur', sans-serif;} #gform_confirmation_message_4 a{color: #2B4549;line-height: 29px;} @media only screen and (max-width: 768px) {#field_4_1, #field_4_47{width: 100%;} #field_4_1 {margin-right: 0px;} #field_4_47 {margin-left: 0px;} #gform_confirmation_message_4{color: #F6ECE1;font: 17px 'Lemur', sans-serif;} #gform_confirmation_message_4 a{color: #2B4549;line-height: 26px;} } /* STYLING EVENT FORM EN */ #field_5_1, #field_5_47{width: 48%;} #field_5_1 {margin-right: 5px;} #field_5_47 {margin-left: 5px;} #field_5_4 {border: none;margin: 0;padding: 0;} #field_5_7,#field_5_9,#field_5_11,#field_5_13,#field_5_15 {border: none;margin: 0;padding: 0;} #gform_fields_5 .gfield_radio {display: flex;margin-top: -15px;padding-bottom: 15px} .gchoice_4_5_1 {padding-left: 15px;} .gform_wrapper .gform_body #field_5_16 label,.gform_wrapper .gform_body #field_5_23 label,.gform_wrapper .gform_body #field_5_5 label, .gform_wrapper .gform_body #field_5_29 label,.gform_wrapper .gform_body #field_5_35 label,.gform_wrapper .gform_body #field_5_41 label{padding-top: 25px;display: inline-block;color: #2B4549;font-weight: bold;} .gform_wrapper .gform_body .gform_fields .gfield select {width:100%;height: 40px;padding: 0 12px;color: #C4C4C4;font: 20px 'Lemur', sans-serif;border: none;border-radius: 6px;} #gform_confirmation_message_5{color: #F6ECE1;font: 20px 'Lemur', sans-serif;} #gform_confirmation_message_5 a{color: #2B4549;line-height: 29px;} @media only screen and (max-width: 768px) {#field_5_1, #field_5_47{width: 100%;} #field_5_1 {margin-right: 0px;} #field_5_47 {margin-left: 0px;} #gform_confirmation_message_5{color: #F6ECE1;font: 17px 'Lemur', sans-serif;} #gform_confirmation_message_5 a{color: #2B4549;line-height: 26px;} } /* Home */ .home .content_block .wp-block-cover {overflow:visible;} .home .content_block .wp-block-cover .has-white-background-color {border-radius:58px;} .home .content_block .wp-block-cover h4.is-style-alt {margin:0 0 40px -125px;font-size:244px;max-width:calc(100% + 125px);position:relative;} .home .content_block .wp-block-cover h4.is-style-alt:first-of-type {margin:0;position:absolute;top:-10px;right:0;font-size:182px;line-height:.8;text-align:right;max-width:100%;overflow:hidden;} .home .content_block .wp-block-cover h4.is-style-alt:first-of-type strong {font-size:260px;} .home .content_block .wp-block-cover h4.is-style-alt:first-of-type + .wp-block-group {position:relative;} .content_block .wp-block-cover .wp-block-group:first-of-type {max-width:840px;margin:70px 0;} .content_block .wp-block-cover .wp-block-group p strong {font-weight:700;color:var(--secondary-color);} .content_block .wp-block-cover .wp-block-group:nth-of-type(3), .content_block .wp-block-cover .wp-block-group:nth-of-type(2) {max-width:946px;padding-top:150px;margin:0 0 150px auto;position:relative;} .content_block .wp-block-cover .wp-block-group:nth-of-type(3):before, .content_block .wp-block-cover .wp-block-group:nth-of-type(2):before {content:'';background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/kaart.svg) center center/contain no-repeat;position:absolute;top:0;right:110%;display:block;width:529px;height:1011px;} .content_block .wp-block-cover .wp-block-group:nth-of-type(3) h2, .content_block .wp-block-cover .wp-block-group:nth-of-type(2) h2 {padding-right:300px;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/water-en-spoor.svg) right 84px top 30% no-repeat;} .content_block .wp-block-cover .wp-block-group:nth-of-type(3) h2 > span.line2, .content_block .wp-block-cover .wp-block-group:nth-of-type(2) h2 > span.line2 {display:block;max-width:340px;} html[lang="en-US"] .content_block .wp-block-cover .wp-block-group:nth-of-type(3) h2 > span.line2, html[lang="en-US"] .content_block .wp-block-cover .wp-block-group:nth-of-type(2) h2 > span.line2 {max-width:240px;} /* Image carousel */ .carousel_title {text-align:center;transform:matrix(1, -0.05, 0.05, 1, 0, 0);font-size:100px;text-transform:uppercase;text-decoration:underline;color:var(--pink-color);margin-bottom:-65px;font-weight:bold;} .image_carousel {transform:matrix(1, -0.05, 0.05, 1, 0, 0);padding:130px 0;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/blob.png) center center/900px auto no-repeat;} .image_carousel .slick-list {overflow:visible;} .image_carousel .slick-slide {width:383px;position:relative;margin:0 10px;} .image_carousel .slick-slide:nth-of-type(even) {margin-top:20px;} .image_carousel img {width:100%;height:487px;border-radius:25px;object-fit:cover;} .image_carousel p {background:var(--secondary-color);border-radius:10px;color:var(--link-color);padding:10px 15px;box-sizing:border-box;text-align:center;display:inline-block;min-height:56px;min-width:70%;max-width:calc(100% - 20px);font-weight:700;font-size:22px;position:relative;top:-20px;left:50%;transform:translateX(-50%) matrix(1, 0.05, -0.05, 1, 0, 0);} .image_carousel p:after {content:"";border:solid transparent;height:0;width:0;position:absolute;bottom:calc(100% - 1px);left:24px;pointer-events:none;border-bottom-color:var(--secondary-color);border-width:12px;} .image_carousel .title_position_top p {position:absolute;top:auto;bottom:calc(100% - 20px);background:var(--title2-color);} .image_carousel .title_position_top p:after {border-bottom-color:transparent;bottom:auto;top:calc(100% - 1px);border-top-color:var(--title2-color);} /* zandkalender page */ .page-kalender h2.wp-block-heading {max-width:470px;} .page-kalender .fancybox__backdrop {background:rgba(0,0,0,.65);} .page-kalender .fancybox__content img {box-shadow:8px 1px 20px #0000003C;border-radius:25px;} .page-kalender .fancybox__content .is-close {top:20px;right:20px;width:29px;height:29px;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/close2.png) center center/contain no-repeat;border-radius:0;} .page-kalender .fancybox__content .is-close svg {display:none;} .page-kalender .content_block .wp-block-cover h4.is-style-alt {margin-bottom:0;} .page-kalender .content_block .wp-block-cover h4.is-style-alt + p strong {color:#E95C33;} .page-kalender .has-caption .fancybox__content:before {content:'';display:block;width:100%;height:25%;position:absolute;bottom:0;left:0;z-index:1;border-radius:25px;background:linear-gradient(180deg, #FFFFFF00 0%, #808080 100%);opacity:0;transition:all ease-in-out .2s .2s;} .page-kalender.is-using-mouse .has-caption .fancybox__content:before {opacity:1;} .page-kalender .has-caption .fancybox__caption {padding:0;position:relative;top:-50px;z-index:100;font-size:20px;} .page-calendar h2.wp-block-heading {max-width:470px;} .page-calendar .fancybox__backdrop {background:rgba(0,0,0,.65);} .page-calendar .fancybox__content img {box-shadow:8px 1px 20px #0000003C;border-radius:25px;} .page-calendar .fancybox__content .is-close {top:20px;right:20px;width:29px;height:29px;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/close2.png) center center/contain no-repeat;border-radius:0;} .page-calendar .fancybox__content .is-close svg {display:none;} .page-calendar .content_block .wp-block-cover h4.is-style-alt {margin-bottom:0;} .page-calendar .content_block .wp-block-cover h4.is-style-alt + p strong {color:#E95C33;} .page-calendar .has-caption .fancybox__content:before {content:'';display:block;width:100%;height:25%;position:absolute;bottom:0;left:0;z-index:1;border-radius:25px;background:linear-gradient(180deg, #FFFFFF00 0%, #808080 100%);opacity:0;transition:all ease-in-out .2s .2s;} .page-calendar.is-using-mouse .has-caption .fancybox__content:before {opacity:1;} .page-calendar .has-caption .fancybox__caption {padding:0;position:relative;top:-50px;z-index:100;font-size:20px;} @media only screen and (min-width: 1685px) { .page-kalender .content_block .wp-block-cover h4.is-style-alt {margin-left:-40px;white-space:nowrap;} } @media only screen and (max-width: 767px) { .page-kalender .content_block .wp-block-cover h4.is-style-alt {font-size:40px;} } .page-kalender .content_block .wp-block-cover + h4.wp-block-heading.is-style-alt {color:#2B4549;opacity:52%;} .page-kalender .content_block .wp-block-cover + h4.wp-block-heading.is-style-alt strong {color:#E95C33;} .page-kalender .content_block .wp-block-cover + h4.wp-block-heading.is-style-alt + p.has-text-align-center {max-width:1080px;margin:0 auto;} @media only screen and (min-width: 1685px) { .page-calendar .content_block .wp-block-cover h4.is-style-alt {margin-left:-40px;white-space:nowrap;} } @media only screen and (max-width: 767px) { .page-calendar .content_block .wp-block-cover h4.is-style-alt {font-size:40px;} } .page-calendar .content_block .wp-block-cover + h4.wp-block-heading.is-style-alt {color:#2B4549;opacity:52%;} .page-calendar .content_block .wp-block-cover + h4.wp-block-heading.is-style-alt strong {color:#E95C33;} .page-calendar .content_block .wp-block-cover + h4.wp-block-heading.is-style-alt + p.has-text-align-center {max-width:1080px;margin:0 auto;} /* Accordion two columns */ .accordion_two_columns dl {border-bottom:1px solid #2D1E19;margin:35px 0;} .accordion_two_columns dl dt {cursor:pointer;position:relative;font-size:25px;font-weight:300;color:var(--primary-color);border-top:1px solid var(--text-color);padding:14px 45px 14px 0;} .accordion_two_columns dl dt strong {color:#E95C33;} .accordion_two_columns dl dt strong:after {content:' | ';} .accordion_two_columns dl dt:first-of-type {border-top:none;} .accordion_two_columns dl dt:before {content:'';position:absolute;top:calc(50% - 4px);right:0;width:18px;height:9px;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/arrow.svg) center center/contain no-repeat;transition:transform ease-out 0.25s;will-change:transform;transform:rotate(-90deg);} .accordion_two_columns dl dt.active:before {transform:rotate(0deg);} .accordion_two_columns dl dd {display:none;font-size:20px;} .accordion_two_columns dl dd > div {display:flex;align-items:flex-end;justify-content:space-between;} .accordion_two_columns dl dd > div > div {padding-bottom:60px;} .accordion_two_columns dl dd > div > div:first-of-type {padding-right:10%;flex:1;} .accordion_two_columns dl dd > div > div:first-of-type img {max-width:350px;} .accordion_two_columns dl dd > div > div .images {display:flex;flex-wrap:wrap;align-items:center;} .accordion_two_columns dl dd > div > div .images li {margin:0 10px 10px 0;width:30%;} .accordion_two_columns dl dd > div > div .images img {max-width:100%;} .accordion_two_columns dl dd > div > div:nth-of-type(2) {width:281px;} .accordion_two_columns dl dd > div > div:nth-of-type(2) a {display:block;width:281px;height:259px;position:relative;} .accordion_two_columns dl dd > div > div:nth-of-type(2) a:before {content:'';background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/shape.png) center center/contain no-repeat;display:block;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-2px;left:-2px;} .accordion_two_columns dl dd > div > div:nth-of-type(2) a img {width:100%;height:100%;object-fit:cover;} .accordion_two_columns dl dd > div > div > a {text-decoration:underline;} .accordion_two_columns dl dd p {padding-bottom:15px;} @media only screen and (max-width: 767px) { .accordion_two_columns dl dt {font-size:18px;padding:11px 35px 11px 0;} .accordion_two_columns dl dd {font-size:16px;} .accordion_two_columns dl dd > div {display:block;} .accordion_two_columns dl dd > div > div:first-of-type {padding-right:0;} .accordion_two_columns dl dd > div > div:first-of-type img {max-width:100%;} .accordion_two_columns dl dd > div > div:nth-of-type(2) {width:auto;} } @media only screen and (max-width: 560px) { .accordion_two_columns dl dd > div > div .images li {width:auto;} } /* Accordion one columns */ .accordion_one_column dl {border-bottom:1px solid #2D1E19;margin:35px auto 100px auto;max-width:1368px;} .accordion_one_column dl dt {cursor:pointer;position:relative;font-size:25px;font-weight:300;color:var(--primary-color);border-top:1px solid var(--text-color);padding:14px 45px 14px 0;} .accordion_one_column dl dt strong {color:#E95C33;} .accordion_one_column dl dt strong:after {content:' | ';} .accordion_one_column dl dt:first-of-type {border-top:none;} .accordion_one_column dl dt:before {content:'';position:absolute;top:calc(50% - 4px);right:0;width:18px;height:9px;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/arrow.svg) center center/contain no-repeat;transition:transform ease-out 0.25s;will-change:transform;transform:rotate(-90deg);} .accordion_one_column dl dt.active:before {transform:rotate(0deg);} .accordion_one_column dl dd {display:none;font-size:20px;padding:30px 0 60px 0;} .accordion_one_column dl dd p {padding-bottom:15px;} @media only screen and (max-width: 767px) { .accordion_one_column dl dt {font-size:18px;padding:11px 35px 11px 0;} .accordion_one_column dl dd {font-size:16px;} } /* Footer */ .footer {background:var(--title2-color);border-radius:25px 25px 0 0;padding:100px 0;color:var(--link-color);margin:0 45px;position:relative;} .home .footer:before, .home .footer:after {content:'';display:block;width:100vw;height:calc(100% + 550px);position:absolute;bottom:0;left:-45px;z-index:-1;background:#f6ece1;} .home .footer:after {opacity:.3;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/pattern.svg) center -600px/3700px auto no-repeat;} .footer a, .footer a:visited {color:var(--link-color);} .footer a:hover {color:#fff;} .footer .wrapper {background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/logo_footer.svg) 45px bottom/239px auto no-repeat;} .footer .widget:first-of-type .wp-block-columns {position:relative;top:-345px;margin:0 0 -255px 0;gap:37px;} .footer .widget:first-of-type .wp-block-columns figure {height:100%;} .footer .widget:first-of-type .wp-block-columns figure img {border-radius:25px;height:100%;width:100%;object-fit:cover;} .footer .widget:first-of-type .wp-block-columns .wp-block-column {position:relative;transition:all ease-in-out .5s;opacity:0;top:100px;transition-delay:.3s;} .footer .widget:first-of-type .wp-block-columns .wp-block-column.inview {opacity:1;top:0;} .footer .widget:first-of-type .wp-block-columns .wp-block-column:nth-child(2) {transition-delay:.5s;background:var(--primary-color);border-radius:25px;padding:24px 37px;box-sizing:border-box;font-size:20px;} .footer .widget:first-of-type .wp-block-columns .wp-block-column:nth-child(2) > p {max-width:430px;padding:0;} .footer .gform_wrapper {background:none;border-radius:0;padding:0 0 30px 0;} .footer .gform_wrapper .gform_body .gfield h4 {max-width:580px;} .footer .gform_wrapper .gform_body .gfield h4 + h6 {text-align:left;color:var(--pink-color);font-size:31px;} .footer .gform_wrapper .gform_footer .button, .gform_wrapper .gform_footer .button:visited {color:var(--link-color);background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit3.png);} .footer .gform_wrapper .gform_footer .button:hover {color:var(--link-color);background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit4.png);} .footer .gform_confirmation_wrapper {background:none;border-radius:0;padding:0 0 30px 0;} .footer .widget:nth-of-type(2) .wp-block-columns {gap:78px;} .footer .widget:nth-of-type(2) .wp-block-columns .wp-block-column:nth-child(2) {justify-content:flex-end;display:flex;} .footer .widget:nth-of-type(2) .wp-block-columns .menu {font-size:20px;} .footer .widget:nth-of-type(2) .wp-block-columns .menu li {padding-bottom:4px;} .footer .menu-social-menu-container ul {display:flex;justify-content:flex-end;padding-right:120px;font-size:0;line-height:0;} .footer .menu-social-menu-container ul li {padding:0 26px 26px 0;} .footer .menu-social-menu-container ul li a {display:block;width:31px;height:40px;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/blank.gif) center center no-repeat;} .footer .menu-social-menu-container ul li a:hover {filter:brightness(0%) invert(1);} .footer .menu-social-menu-container ul li a[href*="instagram"] {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/instagram.svg)} .footer .menu-social-menu-container ul li a[href*="linkedin"] {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/linkedin.svg)} .footer .menu-social-menu-container ul li a[href*="facebook"] {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/facebook.svg)} .footer .wrapper > p {font-size:20px;padding:0 0 165px 0;width:calc(20% + 30px);margin:-34px 0 0 auto;} /* Media Queries */ /* Desktop Wide */ @media only screen and (min-width: 1670px) { /* Home */ .home .content_block .wp-block-cover h4.is-style-alt:first-of-type {font-size:184px;border-radius:84px 84px 0 0;} } @media only screen and (max-width: 1670px) { .home .content_block .wp-block-cover h4.is-style-alt {margin-left:0;font-size:170px;text-align:center;max-width:100%;} .home .content_block .wp-block-cover h4.is-style-alt:first-of-type {top:-10px;right:0;font-size:140px;} .home .content_block .wp-block-cover h4.is-style-alt:first-of-type strong {font-size:200px;} } @media only screen and (max-width: 1650px) { /* Event Overview */ .events_list_wrap ul li.first h4 {font-size:100px;} } @media only screen and (max-width: 1570px) { /* Header */ .header .wrapper {max-width:calc(100% - 90px);left:-40px;} } @media only screen and (max-width: 1485px) { /* Event Overview */ .events_list_wrap ul li figure figcaption {padding:19px 19px 10px 19px;} .events_list_wrap ul li figure figcaption .excerpt {font-size:14px;} .events_list_wrap ul li figure figcaption h4 {font-size:30px;} .events_list_wrap ul li:not(.width2) figure figcaption h4 span:nth-child(2), .events_list_wrap ul li:not(.width2) figure figcaption h4 span:nth-child(3) {font-size:30px !important;} .events_list_wrap ul li figure figcaption footer {font-size:28px;background-size:auto 29px;} .events_list_wrap ul li.first {padding:17px;} .events_list_wrap ul li.first h4 {font-size:88px;} .events_list_wrap ul li.first p {font-size:32px;} } @media only screen and (max-width: 1380px) { /* Cover block */ .content_block .wp-block-cover {padding:45px;} .content_block .wp-block-cover .wp-block-buttons {display:flex;margin-right:0;} .content_block .wp-block-cover .wp-block-navigation ul {top:0;} /* Footer */ .footer .menu-social-menu-container ul {padding-right:0;} } @media only screen and (max-width: 1345px) { .home .content_block .wp-block-cover h4.is-style-alt {font-size:120px;} .home .content_block .wp-block-cover h4.is-style-alt:first-of-type {font-size:100px;top:-5px;} .home .content_block .wp-block-cover h4.is-style-alt:first-of-type strong {font-size:150px;} .content_block .wp-block-cover .wp-block-group:first-of-type {max-width:740px;} } @media only screen and (max-width: 1100px) { h4.is-style-alt {font-size:120px;} .wrapper {max-width:1690px;padding:0 16px;} /* Header */ .header {padding:0 16px;} /* Quote */ .wp-block-quote {padding:40px;} .wp-block-quote p {font-size:40px;} /* Single event */ .related_events ul {margin:0 -25px 100px -25px;} .related_events ul li {width:calc(50% - 50px);margin:0 25px 50px 25px;} /* Event Overview */ .events_list_wrap ul li {width:calc(50% - 38px);height:312px;} .events_list_wrap ul li.width2 {width:calc(50% - 38px);height:418px;} .events_list_wrap ul li.width2 figure figcaption {width:100%;top:auto;bottom:0;height:auto;} .events_list_wrap ul li.first {width:calc(100% - 38px);height:545px;} /* Home */ .home .content_block .wp-block-cover h4.is-style-alt:first-of-type {font-size:80px;right:10px;top:0;} .home .content_block .wp-block-cover h4.is-style-alt:first-of-type strong {font-size:130px;} .content_block .wp-block-cover .wp-block-group:first-of-type {max-width:650px;} /* Footer */ .footer {margin:0 16px;} .home .footer:before, .home .footer:after {left:-16px;} } /* Tablets and mobiles */ @media only screen and (max-width: 959px) { h4.is-style-alt {font-size:75px;} /* Header */ .header .wrapper {padding:24px 16px 0 16px;} /* Top menu */ .header nav ul li {padding-right:28px;} /* Content block */ .content_block .wp-block-columns {display:block;gap:0;} .content_block article > .wp-block-columns {margin-bottom:90px;} .content_block article > .wp-block-columns .wp-block-column {margin-bottom:40px;} /* Cover block */ .content_block .wp-block-cover {padding:25px;border-radius:25px;} .content_block .wp-block-cover .wp-block-buttons {display:inline-flex;margin-right:10px;} .content_block .wp-block-cover .wp-block-navigation ul {position:relative;top:-32px;} .content_block .wp-block-cover h4.is-style-alt {margin:50px 0 -65px 0;} /* Single event */ .content_block .events_info {margin-top:50px;} /* Video bg */ .video_bg {margin-top:30px;} /* Home */ .home .content_block .wp-block-cover h4.is-style-alt {font-size:90px;} .content_block .wp-block-cover .wp-block-group:first-of-type {max-width:100%;margin-top:150px;} /* Image carousel */ .carousel_title {font-size:40px;} /* Footer */ .footer {padding-bottom:0;} .footer .wrapper {background:none;} .footer .widget:nth-of-type(2) .wp-block-columns {gap:0;flex-wrap:wrap !important;} .footer .widget:nth-of-type(2) .wp-block-columns .wp-block-column {flex-basis:50% !important;} .footer .widget:nth-of-type(2) .wp-block-columns .wp-block-column:first-of-type {flex-basis:100% !important;padding:150px 0;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/logo_footer.svg) center top no-repeat;} .footer .widget:nth-of-type(2) .wp-block-columns .widget_nav_menu {width:100%;} .footer .widget:nth-of-type(2) .wp-block-columns .widget_nav_menu > div {display:flex;justify-content:center;} .footer .menu-social-menu-container {position:absolute;bottom:440px;left:0;width:100%;} .footer .menu-social-menu-container ul {padding-right:0;justify-content:center;} .footer .menu-social-menu-container ul li:last-child {padding-right:0;;} .footer .wrapper > p {padding:20px 0 45px 0;text-align:center;width:auto;margin:30px 20px 0 20px;border-top:2px solid var(--title-color);} .listevent li {font-size:16px;} } @media only screen and (max-width: 830px) { .header .logo {width:250px;} } /* Mobile portrait and landscape modes */ @media only screen and (max-width: 767px) { body {font-size:16px;} h1 {font-size:25px;} h2 {font-size:37px;padding-bottom:23px;} h3 {font-size:37px;} h2.wp-block-heading > span, h3.wp-block-heading > span {padding-bottom:3px;} h2.wp-block-heading > span:after, h3.wp-block-heading > span:after {height:2px;} h2.wp-block-heading > span span, h3.wp-block-heading > span span {transition-delay:.3s;} h2.wp-block-heading > span:nth-child(2) span, h3.wp-block-heading > span:nth-child(2) span {transition-delay:.6s;} h2.wp-block-heading > span:nth-child(3) span, h3.wp-block-heading > span:nth-child(3) span {transition-delay:.9s;} h2.wp-block-heading > span:after, h3.wp-block-heading > span:after {transition-delay:.7s;} h2.wp-block-heading > span:nth-child(2):after, h3.wp-block-heading > span:nth-child(2):after {transition-delay:1s;} h2.wp-block-heading > span:nth-child(3):after, h3.wp-block-heading > span:nth-child(3):after {transition-delay:1.3s;} h4 {font-size:22px;padding-bottom:4px;} h4.is-style-alt {font-size:46px;} h5 {font-size:25px;padding-bottom:25px;} h6 {font-size:20px;} p {padding-bottom:22px;} p.has-small-font-size {font-size:16px !important;} input[type="text"], input[type="email"], input[type="tel"], textarea {font-size:17px;padding:0 12px;height:40px;} textarea {padding:12px;height:152px;} .gform_wrapper {border-radius:15px;padding:30px 21px;} .gform_wrapper .gform_body .gfield {padding-bottom:16px;} .gform_wrapper .gform_body .gfield .validation_message {bottom:0;font-size:11px;} .gform_wrapper .gform_footer .button, .gform_wrapper .gform_footer .button:visited {background-size:46px auto;padding:0 56px 0 0;height:30px;font-size:20px;} .gform_wrapper .gform_footer .button:hover {background-size:46px auto;} .gform_confirmation_wrapper {border-radius:15px;padding:30px 21px;} .button, .button:visited, .wp-block-button__link, .wp-block-button__link:visited, .searchform input[type="submit"] {background-size:17px auto;background-position:right 20px center;padding:5px 44px 5px 23px;height:40px;font-size:15px;} .is-style-bordered .wp-block-button__link, .is-style-bordered .wp-block-button__link:visited {padding-right:23px;} /* Header */ html.active {overflow:hidden;} .header .wrapper {padding:17px 16px;justify-content:center;left:0;max-width:100%;} .header .logo {width:188px;height:19px;margin-bottom:0;z-index:10;} .menu_trigger {display:block;} .menu_trigger.close, .active .menu_trigger.open {display:none;} .active .menu_trigger.close {display:block;} .header.header_bg:before {content:'';display:block;width:100%;height:150%;background:linear-gradient(to bottom, #fff 0%, #fff 80%, rgba(255,255,255,.0) 100%);position:absolute;bottom:60%;left:0;} .header .top_menu {position:fixed;top:-100%;left:0;width:100%;height:100%;overflow:auto;opacity:0;background:#fff url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/map.jpg) left bottom/170px auto no-repeat;padding:160px 16px 60px 16px;box-sizing:border-box;transition:transform ease-in-out .3s;display:flex;flex-flow:column wrap;justify-content:space-between;} .header.active .top_menu {transform:translateY(100%);opacity:1;} .header .menu-social-menu-container {display:none;} .header nav ul {display:block;} .header nav ul li {padding:0 0 30px 0;text-align:center;transition:opacity .7s cubic-bezier(.215,.61,.355,1),transform .7s cubic-bezier(.215,.61,.355,1);opacity:0;} .header.active .top_menu nav ul li {opacity:1;} .header nav ul li {transition-duration:.85s;} .header nav ul li:first-child {transition-delay:.70s;} .header nav ul li:nth-child(2) {transition-delay:.80s;} .header nav ul li:nth-child(3) {transition-delay:.95s;} .header.open nav ul li {transition-duration:.15s;} .header.open nav ul li:first-child {transition-delay:.70s;} .header.open nav ul li:nth-child(2) {transition-delay:.85s;} .header.open nav ul li:nth-child(3) {transition-delay:.90s;} .header nav ul li:last-child {padding-right:0;} .header nav ul li a {display:inline-block;border-bottom:none;padding-bottom:0;} .header .wrapper > .widget {top:0;right:0;} .header .wpml-ls-dropdown > ul {padding-top:20px !important;width:60px;height:40px;box-shadow:none;} .header .wpml-ls-dropdown > ul > li {font-size:12px;} .header .wpml-ls-dropdown > ul > li .current-language-item .wp-block-navigation-item__label:after {width:6px;height:6px;top:2px;} .header .wpml-ls-dropdown > ul > li.wp-block-navigation-item ul.wp-block-navigation__submenu-container a {font-size:12px;} /* Heading */ .heading {padding:125px 0 200px 0;min-height:490px;} .heading p {font-weight:400;max-width:80%;margin:0 auto;} /* Hero */ .hero_block {padding:190px 0 340px 0;min-height:1px;} .hero_block h1 {font-size:56px;max-width:330px;padding-bottom:15px;} .hero_block h1 > span {padding-bottom:3px;} .hero_block h1 > span:after {height:3px;} .hero_block p {font-size:16px;padding:0 7px;} .hero_block p.inview {height:24px;} /* Content block */ .content_block {padding-bottom:70px;} html[lang="en-US"] .page-contact .content_block .wp-block-cover .wp-block-column h3 {font-size:31px;} .page-who-are-we .content_block .wp-block-columns .wp-block-column h2 {max-width:200px;} /* Cover block */ .content_block .wp-block-cover {margin-bottom:80px;} .content_block .wp-block-cover:first-child {margin-top:-155px;} .content_block .hero_block + .wp-block-cover {margin-top:-240px;} .content_block .wp-block-cover .wp-block-buttons {display:block;margin:0 0 -10px 0;} .content_block .wp-block-cover .wp-block-navigation ul {top:0;margin-bottom:30px;} .content_block .wp-block-cover h4.is-style-alt {margin:30px 0 -35px 0;} html[lang="en-US"] .page-who-are-we .content_block .wp-block-cover h4.is-style-alt {font-size:42px;} .content_block .wp-block-cover .wp-block-group:nth-of-type(3) h2 > span.line2, .content_block .wp-block-cover .wp-block-group:nth-of-type(2) h2 > span.line2 {max-width:190px;} .wp-block-navigation ul li {padding:0 14px 14px 0;} .wp-block-navigation ul li a {width:43px;height:43px;background-size:11px auto;} .wp-block-navigation ul li a[href*="instagram"] {background-size:15px auto;} .wp-block-navigation ul li a[href*="linkedin"] {background-size:17px auto;} /* Image block */ .content_block .wp-block-image img {border-radius:15px;} /* Members list */ .members_list {margin-top:30px;} .members_list:before {display:none;} .members_list ul {grid-gap:20px 30px;} .members_list ul li {transition-delay:.1s;} .members_list ul li:nth-child(2) {transition-delay:.2s;} .members_list ul li:nth-child(3) {transition-delay:.3s;} .members_list ul li:nth-child(4) {transition-delay:.4s;} .members_list ul li:nth-child(5) {transition-delay:.5s;} .members_list ul li:nth-child(6) {transition-delay:.6s;} .members_list ul li:nth-child(7) {transition-delay:.7s;} .members_list ul li:nth-child(8) {transition-delay:.8s;} /* Popup */ .popup_content {font-size:18px;} .popup_content > div {padding:30px 20px 90px 20px;} .popup_content .close {top:8px;right:10px;} .popup_content h4 {font-size:44px;} .popup_content .position {font-size:22px;} .popup_content .working_group {font-size:22px;} .popup_content .member_email, .popup_content section p:last-of-type {font-size:20px;} .popup_content .bottom_title div {max-width:calc(100% + 40px);bottom:-90px;left:-20px;font-size:64px;} /* Accordion */ .accordion_block dl dt {font-size:18px;padding:11px 35px 11px 0;} .accordion_block dl dd {font-size:16px;} /* Image slider */ .image_slider div img {border-radius:15px;min-height:294px;} .image_slider .slick-dots {bottom:18px;} .image_slider .slick-dots li {padding:0 2px;} .image_slider .slick-dots li button {width:35px;height:2px;} /* Quote */ .wp-block-quote {padding:35px 25px 25px 25px;margin:0 15px;} .wp-block-quote:before {width:30px;height:30px;padding-top:8px;font-size:33px;} .wp-block-quote p {font-size:23px;} .wp-block-quote p:first-of-type:before {font-size:33px;line-height:23px;top:7px;left:-5px;} .wp-block-quote p:last-of-type:after {font-size:33px;line-height:23px;top:7px;left:5px;} .wp-block-quote cite {font-size:14px;} .wp-block-quote cite:before {width:37px;margin-bottom:10px;} /* Single event */ .single-event .content_block .wp-block-cover__inner-container p {font-size:16px;} .single-event .content_block .wp-block-cover .wp-block-navigation ul {top:0;margin-top:10px;} .single-event .content_block .wp-block-navigation ul:before {font-size:16px;} .single-event .content_block .wp-block-navigation ul li a {width:18px;height:22px;} .content_block .events_info {margin-top:0;border-radius:15px;padding:20px 30px 10px 30px;} .events_info header {padding:20px 0 5px 0;font-size:16px;} .events_info p {font-size:15px;padding-bottom:15px;} .related_events ul {display:block;margin:0 0 100px 0;} .related_events ul li {width:100%;margin:0 0 50px 0;} .related_events ul li figure > div img {height:310px;} .related_events ul li figure figcaption {bottom:25px;left:25px;right:25px;} .related_events ul li figure figcaption h5 {font-size:28px;} .single-event .content_block article + .widget {margin-bottom:90px;} .single-event .content_block .widget .gform_wrapper {padding:30px 22px;} .single-event .content_block .widget .gform_wrapper .gform_body .gfield.half {width:100%;} .single-event .content_block .widget .gform_wrapper .gform_body .gfield p {font-size:20px;} .single-event .content_block .widget .gform_confirmation_wrapper {padding:30px 22px;} /* Video bg */ .video_bg figure img {min-height:170px;border-radius:15px;} .video_bg figure figcaption a:before {width:66px;height:66px;background-size:100% auto;} /* Event Overview */ .events_top_bar {padding-bottom:30px;align-items:flex-start;} .events_top_bar .events_filter > div {padding-right:0;margin:0 10px 10px 0;} .events_top_bar .events_filter > div > p {display:none;} .events_top_bar .events_filter > div .trigger {position:relative;width:auto;height:auto;border:2px solid var(--title2-color);height:40px;padding:10px 10px 10px 33px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1.2;border-radius:5px;box-sizing:border-box;background:#fff url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/arrow-sort.svg) 10px center no-repeat;} .events_top_bar .events_filter > div.type_list .trigger {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/icon-event.svg);} .events_top_bar .events_filter > div.age_list .trigger {background-image:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/icon-age.svg);} .events_top_bar .events_filter > div .trigger:after {display:none;} .events_top_bar .events_filter > div > ul {height:0;right:0;font-size:15px;margin-top:40px;} .events_top_bar .events_filter > div > ul > li:first-child {display:none;} .events_top_bar .events_filter > div.active > ul ul {top:12px;} .events_top_bar .events_filter > div > ul li:not(:first-child) {padding:5px 0;} .events_top_bar .total_events {font-size:15px;} .events_list_wrap ul li {width:calc(100% - 38px);border-radius:15px;transition-delay:.1s;} .events_list_wrap ul li:nth-child(2) {transition-delay:.2s;} .events_list_wrap ul li:nth-child(3) {transition-delay:.3s;} .events_list_wrap ul li:nth-child(4) {transition-delay:.4s;} .events_list_wrap ul li:nth-child(5) {transition-delay:.5s;} .events_list_wrap ul li:nth-child(6) {transition-delay:.6s;} .events_list_wrap ul li:nth-child(7) {transition-delay:.7s;} .events_list_wrap ul li:nth-child(8) {transition-delay:.8s;} .events_list_wrap ul li:nth-child(9) {transition-delay:.9s;} .events_list_wrap ul li:nth-child(10) {transition-delay:1s;} .events_list_wrap ul li:nth-child(11) {transition-delay:1.1s;} .events_list_wrap ul li:nth-child(12) {transition-delay:1.2s;} .events_list_wrap ul li figure > img, .events_list_wrap ul li figure figcaption, .events_list_wrap ul li figure:before, .events_list_wrap ul li.first video {border-radius:15px;} .events_list_wrap ul li.width2 {width:calc(100% - 38px);} .load_more.more_events {padding-top:0;} .load_more.more_events a, .load_more.more_events a:visited {min-width:100%;} /* Home */ .home .content_block .wp-block-cover .has-white-background-color {border-radius:25px;} .home .content_block .wp-block-cover h4.is-style-alt {margin:0 0 20px -26px;font-size:51px;} .home .content_block .wp-block-cover h4.is-style-alt:first-of-type {top:100px;opacity:0;transition:all ease-in-out .5s .3s;right:auto;left:5px;font-size:59px;line-height:.8;text-align:left;word-wrap:break-word;} html[lang="en-US"] .home .content_block .wp-block-cover h4.is-style-alt:first-of-type {font-size:43px;top:5px;} .home .content_block .wp-block-cover h4.is-style-alt.inview:first-of-type {opacity:1;top:0;} .home .content_block .wp-block-cover h4.is-style-alt:first-of-type strong {font-size:97px;} .content_block .wp-block-cover .wp-block-group:first-of-type {margin:250px 0 70px 0;} .content_block .wp-block-cover .wp-block-group:nth-of-type(3), .content_block .wp-block-cover .wp-block-group:nth-of-type(2) {max-width:100%;padding:30px 0 50px 0;margin:0;} .content_block .wp-block-cover .wp-block-group:nth-of-type(3):before, .content_block .wp-block-cover .wp-block-group:nth-of-type(2):before {right:0;opacity:.1;width:100%;height:100%;} .content_block .wp-block-cover .wp-block-group:nth-of-type(3) h2, .content_block .wp-block-cover .wp-block-group:nth-of-type(2) h2 {padding-right:40px;background-position:right top 15px;background-size:55px auto;} html[lang="en-US"] .content_block .wp-block-cover .wp-block-group:nth-of-type(3) h2, html[lang="en-US"] .content_block .wp-block-cover .wp-block-group:nth-of-type(2) h2 {font-size:28px;} html[lang="en-US"] .content_block .wp-block-cover .wp-block-group:nth-of-type(3) h2 > .line2, html[lang="en-US"] .content_block .wp-block-cover .wp-block-group:nth-of-type(2) h2 > .line2 {max-width:105px;} html[lang="en-US"] .content_block .wp-block-cover .wp-block-group:nth-of-type(3) h2 > span.line2, html[lang="en-US"] .content_block .wp-block-cover .wp-block-group:nth-of-type(2) h2 > span.line2 {max-width:100px;} /* Image carousel */ .image_carousel {padding:100px 0;background:none;} .image_carousel:before {content:'';display:block;width:102vw;height:100%;position:absolute;top:0;left:-45px;background:url(//zandbewoners.nl/wp-content/themes/Zandbewoners/images/demo/blob.png) center center/auto 95% no-repeat;transform:matrix(1, 0.05, -0.05, 1, 0, 0);} .image_carousel .slick-slide {width:300px;} .image_carousel img {height:371px;} .image_carousel p {border-radius:15px;padding:10px 10px 5px 10px;min-height:44px;font-size:16px;} .image_carousel p:after {border-width:9px;} /* Footer */ .footer {padding:50px 0 0 0;} .home .footer:before, .home .footer:after {height:calc(100% + 200px);} .home .footer:after {background-size:1500px auto;} .footer .widget:first-of-type .wp-block-columns {top:-130px;margin:0 0 -70px 0;gap:19px;} .footer .widget:first-of-type .wp-block-columns figure img {border-radius:15px;} .footer .widget:first-of-type .wp-block-columns .wp-block-column:nth-child(2) {border-radius:15px;padding:24px 19px;font-size:16px;} .footer .gform_wrapper .gform_body .gfield h4 {max-width:100%;} .footer .gform_wrapper .gform_body .gfield h4 + h6 {font-size:20px;} .footer .widget:nth-of-type(2) .wp-block-columns .wp-block-column:first-of-type {text-align:center;font-size:14px;padding:100px 0 80px 0;background-size:155px auto;} .footer .widget:nth-of-type(2) .wp-block-columns .menu {font-size:18px;} .footer .menu-social-menu-container {bottom:250px;} .footer .menu-social-menu-container ul li {padding:0 20px 20px 0;} .footer .menu-social-menu-container ul li a {width:18px;height:23px;background-size:contain;} .footer .wrapper > p {font-size:14px;padding:15px 0 35px 0;} } html[lang="en-US"] #gform_wrapper_4,html[lang="nl-NL"] #gform_wrapper_5 { display: none!important; } .row-1 .column-1, .row-1 .column-2, .row-1 .column-3, .row-1 .column-4 { background-color: #E95C33; color: white; .divje { overflow-x: auto!important; } @media screen and (max-width: 450px) { .column-1, .column-3, .column-4 { min-width: 100px; } .column-2{ min-width: 200px; } } @media screen and (min-width: 451px) { .column-1, .column-3, .column-4 { min-width: 200px; } .column-2{ min-width: 400px; } }} .page-id-337 h1, .page-id-395 h1,.page-id-635 h1 { opacity: 1; } strong { font-weight: bold!important; } .page-id-395 .wp-block-cover__inner-container li,.page-id-635 .wp-block-cover__inner-container li { list-style: inside; } #field_2_4,#field_2_5{border: none;margin: 0;padding: 0;} #field_2_4 .gfield_label,#field_2_5 .gfield_label{display:none;} .voorwaarden .ginput_container .gform-field-label {display:block!important;} #field_2_5 .ginput_container{ display: flex; margin-top: 15px } #field_2_5 .ginput_container .gform-field-label {top: 7px;position:relative;left: 5px} #gfield_consent_description_2_5 { font-size: 15px; font-style: italic; } /* VERBERGEN VELDEN Honeypot */ #field_4_49,#field_2_6,#field_5_49,#field_1_8 {display:none;} /* recent-events */ .page-id-1809 .content_block h4 {font-size: clamp(2.5rem, 0.4412rem + 9.4118vw, 7.5rem);} .recent-events {width: 100%; font-size: 18px;} .recent-events thead tr {text-align: left;} .recent-events thead tr th {color:#2B4549;} .recent-events thead tr th:nth-child(2) a {color:#2B4549;font-weight:normal;margin-left:10px;} .recent-events thead tr th:nth-child(2) a span {font-size:12px; vertical-align: middle;} .recent-events tr td {padding: 20px 0;} .recent-events :not(thead) tr {border-bottom: 1px solid #ddd;} .recent-events tbody tr td:first-child {font-weight: bold;} .recent-events tbody tr td:nth-child(2) {color: #009EE0;font-weight:light;} .recent-events-pagination {display: flex; justify-content: center; margin-top: 20px;} .recent-events-pagination .prev, .recent-events-pagination .next {display: none;} .recent-events-pagination .page-numbers {margin: 0 5px; padding: 5px 13px; border: 1px solid #C88900; border-radius: 5px; text-decoration: none; color: #333; font-size: 16px;} .recent-events-pagination .page-numbers.current { background-color: #C88900; color: #fff;} .recent-events .btn-view-event { color: #000; font-size: 17px; float: right;} .recent-events .btn-view-event:after { content: ''; width: 40px; aspect-ratio: 119/75; background-color: black; display: inline-block;background-size: cover; vertical-align: middle; margin-left:10px; border-radius: 5px; background-image: url(https://zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit8.png); background-color:#f8ced6; outline: #f8ced6 solid 3px; outline-offset:-2px;} /* single-event-archive */ .single-event-archive .wp-block-cover__inner-container > div:not(:last-child) {margin-bottom: 60px;} .single-event-archive .swiper-pagination {display: flex; justify-content: space-between; gap: 5px; height: 40px; justify-content: center; align-items: center;width:calc(100% - 60px) !important;left:30px !important;bottom: 20px !important;} .single-event-archive .swiper-pagination span.swiper-pagination-bullet {width: inherit;border-radius: 0px;background:lightgray;opacity:0.6;height: 6px;} .single-event-archive .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {background:white;opacity:0.8;} .single-event-archive .swiper-slide a {display: block;height:100%;width:100%;aspect-ratio: 1/1;} .single-event-archive .swiper-slide a img {object-fit:cover;object-position: center;width:100%;height:100%;} .single-event-archive .embed-container iframe {border-radius:25px;width: 100%; height: auto; aspect-ratio: 16/9;} .single-event-archive__img img { width: 100%; height: auto; border-radius: 25px;} .single-event-archive .swiper-button-next, .single-event-archive .swiper-button-prev {display:none;} .single-event-archive__document img {border-radius: 25px;} .single-event-archive__document .button {position:relative; transform: translateX(-80px) translateY(25px);float:right;background:var(--primary-color);padding: 5px 33px 5px 33px;} .single-event-archive__document .button:after {content:'';position:absolute;right:40px;bottom:0;width:20px;height:20px;transform:rotate(45deg) translateX(50%);background:#009ee0;z-index: -1;} .single-event-archive__video video {aspect-ratio: 16/9; display: block; width: 100%; height: auto;border-radius: 25px;} .single-event-archive__video .button {position:relative; z-index:10; transform: translateX(80px) translateY(25px); background: var(--secondary-color);padding: 5px 33px 5px 33px;} .single-event-archive__video .button:after {content:'';position:absolute;left:40px;bottom:0;width:20px;height:20px;transform:rotate(45deg) translateX(50%);background:#e95c33;z-index: -1;} .single-event-archive .related_events { display: block;} .single-event-archive .fancybox__viewport .fancybox__content img {border-radius: 25px;} .single-event-archive .fancybox__viewport .carousel__button.is-close {background:url(https://zandbewoners.nl/wp-content/uploads/2025/06/close.svg);background-size: contain;background-repeat:no-repeat;background-position:center center;top:20px;right:20px;} .single-event-archive .fancybox__viewport .carousel__button.is-close svg {display: none;} .single-event-archive .fancybox__nav > button.carousel__button {border-radius: 0px;aspect-ratio:119/75;background:url(https://zandbewoners.nl/wp-content/themes/Zandbewoners/images/icons/submit5.png/);background-size:contain;background-repeat: no-repeat;background-position: center center;} .single-event-archive .fancybox__nav > button.carousel__button.is-prev {-webkit-transform: scaleX(-1) translateY(-50%); transform: scaleX(-1) translateY(-50%);} .single-event-archive .fancybox__nav > button > svg {display: none;} .single-event-archive .video-wrapper {position: relative; width: 100%; max-width: 100%;} .single-event-archive .video-wrapper .video-placeholder {position: relative; cursor: pointer; display: inline-block;} .single-event-archive .video-wrapper .video-placeholder img {width: 100%; height: auto; display: block; border-radius: 25px;} .single-event-archive .video-wrapper .play-button {position: absolute; top: 50%; left: calc(50% + 5px); transform: translate(-50%, -50%); color: white; font-size: 60px;} .single-event-archive .video-wrapper .play-button:after {content: ''; position: absolute; top:50%; left:calc(50% - 5px); transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5);padding: 20px; border-radius: 50%;z-index: -1; width: 60px; aspect-ratio: 1/1;} /* .single-event-archive .single-event-archive__video:not(:has(.video-wrapper)) {display: none;} */ @media only screen and (max-width: 767px) { .recent-events, .recent-events tbody, .recent-events thead, .recent-events tr, .recent-events td {display: block;} .recent-events tbody tr td:not(:first-child) {display: inline-block;padding-top:0px;} .recent-events tbody tr td:last-child {float:right;} .recent-events tbody tr td:last-child a {font-size:0px;} .recent-events thead th {float:left;font-size:16px;} .recent-events thead th:nth-child(2) {text-align:right;float:right;} .recent-events tr {padding: 20px 0px;} .recent-events tr td {padding:0px;} .single-event-archive .content_block .wp-block-columns:first-child > div:first-child {margin-bottom:50px;} .single-event-archive .fancybox__viewport .carousel__button.is-close {height: 20px;} } .tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{padding-right:24px;position:relative}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{bottom:0;color:var(--head-sort-arrow-color);position:absolute;right:6px;top:0;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{font-family:sans-serif!important;font-size:12px;line-height:12px;opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}