/*!
Theme Name: rmwrk
Author: Remco de Waal
Description: rmwrk theme
Version: 7.2
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.3em;
    --gats: 1em;
    --gatm: 2em;
    --gatl: 3.25em;
    --gatxl: 4.75em;

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

    --binnens: 1em;
    --binnenm: 2em;
    --binnenl: 3em;
    --binnenxl: 4.5em;

    --logopadex: 17.5px; 
    --logoar: 28.333333; 

    --inputhg: 35px;
    --inputmax: calc( var(--inputhg) + ( 2 * var(--binnens) ) );
  }

body
  {
    --achter: #fff;
    --brood: #002e54;
    --licht: #eee;
    --link: #0098d8;
    --linkdiap: #fff;
    --hover: #002e54;
    --hoverdiap: #fff;
    --afwijkend: #ff7500;
    --afwijkenddiap: #fff;
  }

.wit
  {
    --achter: #fff;
    --brood: #002e54;
    --licht: #eee;
    --link: #0098d8;
    --linkdiap: #fff;
    --hover: #002e54;
    --hoverdiap: #fff;
    --afwijkend: #ff7500;
    --afwijkenddiap: #fff;
  }

.oranje
  {
    --achter: #ff7500;
    --brood: #fff;
    --licht: #eee;
    --link: #0098d8;
    --linkdiap: #fff;
    --hover: #002e54;
    --hoverdiap: #fff;
    --afwijkend: #002e54;
    --afwijkenddiap: #fff;
  }

.blauw
  {
    --achter: #002e54;
    --brood: #fff;
    --licht: #eee;
    --link: #0098d8;
    --linkdiap: #fff;
    --hover: #ff7500;
    --hoverdiap: #fff;
    --afwijkend: #ff7500;
    --afwijkenddiap: #fff;
  }

.paars
  {
    --achter: #9e1981;
    --brood: #fff;
    --licht: #eee;
    --link: #0098d8;
    --linkdiap: #fff;
    --hover: #ff7500;
    --hoverdiap: #fff;
    --afwijkend: #ff7500;
    --afwijkenddiap: #fff;
  }

.rood
  {
    --achter: #e50001;
    --brood: #fff;
    --licht: #eee;
    --link: #0098d8;
    --linkdiap: #fff;
    --hover: #002e54;
    --hoverdiap: #fff;
    --afwijkend: #ff7500;
    --afwijkenddiap: #fff;
  }

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

  :root { --headhg: 70px; }

}

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

  body 
  { 
    --headhg: 110px; 
  }

  body.scrolled
  { 
    --headhg: 80px; 
  }

}

body
  {
    --logowidth: calc( ( 100 / var(--logoar) ) * ( var(--headhg) - ( 2 * var(--logopadex) ) ) );
    --focus: green;
    --arrow: var(--link);
    --hpaars: #951b81;
    --hrood: #e50001;
  }


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

body, .vlak, .sub-menu {background-color: var(--achter);}
hr, .wp-block-pullquote, .wp-block-verse {background-color: var(--afwijkend);}

input, textarea, select {background-color: var(--licht);}

.knop, 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);}

.knop:hover, 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);}

.knop.actief {background-color: var(--brood);}

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));}

select, input[type='range'] {background-color: transparent;}

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

a, .wissels > *, .klap > header, .klappers > *:nth-child(1):nth-last-child(1) > header, select, .wpforms-field ul li label {color: var(--link);}

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

.klap.open > header, .wpforms-field ul li input:checked + label {color: var(--brood);}

.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);}

.knop, 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);}

.knop:hover, 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);}

.knop.actief {color: var(--achter);}

.hpaars {color: var(--hpaars);}
.hrood {color: var(--hrood);}

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));}

body.home .vlak:not(.rood) *:not(.graffiti) > h2, body.home .kader .cijfer {color: var(--afwijkend);}

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

.wp-block-verse {color: var(--afwijkenddiap);}

*:not(.vlak) .kader {border-color: var(--afwijkend);}
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);}

.wp-block-code {background-color: #FAF9F6; color: #000;}

.video::backdrop {background: yellow; color: black;}

.naarboven .fa-stack-2x {text-shadow: 0 0 10px rgba(18,14,12,0.15);}
.naarboven:hover .fa-stack-2x {text-shadow: 0 0 10px rgba(18,14,12,0.25);}

select {box-shadow: 0 1px 0 1px rgba(0,0,0,0.04);}

.verlooptint
  {
    background: #f6a718;
    background: -webkit-linear-gradient(bottom, #f39200, #faca8d);
    background: -moz-linear-gradient(bottom, #f39200, #faca8d);
    background: -o-linear-gradient(bottom, #f39200, #faca8d);
    background: linear-gradient(bottom, #f39200, #faca8d);
  }

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

  body:not(.wisselmenu) > header {box-shadow: 0 0 10px 0 rgba(0,46,84,0.25);}
  .wisselmenu .kopmenu {background-color: var(--achter);}

}

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

  body:not(.wisselmenu) > header {box-shadow: 0 0 10px 0 rgba(0,46,84,0);}
  body:not(.wisselmenu).scrolled > header {box-shadow: 0 0 10px 0 rgba(0,46,84,0.25);}
  .sub-menu {box-shadow: 0px 15px 30px -15px rgba(0,46,84,0);}
  .kopmenu .menu > li.open > .sub-menu {box-shadow: 0px 15px 30px -15px rgba(0,46,84,0.35);}

} 


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

a, input + label > span, .klap > header {transition: color 0.5s;}

.logo {transition: width 0.5s;}

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

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;}

.naarboven {transition: transform 1s, opacity 1s;}
.naarboven .fa-stack-1x {transition: color 1s;}
.naarboven .fa-stack-2x {transition: color 1s, text-shadow 1s;}

.grecaptcha-badge {transition: all 0.3s ease !important;}


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

body, h1, *:not(.graffiti) > h2, h3, h4, h5, h6, input, button, textarea, select, .menuwissel:after 
{
  font-family: 'Ubuntu Sans', sans-serif;
  font-optical-sizing: auto;
  font-variation-settings:
    "wdth" 100;
}

.graffiti > h2 {font-family: 'Sedgwick Ave', cursive;}

body, h1, h2, h3, h4, h5, h6, input, button, textarea, select, .menuwissel:after {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, figcaption {font-style: italic;}

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

body, body:not(.home) h1, .graffiti > h2, h3, h4, h5, h6, input, button, textarea, select {font-weight: 400;}
body.home h1, *:not(.graffiti) > h2, body.home .kader .cijfer, .blk h3, .b, b, strong, th {font-weight: 700;}

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

h1 .fa-edit:before {font-size: 0.4em;}

body:not(.home) h2, table caption {font-size: 1.4em;}
body.home *:not(.graffiti) > h2, body .organisatie h2 {font-size: 1.8em;}
.pagination h2 {display: none;}

h3 {font-size: 1.2em;}
.widget h3 {font-size: 1.25em;}

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

ul > li:before, ol > li:before {font-size: 0.65em;}
blockquote cite, .delen, .entry-meta, .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 {font-size: 0.8em;}
input[type='submit'], input[type='button'], button[type='submit'], .wp-block-button__link, figcaption, .wpforms-field-row-block > label, body > footer {font-size: 0.9em;}
select {font-size: 1.25rem;}
h2 span, .uitsmijter {font-size: 1.2em;}
body.home .kader .cijfer {font-size: 1.8em;}

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

body {letter-spacing: 0.01em;}
h1::first-letter, h2::first-letter, h3::first-letter {text-transform: uppercase;}

blockquote, .txtbal {text-wrap: balance;}

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

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

}

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

  h1 {font-size: 2em;}

}

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

  body:not(.home) h1 {font-size: 2em;}
  body.home h1 {font-size: 3em;}

}


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

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

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

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

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

body:not(.home) main {padding: calc( var(--headhg)  + 4em) 0 4em 0;}
main [id], .myanchor {scroll-margin-top: calc( var(--headhg) + 2em );}
body > footer {padding: 2em 0;}

.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 > figure, body > aside
  {
    background-image: url(images/gs-hemel.jpg);
  }




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

  body.home main {padding: var(--headhg) 0 4em 0;}

  main > header, main > article  
  { 
    padding-left: 5vw;
    padding-right: 5vw;
    width: 100vw;
  }

  main > header {    flex-direction: column;
 padding-top: 3em; background-color: skyblue; text-wrap: balance;}

  main > header figure
  {
    aspect-ratio: 1973 / 750;
    background-image: url(images/Samen-werken-aan-de-toekomst-van-Nederland.png);
    background-position: 100% 100%;
  }

  main > header * {width: 100%;}

}

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

  body > figure {position: absolute; top: var(--headhg);}
  body > figure {width: 100vw; height: 80vh;}

  body.home main {padding: calc( var(--headhg) + var(--binnenl) ) 0 4em 0;}

  main > header, main > article 
  {
    margin-left: auto; 
    margin-right: auto;
    width: 90vw;
    max-width: var(--widthl); 
    --br: 1200px;
  }

  main > header 
  {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    aspect-ratio: 1973 / 750;
    background-image: url(images/Samen-werken-aan-de-toekomst-van-Nederland.png);
    background-position: 100% 100%;
  }

  main > header h1
  {
    width: 50%;
  }
}


/* ------- #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;}
.balk.brr.baseline {align-items: baseline;}

.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;}

.midden {place-content: center;}

.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);}

/* row-gap en column-gap om verschil aan te brengen */

.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) );}

.rtabel 
  {
    display: grid; 
    border-collapse: collapse;
    grid-template-columns: repeat(2, auto);
  }

.rtabel > * {display: contents;}

@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_baseline {align-items: baseline;}

  .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) );}

  body > footer .menu {gap: var(--gats);}

}

@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: 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_baseline {align-items: baseline;}

  .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 (max-width: 899px) 
{ 

  .rtabel_900, .rtabel_900 > * {display: flex;}
  .rtabel_900 {flex-direction: column;}
  .rtabel_900 > * {flex-wrap: wrap;}

  .rtabel_900 .gridkop {display: none;}

  .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) );}

  .verberg_899 {display: none;}

}

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

  .rtabel_900 {display: grid; border-collapse: collapse;}
  .rtabel_900 > * {display: contents;}

  .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_baseline {align-items: baseline;}

  .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 > *, .fotogal > * {--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);}

  .verberg_900 {display: none;}

}

.luiken > *:not(.luik2):not(.luik3):not(.luik4) {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:not(.gat_x) > .luik5 {width: calc((5 * var(--width)) + (4 * var(--gat)));}
.luiken:not(.gat_x) > .luik6 {width: calc((6 * var(--width)) + (5 * 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));}
.luiken.gat_x > .luik5 {width: calc(5 * var(--width));}
.luiken.gat_x > .luik6 {width: calc(6 * 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;}


/* ------- #grid ------- */

.grid {display: grid; grid-auto-rows: auto;}

.grid > * {display: grid;}
.meerwaarde > *, .ilogos > *, .orga > * {grid-row: span 3;}

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

  .grid {grid-template-columns: repeat(1, minmax(0, 1fr));}
  .meerwaarde > *, .ilogos > *, .orga > * {gap: 1em;}

}

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

  .grid > * {grid-template-rows: subgrid;}
  .meerwaarde, .ilogos {grid-template-rows: auto auto 1fr;}
  .meerwaarde > *, .ilogos > *, .orga > * {gap: 0.5em;}

}

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

  .grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

}

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

  .grid2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .grid3 {grid-template-columns: repeat(3, minmax(0, 1fr));}

}


/* ------- #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: 1333px)
{

  .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: 1334px)
{

  .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 > h1 + *, .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: var(--binnens);}
.binnen_m, .binnen-nz_m, .binnen-n_m {padding-top: var(--binnenm);}
.binnen_l, .binnen-nz_l, .binnen-n_l {padding-top: var(--binnenl);}
.binnen-nz_xl, .binnen-n_xl {padding-top: var(--binnenxl);}

.binnen_s, .binnen-nz_s, .binnen-z_s {padding-bottom: var(--binnens);}
.binnen_m, .binnen-nz_m, .binnen-z_m {padding-bottom: var(--binnenm);}
.binnen_l, .binnen-nz_l, .binnen-z_l {padding-bottom: var(--binnenl);}
.binnen-nz_xl, .binnen-z_xl {padding-bottom: var(--binnenxl);}

.binnen_s, .binnen-wo_s, .binnen-w_s {padding-left: var(--binnens);}
.binnen_m, .binnen-wo_m, .binnen-w_m {padding-left: var(--binnenm);}
.binnen_l, .binnen-wo_l, .binnen-w_l {padding-left: var(--binnenl);}

.binnen_s, .binnen-wo_s, .binnen-o_s {padding-right: var(--binnens);}
.binnen_m, .binnen-wo_m, .binnen-o_m {padding-right: var(--binnenm);}
.binnen_l, .binnen-wo_l, .binnen-o_l {padding-right: var(--binnenl);}


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

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

.conta a, a .conta, .klapfaq.conta header h5
  {
    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;
  }

.klapfaq .klap header .fa, body > footer .balk > .fa {line-height: inherit;}
summary .fa {line-height: inherit;}

.fa-stack 
  {
    display: inline-block; 
    position: relative; 
    vertical-align: middle; 
  }

.fa-stack:not(.fa-stack-2) 
  {
    height: 2em; 
    line-height: 2em; 
    width: 2em;
  }

.fa-stack.fa-stack-2 
  {
    height: 3.5em; 
    line-height: 3.5em; 
    width: 3.5em;
  }

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

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

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

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

.menu-item-has-children > a:after {content: '\f107'; margin-left: 10px;}
.menu-item-has-children.open > a:after {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');
  }

.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');
  }

.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');
  }

.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;
  }

body:not(.scrolled) .naarboven {transform: translateY(300%); opacity: 0;}
body.scrolled .naarboven {transform: translateY(0); opacity: 1;}

.wp-block-button__link {border-radius: 0.4em; padding: 10px 25px;}

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

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

}


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

.kopmenu, .sub-menu {overflow: hidden;}
.logo a, .menu a, .trefwoordenwolk a, .wp-block-tag-cloud a {display: block;}
.zoekform header {display: none;}
.wissels {height: var(--headhg);}

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

.logo {padding: var(--logopadex) 0; width: var(--logowidth);}
.logo a {aspect-ratio: 100 / var(--logoar); }

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

.menuwissel:before {content: '\f0c9';}
.wisselmenu .menuwissel:before {content: '\f00d';}

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

.wissels > *, .menu-item-has-children > a:after {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 {height: calc( 100vh - var(--headhg) ); }

}

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

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

}

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

  .wisselmenu .kopmenu {height: calc( 100vh - var(--headhg) );}

}

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

  body.wisselmenu > *:not(header) {display: none;}

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

  .wissels {min-width: 175px;}

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

  .sub-menu {margin-left: 5%;}
  .kopmenu .menu > li.open > .sub-menu {max-height: 500px;}
  .sub-menu > li a {padding: 10px;}
  .sub-menu > li:first-child a {padding-top: 8px;}
  .sub-menu > li:last-child a {padding-bottom: 8px;}

}

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

  .kopmenu .sub-menu {position: absolute;}

  .wissels {display: none;}

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

  .kopmenu .sub-menu 
  {
    max-width: 250px; 
    opacity: 0;
    z-index: 10;
  }

  .kopmenu .menu > li:hover > .sub-menu, .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 {padding: 4px 5%; opacity: 0;}
  .sub-menu > li:first-child a {padding-top: 8px;}
  .sub-menu > li:last-child a {padding-bottom: 8px;}

  .kopmenu .menu > li:hover > .sub-menu > li a, .menu-item-has-children.open > .sub-menu > li a, .menu-item-has-children.open > .sub-menu > li a {opacity: 1;}

}


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

.klap header {cursor: pointer; margin: 0.5em 0;}
.klappers > *:nth-child(1):nth-last-child(1) > header {cursor: auto;}

.klap > div
  {
    overflow: hidden;
    width: 100%;
    height: 0;
    opacity: 0;
  }

.klap.open > div, .klappers > *:nth-child(1):nth-last-child(1) > div
  {
    height: auto;
    opacity: 1;
    overflow: visible;
  }

.klapfaq .klap.open > div, .klapfaq > *:nth-child(1):nth-last-child(1) > div {padding: 0 0 1em 0;}

details {position: relative;}
details summary {cursor: pointer;}

details div 
  {
    background: #eee;
    padding: 1em 2em;
    border-radius: 0.5em;
  }

details[open] div {animation: animateDown 0.2s linear forwards;}

@keyframes animateDown 
{

  0% {opacity: 0; transform: translatey(-15px);}
  100% {opacity: 1; transform: translatey(0);}

}

details div:before 
  {
    content: "";
    border-bottom: 12px solid #eee;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    left: 10px;
    position: absolute;
    top: -10px;
    width: 0;
  }

.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, summary {margin-left: 1.5em;}
ol {counter-reset: li;}
.lijst ul:not(.wp-block-social-links) > li, summary {position: relative;}
li {counter-increment: li;}

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

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

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

.lijst ul:not(.wp-block-social-links) > li ul li:before {content: '\f0c8';}

summary:before 
  {
    left: -2em; 
    line-height: 1.75em;
    content: '\f105';
  }

details[open] summary:before {content: '\f107';}

*: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-radius: 1em;}
ol.kader, ul.kader {padding-left: calc(2em + 10px);}

.kdr_s, .kdr_m, .kdr_l {border-style: solid;}
.kdr_s {border-width: 1px;}
.kdr_m {border-width: 3px;}
.kdr_l {border-width: 5px;}



/* ------- #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 figcaption {width: 100%;}

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

figure img {height: auto;}

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

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

.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 {object-position: 50% 100%;}
.of-rechtsonder img {object-position: 100% 100%;}z

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

figure figcaption 
  {
    position: relative;
    width: 100%;
    padding: .5em 0 0 0;
  }

.bg-cn, .bg-cn-boven, .bg-cn-rechts, .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-rechts {background-position: 100% 50%;}
.bg-cn, .bg-cn-boven, .bg-cn-rechts {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;}

.ar916, figure.ar916 > img {aspect-ratio: 9 / 16;}
.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;}
*:not(figure).arrond, figure.arrond > img {border-radius: 100%;}

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

figure figcaption {position: relative; padding: .5em 0 0 0;}

.ilogos figure {height: 110px; width: auto;}


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

.grdtab
  {
    display: grid;
    gap: var(--gatxs);
    border-collapse: collapse;  
    grid-template-columns: 
    minmax(150px, 1fr)
    minmax(150px, 1fr)
  }

.grdtab > * {display: contents;}
.grdtab > header > * {position: sticky; top: 0;}
.grdtab > article > * {overflow: hidden;}

.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='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: 1em 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;}