/*!
Theme Name: rmwrk
Author: Remco de Waal
Description: rmwrk theme
Version: 7.1
Text Domain: rmwrk
Tags: rmwrk style
*/

html, body, section, article, header, div, span, object, figure, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
  {
    margin: 0; 
    padding: 0; 
    border: 0;
  }

*, *:after, *:before 
  {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
  }

:root 
  {
    --gatxs: 0.25em;
    --gats: 1em;
    --gatm: 2em;
    --gatl: 3em;
    --gatxl: 6em;

    --widths: 500px;
    --widthm: 800px;
    --widthl: 1100px;

    --zijpad: clamp(5vw, calc(50vw - ( 0.5 * var(--widthl) ) ), 50vw);

    --rood: #e5231b;
    --oranjed: #e9511d;
    --oranjel: #f0801a;
    --magenta: #d71469;
    --paars: #923189;
    --paarsd: #68316b;
    --blauw: #17365d;
    --greiged: #413a34;
    --greigel: #eae7e2;
  }

.wit
  {
    --achter: #fff;
    --brood: #17365d;
    --link: #e5231b;
    --linkdiap: #fff;
    --hover: #923189;
    --hoverdiap: #fff;
    --focus: green;
    --arrow: var(--link);
    --afwijkend: #e9511d;
    --afwijkenddiap: #fff;
  }

.greiged
  {
    --achter: #413a34;
    --focus: green;
    --arrow: var(--link);
    --afwijkend: #f0801a;
    --afwijkenddiap: #fff;
    --link: #e5231b;
    --linkdiap: #fff;
    --hover: #923189;
    --hoverdiap: #fff;
  }

.greigel
  {
    --achter: #eae7e2;
    --brood: #17365d;
    --link: #e5231b;
    --linkdiap: #fff;
    --hover: #923189;
    --hoverdiap: #fff;
    --focus: green;
    --arrow: var(--link);
    --afwijkend: #e9511d;
    --afwijkenddiap: #fff;
  }

main .greiged, .staart {--brood: #fff;}
.voet {--brood: #ccc;}

@media only screen and (max-width: 949px )
{

  :root 
  {
    --padmain: 4em;
    --logoh: 25px; 
    --logoar: 36.643292;
    --klap: calc( 90vw - 4em );
  }

  body.home > main {--padmain: 5vw;} 
  body > footer {--logoar: 78.98066;}

}

@media only screen and (min-width: 950px )
{

  :root 
  {
    --padmain: 4em;
    --logoh: 25px;
    --logoar: 78.98066;
    --klap: calc( var(--widthl) - 4em );
  }

  body.scrolled > header {--logoar: 36.643292;}

}

:root, body > header, main
  {
    --padboven: calc( var(--navihg) + var(--padmain) );
    --logowidth: 100px;
    --logopadex: 20px; 
    --navihg: calc( 2 * var(--logopadex) + ( ( var(--logoar) / 100 ) * var(--logowidth) ) );
  }

@media only screen and (max-width: 1222px )
{

  :root {--hpadding: 5vw;}

}

@media only screen and (min-width: 1223px )
{

  :root {--hpadding: calc(50vw - ( 0.5 * var(--widthl) ) );}

}


/* ------- #kleuren ------- */

body, .vlak, .sub-menu, .kopzoek, .mpalet header {background-color: var(--achter);}
input, textarea, select, .geenbeeld {background-color: var(--greigel);}

input[type='submit'], input[type='button'], button[type='submit'], .wp-block-button__link, .wp-block-file .wp-block-file__button, .wp-block-search .wp-block-search__button, .wp-block-file > a, #wpadminbar {background-color: var(--link);}

input[type='submit']:hover, input[type='button']:hover, button[type='submit']:hover, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-search .wp-block-search__button:hover, .wp-block-file > a:hover {background-color: var(--hover);}

select {background-image: linear-gradient(45deg, transparent 50%, var(--linkdiap) 50%), linear-gradient(135deg, var(--linkdiap) 50%, transparent 50%), linear-gradient(to right, var(--link), var(--link));}

.ha_contact > div {background-color: rgba(65,58,52,0.65);}

.kleuren > *:nth-child(7n+1) .kleur, .krood {background-color: var(--rood);}
.kleuren > *:nth-child(7n+2) .kleur, .koranjed {background-color: var(--oranjed);}
.kleuren > *:nth-child(7n+3) .kleur, .koranjel {background-color: var(--oranjel);}
.kleuren > *:nth-child(7n+4) .kleur, .kmagenta {background-color: var(--magenta);}
.kleuren > *:nth-child(7n+5) .kleur, .kpaars {background-color: var(--paars);}
.kleuren > *:nth-child(7n+6) .kleur, .kpaarsd {background-color: var(--paarsd);}
.kleuren > *:nth-child(7n+7) .kleur, .kblauw {background-color: var(--blauw);}

.crood {color: var(--rood);}
.coranjed {color: var(--oranjed);}
.coranjel {color: var(--oranjel);}
.cmagenta {color: var(--magenta);}
.cpaars {color: var(--paars);}
.cpaarsd {color: var(--paarsd);}
.cblauw {color: var(--blauw);}

.vlak {color: var(--brood);} 
input, textarea {color: var(--blauw);}
.wpforms-error, div.wpcf7-response-output, span.wpcf7-not-valid-tip {color: red;}

main header .hand {color: var(--paars);}

a, .wissels > *, .filter .fa, select, .wpforms-field ul li label {color: var(--link);}

a:hover, .wissels > *:hover, .filter .fa:hover, .menu li:hover > a, .sub-menu li:hover a, select:hover, .wpforms-field ul li input:hover + label {color: var(--hover);}

.kleuren .kleur, figure.terugslag figcaption {color: #fff;}

.mpalet a header, .mpalet a:hover header, .wpforms-field ul li input:checked + label {color: var(--brood);}

.filter details[open] .fa, .filter a.actief, .current-menu-item > a, .current-menu-parent > a, .current_menu_parent > a, .current-page-parent > a, .current_page_parent > a, .current-page-item > a, .current-menu-ancestor > a, .current-page-ancestor > a, .current-post-ancestor > a, .current-cat > a, .menu-item-type-custom:hover > a {color: var(--brood);}

input[type='submit'], input[type='button'], button[type='submit'], .wp-block-button__link, .wp-block-file > a, .wp-block-file .wp-block-file__button, .wp-block-search .wp-block-search__button, .wp-block-pullquote, #wpadminbar {color: var(--linkdiap);}

a:hover .intro {color: var(--brood);}

input[type='submit']:hover, input[type='button']:hover, button[type='submit']:hover, .wp-block-file:hover > a, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-search .wp-block-search__button:hover {color: var(--hoverdiap);}

select:hover {background-image: linear-gradient(45deg, transparent 50%, var(--hoverdiap) 50%), linear-gradient(135deg, var(--hoverdiap) 50%, transparent 50%), linear-gradient(to right, var(--hover), var(--hover));}

.wpforms-field > ul > li:before {color: var(--achter);}
.wp-block-verse {color: var(--afwijkenddiap);}

.kader {border-color: var(--paars);}
select {border-color: var(--link);}
select:hover {border-color: var(--hover);}

textarea, input[type='text'] {caret-color: var(--link);}

.naarboven .fa-stack-2x {color: var(--link);}
.naarboven:hover .fa-stack-2x {color: var(--hover);}
.naarboven .fa-stack-1x {color: var(--linkdiap);}
.naarboven:hover .fa-stack-1x {color: var(--hoverdiap);}

.naarboven .fa-stack-2x {text-shadow: 0 0 10px rgba(23,54,93,0.25);}
.naarboven:hover .fa-stack-2x {text-shadow: 0 0 10px rgba(23,54,93,1);}

select {box-shadow: 0 1px 0 1px rgba(23,54,93,0.04);}
.filter details, .pagination > div {box-shadow: 0 0 10px 0 rgba(23,54,93,0.25);}

.verlicht > *:hover {filter: brightness(110%);}

@media only screen and (max-width: 699px)
{ 

  .wisselmenu .kopsm {background-color: var(--afwijkend);}

}

@media only screen and (max-width: 1222px) 
{

  body:not(.wisselzoek):not(.wisselmenu) > header {box-shadow: 0 0 10px 0 rgba(23,54,93,0.25);}

}

@media only screen and (min-width: 1223px) 
{

  body > header {box-shadow: 0 0 10px 0 rgba(23,54,93,0);}
  body.scrolled > header {box-shadow: 0 0 10px 0 rgba(23,54,93,0.25);}

  .sub-menu {box-shadow: 0px 15px 30px -15px rgba(23,54,93,0);}
  .kopmenu .menu > li.open > .sub-menu {box-shadow: 0px 15px 30px -15px rgba(23,54,93,0.25);}

} 


/* ------- #transitions #animations ------- */

a, .naarboven .fa-stack-1x, input + label > span {transition: color 0.5s;}

body > header {transition: box-shadow 0.5s ease-in-out;}
body:not(.wisselzoek) > header .logo a {transition: aspect-ratio 0.5s linear;}

.kopsm, .wissels {transition: height 0.5s linear;}
body > header .menu > li > a {transition: line-height 0.5s linear;}

.menu-item-has-children .sub-menu {transition: max-height 1s, opacity 1s;}
.menu .sub-menu a {transition: opacity 1s;}

.of-cv.imgscale:hover img {transition: transform 2s ease-in-out;}
.verlicht > * {transition: filter 0.5s ease-in-out;}

.filter details, .pagination > div {transition: padding 0.5s ease-in-out;}

input[type='submit'], input[type='button'], button[type='submit'], .wp-block-button__link, .wp-block-file .wp-block-file__button {transition: color 0.5s, background-color 0.5s;}
input + label > div {transition: border-color 0.5s;}

select {transition: background-image 2.5s;}
video {transition: margin 0.5s;}

details .fa {transition: content 15s;}


/* ------- #typografie ------- */

body, h1, h2, h3, h4, h5, h6, input, button, textarea, select, .menuwissel:after {font-family: 'Roboto', sans-serif; font-style: normal;}
.hand {font-family: 'Nanum Pen Script', cursive; font-style: normal;}

body, input, button, textarea {line-height: 1.75;}
input[type='submit'], input[type='button'], button[type='submit'], .wp-block-search__inside-wrapper button {line-height: 1;}
select {line-height: 1.1;}

h1, h2, h3, h4, h5, h6, input, button, textarea, select {margin: 0;}
.i, i:not(.fa), em, .meer, figure:not(.terugslag) figcaption {font-style: italic;}

h1, h2, h3, h4, h5, h6
  {
    line-height: 1.35;
    padding: 0;
    clear: both;    
  }

body, .menuwissel:after, header.fw400 > h1, header.fw400 > h3, h4, h5, h6, input, button, textarea, select {font-weight: 400;}
.kopmenu .menu > li > a, header:not(.fw400) > h1, h2, header:not(.fw400) > h3, .b, b, strong, th {font-weight: 700;}

@media screen and (max-width: 399px) { html {font-size: 13px;} }
@media screen and (min-width: 400px) and (max-width: 999px) { html {font-size: calc(13px + 5 * ((100vw - 399px) / 600));} }
@media screen and (min-width: 1000px) { html {font-size: 18px;} }

h1 {font-size: 2.1em;}
h1 .fa-edit:before {font-size: 0.5em; vertical-align: 0.13em;}

h2, table caption {font-size: 1.85em;}
.lijst > h2, .blokken h2 {font-size: 1.25em;}
.voet h2 {font-size: 1.5em;}
.pagination h2 {display: none;}

h3 {font-size: 1.1em;}
.mpalet h3 {font-size: 0.95em;}

h4 {font-size: 0.85em;}
h5 {font-size: 1.15em;}
h6 {font-size: 0.95em;}

ol > li:before, blockquote cite, .delen, .widget, code, body > footer .fa, input, textarea, .wpforms-field-number-slider > .wpforms-field-number-slider-hint, .wpforms-error, div.wpcf7-response-output, span.wpcf7-not-valid-tip, .wpforms-field-description, .wpforms-field-limit-text, body > footer {font-size: 0.8em;}
.intro, .filter, ul > li:before, .mpalet footer, body.home main form label, input[type='submit'], input[type='button'], button[type='submit'], .wp-block-button__link, figcaption, .wpforms-field-row-block > label {font-size: 0.9em;}
select {font-size: 1.25rem;}
header .hand {font-size: 1.6em; margin-top: -0.225em;}

blockquote > p:first-of-type:before, blockquote > p:last-of-type:after {font-size: 0.65em;}
blockquote {font-size: 1.3em;}

h1::first-letter, h2::first-letter, h3::first-letter {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}

h1, h2, h3, h4, h5, h6, blockquote, .txtbal, .txtbal p {text-wrap: balance;}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 

  select, textarea, input {font-size: 16px !important;} 

}


/* ------- #hoofdindeling ------- */

html, body {max-width: 100vw;}

html 
  {
    scroll-behavior: smooth;
    overflow-y: scroll;
    overflow-y: overlay;
  }

body 
  {
    overflow-x: hidden;
    overscroll-behavior: none;
    scrollbar-gutter: stable both-edges; 
    margin: 0; 
    padding: 0;
  }

main, main > *, body > footer, body > footer > * {position: relative;}
main, main > *:not(.blk) {display: block;}

.br 
  {
    margin-left: auto; 
    margin-right: auto;
    width: 90vw;
  }

.br_s {max-width: var(--widths); --br: 500px;}
.br_m {max-width: var(--widthm); --br: 800px;}
.br_l {max-width: var(--widthl); --br: 1200px;}

body:not(.home) main {padding-top: var(--padboven); padding-bottom: 6em;}
main [id], .myanchor {scroll-margin-top: var(--padboven);}
.terugslag {margin-top: calc( -1 * var(--padmain) );}
body > footer {padding: 3em var(--zijpad) 7em var(--zijpad);}

@media only screen and (max-width: 949px)
{

  body > figure {display: none;}
  body.home main {padding-top: var(--padboven);}

}

@media only screen and (min-width: 950px) 
{

  body > figure {margin-top: var(--navihg);}
  body > figure > div {width: 980px; max-width: calc( 0.7 * var(--widthl) );}

  .home main {margin-top: calc( -7em - var(--gatxl) );}
  .homeblok {max-width: 70%;}

}


/* ------- #wikkelwerk: blokken balken ------- */

.blk, .menu, .wpforms-entry-preview, .gallery
  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

.blk > a:not(.blk) {display: block;} 

.balk {flex-wrap: nowrap;}
.blok, .wpforms-entry-preview, .gallery {flex-wrap: wrap;}

.blok, .balk.brr, .wpforms-entry-preview, .gallery {flex-direction: row;}
.bcc {flex-direction: column;}

.balk.brr.vrekken, .balk.bcc.hrekken {align-items: stretch;}
.balk.brr.boven, .balk.bcc.links {align-items: flex-start;}
.balk.brr.beneden, .balk.bcc.rechts {align-items: flex-end;}
.balk.brr.vmidden, .balk.bcc.hmidden {align-items: center;}

.brr.links, .bcc.boven {justify-content: flex-start;}
.brr.rechts, .bcc.beneden {justify-content: flex-end;}
.brr.hmidden, .bcc.vmidden {justify-content: center;}

.balk.uitvul, .blok.brr.huitvul, .blok.bcc.vuitvul, .blok.uitvul {justify-content: space-between;}
.blok.brr.vuitvul, .blok.bcc.huitvul, .blok.uitvul {align-content: space-between;}

.blok.brr.boven, .blok.bcc.links {align-content: flex-start;}
.blok.brr.beneden, .blok.bcc.rechts {align-content: flex-end;}
.blok.brr.vmidden, .blok.bcc.hmidden {align-content: center;}
.blok.brr.vrekken, .blok.bcc.hrekken {align-content: stretch;}

.bcc.c_breed > * {width: 100%;}

.gat_x {gap: 0;}
.gat_xs {gap: var(--gatxs);}
.gat_s {gap: var(--gats);}
.gat_m {gap: var(--gatm);}
.gat_l {gap: var(--gatl);}
.gat_xl {gap: var(--gatxl);}

.luiken.gat_xs {--gat: var(--gatxs);}
.luiken.gat_s {--gat: var(--gats);}
.luiken.gat_m {--gat: var(--gatm);}
.luiken.gat_l {--gat: var(--gatl);}
.luiken.gat_xl {--gat: var(--gatxl);}

.brr.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
.brr.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

@media only screen and and (max-width: 299px)
{

  .phome > * {--items: 2;}

}

@media only screen and (max-width: 399px) 
{ 

  .brc_400 {flex-direction: row;}
  .bcr_400 {flex-direction: column;}

  .brc_400.r_vrekken, .bcr_400.c_hrekken {align-items: stretch;}
  .brc_400.r_boven, .bcr_400.c_links {align-items: flex-start;}
  .brc_400.r_beneden, .bcr_400.c_rechts {align-items: flex-end;}
  .brc_400.r_vmidden, .bcr_400.c_hmidden {align-items: center;}
  .brc_400.r_links, .bcr_400.c_boven {justify-content: flex-start;}
  .brc_400.r_rechts, .bcr_400.c_beneden {justify-content: flex-end;}
  .brc_400.r_hmidden, .bcr_400.c_vmidden {justify-content: center;}
  .brc_400.r_uitvul, .bcr_400.c_uitvul {justify-content: space-between;}

  .lk2 > *, .lk3 > *, .lk4 > * {--items: 1;}
  .lk5 > * {--items: 2;}
  .lk6 > * {--items: 3;}
  .lk7 > * {--items: 4;}

  .bcr_400.c_breed > * {width: 100%;}
  .brc_400.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .brc_400.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

}

@media only screen and (min-width: 400px) 
{ 

  .brc_400 {flex-direction: column;}
  .bcr_400 {flex-direction: row;}
  .omenom > *:nth-child(odd) {flex-direction: row-reverse;}

  .bcr_400.r_vrekken, .brc_400.c_hrekken {align-items: stretch;}
  .bcr_400.r_boven, .brc_400.c_links {align-items: flex-start;}
  .bcr_400.r_beneden, .brc_400.c_rechts {align-items: flex-end;}
  .bcr_400.r_vmidden, .brc_400.c_hmidden {align-items: center;}
  .bcr_400.r_links, .brc_400.c_boven {justify-content: flex-start;}
  .bcr_400.r_rechts, .brc_400.c_beneden {justify-content: flex-end;}
  .bcr_400.r_hmidden, .brc_400.c_vmidden {justify-content: center;}
  .bcr_400.r_uitvul, .brc_400.c_uitvul {justify-content: space-between;}

  .brc_400.c_breed > * {width: 100%;}
  .bcr_400.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .bcr_400.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

}

@media only screen and (min-width: 300px) and (max-width: 549px)
{

  .phome > * {--items: 3;}

}

@media only screen and (min-width: 400px) and (max-width: 649px)
{

  .gallery > * {width: 100%;}

  .lk2 > *, .lk3 > * {--items: 1;}
  .lk4 > * {--items: 2;}
  .lk5 > * {--items: 3;}
  .lk6 > * {--items: 4;}
  .lk7 > * {--items: 5;}

}

@media only screen and (max-width: 499px) 
{

  .plk2 > *, .plk3 > * {--items: 1;}

}

@media only screen and (min-width: 500px)
{

  .plk2 > * {--items: 2;}

}

@media only screen and (min-width: 500px) and (max-width: 899px)
{

  .plk3 > * {--items: 2;}

}

@media only screen and (min-width: 550px) and (max-width: 724px)
{

  .phome > * {--items: 4;}

}

@media only screen and (max-width: 649px) 
{ 

  .brc_650 {flex-direction: row;}
  .bcr_650 {flex-direction: column;}

  .brc_650.r_vrekken, .bcr_650.c_hrekken {align-items: stretch;}
  .brc_650.r_boven, .bcr_650.c_links {align-items: flex-start;}
  .brc_650.r_beneden, .bcr_650.c_rechts {align-items: flex-end;}
  .brc_650.r_vmidden, .bcr_650.c_hmidden {align-items: center;}
  .brc_650.r_links, .bcr_650.c_boven {justify-content: flex-start;}
  .brc_650.r_rechts, .bcr_650.c_beneden {justify-content: flex-end;}
  .brc_650.r_hmidden, .bcr_650.c_vmidden {justify-content: center;}
  .brc_650.r_uitvul, .bcr_650.c_uitvul {justify-content: space-between;}

  .bcr_650.c_breed > * {width: 100%;}
  .brc_400.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .brc_400.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

}

@media only screen and (min-width: 650px)
{

  .brc_650 {flex-direction: column;}
  .bcr_650 {flex-direction: row;}

  .bcr_650.r_vrekken, .brc_650.c_hrekken {align-items: stretch;}
  .bcr_650.r_boven, .brc_650.c_links {align-items: flex-start;}
  .bcr_650.r_beneden, .brc_650.c_rechts {align-items: flex-end;}
  .bcr_650.r_vmidden, .brc_650.c_hmidden {align-items: center;}
  .bcr_650.r_links, .brc_650.c_boven {justify-content: flex-start;}
  .bcr_650.r_rechts, .brc_650.c_beneden {justify-content: flex-end;}
  .bcr_650.r_hmidden, .brc_650.c_vmidden {justify-content: center;}
  .bcr_650.r_uitvul, .brc_650.c_uitvul {justify-content: space-between;}

  .brc_650.c_breed > * {width: 100%;}
  .bcr_650.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .bcr_650.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

} 

@media only screen and (min-width: 650px) and (max-width: 899px)
{

  .gallery > * {width: 100%;}

  .lk2 > * {--items: 1;}
  .lk3 > * {--items: 2;}
  .lk4 > * {--items: 3;}
  .lk5 > * {--items: 4;}
  .lk6 > * {--items: 5;}
  .lk7 > * {--items: 6;}

}

@media only screen and (min-width: 725px) and (max-width: 899px)
{

  .phome > * {--items: 5;}

}

@media only screen and (max-width: 899px) 
{ 

  .brc_900 {flex-direction: row;}
  .bcr_900 {flex-direction: column;}

  .brc_900.r_vrekken, .bcr_900.c_hrekken {align-items: stretch;}
  .brc_900.r_boven, .bcr_900.c_links {align-items: flex-start;}
  .brc_900.r_beneden, .bcr_900.c_rechts {align-items: flex-end;}
  .brc_900.r_vmidden, .bcr_900.c_hmidden {align-items: center;}
  .brc_900.r_links, .bcr_900.c_boven {justify-content: flex-start;}
  .brc_900.r_rechts, .bcr_900.c_beneden {justify-content: flex-end;}
  .brc_900.r_hmidden, .bcr_900.c_vmidden {justify-content: center;}
  .brc_900.r_uitvul, .bcr_900.c_uitvul {justify-content: space-between;}

  .bcr_900.c_breed > *, .wpforms-entry-preview > * {width: 100%;}
  .brc_900.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .brc_900.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

}

@media only screen and (min-width: 900px)
{

  .brc_900 {flex-direction: column;}
  .bcr_900 {flex-direction: row;}

  .bcr_900.r_vrekken, .brc_900.c_hrekken {align-items: stretch;}
  .bcr_900.r_boven, .brc_900.c_links {align-items: flex-start;}
  .bcr_900.r_beneden, .brc_900.c_rechts {align-items: flex-end;}
  .bcr_900.r_vmidden, .brc_900.c_hmidden {align-items: center;}
  .bcr_900.r_links, .brc_900.c_boven {justify-content: flex-start;}
  .bcr_900.r_rechts, .brc_900.c_beneden {justify-content: flex-end;}
  .bcr_900.r_hmidden, .brc_900.c_vmidden {justify-content: center;}
  .bcr_900.r_uitvul, .brc_900.c_uitvul {justify-content: space-between;}

  .lk2 > * {--items: 2;}
  .lk3 > *, .plk3 > * {--items: 3;}
  .lk4 > * {--items: 4;}
  .lk5 > * {--items: 5;}
  .lk6 > * {--items: 6;}
  .lk7 > * {--items: 7;}

  .brc_900.c_breed > *, .gallery > * {width: 100%;}
  .bcr_900.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .bcr_900.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

  .kolommen {column-count: 2; column-gap: var(--gatl);}

}

@media only screen and (min-width: 900px) and (max-width: 1199px)
{

  .phome > * {--items: 4;}

}

@media only screen and (min-width: 1200px)
{

  .phome > * {--items: 5;}

}

.luiken > *:not(.luik2):not(.luik3):not(.luik4):not(.pagination) {width: var(--width); max-width: 100%;}
.luiken > .pagination {width: 100%;}

.luiken:not(.gat_x) > .luik2 {width: calc((2 * var(--width)) + var(--gat));}
.luiken:not(.gat_x) > .luik3 {width: calc((3 * var(--width)) + (2 * var(--gat)));}
.luiken:not(.gat_x) > .luik4 {width: calc((4 * var(--width)) + (3 * var(--gat)));}

.luiken.gat_x > .luik2 {width: calc(2 * var(--width));}
.luiken.gat_x > .luik3 {width: calc(3 * var(--width));}
.luiken.gat_x > .luik4 {width: calc(4 * var(--width));}

.trefwoordenwolk, .wp-block-tag-cloud 
  {
    line-height: 1; 
    align-items: baseline;
    gap: var(--gats);
  }

.trefwoordenwolk a, .wp-block-tag-cloud a {display: block; margin: 0;}


/* ------- #marges #binnenmarges #buitenmarges #padding #margin ------- */

@media only screen and (max-width: 599px)
{

  .mt_xl .wp-block-columns > *:nth-child(n+2) {margin-top: 90px;}
  .mt_l .wp-block-columns > *:nth-child(n+2) {margin-top: 70px;}
  .mt_m .wp-block-columns > *:nth-child(n+2) {margin-top: 35px;}
  .mt_s .wp-block-columns > *:nth-child(n+2) {margin-top: 15px;}
  .mt_xs .wp-block-columns > *:nth-child(n+2) {margin-top: 10px;}

}

@media only screen and (max-width: 1222px)
{

  .mt_xl > *, .mt_xl .wp-block-media-text__content > *, .mt_xl .wp-block-column > *, .mt_xl .wp-block-group__inner-container > * {margin-top: 90px;}
  .mt_l > *, .mt_l .wp-block-media-text__content > *, .mt_l .wp-block-column > *, .mt_l .wp-block-group__inner-container > * {margin-top: 70px;}
  .mt_m > *, .mt_m .wp-block-media-text__content > *, .mt_m .wp-block-column > *, .mt_m .wp-block-group__inner-container > * {margin-top: 35px;}
  .mt_s > *, .mt_s .wp-block-media-text__content > *, .mt_s .wp-block-column > *, .mt_s .wp-block-group__inner-container > * {margin-top: 15px;}
  .mt_xs > *, .mt_xs .wp-block-media-text__content > *, .mt_xs .wp-block-column > *, .mt_xs .wp-block-group__inner-container > * {margin-top: 10px;}

  .widget > *:nth-child(n+2), .textwidget > *:nth-child(n+2), form:not(.wpforms-form) > div:nth-child(n+2), .wpforms-field-container > *:nth-child(n+2), blockquote > *:nth-child(n+2) {margin-top: 15px;}

}

@media only screen and (min-width: 1223px)
{

  .mt_xl > *, .mt_xl .wp-block-media-text__content > *, .mt_xl .wp-block-column > *, .mt_xl .wp-block-group__inner-container > * {margin-top: 90px;}
  .mt_l > *, .mt_l .wp-block-media-text__content > *, .mt_l .wp-block-column > *, .mt_l .wp-block-group__inner-container > * {margin-top: 70px;}
  .mt_m > *, .mt_m .wp-block-media-text__content > *, .mt_m .wp-block-column > *, .mt_m .wp-block-group__inner-container > * {margin-top: 35px;}
  .mt_s > *, .mt_s .wp-block-media-text__content > *, .mt_s .wp-block-column > *, .mt_s .wp-block-group__inner-container > * {margin-top: 15px;}
  .mt_xs > *, .mt_xs .wp-block-media-text__content > *, .mt_xs .wp-block-column > *, .mt_xs .wp-block-group__inner-container > * {margin-top: 10px;}

  .widget > *:nth-child(n+2), .textwidget > *:nth-child(n+2), form:not(.wpforms-form) > div:nth-child(n+2), .wpforms-field-container > *:nth-child(n+2), blockquote > *:nth-child(n+2) {margin-top: 15px;}

}

.mt > h2, .mt > h3, .mt > h4, .mt > h5, .mt > h6 {margin-top: 1.3em;}
.mt > h2 + *, .mt > h3 + *, .mt > h4 + *, .mt > h5 + *, .mt > h6 + * {margin-top: 0.9em;}
.mt > *:first-child, .wp-block-media-text__content > *:first-child, .wp-block-column > *:first-child {margin-top: 0;}
.wp-block-media-text__content > h2, .wp-block-media-text__content > h3, .mt > ul, .mt > ol {margin-top: 1.1em;}
.mt > .navigation {margin-top: 0;}
.mt > .wp-block-embed {margin-top: 2em; margin-bottom: 2.2em;}
.mt > .delen {margin-top: 5em;}

.binnen_s, .binnen-nz_s, .binnen-n_s {padding-top: 0.75em;}
.binnen_m, .binnen-nz_m, .binnen-n_m {padding-top: 1.75em;}
.binnen_l, .binnen-nz_l, .binnen-n_l {padding-top: 2.75em;}

.binnen_s, .binnen-nz_s, .binnen-z_s {padding-bottom: 0.75em;}
.binnen_m, .binnen-nz_m, .binnen-z_m {padding-bottom: 1.75em;}
.binnen_l, .binnen-nz_l, .binnen-z_l {padding-bottom: 2.75em;}

.binnen_s, .binnen-wo_s, .binnen-w_s {padding-left: 0.75em;}
.binnen_m, .binnen-wo_m, .binnen-w_m {padding-left: 1.75em;}
.binnen_l, .binnen-wo_l, .binnen-w_l {padding-left: 2.75em;}

.binnen_s, .binnen-wo_s, .binnen-o_s {padding-right: 0.75em;}
.binnen_m, .binnen-wo_m, .binnen-o_m {padding-right: 1.75em;}
.binnen_l, .binnen-wo_l, .binnen-o_l {padding-right: 2.75em;}


/* ------- #iconen #knoppen ------- */

a, :any-link {text-decoration: none;}

.conta a, a .conta
  {
    border-style: dotted;
    border-width: 0 0 2px 0; 
    padding: 0 0 0.2em 0;
  }

.conta a:hover, a:hover .conta {border-style: solid;}

.fa
  {
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    display: inline-block; 
    font-style: normal; 
    font-variant: normal; 
    text-rendering: auto; 
    line-height: 1;
  }

.fa, body > footer .balk > .fa {line-height: inherit;}

.fa-stack 
  {
    display: inline-block; 
    height: 2em; 
    line-height: 2em; 
    position: relative; 
    vertical-align: middle; 
    width: 2em;
  }

.fa-stack > * 
  {
     left: 0; 
     position: absolute; 
     text-align: center; 
     width: 100%;
  }

.fa-stack-1x {line-height: inherit;}
.fa-stack-2x {font-size: 2em;}
.fa-inverse {color: #fff;}

.fa-fw {width: 1.75em; text-align: left;}
.br_header .fa-fw {text-align: right;}

.fa-angle-down:before {content: '\f107';}
.fa-angle-left:before {content: '\f104';}
.fa-angle-right:before, .meer i:before {content: '\f105';}
.fa-angle-up:before {content: '\f106';}

.fa-square:before {content: '\f0c8';}
.fa-circle:before {content: '\f111';}

.fa-search:before {content: '\f002';}
.fa-edit:before {content: '\f044';}
.fa-copyright:before {content: '\f1f9'; line-height: 2.2;}

.fa-instagram:before {content: '\f16d';}
.fa-twitter:before {content: '\e61b';}
.fa-facebook:before {content: '\f39e';}
.fa-linkedin:before {content: '\f0e1';}
.fa-youtube:before {content: '\f167';}
.fa-flickr:before {content: '\f16e';}
.fa-behance:before {content: '\f1b4';}
.fa-pinterest:before {content: '\f231';}
.fa-vimeo:before {content: '\f27d';}

.fa-whatsapp:before {content: '\f232';}
.fa-mail:before {content: '\f0e0';}

blockquote > p:first-of-type:before {content: '\f10d';}
blockquote > p:last-of-type:after {content: '\f10e';}

.fa-ban:before, .ul-ban > li:before {content: '\f05e';}
.fa-bone:before, .ul-bone > li:before {content: '\f5d7';}

.wp-block-file > a:before {content: '\f07b'; margin: 0 1em 0 0;}

@font-face 
  {
    font-family: 'FAB'; 
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('letters/fa-brands-400.woff2') format('woff2'), url('letters/fa-brands-400.ttf') format('truetype');
  }

.fab {font-family: 'FAB';}

@font-face 
  {
    font-family: 'FAR'; 
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('letters/fa-regular-400.woff2') format('woff2'), url('letters/fa-regular-400.ttf') format('truetype');
  }

.far, .wp-block-file > a:before {font-family: 'FAR';}

@font-face 
  {
    font-family: 'FAS'; 
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('letters/fa-solid-900.woff2') format('woff2'), url('letters/fa-solid-900.ttf') format('truetype');
  }

.fas, blockquote > p:first-of-type:before, blockquote > p:last-of-type:after, .wissels > *:before, .menu-item-has-children > a:after {font-family: 'FAS'; font-weight: 900;}

.naarboven
  {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 80;
    opacity: 0;
  }

body.scrolled .naarboven {opacity: 1;}

.wp-block-button__link, .mpalet header {border-radius: 0.4em; padding: 4px 10px;}

@media only screen and (min-width: 800px) 
{

  .fa-whatsapp, .blk > a.fa-whatsapp {display: none;}

}


/* ------- #header #navigatie #footer ------- */

.bord, .sub-menu {overflow: hidden;}
.logo a, .menu a, .trefwoordenwolk a, .wp-block-tag-cloud a {display: block;}
body.wisselzoek > *:not(header), body.wisselzoek .kopmenu, .zoekform header {display: none;}
.kopsm, .wissels {height: var(--navihg);}
body > header, .kopzoek {width: 100vw;}

body > header 
  {
    position: fixed; 
    left: 0;
    z-index: 90;
  }

body > header .logo {order: 10;}
.kopsm, .wissels {order: 30;}
.bord {order: 90;}

body > header .logo 
  {
    padding: var(--logopadex) 0; 
    margin: 0 0 0 var(--zijpad);
    width: var(--logowidth);
  }

body > footer .logo {width: calc( 0.69230769 * var(--logowidth) );}

.logo a {aspect-ratio: 100 / var(--logoar); }

.wissels > * {text-align: right;}
.wissels > *:before {display: inline-block; min-width: 20px;}

.zoekwissel:before {content: '\f002';}
.menuwissel:before {content: '\f0c9';}
.wisselzoek .zoekwissel:before, .wisselmenu .menuwissel:before {content: '\f00d';}

.kopzoek {height: 0;}
.wisselzoek .kopzoek {height: calc( 100vh - var(--navihg) ); padding: calc( var(--padboven) - var(--navihg) ) var(--zijpad);}
.kopzoek > * {width: 100%;}

.kopmenu .menu, .trefwoordenwolk, .wp-block-tag-cloud {gap: var(--gats);}
.sub-menu {width: 95%; max-height: 0;}

.sub-menu > li a {padding: 5px 15px;}
.sub-menu > li:first-child a {padding-top: 12px;}
.sub-menu > li:last-child a {padding-bottom: 12px;}

.wissels > *, .menu-item-has-children > a {cursor: pointer;}
.menu-item-type-custom:not(.menu-item-has-children) > a {cursor: auto;}

.trefwoordenwolk, .wp-block-tag-cloud {line-height: 1; align-items: baseline;}
.trefwoordenwolk a, .wp-block-tag-cloud a {margin: 0;}

@media only screen and (max-width: 699px)
{ 

  .wisselmenu .kopmenu, .kopsm {padding: calc( 0.5 * var(--zijpad) ) var(--zijpad);}
  .wisselmenu .kopmenu {height: calc( 100vh - ( 2 * var(--navihg) ) ); }

  .kopsm 
  {
    width: 100vw;
    order: 60;
    display: none; 
  }

  .wisselmenu .kopsm {display: flex;}

}

@media only screen and (min-width: 400px) and (max-width: 949px)
{ 

  .menuwissel:after {content: 'Menu'; margin: 0 0 0 5px;}

}

@media only screen and (min-width: 700px) and (max-width: 949px)
{ 

  .wisselmenu .kopmenu {height: calc( 100vh - var(--navihg) ); padding: var(--zijpad);}

}

@media only screen and (max-width: 949px)
{

  body.wisselmenu > *:not(header), body.wisselzoek .kopmenu, body.wisselmenu .kopzoek {display: none;}

  body:not(.wisselzoek):not(.wisselmenu) > header {height: var(--navihg);}
  body.wisselzoek > header, body.wisselmenu > header {height: 100vh;}

  .wissels {min-width: 175px; margin: 0 var(--zijpad) 0 0;}
  body.wisselzoek .wissels > *:not(.zoekwissel), body.wisselmenu .wissels > *:not(.menuwissel) {display: none;}

  .bord {height: 0;}
  .kopmenu {width: 100vw;}
  .kopmenu .menu {flex-direction: column;}

  .menu-item-has-children {position: relative;}

  .menu-item-has-children > a:after 
  {
    content: '\f107'; 
    position: absolute;
    right: 0;
  }

  .sub-menu {margin-left: 5%;}
  .kopmenu .menu > li.open > .sub-menu {max-height: 500px;}

}

@media only screen and (min-width: 950px) 
{

  .wissels {margin: 0 var(--zijpad) 0 0;}
  .menuwissel {display: none;}

  .kopmenu {order: 20;}
  .kopmenu .menu > li > a {line-height: var(--navihg);}

  .kopmenu .sub-menu 
  {
    position: absolute;
    top: calc( 100% - ( ( 0.5 * var(--navihg) ) - 20px ) );
    margin-left: -10px;
    max-width: 250px; 
    opacity: 0;
    z-index: 10;
  }

  .menu-item-has-children.open > .sub-menu, .menu-item-has-children.open > .sub-menu > li a
  {
    overflow: visible; 
    max-height: 500px;
    opacity: 1;
  }

  .sub-menu > li a {opacity: 0;}

}


/* ------- #klappers ------- */

details {position: relative; overflow: hidden;}
details summary {cursor: pointer;}
.bron details summary {max-height: calc( 28px + 1.5em );}
details div {opacity: 0; max-width: 0;}

details[open] div {animation: klap 0.35s linear forwards;}

@keyframes klap 
{
  0% {opacity: 0; max-width: 0;}
  100% {opacity: 1; max-width: var(--klap);}
}

.filter details summary .blk {flex-wrap: nowrap;}
.filter details[open] summary .blk {flex-wrap: wrap;}

.filter details, .pagination > div {border-radius: 0.4em;}
.filter details {padding: 6px 0 6px var(--gats);}
.filter details[open] {padding-right: var(--gats);}
.pagination > div {padding: 4px var(--gats);}

.bron .fa:before {content: '\f030';}
.filter .fa:before {content: '\f0b0';}
.bron details[open] .fa:before, .filter details[open] .fa:before {content: '\f105';}

.nav-links > *:nth-child(n+2) {display: inline-block; margin: 0 0 0 5px;}


/* ------- #opsomming ------- */

ul, ol, summary {list-style-type: none;} 
.lijst ul:not(.wp-block-social-links), ol {margin-left: 2em;}
ol {counter-reset: li;}
.lijst ul:not(.wp-block-social-links) > li {position: relative;}
li {counter-increment: li;}

ol li::before 
  {
    content: "." counter(li); 
    display: inline-block; 
    width: 1em; 
    margin: 0 1em 0 -2em;
    text-align: right; 
    direction: rtl;
  }

.lijst ul:not(.wp-block-social-links) > li:not(.li-far):before
  { 
    position: absolute; 
    text-align: left; 
    width: 1.25em;  
    font-family: 'FAS';
    font-weight: 900;
  }

.lijst ul:not(.wp-block-social-links) > li.li-far:before {font-family: 'FAR';}

.lijst ul:not(.wp-block-social-links) > li:before 
  {
    left: -2em; 
    line-height: 1.95em;
    content: '\f105';
  }

.lijst ul:not(.wp-block-social-links) > li:not(.li-fa):before {content: '\f105';}
.lijst ul:not(.wp-block-social-links) > li.li-fa-camera:before {content: '\f030';}
.lijst ul:not(.wp-block-social-links) > li.li-fa-info:before {content: '\f05a';}
.lijst ul:not(.wp-block-social-links) > li ul li:before {content: '\f0c8';}

*:not(.lijst) .wpforms-field ul {margin-left: 0;}
.wpforms-field ul > li:before {content: '';}


/* ------- #blockquotes #citaten #kaders ------- */

.wp-block-pullquote {margin-bottom: 0;}

blockquote {padding: 0 37px 0 0;}
blockquote > p:first-of-type:before, blockquote > p:last-of-type:after {line-height: 0.1em; vertical-align: 0.35em;}
blockquote > p:first-of-type:before {margin: 0 10px 0 0;}
blockquote > p:last-of-type:after {margin: 0 0 0 10px;}

.kader
  {
    border-style: solid;
    border-width: 2px;
    border-radius: 0.4em;
  }

ol.kader, ul.kader {padding-left: calc(2em + 10px);}


/* ------- #beelden ------- */

img, a img, :link img, :visited img {border: 0;}

.of-cv img, .of-cn img, .wp-block-embed-youtube iframe, .ar, .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-block-embed-vimeo .wp-block-embed__wrapper, figure, figure:not(.terugslag) figcaption {width: 100%;}

figure:not(.imgscale) img, main img {max-width: 100%;}
figure img, a.ar {display: block;}

.post-thumbnail img {width: 100% !important; height: auto;}
.wp-block-image img {height: auto !important;}

.of-cv img, .of-cn img, .wp-block-embed-youtube iframe {height: 100%;}
.of-cv img {object-fit: cover;}
.of-cn img {object-fit: contain;}

@keyframes pulse 
{
  0%, 100%
  {
    transform: scale(1);
  }
  50% 
  {
    transform: scale(1.1);
  }
}

.of-linksboven img {object-position: 0 0;}
.of-boven img {object-position: 50% 0;}
.of-rechtsboven img {object-position: 100% 0;}
.of-linksmidden img {object-position: 0 50%;}
.of-midden img {object-position: 50% 50%;}
.of-middenrechts img {object-position: 100% 50%;}
.of-linksonder img {object-position: 0 100%;}
.of-onder img, body > header .logo img {object-position: 50% 100%;}
.of-rechtsonder img {object-position: 100% 100%;}

.alignleft, .alignright {max-width: 40%;}
.alignleft {float: left; margin: 0 15px 5px 0;}
.alignright {float: right; margin: 0 0 5px 15px;}

.bg-cn, .bg-cn-boven, .bg-cv, .bg-cv-boven, .bg-70 {background-repeat: no-repeat;}
.bg-cn, .bg-cv, .bg-70 {background-position: 50% 50%;}
.bg-cn-boven, .bg-cv-boven {background-position: 50% 0;}
.bg-cn, .bg-cn-boven {background-size: 100% auto; background-size: contain;}
.bg-cv, .bg-cv-boven {background-size: 100% auto; background-size: cover;}
.bg-70 {background-size: 70% auto;}

.ar169, figure.ar169 > img, .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-block-embed-vimeo .wp-block-embed__wrapper {aspect-ratio: 16 / 9;}

.ar21, figure.ar21 > img {aspect-ratio: 2 / 1;}
.ar32, figure.ar32 > img {aspect-ratio: 3 / 2;}
.ar43, figure.ar43 > img {aspect-ratio: 4 / 3;}
.arrond, .ar4kant, figure.arrond > img, figure.ar4kant > img {aspect-ratio: 1 / 1;}
.arrond, figure.arrond > img {border-radius: 100%;}

.imgscale {overflow: hidden;}
.imgscale:hover > img {animation: pulse 1400ms ease-in;}

.wp-block-embed {margin-bottom: 0;}

figure.terugslag, figure:not(.terugslag) figcaption {position: relative;}
figure:not(.terugslag) figcaption {padding: .5em 0 0 0;}

figure.terugslag figcaption 
  {
    position: absolute; 
    right: 0;
    bottom: 0;
  }

.mklein {margin-top: -9px; gap: 13px;}
.mhome img {max-height: 111px;}
.mproject img {max-height: 70px;}

.mklein figure 
  {
    height: 18px; 
    width: 27px; 
    border-radius: 0.4em;
  }

.ha_contact {background-image: url(images/Wijkvannu-2b.jpg);}

body > footer .logos figure {width: auto;}
body > footer .logos .lsme img {height: var(--logoh);}
body > footer .logos .ldwa img {height: calc( 0.58319051 * var(--logoh) );}

@media only screen and (max-width: 899px)
{

  .logos figure {width: 90px;}
  .blokken .ar43, .blokken .ar43 > img {aspect-ratio: 2 / 1;}

}

@media only screen and (min-width: 900px)
{

  main .logos .lsme img {width: 90%; margin-left: 10%;}

}


/* ------- #profielen ------- */

.phome a {aspect-ratio: 1 / 1;}
.phome figure {height: 100%; width: 100%;}


@media only screen and (min-width: 300px) and (max-width: 499px)
{

  .p_onzecp figure, .p_onsteam article {position: relative; aspect-ratio: 1 / 1;}
  .p_onzecp figure > *, .p_onsteam article > * {position: absolute;}
  .p_onzecp figure > div, .p_onsteam figure {height: 100%; width: 100%;}
  body:not(.home) .pteam header {bottom: 0; width: 85%;}

}

@media only screen and (min-width: 750px) and (max-width: 899px)
{

  .plk3.p_onzecp figure, .p_onsteam article {position: relative; aspect-ratio: 1 / 1;}
  .plk3.p_onzecp figure > *, .p_onsteam article > * {position: absolute;}
  .plk3.p_onzecp figure > div, .p_onsteam figure {height: 100%; width: 100%;}
  .plk3.pteam header {bottom: 0; width: 85%;}

}

@media only screen and (min-width: 750px)
{

  .plk2 figure {position: relative; aspect-ratio: 1 / 1;}
  .plk2 figure > * {position: absolute;}
  .plk2 figure > div {height: 100%; width: 100%;}
  .plk2 header {bottom: 0; width: 85%;}

}

@media only screen and (min-width: 1100px)
{

  .plk3.p_onzecp figure, .p_onsteam article {position: relative; aspect-ratio: 1 / 1;}
  .plk3.p_onzecp figure > *, .p_onsteam article > * {position: absolute;}
  .plk3.p_onzecp figure > div, .p_onsteam figure {height: 100%; width: 100%;}
  .plk3.pteam header {bottom: 0; width: 85%;}

}

@media only screen and (max-width: 649px) 
{

  .intro {display: none;}

}


/* ------- #tabellen ------- */

.wp-block-table 
  {
    overflow: hidden;
    overflow-x: scroll;
    display: block;
    margin-bottom: 0;
    padding: 0 0 25px 0;
  }

.wp-block-table table
  {
    border-spacing: 0; 
    border-collapse: collapse;
    padding: 0;
  }

.wp-block-table thead, .wp-block-table tfoot, .wp-block-table tr, .wp-block-table th, .wp-block-table td
  {
    border-style: solid;
    border-width: 0;
    margin: 0;
  }

.wp-block-table, .wp-block-table table, .wp-block-table tr {width: 100%;}
.wp-block-table table, .wp-block-table table caption {width: auto;}
.wp-block-tabletable caption, .wp-block-table th, .wp-block-table td {text-align: left;}
.wp-block-table tr {vertical-align: baseline;}
.wp-block-table th {padding: 0 0 10px 15px;}
.wp-block-table td {padding: 10px 0 10px 15px;}
.wp-block-table tr > *:first-child {padding-left: 0;}
.wp-block-table table caption {padding: 0 0 1em 0;}


/* ------- #lossestijlen ------- */

body {-webkit-text-size-adjust: 100%;}

hr 
  {
    border: 0;
    height: 2px;
    margin: 30px 0 15px 0;
  }

.r {text-align: right;}
.c {text-align: center;}
.h {display: none;}
.t {vertical-align: top;}
.fl {float: left;}
.fr {float: right;}

sup
  {
    vertical-align: 0.5em;
    line-height: 0.05em;
    margin: 0 0 0 1px;
  }

.entry-meta {line-height: 1;}

@media only screen and (min-width: 900px) 
{

  .sticky {overflow: visible; display: block; position: relative;}
  .sticky > * {position: sticky; top: 0;}

}


/* ------- #formulieren ------- */

input, button, textarea, select, .wp-block-search .wp-block-search__inside-wrapper > * {border: none; padding: 5px 10px;}
input[type='file'], input[type='color'] {padding: 0; border: 0;}
input[type='checkbox'], input[type='radio'] {display: none;}

input[type='submit'], input[type='button'], button[type='submit'], input[type='range'], .wp-block-search__inside-wrapper button, select {-webkit-appearance: none; -moz-appearance: none;}

input[type='submit'], input[type='button'], button[type='submit'], .wp-block-search__inside-wrapper button, select {cursor: pointer; padding: 0 10px;}

input, select, input[type='submit'], input[type='button'], button[type='submit'] {height: 35px;}
textarea {height: 150px;} 
textarea.wpforms-field-small {height: 75px;}
textarea.wpforms-field-large {height: 225px;}
input[type='submit'], input[type='button'], button[type='submit'] {border-radius: 0.4em;}

input[type='range'], input[type='range']::-ms-track {width: 100%;}
input[type='range']:focus {outline: none;}

input[type='range']::-webkit-slider-thumb {-webkit-appearance: none; -moz-appearance: none;}
input[type='range']::-ms-track, input[type='range']::-webkit-slider-thumb, input[type='range']::-moz-range-thumb, input[type='range']::-ms-thumb {cursor: pointer;}

input[type='range']::-webkit-slider-runnable-track 
  {
    width: 100%;
    height: 3px;
    cursor: pointer;
    border-radius: 1.3px;
  }

input[type='range']::-moz-range-track 
  {
    width: 100%;
    height: 3px;
    cursor: pointer;
  }

input[type='range']::-webkit-slider-thumb 
  {
    -webkit-appearance: none;
    height: 30px;
    width: 15px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: -13px;
  }

input[type='range']::-moz-range-thumb 
  {
    border: none;
    height: 30px;
    width: 15px;
    border-radius: 3px;
    cursor: pointer;
  }

select 
  {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; 
    display: block;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.25em;
    background-position: calc(100% - 16px) 12.5px, calc(100% - 9px) 12.5px, 100% 0;
    background-size: 7px 7px, 7px 7px, 35px 35px;
    background-repeat: no-repeat;
    margin: 0;
  }

select::-ms-expand {display: none;}

@media only screen and (max-width: 599px) 
{

  .formulier input, .formulier textarea, .formulier select {width: 100%;} 

}

.wpforms-field-container .wpforms-field, .wpforms-submit-container, .wpforms-field-address > div + div {margin: 0.5em 0 0 0;}
.wpforms-field-address > div + div, .wpforms-field-row > *, .wpforms-field-description, .wpforms-field-limit-text {margin: 0.6em 0 0 0;}
.wpforms-field-container *:first-child, .wpforms-field-row > *:first-child {margin-top: 0;}

.wpforms-field > ul li label {cursor: pointer;}
.wpforms-field-number-slider .wpforms-field-medium {background-color: transparent; padding: 0;}
.wpforms-field ul {padding-left: 1.5em;}

.wpforms-field ul label:before
  {
    left: -1.5em; 
    position: absolute; 
    text-align: left; 
    width: 1.5em;  
    font-family: 'FAR'; 
    font-weight: 900;
    line-height: 1.75em;
  }

.wpforms-field ul li input[type='checkbox'] + label:before {content: '\f0c8';}
.wpforms-field ul li input[type='checkbox']:checked + label:before {content: '\f14a';}
.wpforms-field ul li input[type='radio'] + label:before {content: '\f111';}
.wpforms-field ul li input[type='radio']:checked + label:before {content: '\f058';}

.iti__flag-container {width: 55px;}
.iti__flag-container + input[type='tel'] {width: 100%;}

.wpforms-field-radio > ul {display: flex; flex-direction: column;}
.wpforms-field-radio.wpforms-list-2-columns > ul, .wpforms-field-radio.wpforms-list-3-columns > ul, .wpforms-field-radio.wpforms-list-3-columns > ul, .wpforms-field-radio.wpforms-list-inline > ul {flex-wrap: wrap; flex-direction: row;}

.wpforms-field-radio.wpforms-list-2-columns > ul > * {width: calc(50% - 2.5em);}
.wpforms-field-radio.wpforms-list-3-columns > ul > * {width: calc( ( 100% / 3 ) - 2.5em);}

.wpforms-field-radio.wpforms-list-2-columns > ul > *:nth-child(odd) {margin-right: 5em;}
.wpforms-field-radio.wpforms-list-3-columns > ul > *:nth-child(3n+1) {margin-right: 2.5em;}
.wpforms-field-radio.wpforms-list-3-columns > ul > *:nth-child(3n+2) {margin-right: 2.5em;}

.wpforms-field-radio.wpforms-list-inline > ul > * {margin-right: 2.5em;}

.wpforms-hidden {display: none;}

@media only screen and (max-width: 649px) 
{

  .wpforms-field > *, .wpforms-submit-container button, .wpforms-field-row-block > * {width: 100%; margin: 0.25em 0 0 0;}
  .wpforms-field > *:first-child {margin: 0;}

  .wpforms-field-row-block
  {
    display: flex; 
    flex-direction: column-reverse;
    width: 100%;
  }

}

@media only screen and (min-width: 650px) 
{

  .wpforms-field, .wpforms-submit-container, .wpforms-field-row-block
  {
    display: flex; 
    justify-content: flex-end;
    width: 100%;
  }

  .wpforms-field {flex-wrap: wrap;}
  .wpforms-submit-container, .wpforms-field-row-block {flex-wrap: nowrap;}

  .wpforms-field, .wpforms-submit-container {flex-direction: row;}
  .wpforms-field-row-block {flex-direction: row-reverse;}

  .wpforms-field > *, .wpforms-submit-container button, .wpforms-field-row-block > * {width: 65%;}
  .wpforms-field > label, .wpforms-field-row-block > label {width: 30%; margin: 0 5% 0 0;}
  .wpforms-field > .wpforms-error {width: 65%; margin: 0;}

  .wpforms-field > label.wpforms-label-hide ~ * {width: 100%;}

}

.wpforms-field-hp, .wpforms-label-hide {display: none;}

.mc-field-group.input-group input[type='checkbox'] + label:before {content: '\f0c8';}
.mc-field-group.input-group input[type='checkbox']:checked + label:before {content: '\f14a';}
.mc-field-group.input-group input[type='radio'] + label:before {content: '\f111';}
.mc-field-group.input-group input[type='radio']:checked + label:before {content: '\f058';}


/* ------- #wp ------- */

.cdp-copy-alert-success {display: none !important;}

.wp-block-columns, .wp-block-verse, .wp-block-audio, .wp-block-audio figcaption, .wp-block-image, .wp-block-image figcaption {margin-bottom: 0;}
.wp-block-gallery, .blocks-gallery-grid, .wp-block-social-links, .wp-block-verse {margin-left: 0;}
.wp-block-verse {margin-right: 0;}

.wp-block-verse {padding: 0.5em 1em;}
.wp-block-code {padding: 1em; overflow-x: auto;}
.wp-block-audio figcaption {padding: 0;}

.wp-block-gallery > li:before, .blocks-gallery-grid > li:before, .wp-block-social-links > li:before {content: '';}

.wp-block-media-text, .wp-block-tag-cloud
  {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  }

.wp-block-media-text {flex-wrap: nowrap;}
.wp-block-tag-cloud {flex-wrap: wrap;}

.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media {align-self: flex-start;}

@media only screen and (max-width: 599px) 
{ 

  .wp-block-media-text, .wp-block-media-text.is-stacked-on-mobile {flex-direction: column; justify-content: flex-start;}

  .wp-block-media-text.is-stacked-on-mobile > * {padding: 8% 0 0 0;}
  .wp-block-media-text.is-stacked-on-mobile > *:first-child {padding: 0;}

}

@media only screen and (min-width: 600px) 
{ 

  .wp-block-media-text {flex-direction: row; justify-content: space-between;}

  .wp-block-media-text .wp-block-media-text__content {padding: 0;}
  .has-media-on-the-right > figure {order: 99;}

  .wp-block-media-text__content {width: 67%;}
  .wp-block-media-text__media {width: 25%;}
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding-left: 0;}

}

.wp-block-media-text__media img {height: auto;}
.wp-block-image {max-width: 800px;}
.wp-block-image figcaption {text-align: left;}

.blocks-gallery-grid {width: 100%;}
.blocks-gallery-grid .blocks-gallery-item {position: relative;}

.blocks-gallery-grid .blocks-gallery-item figure 
  {
    position: relative;
    width: 100%; 
    height: 0;
    padding: 0 0 125% 0;
  }

.blocks-gallery-grid .blocks-gallery-item figure > a {width: 100%; height: 100%;}

.blocks-gallery-grid .blocks-gallery-item figure img
 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%; 
    max-height: 100%;
  }

.wp-block-file {margin: 10px 0;}
.wp-block-file > a {display: block; padding: 10px 25px;}
.wp-block-file > a.wp-block-file__button {display: none;}

.cdp-copy-alert-success {display: none !important;}

#wpadminbar 
  {
    position: fixed;
    bottom: 0; 
    top: auto;
  }

#wpadminbar .menupop .ab-sub-wrapper {bottom: 32px;}
.admin-bar .naarboven {bottom: 50px;}


/* ------- #recaptcha #captcha ------- */

.grecaptcha-badge 
  {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    right: 0 !important;
    bottom: 8em !important;
    bottom: calc(7em + 50px) !important;
  }

.grecaptcha-badge:hover {width: 256px !important;}