/*
  Denk eraan dat de kleuren in de editor options en de css hetzelfde moeten zijn.
  Deze kan je vinden in /inc/custom/custom-editor-options.php
*/

/* 
    Variabelen
*/

:root{
  /* Kleuren */
	--colorP:#94C35A;
	--colorPd: #648c34;
	--colorS:#1E5077;	
	--colorSd: #0a2a43;
	--colorWhite:#FFFFFF;
	--colorGrey:#e1e9f1;
	--colorBlack:#333333;

  /* Fonts */
	--mainfont:
  'Lexend Deca', 'sans-serif';
	--headerfont:var(
  --mainfont);

  /* Site opties */
  --siteWidth: 1200px;
  --defaultGap: 30px;
  --halfGap: calc(var(
  --defaultGap)/2);
  --scrollbarWidth: 15px;
  --adminbarHeight: 0;
}

@media ( min-width:768px ) {
  :root body {
    /* Kleuren */
    --defaultGap: 50px;
	--halfGap: calc(var(--defaultGap)/2);
    --adminbarHeight: 32px;
  }
}

@media ( min-width:1140px ) {
  :root body {
    /* Kleuren */
    --defaultGap: 70px;
	--halfGap: calc(var(--defaultGap)/2);
    --adminbarHeight: 32px;
  }
}

textarea { height:10em;}
input, textarea {padding: 10px;}
input[type=range] { filter:grayscale(0.5); }
#rememberme{width: auto;}

.card h4.prijs {font-size: 2em;margin: 0;}
.card h4.prijs + p { margin:0; }

article .entry-content > div.wp-block-media-text,
article .entry-content > .alignfull {margin:0 calc(50% - 50vw);padding: var(--halfGap) calc(50vw - 50%);max-width: unset;flex: 1;margin-bottom: var(--defaultGap);}
.alignfull {margin-left: calc(50% - 50vw + 0.5 * var(--scrollbarWidth))!important;margin-right:calc(50% - 50vw + 0.5 * var(--scrollbarWidth))!important;padding-left: calc(50vw - 50% - 0.5 * var(--scrollbarWidth))!important;padding-right: calc(50vw - 50% - 0.5 * var(--scrollbarWidth))!important;}

html body:not(.wp-admin), .editor-styles {font-family:var(--mainfont);font-weight:100;}
.post-summary__image img {/* max-height: fit-content; */position: absolute;}
body:not(.wp-admin) h1,     body:not(.wp-admin) h2,   body:not(.wp-admin) h3,
.editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3 { font-family:var(--headerfont);font-weight:700;font-size: 1.4rem;color:var(--colorP);display: block;min-height: 1.2em;}
body:not(.wp-admin) h4,     body:not(.wp-admin) h5,   body:not(.wp-admin) h6,
.editor-styles-wrapper h4, .editor-styles-wrapper h5, .editor-styles-wrapper h6 {font-family:var(--mainfont);font-weight:700;color:inherit;font-size: 1.1em;}
.has-grey-background-color { background:var(--colorGrey); }

.site-main .wp-block-cover .wp-block-cover__background {background:linear-gradient(180deg, transparent 15%, var(--colorSd) min(100%, 50vw));opacity: 1!important;}
.site-main .wp-block-cover img { max-height:50vw; }

ul.acf-radio-list li label, ul.acf-checkbox-list li label{display: inline-flex !important;}
ul.acf-checkbox-list li input[type=checkbox], .acf-true-false >label input[type=checkbox]{width:unset;}
.acf-true-false > label > input[type=checkbox]{font-size:13px;}
.acf-form .acf-fields>.acf-field {padding: 0;margin: 0 0 10px;}
.acf-fields.acfe-column-wrapper>.acf-field.acf-field-acfe-column[data-endpoint="1"] {display:none;}
.acf-form .acf-fields.acfe-column-wrapper{column-gap:var(--halfGap);}
.acf-form .acf-fields.acfe-column-wrapper > .acf-field.acf-field-acfe-column[data-columns="6/12"]{width:calc(50% - calc(var(--halfGap)/2));margin: 0;}

.acf-true-false > label{display:inline-flex;}
.acf-true-false > label > span {margin: 3px; font-size:13px}

.acf-tab-group { display:flex; gap:10px; }
.acf-tab-group li { list-style:none; padding:10px 15px; background:var(--colorGrey); border-radius:8px; }

.entry-content ul.acf-checkbox-list {list-style:none;/* font-weight:bold; */}
.entry-content ul.acf-checkbox-list .children {font-weight:normal;padding-left: 20px;margin-bottom: 0;}
.acf-field-tab { display:none; }

.wp-block-columns.cards {gap:var(--halfGap);display:grid; grid-template-columns: 1fr; }
@media (min-width:601px) { .wp-block-columns.cards { grid-template-columns: 1fr 1fr; }}
@media (min-width:1140px) { .wp-block-columns.cards { grid-template-columns: 1fr 1fr 1fr; }}
.wp-block-columns.cards .wp-block-column,
.wp-block-column.card {position: relative;background: #FFF;display: flex;flex-direction: column;gap: 0;padding:var(--halfGap); }

.wp-block-buttons .wp-block-button__link::after{content: '>'; margin-left:8px;}

.cards .wp-block-buttons { margin:var(--halfGap) 0 0; }
.wp-block-columns.cards h2 { flex-grow:0; }
.wp-block-columns.cards ul {margin: 0;flex-grow:1;list-style-type: "\3E\A0";padding-left: 0;list-style-position: inside;}
.wp-block-columns.cards li a { text-decoration:none; }
.wp-block-columns.cards li a:hover { text-decoration:underline; }

.entry-content ul {margin: 0 0 1.4em;flex-grow:1;list-style-type: "\2713\A0";padding-left: 0;list-style-position: inside;}
li a { text-decoration:none; }

.has-grey-custom-background-color {background-size:max(300px, min(40vw, 500px));background-position:calc(100% + 30px) calc(100% + 10vh);background-repeat:no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.06 46.81'%3E%3Cdefs%3E%3Cstyle%3E .wmoc %7B fill: none; stroke: %231e5077; opacity:0.1; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Ccircle class='wmoc' cx='10.16' cy='10.7' r='8.66'/%3E%3Ccircle class='wmoc' cx='29.66' cy='23.4' r='21.9'/%3E%3C/g%3E%3C/svg%3E");}
.site-footer { background-size:max(300px, min(40vw, 500px)); background-position:calc(100% + 30px) calc(100% + min(20vw, 200px)); background-repeat:no-repeat;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.06 46.81'%3E%3Cdefs%3E%3Cstyle%3E .wmoc %7B fill: none; stroke: %231e5077; opacity:0.2; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Ccircle class='wmoc' cx='10.16' cy='10.7' r='8.66'/%3E%3Ccircle class='wmoc' cx='29.66' cy='23.4' r='21.9'/%3E%3C/g%3E%3C/svg%3E"); }

.search-form .search-submit {background: var(--colorGrey);}
.search-form .search-submit:hover { background:var(--colorGrey); }

.nav-menu .menu { gap:2px; }
.nav-menu .nav-primary .menu-item.search button  {background: var(--colorGrey);}
.nav-menu .menu-item.btn.green a {background:var(--colorP);color: var(--colorWhite);}

@keyframes scroll{
0% {transform:translateX(-25%);}
100% {transform:translateX(-75%); }
}

.wp-block-cover .search {display:flex;justify-content:center;align-items:center;height:100%;width:100%;flex-direction: column;padding-top: calc(var(--defaultGap) * 3);padding-bottom: var(--defaultGap);}
.wp-block-cover .search-text {text-align:center;}
.wp-block-cover .search-text h2 {margin-bottom: 5px;color:white;font-size: 1.8rem;}
.wp-block-cover .search-text h2 strong { color:var(--colorP); }
.wp-block-cover .search-text p {margin-bottom: 20px;font-style:italic;color:white;font-size: 1.2rem;}
.wp-block-cover .search-box {background-color:#ffffff;padding:20px;border-radius:7px;box-shadow:0 0 25px 2px rgb(0 0 0 / 20%);}
.wp-block-cover .search-box {display:flex;gap: 20px;flex-wrap: wrap;justify-content: center;}
.wp-block-cover .search-box .search-input {height:53px;border-top-right-radius: 0;border-bottom-right-radius: 0;width: 40%;flex-grow: 1;min-width: 240px;}
.wp-block-cover .search-box .drop-menu {/* max-width: 110px; */height:53px;border-top-left-radius:0;border-bottom-left-radius:0;flex-grow: 1;width: auto;}
.wp-block-cover .search-box .search-btn {color:white;border:none;background-color:var(--colorP);cursor:pointer;padding:13px 26px;border-radius:7px;font-size:1.15em;margin:0;text-decoration:none;cursor: pointer;}
.wp-block-cover .search-box .search-btn:hover {background-color:var(--colorPd);}

.entry-content .gemeentelijst {list-style:none;padding:0;column-width: min(40vw, 200px);}
.entry-content .gemeentelijst > li { page-break-inside:none; break-inside:avoid; margin-bottom:10px; }
.entry-content .gemeentelijst > li ul {padding-left: 14px;list-style-type: "\2022\A0";}
.entry-content .gemeentelijst a { font-weight:bold; text-decoration:none; color:var(--colorSd)}

.site-title {height: auto;width: 180px;}

.site-sidebar { display:none;}

.header-top-bar {background: #e1e9f187;text-decoration: underline;}
.header-top-bar .nav-menu .menu-item a { text-decoration:underline; }

body.dashboard .header-top-bar,
body.dashboard .site-header { display:none; }


.header-top-bar #menu-header-menu-top {justify-content: flex-end;}
.archive .site-main {display: grid;gap: var(--halfGap);}
.archive .site-container {background: var(--colorGrey);padding: var(--defaultGap) 0;}
.archive .facetwp-type-pager {margin:0;padding:var(--halfGap) var(--halfGap) 0;text-align:center;/* width: 100%; */}
.archive .facetwp-facet-paginering {margin:0;padding:0;text-align:center;}

.archive-wrapper.sponsored {/* margin-bottom:var(--halfGap); */}
.archive-wrapper.sponsored article.topbanner{color:#FFF;background:var(--colorS);background-size:cover;background-position: center;position:relative;}
.archive-wrapper.sponsored article.placeholder { padding:var(--halfGap); }
.archive-wrapper.sponsored article.placeholder h2 { margin-bottom:var(--halfGap); }

.facetwp-facet.facetwp-facet-laad_meer.facetwp-type-pager {grid-column-start: 1;grid-column-end: span 2;}

.post-summary p:last-child { margin:0; }
.post-summary .post-summary__content h2 {font-size:1em;margin: 0 0 8px;}
.bedrijfslogo,
.post-summary__image {position:relative;height: 100px;background: #FFF;height: auto;padding-bottom: 100%;width: 200px;max-width: 100%;}
.bedrijfslogo::before,
.post-summary__image::before {content:'';filter: grayscale(1);width: auto;height: auto;position:absolute;background: url('../svg/favicon.svg') 50% 50% no-repeat;opacity: 0.15; left:10px;top:10px;right:10px;bottom:10px; }
article.placeholder .post-summary__image::before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-794f9ad1-1b7d-4618-afe0-1dc15f990353' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76.1 65.22'%3E%3Cg id='uuid-094ad060-9ed6-4e18-a587-0d574f66e636'%3E%3Cpath d='m75.59,18.66c-.35-11.75-11.52-19.92-23.09-17.83-7,1.26-12.16,5.59-13.9,11.41-.17.56-.98.56-1.15,0-1.78-5.84-6.86-10.14-13.82-11.41C12.08-1.27.88,6.86.51,18.61c-.18,5.8,2.26,11.03,6.24,14.6l31.3,31.3,31.3-31.3c3.96-3.55,6.41-8.77,6.24-14.55Z' style='fill:none; stroke:%231d5178; stroke-miterlimit:10;'/%3E%3Cpath d='m66.24,29.91c-.26-8.82-8.65-14.96-17.34-13.39-5.26.95-9.13,4.2-10.43,8.57-.13.42-.73.42-.86,0-1.34-4.39-5.15-7.61-10.38-8.57-8.68-1.58-17.09,4.53-17.37,13.35-.14,4.36,1.7,8.28,4.69,10.96l23.51,23.51,23.51-23.51c2.98-2.67,4.81-6.58,4.69-10.93Z' style='fill:none; stroke:%231d5178; stroke-miterlimit:10;'/%3E%3Cpath d='m20.31,61.84c-1.48,0-2.67-1.2-2.67-2.67v-7.81c0-.67-.55-1.22-1.22-1.22h-7.81c-1.48,0-2.67-1.2-2.67-2.67v-7.35c0-1.47,1.2-2.67,2.67-2.67h7.81c.67,0,1.22-.55,1.22-1.22v-7.81c0-1.47,1.2-2.67,2.67-2.67h7.35c1.48,0,2.67,1.2,2.67,2.67v7.81c0,.67.55,1.22,1.22,1.22h7.81c1.48,0,2.67,1.2,2.67,2.67v7.35c0,1.47-1.2,2.67-2.67,2.67h-7.81c-.67,0-1.22.55-1.22,1.22v7.81c0,1.47-1.2,2.67-2.67,2.67h-7.35Z' style='fill:%2394c359; stroke-width:0px;'/%3E%3Cpath d='m27.66,26.24c1.2,0,2.17.97,2.17,2.17v7.81c0,.95.77,1.72,1.72,1.72h7.81c1.2,0,2.17.97,2.17,2.17v7.35c0,1.2-.97,2.17-2.17,2.17h-7.81c-.95,0-1.72.77-1.72,1.72v7.81c0,1.2-.97,2.17-2.17,2.17h-7.35c-1.2,0-2.17-.97-2.17-2.17v-7.81c0-.95-.77-1.72-1.72-1.72h-7.81c-1.2,0-2.17-.97-2.17-2.17v-7.35c0-1.2.97-2.17,2.17-2.17h7.81c.95,0,1.72-.77,1.72-1.72v-7.81c0-1.2.97-2.17,2.17-2.17h7.35m0-1h-7.35c-1.75,0-3.17,1.42-3.17,3.17v7.81c0,.4-.32.72-.72.72h-7.81c-1.75,0-3.17,1.42-3.17,3.17v7.35c0,1.75,1.42,3.17,3.17,3.17h7.81c.4,0,.72.32.72.72v7.81c0,1.75,1.42,3.17,3.17,3.17h7.35c1.75,0,3.17-1.42,3.17-3.17v-7.81c0-.4.32-.72.72-.72h7.81c1.75,0,3.17-1.42,3.17-3.17v-7.35c0-1.75-1.42-3.17-3.17-3.17h-7.81c-.4,0-.72-.32-.72-.72v-7.81c0-1.75-1.42-3.17-3.17-3.17h0Z' style='fill:%23fff; stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E"); background-size:contain; background-repeat:no-repeat; filter:unset; opacity:1;}

.bedrijfslogo::before { left: var(--halfGap);top: var(--halfGap);right: var(--halfGap);bottom: var(--halfGap); }

.pt-checkout-form {width: calc(100% - 30px);line-height:46px;}

.pt-field-prefill-warning { display:none; }
.pt-form-group.pt-form-group-label { display:inline-block; width:170px; color:var(--colorP); }
.pt-form-group.pt-form-group-total-amount{display: contents;/* width:170px; *//* font-size:0; *//* color: beige; */}
.pt-form-group.pt-form-group-total-amount .pt-first-payment-amount{display: contents;}
.pt-form-group-total-amount{font-size:1rem;color:var(--colorP);/* font-weight:bold; */display:contents;}
.pt-total-amount {font-size:1rem;color:var(--colorP);font-weight:italic;}
.pt-form-group.pt-form-group-field-terms { grid-template-columns: 40px 1fr; }
.pt-form-group input[type="checkbox"], .pt-form-group input[type="radio"] {padding:0;margin:0;transform: scale(0.6);transform-origin: left;/* font-weight: normal; */}
.pt-form-group input[type="checkbox"] label {font-weight:normal;}
.pt-form-group [for="pt-field-checkbox-13"] { margin-bottom: 5px; font-weight: normal; }

@media ( max-width:767px ) {
	.entry-content .gemeentelijst > li ul { display:none; }
	.entry-content .gemeentelijst a { font-weight:normal; text-decoration:none; }
}
.site-footer .footer-menu ul{margin: 0;flex-grow:1;list-style-type: "\3E\A0";padding-left: 0;list-style-position: inside;}
.site-footer .socials-bar{padding-bottom: var(--halfGap);}

/* Zorgzoeker readmore */

.readmore.collapsed * { display:none; }
.readmore.collapsed :first-child,
.readmore.collapsed :nth-child(2),
.readmore.collapsed :nth-child(3){ display:block; }
#read{text-decoration:underline;color:var(--colorS);/* margin-top: calc(-1 * var(--halfGap)); */margin-bottom: 20px;}

/* Media & text readmore */

a.readmore { cursor:pointer; text-decoration:underline; margin-bottom:1em; display:block; }
.wp-block-media-text__content.limited p:nth-of-type(n+4) { display:none; }
.wp-block-media-text__content.limited.expanded p:nth-of-type(n+4) { display:block; }
.wp-block-media-text__content.limited.expanded .readmore { display:none; }

/* logoslider gallery */

article .entry-content > .alignfull.wp-block-gallery {padding: 0;margin-bottom: var(--defaultGap);}

.wp-block-gallery.logoslider,
.wp-block-gallery.logoslider .slick-track {display:flex;gap:var(--defaultGap)!important;justify-content: center;align-items: center!important;flex-wrap: wrap;}
.wp-block-gallery.logoslider .slick-list { margin:0 calc(50% - 50vw); }
.wp-block-gallery.logoslider .wp-block-image { margin:0!important; max-height:150px; max-width:min(200px, calc(33% - var(--defaultGap)))!important;  }
.wp-block-gallery.logoslider .wp-block-image img {margin:0!important;max-height:150px;object-fit:contain;}

/* DASHBOARD */
.header.dashboard {background-color: var(--colorGrey);padding-bottom: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;padding-top: 10px !important;!i;!;}

section.header.dashboard.alignfull .wrap { padding:0
										 }
.header.dashboard ul {display:flex;/* font-size:0.8rem; */list-style:none;flex-wrap: wrap;justify-content: flex-start;margin: 0;gap: 20px;}
.header.dashboard ul li {text-align:center;width: 144px;padding-bottom: 0;}
.header.dashboard ul li a {display:block;text-decoration:none;padding: 1.5rem 1rem;font-weight:bold;}
.header.dashboard ul li a:hover { background:#00000016; }
.header.dashboard ul li a.active { background:#FFF; color:var(--colorT); }
.header.dashboard ul li span { display:block; }
.header.dashboard ul li svg {width: 70px;height: 42px;fill: var(--colorP); }
.header.dashboard ul li a.active svg { fill:var(--colorT); }

/* Zorgzoeker meuk oud */

.wp-block-social-links.is-style-logos-only {display: inline-flex;gap: 20px;height: fit-content;}
.wp-block-social-links .wp-block-social-link { padding:0; }
.bedrijf-main {display: flex;justify-content: space-between;position: relative;align-items: end;gap: var(--halfGap);margin-top: calc(var(--halfGap) *1);flex-wrap: wrap;position: relative;width: 100%;}
.bedrijf-main .logo-holder {width:calc(8rem + var(--defaultGap));position:relative;min-height: 3.5rem;}
.bedrijfslogo, .gemeentelogo {width: 8rem;height: 8rem;background-color: white;position: absolute;border: solid 1px;border-color: var(--colorGrey);border-radius: 3px;padding: var(--halfGap);flex-shrink: 0;bottom: 0;}
.bedrijfslogo > img {width: 100%;margin: 0;height: 100%;object-fit: contain;box-sizing: border-box;background: #FFF;position: relative;}

.site-container .breadcrumbs {gap: 10px;align-items: baseline;flex-grow: 1;flex-wrap: wrap;}
.site-container .breadcrumbs h1 {margin: 0;}

.wp-block-social-links.is-style-logos-only .wp-social-link a { padding: 0.5em; position: relative;}
.wp-block-social-links .wp-block-button__link:not(.has-background) { background-color: var(--colorP); transition:all 0.3s ease; }
.wp-block-social-links .wp-block-button__link:not(.has-background):hover {background-color: var(--colorPd);}
.wp-block-social-links .wp-block-button__link:after {content: '';border: 3px solid var(--secondaryColor);position: absolute;border-radius: 50%;height: 30px;width: 30px;opacity: 1;transition: all 0.5s ease-out;top: 0px;right: 0px;z-index: -1;}
.wp-block-social-links .wp-block-button__link:hover::after{opacity: 1; transform: translate(7px,-10px); z-index: -1;}

article .afbeeldingen {/* margin: 0 calc(50% - 50vw); *//* max-width: unset; */}
article .afbeeldingen ul { padding:0; list-style:none; white-space:nowrap;overflow: hidden;margin: 0 calc(50% - 50vw);}
article .afbeeldingen ul li { display:inline-block;padding: 0;}
article .afbeeldingen ul li img { width:auto;height: 40vh;max-width: 60vw;max-height: 500px;object-fit: cover;}

.acf-map { height:400px;border: 1px solid #CCC;background: var(--colorS);border-radius: 5px;}

.slick-slider { position:relative; }
.slick-slide {border: 5px solid transparent;}
.slick-arrow {position:absolute;z-index:10;top:50%;text-indent: -999em;padding: 20px;transform: translateY(-50%);background: var(--colorS);border: none;cursor: pointer;}
.slick-prev { left:0;border-radius: 0 50% 50% 0;}
.slick-next { right:0;border-radius: 50% 0 0 50%;}

.acf-map {height: 300px;border: 1px solid #CCC;background: var(--colorGrey);border-radius: 5px;}


/*

article.type-wmo_bedrijf .entry-content, article.type-wmo_gemeente .entry-content  {display: grid;gap: var(--defaultGap);}
article.type-wmo_bedrijf .entry-content > .bedrijf-main, article.type-wmo_gemeente .entry-content > .bedrijf-main,
article.type-wmo_bedrijf .entry-content > section, article.type-wmo_gemeente .entry-content > section  {width: 100%;}

article.type-wmo_bedrijf ul, article.type-wmo_gemeente ul { position:relative; }

article.type-wmo_bedrijf .column-left h3, article.type-wmo_gemeente .column-left h3 { margin-top:1em;}

article.type-wmo_bedrijf .column-right {flex:1 0 auto;display: flex;gap: 20px;flex-direction: column;max-width: 300px;}
article.type-wmo_gemeente .column-right {flex:1 0 auto;display: flex;gap: 20px;flex-direction: column;max-width: 500px;}

article.type-wmo_bedrijf, article.type-wmo_gemeente {padding: var(--defaultGap) 0;}
article.type-wmo_bedrijf .wp-block-media-text.align-wide.has-media-on-the-right.is-stacked-on-mobile,
article.type-wmo_gemeente .wp-block-media-text.align-wide.has-media-on-the-right.is-stacked-on-mobile {padding: unset;grid-template-columns: auto;}
article.type-wmo_bedrijf .entry-content, article.type-wmo_gemeente .entry-content, .wp-block-columns  {gap:var(--defaultGap);display: flex;flex-direction: row;flex-wrap: wrap;}

article.type-wmo_bedrijf h2, article.type-wmo_gemeente h2  { margin-bottom:5px; }
article.type-wmo_bedrijf h3, article.type-wmo_gemeente h3  {font-size: 0.9rem;color: var(--colorT);margin: 0 0 15px;}

article.type-wmo_bedrijf .acf-form-submit, article.type-wmo_gemeente .acf-form-submit  {margin: 20px 0 20px;text-align:center;}

*/

article.type-wmo_bedrijf .entry-content,
article.type-wmo_gemeente .entry-content,
article.type-vacatures .entry-content,
.wp-block-columns  {gap: var(--halfGap);display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: var(--halfGap);}

article section { width:100%; }
article.type-wmo_bedrijf .afbeeldingen ul, article.type-wmo_gemeente .afbeeldingen ul  { padding:0; list-style:none; white-space:nowrap;overflow: hidden;margin: 0 calc(50% - 50vw);}
article.type-wmo_bedrijf .afbeeldingen ul li, article.type-wmo_gemeente .afbeeldingen ul li  { display:inline-block;padding: 0;}
article.type-wmo_bedrijf .afbeeldingen ul li img, article.type-wmo_gemeente .afbeeldingen ul li img  {width: 20rem;height: 20rem;max-width: 60vw;max-height: max(300px, min(500px,50vw));object-fit: cover;}

article.type-wmo_gemeente .afbeeldingen ul li { position:relative; }
article.type-wmo_gemeente .afbeeldingen ul li .bedrijfslogo {width: 220px;height: 220px;position: relative;}
article.type-wmo_gemeente .afbeeldingen ul li .bedrijfslogo + h6 { position:absolute; bottom:0; left:20px; right:20px; white-space:wrap; height:2em}

.eigenschappen {border: 1px solid var(--colorGrey);border-radius:5px;padding: 0 15px 15px;margin-bottom: 15px;}
.eigenschappen h3 {color: var(--colorS);border-bottom: 1px solid var(--colorGrey);line-height: 2.5;}
.eigenschappen p:last-child { margin:0; }
.eigenschappen label { float: left; margin-right:10px;color: var(--colorS); font-weight:bold; }
.eigenschappen .content { margin-bottom:1em; }
.eigenschappen .list.times  {padding:0;display:grid;margin: 0;gap: 5px;grid-template-columns: min-content 1fr;}
.eigenschappen .list.times dd { margin:0; }

ul.list {padding:0;display:flex;gap:15px;flex-wrap: wrap;margin: 0 0 var(--halfGap);}
ul.list li {display: inline-block;position: relative;padding: 5px 12px 5px 30px;background: var(--colorGrey);border-radius:20px 2px 2px 20px;white-space: nowrap;}
ul.list li::before{content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017.837%2017.837%22%20style%3D%22enable-background%3Anew%200%200%2017.837%2017.837%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23e84e1b%22%20d%3D%22M16.145%202.571a.7.7%200%200%200-.99%200L6.92%2010.804l-4.241-4.27a.698.698%200%200%200-.989%200L.204%208.019a.703.703%200%200%200%200%20.99l6.217%206.258a.704.704%200%200%200%20.99%200L17.63%205.047a.7.7%200%200%200%200-.994l-1.485-1.482z%22%2F%3E%3C%2Fsvg%3E"); position:absolute; left:10px; width:12px; filter: grayscale(1); }

.acf-form-submit .wp-block-button__link { width:auto;padding: 0 26px;position: relative;background-color: var(--colorP);font-size: 1rem;transition:all 0.3s ease;}
.wp-block-button__link::hover { background:var(--colorPd); }


.entry-content ul.postslist {margin:0 0 var(--halfGap);padding: 0;display: flex;gap: var(--halfGap);flex-wrap: wrap;}
.entry-content ul.postslist li {display: flex;gap: var(--halfGap);border: 1px solid var(--colorGrey);padding:var(--halfGap);width: 100%;}
.entry-content ul.postslist li .post-summary__content { flex-grow:1; }
.entry-content ul.postslist li form {display:flex;flex-wrap: wrap;align-content: space-around;align-items: center;gap: var(--halfGap);}

.wp-block-group.voorzieningen { margin:0; padding:0; }
.wp-block-group.voorzieningen h3 {font-size: 1em;color:inherit;margin:0 0 5px;}
.wp-block-group.voorzieningen .facetwp-facet { margin-bottom:1em;}
.location-results { z-index:10; }

div.facetwp-facet { margin-bottom:var(--halfGap); }

.acf-hidden { display:none; }
.wp-block-cover .logo img { height:auto; max-width:200px; transform:translateY(calc(0.8 * var(--defaultGap))); border:1px solid #333; }
.wp-block-columns .wp-block-group {padding: 14px;border: 1px solid #ABB;border-radius:4px;margin-bottom:1.4em;}

.site-footer a.logo {opacity:1;position: relative;display: block;height: 1em;}
.site-footer .icon-logo {max-height:3em;/* margin-top:-2em; */position: absolute;bottom: -10px;left: 0;}
.site-footer .icon-logo .cls-1 {fill: rgba(255,255,255,0.7);}
.site-footer .icon-logo .cls-3 { fill:var(--colorT); }



@media screen and (min-width: 768px) {
	.pt-form-group {display:grid;grid-template-columns: 170px 1fr;}
	article.type-wmo_bedrijf .entry-content , article.type-wmo_gemeente .entry-content {grid-template-columns: 1fr 300px;}
	.entry-content > div.column-left {width: calc(100% - var(--halfGap) - 300px);}
	.entry-content > div.column-right {width: 300px; }
	
	article.type-wmo_bedrijf .entry-content > section {order:1;}
	
	article.type-wmo_bedrijf .columns > div.right , article.type-wmo_gemeente .columns > div.right{ max-width:400px; }
	.archive .site-main {grid-template-columns: minmax(200px, 300px) 1fr;}
	.archive-description{grid-column: 1/3;}
	.archive .site-container {background: linear-gradient(180deg, var(--colorGrey), transparent); }
	button.facetwp-flyout-open{display:none;}
	.site-sidebar { background:var(--colorWhite); padding:var(--halfGap); display:block;}
}

@media screen and (max-width:1000px){
	article.type-wmo_bedrijf .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media, article.type-wmo_gemeente .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media  {grid-column: 1;    grid-row: 2;} 
	section .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {grid-column: 1; grid-row: 1;}

	.site-footer .widget_block{padding-top: var(--halfGap);}
}
