/*
Theme Name: Didactic Bricks
Theme URI: https://didacticbricks.org/
Author: Remwerk
Description: Didactic Bricks theme
Version: 0.3.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: didacticbricks
*/

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 
  {
    --gapxs: 0.5em;
    --gaps: 1.5em;
    --gapm: 2.5em;
    --gapl: 3.5em;
    --gapxl: 4.5em;

    --widths: 500px;
    --widthm: 800px;
    --widthl: 1140px;
    --zijpad: clamp(5vw, calc(50vw - ( 0.5 * var(--widthl) ) ), 50vw);
    --gotrans: 140px;

    --binnens: 0.5em;
    --binnenm: 1.5em;
    --binnenl: 3.25em;

    --logopadex: 15px; 
    --logoar: 42.881356; 
    --logowidth: calc( ( var(--tophg) - (2 * var(--logopadex))) * 100 / var(--logoar) );

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

    --tophg: 90px;
    --navhg: 80px;

    --input: #fff;
  }

.apple, .agreen
  {
    --bg: #83bc40;
    --body: #005b44;
    --link: #eb5e27;
    --hover: #fff;
  }

.brown
  {
    --bg: #4d1f12;
    --body: #fff;
    --link: #b5ded1;
    --hover: #bc4e1e;
  }

.dblue
  {
    --bg: #084c61;
    --body: #fff;
    --link: #b5ded1;
    --hover: #bc4e1e;
  }

.dgreen
  {
    --bg: #005b44;
    --body: #fff;
    --link: #b5ded1;
    --hover: #bc4e1e;
  }

.lblue
  {
    --bg: #b5ded1;
    --body: #4d1f12;
    --link: #eb5e27;
    --hover: #bc4e1e;
  }

.offwhite
  {
    --bg: #f5f2ed;
    --body: #4d1f12;
    --link: #eb5e27;
    --hover: #bc4e1e;
  }

.orange
  {
    --bg: #f26e29;
    --body: #fff;
    --link: #eb5e27;
    --hover: #bc4e1e;
  }

.pink
  {
    --bg: #f4d9ed;
    --body: #313036;
    --link: #eb5e27;
    --hover: #bc4e1e;
  }

.white
  {
    --bg: #fff;
    --body: #4d1f12;
    --link: #eb5e27;
    --hover: #bc4e1e;
    --input: #f5f2ed;
  }

:root
  {

    --white: #fff;
    --orange: #f26e29;
    --lblue: #b5ded1;
    --agreen: #83bc40;
    --dorange: #bc4e1e;
    --dgreen: #005b44;
    --offwhite: #f5f2ed;
    --brown: #4d1f12;
    --pink: #f4dae9;
    --grey: #dddad3;

  }

.ak_card_method {background-color: var( --orange );}
.ak_card_activity {background-color: var( --lblue );}
.ak_card_ressource {background-color: var( --agreen );}

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

  :root 
  {
    --headhg: var(--tophg);
  }

}

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

  body {--headhg: calc( var(--tophg) + var(--navhg) );}

}

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

  :root 
  {
    --hpadding: 5vw;
  }

}

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

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

}

:root
{
  --mainblock-block-gap: var(--gapl);
  --mainblock-block-base: calc( ( 100% - ( 2 * var(--mainblock-block-gap) ) ) / 3 );

  --mainblock-txt-base: calc( ( 100% - ( 2 * var(--mainblock-txt-gap) ) ) / 3 );
}

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

  :root
  {
    --mainblock-txt-gap: var(--gaps);
  }

}

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

  :root
  {
    --mainblock-txt-gap: var(--gapl);
  }

}

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

  :root
  {
    --mainblock-txt-gap: var(--gaps);
  }

}


/* ------- #colors ------- */

html {background-color: var(--white);}
main, .sub-menu {background-color: var(--offwhite);}
.vlak {background-color: var(--bg);}
.onderruimte {background-color: var(--dgreen);}

input, textarea, select {background-color: var(--input);}
.db_alerti {background-color: red;}
.updated {background-color: var(--agreen);}

.knop, #acf-form .acf-form-submit input[type="submit"], 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(--orange);}

.knop:hover, #acf-form .acf-form-submit input[type="submit"]: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(--dorange);}

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

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

input[type='range']::-webkit-slider-runnable-track {background-color: var(--body);}
input[type='range']::-moz-range-track {background-color: var(--body);}
input[type='range']::-webkit-slider-thumb {background-color: var(--link);}
input[type='range']::-moz-range-thumb {background-color: var(--link);}

.aside_blocks > h2 {background-color: var(--dgreen); color: var(--white);}

.dss_diap h2, .method-step-by-step-step-index {color: var(--white) !important;}

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

a, .menuwissel > *, .klap > header, .klappers > *:nth-child(1):nth-last-child(1) > header, select, .db-account-menu a:focus-visible {color: var(--link);}

a:hover, .menuwissel > *:hover, .menu li:hover > a, .sub-menu li:hover a, .klap:hover > header, select:hover {color: var(--hover);}

.klap.open > header {color: var(--body);}

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

.knop, #acf-form .acf-form-submit input[type="submit"], 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(--white);}

.knop:hover, #acf-form .acf-form-submit input[type="submit"]: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, .db_alerti, .updated {color: var(--white);}

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

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

ul > li:before, ol > li:before {color: var(--body);}

select {border-color: var(--link);}
select:hover {border-color: var(--hover);}
#acf-form .acf-fields > .acf-field {border-top-color: var(--body);}

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

.db-account-toggle, .db-nav-toggle {color: var(--db-green);}

.naarboven .fa-stack-2x {color: var(--orange);}
.naarboven:hover .fa-stack-2x {color: var(--dorange);}
.naarboven .fa-stack-1x {color: var(--white);}
.naarboven:hover .fa-stack-1x {color: var(--white);}

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

.gradient
  {
    background: #005b44;
    background: -webkit-linear-gradient(bottom, #005b44, #f5f2ed);
    background: -moz-linear-gradient(bottom, #005b44, #f5f2ed);
    background: -o-linear-gradient(bottom, #005b44, #f5f2ed);
    background: linear-gradient(bottom, #005b44, #f5f2ed);
  }

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

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

}

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

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

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

} 


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

a, input + label > span, .klap > header {transition: color 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;}


/* ------- #typography ------- */

body, h1, h2, h3, h4, h5, h6, input, button, textarea, select, .menuwissel *:after 
  {
    font-family: 'Lato', sans-serif; 
    font-optical-sizing: auto;
    font-style: normal;
  }

body, input, button, textarea {line-height: 1.5;}
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 {padding: 0; clear: both;}
h2, h3, h4, h5, h6 {line-height: 1.5;}
h1 {line-height: 1.2;}

body, body:not(.home):not(.single) h1, h3, h4, h5, h6, input, button, textarea, select {font-weight: 400;}
body.home h1, body.single h1, h2, .menu li > a, .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 + 2 * ((100vw - 399px) / 600));} }
@media screen and (min-width: 1000px) { html {font-size: 17px;} }

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

body:not(.home) h2 {font-size: 1.4em;}
.db-single aside h2 {font-size: 0.9em;}
.greenblocks h2 {font-size: 1.5em;}
.themeblocks h2 {font-size: 2.1em;}
.phases h2 {display: none;}

h3 {font-size: 1.15em;}
.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, blockquote cite, .delen, .widget, code, body > footer .fa {font-size: 0.8em;}
input, textarea, div.wpcf7-response-output, span.wpcf7-not-valid-tip {font-size: 0.8em;}
input[type='submit'], input[type='button'], button[type='submit'], figcaption {font-size: 0.9em;}
.db-single-type {font-size: 1.2em;}
select {font-size: 1.25rem;}

#acf-form ul.acf-radio-list li, #acf-form ul.acf-checkbox-list li {font-size: 0.95em;}

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

.knop {font-size: inherit;}

body {letter-spacing: 0.02em;}
h1, h2::first-letter, h3::first-letter, .db-single-type, .db-single aside h2 {text-transform: uppercase;}

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

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

  h1 {font-size: 2em;}

}

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

  h1 {font-size: 2.3em;}

}

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

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

}


/* ------- #main #structure ------- */

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

html {scroll-behavior: smooth;}

body 
  {
    display: flex;
    flex-direction: column;
    min-height: calc( 100vh + var(--headhg) );
    min-height: 100dvh;
    margin: 0; 
    padding: 0;
    overflow: hidden scroll;
    overscroll-behavior: none;
    scrollbar-gutter: stable both-edges; 
  }

main, main > *, body > footer, body > footer > * {position: relative;}

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

.br_s {max-width: var(--widths);}
.br_m {max-width: var(--widthm);}
.br_l {max-width: var(--widthl);}

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

body > figure {padding: var(--headhg) 0 0 0;}
body > footer {padding: var(--binnenl) var(--zijpad);}

.onderruimte {flex: 1;}

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

  main > *:first-child {padding-top: var(--tophg);}
  main [id], .myanchor {scroll-margin-top: calc( var(--headhg) + 2em );}

}


/* ------- #flexbox ------- */

.blk, .menu, .gallery {display: flex;}
.blk > a:not(.blk) {display: block;} 

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

.blok, .balk.brr, .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 {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(--gapxs);}
.gat_s {gap: var(--gaps);}
.gat_m {gap: var(--gapm);}
.gat_l {gap: var(--gapl);}
.gat_xl {gap: var(--gapxl);}

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

.luiken.gat_xs {--gap: var(--gapxs);}
.luiken.gat_s {--gap: var(--gaps);}
.luiken.gat_m {--gap: var(--gapm);}
.luiken.gat_l {--gap: var(--gapl);}
.luiken.gat_xl {--gap: var(--gapxl);}

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

@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(--gap)));}
  .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(--gap)));}
  .bcr_400.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

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

}

@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(--gap)));}
  .brc_400.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

  .displaynone_649 {display: none;}

}

@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(--gap)));}
  .bcr_650.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

} 

.db-login-form form, .db-login-form form .login-username, .db-login-form form .login-password, #create_user_form, #create_user_form > p {display: flex;}
.db-login-form form, #create_user_form {flex-direction: column; margin-bottom: }

.db-login-form form, .db-login-form form .login-username, .db-login-form form .login-password, #create_user_form, #create_user_form > p {gap: var(--gaps);}

.db-login-form p.login-lostpassword {margin-top: var(--gaps);}

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

  .db-login-form form .login-username, .db-login-form form .login-password, #create_user_form > p {flex-direction: column;}

}

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

  .db-login-form form .login-username, .db-login-form form .login-password, #create_user_form > p
  {
    flex-direction: row; 
    flex-wrap: nowrap;
    align-items: baseline;
  }

  #create_user_form input[type='submit'] {align-self: flex-start;}

  .db-login-form form .login-username label, .db-login-form form .login-password label, #create_user_form > p label {width: calc( 20% - var(--gaps) );}
  .db-login-form form .login-username input, .db-login-form form .login-password input, #create_user_form > p input {width: 80%;}

  .db-login-form p:not(.login-username):not(.login-password), #create_user_form > input[type='submit'] {margin-left: 20%;}
  .db-login-form p:not(.login-username):not(.login-password) {width: 80%;}

}


@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) 
{ 

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

  .bpartners header {text-align: center;}

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

  .verberg_899 {display: none;}

}

@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_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 > * {--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) > *, .b_th > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gap)));}
  .bcr_900.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

  .columns {column-count: 2; column-gap: var(--gapm);}

  .verberg_900 {display: none;}

  .themeblocks > *:nth-child(odd) .b_th {flex-direction: row-reverse;}
  .themeblocks > *:nth-child(even) .b_th {flex-direction: row;}

}

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

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

.mainbltxt {gap: var(--mainblock-txt-gap);}

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

  .mainbltxt {flex-direction: column;}

}

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

  .mainbltxt {flex-direction: row;}

  .mainbltxt > header {width: var(--mainblock-txt-base);}
  .mainbltxt > div {padding-top: 0.5em; width: calc( ( 2 * var(--mainblock-txt-base) ) + var(--mainblock-txt-gap) );}

}

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

  .mainblock {flex-direction: column;}

}

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

  .mainblock {flex-direction: row;}
  .mainbltxt {flex-direction: column;}

  .mainblock > div {width: var(--mainblock-block-base);}
  .mainblock > figure {padding-top: 0.5em; width: calc( ( 2 * var(--mainblock-block-base) ) + var(--mainblock-block-gap) );}

}

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

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


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

.greenblocks {gap: var(--gapl);}
.greenblocks > * {gap: 1.75em;}

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

.rtabel > * {display: contents;}

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

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

  .rtabel_900 .gridkop {display: none;}

}

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

  .greenblocks, .greenblocks > *, .rtabel_900 {display: grid;}

  .grid2
  {
    grid-template-columns: repeat(auto-fit, minmax(225px, calc( 50% - 1.75em )));
    grid-template-rows: auto auto auto;
  }

  .grid3
  {
    grid-template-columns: repeat(auto-fit, minmax(225px, calc( 33% - 2.3333em )));
    grid-template-rows: auto auto auto;
  }

  .greenblocks > * {grid-row: span 3; grid-template-rows: subgrid;}

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

}


/* ------- #margins #padding ------- */

@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: 1049px)
{

  .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), blockquote > *:nth-child(n+2) {margin-top: 15px;}

}

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

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

.kruimel {margin-bottom: 15px;}

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


/* ------- #icons #buttons ------- */

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

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

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

.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, .menuwissel > *:before, .menu-item-has-children > a:after {font-family: 'FAS'; font-weight: 900;}

.knop, input[type="submit"], button[type="submit"], .db_alerti {padding: var(--binnens) var(--binnenm) !important;}

.knop, input[type="submit"], button[type="submit"] 
  {
    text-transform: uppercase;
    text-wrap: balance;
    cursor: pointer;
    line-height: 1.25;
    border-radius: 30px;
    text-align: center;
  }

.blk > div > .knop {display: block;}
.db_alerti {display: inline-block;}

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

.naarboven:not(.visible) {transform: translateY(300%); opacity: 0;}
.naarboven.visible {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 #navigation #footer ------- */

.logo a, .menu a, .wp-block-tag-cloud a {display: block;}
.menuwissel > *:not(a), .menu-item-has-children > a:after {cursor: pointer;}
.kopmenu, .sub-menu {overflow: hidden;}
.menu-item-type-custom:not(.menu-item-has-children) > a {cursor: auto;}

body > header, .kopmenu {width: 100vw;}

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

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

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

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

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

.gtranslate_wrapper .gt_switcher {width: var(--gotrans) !important;}


@media only screen and (min-width: 400px) and (max-width: 1049px)
{ 
  
   .menuwissel > * :after {content: 'Menu'; margin: 0 0 0 5px;}

}

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

  body > header {position: fixed; z-index: 90;}
  body:not(.wisselmenu) > header {height: var(--tophg);}
  body.wisselmenu > header {height: 100vh;}

  body.wisselmenu > *:not(header), nav.beheer, body:not(.wisselmenu) .kopmenu, .divider, .gt_switcher_wrapper {display: none;}

  .menuwissel {margin-right: var(--zijpad);}

  body:not(.wisselmenu) .kopmenu {height: 0; padding: 0;}

  body.wisselmenu .kopmenu
  {
    height: calc( 100vh - var(--tophg) ); 
    display: flex;
    padding: 2em 5vw;
  }

  .kopmenu .menu {flex-direction: column;}

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

  body.wisselmenu .gt_switcher_wrapper 
  {
    display: block !important;
    top: var(--navhg) !important;
    right: 5vw !important;
    left: 5vw !important;
  }

}

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

  .kopmenu .sub-menu {position: absolute;}
  .menuwissel {display: none;}

  .divider {margin-right: var(--zijpad); width: var(--gotrans);}

  .kopmenu {padding: 0 var(--zijpad);}
  .kopmenu .menu {justify-content: center;}
  .kopmenu .menu > li > a {line-height: var(--navhg);}

  .kopmenu .sub-menu {max-width: 250px; z-index: 10;}
  .menu-item-has-children.open > .sub-menu {overflow: visible; max-height: 500px;}

  .sub-menu > li a {padding: 4px 5%;}
  .sub-menu > li:first-child a {padding-top: 8px;}
  .sub-menu > li:last-child a {padding-bottom: 8px;}

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

  .gt_switcher_wrapper 
  {
    position: absolute !important;
    right: var(--zijpad) !important; 
    top: calc( ( var(--tophg) / 2 ) - 16px ) !important;
  }

}


/* ------- #unfold ------- */

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


/* ------- #listings ------- */

ul, ol {list-style-type: none;} 
.lijst ul:not(.wp-block-social-links), .search-container ul, ol {margin-left: 2em;}
ol {counter-reset: li;}
.lijst ul:not(.wp-block-social-links) > li, .search-container ul > 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:before, .search-container ul > li:before
  { 
    position: absolute; 
    text-align: left; 
    width: 1.7em;  
    font-family: 'FAS';
    font-weight: 900;
  }

.lijst ul:not(.wp-block-social-links) > li:before, .search-container ul > li:before
  {
    left: -2.5em; 
    line-height: 1.7em;
    content: '\f111';
  }

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


/* ------- #blockquotes #quotes #borders ------- */

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

body > header .kader {border-radius: 0 0 1em 1em;}
body > *:not(header) .kader:not(.blokalert) {border-radius: 1em;}
ol.kader, ul.kader {padding-left: calc(2em + 10px);}

.kdr_m, .kdr_l {border-style: solid;}
.kdr_m {border-width: 3px;}
.kdr_l {border-width: 10px;}



/* ------- #images ------- */

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

.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-cv, .bg-cv-boven, .bg-70 {background-repeat: no-repeat;}
.bg-cn, .bg-cv, .bg-70, .ak_card_image {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;}

.ar32, figure.ar32 > img {aspect-ratio: 3 / 2;}
.ar43, figure.ar43 > img {aspect-ratio: 4 / 3;}
body > figure > div {aspect-ratio: 3 / 1;}
.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;}

.bpartners img {max-width: 150px; max-height: 100px;}
.footerlogos img {width: 100%; height: auto;}
.footerlogo a {display: block;}
.db-footer-erasmus-logo {max-width: 300px;}
.db-footer-cc-logo {max-width: 265px;}


/* ------- #tables ------- */

.grdtab
  {
    display: grid;
    gap: var(--gapxs);
    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;}


/* ------- #extrastyling ------- */

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

}


/* ------- #forms ------- */

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'], ul.acf-radio-list li input[type=radio], ul.acf-checkbox-list li input[type=radio], #acf-form ul.acf-radio-list li input[type=radio], #acf-form ul.acf-checkbox-list li 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, .ak_search_filter_labels, .acf-checkbox-list label, .acf-radio-list label, .acf-field-true-false .acf-label label, .acf-field-true-false .acf-input label:before, .db-login-form form .login-remember label {cursor: pointer;}

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

input, select {height: 45px;}
input[type='submit'], input[type='button'], button[type='submit'] {height: 40px;}
textarea {height: 150px;} 

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

.acf-field-true-false
  {
    display: flex;
    flex-direction: row-reverse;
    --tfinput: 1.5em;
  }

.acf-field-true-false > .acf-input {width: var(--tfinput);}
.acf-field-true-false > .acf-label {width: calc( 100% - var(--tfinput) );}

.ak_search_filter_labels, .acf-checkbox-list label, .acf-radio-list label, .db-login-form form .login-remember label {position: relative;}

.ak_search_filter_labels:before, .acf-checkbox-list label:before, .acf-radio-list label:before, .acf-input label:before, .db-login-form form .login-remember label:before
  {
    position: absolute; 
    text-align: left; 
    font-family: 'FAR';
    font-weight: 900;
  }

.ak_search_filter_labels:before, .acf-checkbox-list label:before, .acf-radio-list label:before, .db-login-form form .login-remember label:before {left: -1.5em; width: 2.5em;}

.ak_search_filter_labels:before {line-height: 1.75em;}
.acf-field-true-false .acf-input label:before, .db-login-form form .login-remember label:before {line-height: 1.45em;}
.acf-checkbox-list label:before, .acf-radio-list label:before {line-height: 1.4em;}

.ak_search_filter_labels:before, .acf-checkbox-list label:before, .acf-field-true-false .acf-input label:before, .db-login-form form .login-remember label:before {content: '\f0c8';}
.acf-radio-list label:before {content: '\f111';}

.ak-filter input:checked + .ak_search_filter_labels:before, .acf-checkbox-list label.selected:before, .acf-radio-list label.selected:before, .acf-field-true-false label:has(input:checked):before, .db-login-form form .login-remember label:has(input:checked):before {font-family: 'FAS';}

#acf-form .acf-fields > .acf-field {padding: 24px 0;}
#acf-form ul.acf-radio-list, #acf-form ul.acf-checkbox-list, .db-login-form form .login-remember label {margin: 0 0 0 1.5em;}


/* ------- #db #didacticbricks ------- */

.db-account-toggle img, .db-account-menu a {display: block;}

.db-header-actions {position: relative;}

.db-account-toggle, .db-nav-toggle 
  {
    border: 0; 
    background: transparent;
    cursor: pointer; 
    line-height: 1;
  }

.db-account-toggle img {max-width: 32px; max-height: 32px; }

.db-account-menu 
  { 
    position: absolute; 
    top: calc(100% - 8px); 
    width: max-content; 
    min-width: 175px; 
    max-width: min(300px, 90vw); 
    box-shadow: 0 0 24px rgba(0,0,0,.14); 
    padding: 12px 16px; 
    z-index: 150; 
  }

.db-account-menu[hidden] {display: none !important;}

.db-account-menu ul.menu 
  {
    flex-direction: column; 
    gap: var(--gapxs);}
    list-style: none; 
    margin: 0; 
    padding: 0;
    line-height: 1;
  }

.db-single aside .phases h2 {display: none;}
.aside_blocks h2, .db-single-playlist .bplcontent .db-single-section > h2 {margin-bottom: 10px; padding: 7px 10px;}
.updated {padding: 8px;}

.playlist_outer_table {width: 100%;}

.filterblock > input[type="checkbox"] {float: left; clear: left;}
.filterblock > label.ak_search_filter_labels {display: block;}

@media (max-width: 899px) 
{

  .db-filter-toggle 
  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: var(--orange);
    color: var(--white);
    cursor: pointer;
    font-size: 1.1em;
  }

  .db-mobile-filter:not(.db-filter-open) {display: none;}


  .db-filter-toggle::after
  {
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    display: inline-block; 
    font-family: 'FAS'; 
    font-weight: 900;
    font-style: normal; 
    font-variant: normal; 
    text-rendering: auto; 
    line-height: 1;
    content: '\f107';
  }

  .db-filter-toggle[aria-expanded="true"]::after {content: '\f106';}

}

@media (min-width: 900px) 
{

  .db-filter-toggle {display: none;}

  .ak-filter {padding-bottom: var(--binnenl);}

}



/* ------- #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;}