/*!
Theme Name: rmwrk
Author: Remco de Waal
Description: rmwrk theme
Version: 6.0
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: 10px;
    --gats: 20px;
    --gatm: 30px;
    --gatl: 40px; 
    --gatxl: 60px; 
  }


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

.kop > nav > aside > div, body > footer > figure aside, .nieuws .delen > * {background-color: #fff;}
main > aside, body.homepagina .producten, hr {background-color: #0a1f8f;}
video::backdrop {background-color: #61a60e;}

.kop > nav aside {background-color: rgba(10,31,143,0);}
.kop > nav.open aside {background-color: rgba(10,31,143,0.75);}

.kop > div {background-color: rgba(255,255,255,0);}
.kop > nav.open ~ div {background-color: rgba(255,255,255,1);}

body {color: #0a1f8f;}
video::backdrop {color: #0a1f8f;}
main > aside, body.homepagina .producten {color: #fff;}

a, .kop > nav > div {color: #61a60e;}
a .intro, a:hover, .kop > nav > div:hover, .kop > nav.open > div {color: #0a1f8f;}

body.homepagina .producten a {color: #fff;}
body.homepagina .producten a:hover {color: #61a60e;}

.klap > header, .klappers > *:nth-child(1):nth-last-child(1) > header {color: #e1231d;}
.klap:hover > header {color: #dfdc00;}
.klap.open > header {color: #009fe3;}

.wp-block-verse {background-color: #0a1f8f; color: #fff;}
.wp-block-code {background-color: #FAF9F6; color: #000;}
#wpadminbar {background-color: #61a60e;}

ul:not(.blkproducten) > li:before, ol > li:before {color: #0a1f8f;}
ul.blkproducten > li:before {color: #61a60e;}
ul.blkproducten > li:hover:before {color: #0a1f8f;}

.wp-block-file > a {background-color: #61a60e;}
.wp-block-file > a:hover {background-color: #0a1f8f;}

.kader {border-color: #0a1f8f;}

input, textarea, select {background-color: #eee; color: #0a1f8f;}
.nartikel > a > div, 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, .naarboven {background-color: #6fac2d; color: #fff;}
.nartikel > a:hover > div, .nfoto header, .nfoto figure, 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, .naarboven:hover {background-color: #0a1f8f; color: #fff;}

select {background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#64ff00 100%);}

select:hover {border-color: #888;}
.wpforms-field ul li label {color: #e72e8a;}
.wpforms-field ul li input:checked + label {color: #ba2a70;}
.wpforms-error, div.wpcf7-response-output, span.wpcf7-not-valid-tip {color: red;}

textarea, input[type='text'] {caret-color: #61a60e;}

.nieuws .delen > * {filter: drop-shadow(0 0 8px hsl(220deg 60% 50% / 0.25));}
select .slick-knop {filter: drop-shadow(0 0 1px hsl(220deg 60% 50% / 0.25));}

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

  body > header {filter: drop-shadow(0 0 8px hsl(220deg 60% 50% / 0.25)); background-color: #fff;}

}

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

  body .kop > figure a, .kop > nav, .kop > a {background-color: #fff;}

}

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

  body > footer > figure aside {filter: drop-shadow(0 0 8px hsl(220deg 60% 50% / 0.25));}

}

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

  body > footer > figure aside {filter: drop-shadow(0 16px 8px hsl(220deg 60% 50% / 0.25));}

}


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

a, :any-link {text-decoration: none;}
.kop > nav > div, .blkproducten > a, input + label > span, .klap > header {transition: color 1s ease-in-out;}
.nartikel > a > div, input[type='submit'], input[type='button'], button[type='submit'], .wp-block-button__link, .wp-block-file .wp-block-file__button {transition: color 1s ease-in-out, background-color 1s ease-in-out;}
input + label > div {transition: border-color 1s ease-in-out;}

.nieuws .delen {transition: opacity 0.5s ease-in;}
body > aside .slick-slide > section.telvo {transition: padding-bottom 1s, transform 1s;}
.figoverflow > img {transition: transform 1s ease-in-out;}

.klap > div {transition: height 1s, opacity 1.5s, padding 1s;}
video {transition: margin 0.5s;}

.kop, .naarboven {transition: all 1s ease-in-out;}
.kop > nav aside, .kop > div {transition: background-color 0.1s;}


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

@font-face 
  {
    font-family: 'mirare';
    src: url('letters/CorbelRegular.woff2') format('woff2'), url('letters/CorbelRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

@font-face 
  {
    font-family: 'mirabo';
    src: url('letters/CorbelBold.woff2') format('woff2'), url('letters/CorbelBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

@font-face 
  {
    font-family: 'mirait';
    src: url('letters/CorbelItalic.woff2') format('woff2'), url('letters/CorbelItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

body, h1, h2, h3, h4, h5, h6, input, button, textarea, select, .menuwissel:after {font-style: normal;}
body, h1, body.homepagina h2, h3, h4, h5, h6, input, button, textarea, select, .menuwissel:after {font-family: 'mirare', sans-serif;}
.i, i, em, .meer, figcaption, .homemensen blockquote, .carrousel aside footer {font-family: 'mirait', sans-serif; font-style: normal;}
body:not(.homepagina) h2, body.homepagina .nieuws h2, .b, b, strong, th {font-family: 'mirabo', sans-serif;}

body, input, button, textarea, select {line-height: 1.75;}
.homemensen blockquote {line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {line-height: 1.5;}
.homepagina .blkproducten > * header h3 {line-height: 1.35;}

h1, h2, h3, h4, h5, h6, input, button, textarea, select {margin: 0;}
h1, h2, h3, h4, h5, h6 {padding: 0; clear: both;}

body, h1, body.homepagina h2, h3, h4, h5, h6, input, button, textarea, select {font-weight: normal;}
body:not(.homepagina) h2, .b, b, strong, th {font-weight: bold;}

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

h1 {font-size: 2.4em;}
.homepagina h1 {font-size: 1.45em;}

h2, table caption {font-size: 1.5em;}
.homepagina main h2 {font-size: 1.9em;}
main .nieuws h2 {font-size: 1.25em;}
.bteam h2 {font-size: 1.1em;}
.pagination h2 {display: none;}

h3 {font-size: 1.15em;}
.carrousel h3 {font-size: 1.25em;}
.homepagina .blkproducten h3 {font-size: 1.25em;}
.bteam h3 {font-size: 1.05em;}
.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.6em;}
.carrousel aside footer, .kruimel .fa, .meer .fa {font-size: 0.7em;}
cite, .delen, .widget, code, input, textarea, select, .wpforms-field-number-slider > .wpforms-field-number-slider-hint, .wpforms-error, div.wpcf7-response-output, span.wpcf7-not-valid-tip, body > footer .fa {font-size: 0.8em;}
input[type='submit'], input[type='button'], button[type='submit'], figcaption {font-size: 0.9em;}
.taalwissel {font-size: 1.3em;}

blockquote, main > aside {font-size: 1.3em;}
.nquote blockquote, .nkreet blockquote {font-size: 1.9em;}
.homemensen blockquote {font-size: 1.45em;}
blockquote > p:first-of-type:before, blockquote > p:last-of-type:after {font-size: 0.65em;}

h1, h2, h3, h4, h5, h6, 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 (min-width: 900px) 
{

  .staart {font-size: 0.8em;}

}


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

body > aside, body > figure, main, main > *, body > footer, body > footer > * {display: block;}
main, main > *, body > footer, body > footer > * {position: relative;}
main > *, main > article > *, .br > .br, body > footer > * {margin-left: auto; margin-right: auto;}

main:before, body > footer:before, main:after, body > footer:after {content: ''; display: table;}
main:after, body > footer:after {clear: both;}

body > aside, body > figure, main, main > section > *, article > *, body > footer {width: 100%;}
main > section > ul, main > section > ol, article > ul, article > ol {width: auto;}

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

  .br {width: 90%; width: calc(100vw - 50px);}

}

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

  .br {width: 90%; width: calc(100vw - 90px);}

}

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

  .br {width: 85%; width: calc(100vw - 200px);}

}

.br_max, main > .br.binnen_s, main > .br.binnen_m, main > .br.binnen_l {width: 100%;}
main > .br.binnen-wo_s, main > .br.binnen-wo_m, main > .br.binnen-wo_l {width: 100%;}
main > .br.binnen-o_s, main > .br.binnen-o_m, main > .br.binnen-o_l {width: 100%;}
main > .br.binnen-w_s, main > .br.binnen-w_m, main > .br.binnen-w_l {width: 100%;}

.br_s {max-width: 500px;}
.br_m {max-width: 800px;}
.br_l {max-width: 1170px;}
.br_xl {max-width: 1400px;}

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

body {scrollbar-gutter: stable both-edges;}


/* ------- #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, .duo11, .duo12, .duo21, .duo13, .duo31 {flex-wrap: nowrap;}
.blok, .wpforms-entry-preview, .gallery {flex-wrap: wrap;}

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

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

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

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

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

.bcc > *:not(.br) {width: 100%;}

.duo11.brr.gat_s > * {width: calc((100% - var(--gats)) / 2);}
.duo11.brr.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
.duo11.brr.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

.duo12.brr.gat_s > *, .duo21.brr.gat_s > *:first-child {width: calc((100% - var(--gats)) * 2 / 3);}
.duo12.brr.gat_s > *:first-child, .duo21.brr.gat_s > * {width: calc((100% - var(--gats)) / 3);}

.duo12.brr.gat_m > *, .duo21.brr.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 2 / 3);}
.duo12.brr.gat_m > *:first-child, .duo21.brr.gat_m > * {width: calc((100% - var(--gatm)) / 3);}

.duo12.brr.gat_l > *, .duo21.brr.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 2 / 3);}
.duo12.brr.gat_l > *:first-child, .duo21.brr.gat_l > * {width: calc((100% - var(--gatl)) / 3);}

.duo13.brr.gat_s > *, .duo31.brr.gat_s > *:first-child {width: calc((100% - var(--gats)) * 3 / 4);}
.duo13.brr.gat_s > *:first-child, .duo31.brr.gat_s > * {width: calc((100% - var(--gats)) / 4);}

.duo13.brr.gat_m > *, .duo31.brr.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 3 / 4);}
.duo13.brr.gat_m > *:first-child, .duo31.brr.gat_m > * {width: calc((100% - var(--gatm)) / 4);}

.duo13.brr.gat_l > *, .duo31.brr.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 3 / 4);}
.duo13.brr.gat_l > *:first-child, .duo31.brr.gat_l > * {width: calc((100% - var(--gatl)) / 4);}

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

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

  .brc_400 {flex-direction: row;}
  .brc_400.r_vrekken {align-items: stretch;}
  .brc_400.r_boven {align-items: flex-start;}
  .brc_400.r_beneden {align-items: flex-end;}
  .brc_400.r_vmidden {align-items: center;}
  .brc_400.r_links {justify-content: flex-start;}
  .brc_400.r_rechts {justify-content: flex-end;}
  .brc_400.r_hmidden {justify-content: center;}
  .brc_400.r_uitvul {justify-content: space-between;}

  .bcr_400 {flex-direction: column;}
  .bcr_400.c_hrekken {align-items: stretch;}
  .bcr_400.c_links {align-items: flex-start;}
  .bcr_400.c_rechts {align-items: flex-end;}
  .bcr_400.c_hmidden {align-items: center;}
  .bcr_400.c_boven {justify-content: flex-start;}
  .bcr_400.c_beneden {justify-content: flex-end;}
  .bcr_400.c_vmidden {justify-content: center;}
  .bcr_400.c_uitvul {justify-content: space-between;}

  .duo11.brc_400.gat_s > * {width: calc((100% - var(--gats)) / 2);}
  .duo11.brc_400.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
  .duo11.brc_400.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

  .duo12.brc_400.gat_s > *, .duo21.brc_400.gat_s > *:first-child {width: calc((100% - var(--gats)) * 2 / 3);}
  .duo12.brc_400.gat_s > *:first-child, .duo21.brc_400.gat_s > * {width: calc((100% - var(--gats)) / 3);}

  .duo12.brc_400.gat_m > *, .duo21.brc_400.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 2 / 3);}
  .duo12.brc_400.gat_m > *:first-child, .duo21.brc_400.gat_m > * {width: calc((100% - var(--gatm)) / 3);}

  .duo12.brc_400.gat_l > *, .duo21.brc_400.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 2 / 3);}
  .duo12.brc_400.gat_l > *:first-child, .duo21.brc_400.gat_l > * {width: calc((100% - var(--gatl)) / 3);}

  .duo13.brc_400.gat_s > *, .duo31.brc_400.gat_s > *:first-child {width: calc((100% - var(--gats)) * 3 / 4);}
  .duo13.brc_400.gat_s > *:first-child, .duo31.brc_400.gat_s > * {width: calc((100% - var(--gats)) / 4);}

  .duo13.brc_400.gat_m > *, .duo31.brc_400.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 3 / 4);}
  .duo13.brc_400.gat_m > *:first-child, .duo31.brc_400.gat_m > * {width: calc((100% - var(--gatm)) / 4);}

  .duo13.brc_400.gat_l > *, .duo31.brc_400.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 3 / 4);}
  .duo13.brc_400.gat_l > *:first-child, .duo31.brc_400.gat_l > * {width: calc((100% - var(--gatl)) / 4);}

  .bcr_400 > *, .bx2 > *, .bx3 > *, .bx4 > * {width: 100%;}

  .bx5.gat_s > * {width: calc((100% - var(--gats)) / 2);}
  .bx5.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
  .bx5.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

  .bx6.gat_s > * {width: calc((100% - (2 * var(--gats))) / 3);}
  .bx6.gat_m > * {width: calc((100% - (2 * var(--gatm))) / 3);}
  .bx6.gat_l > * {width: calc((100% - (2 * var(--gatl))) / 3);}

  .bx7.gat_s > * {width: calc((100% - (3 * var(--gats))) / 4);}
  .bx7.gat_m > * {width: calc((100% - (3 * var(--gatm))) / 4);}
  .bx7.gat_l > * {width: calc((100% - (3 * var(--gatl))) / 4);}

  .homemensen > .blk > div {text-align: center;}

}

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

  .bcr_400 {flex-direction: row;}
  .bcr_400.r_vrekken {align-items: stretch;}
  .bcr_400.r_boven {align-items: flex-start;}
  .bcr_400.r_beneden {align-items: flex-end;}
  .bcr_400.r_vmidden {align-items: center;}
  .bcr_400.r_links {justify-content: flex-start;}
  .bcr_400.r_rechts {justify-content: flex-end;}
  .bcr_400.r_hmidden {justify-content: center;}
  .bcr_400.r_uitvul {justify-content: space-between;}

  .brc_400 {flex-direction: column;}
  .brc_400.c_hrekken {align-items: stretch;}
  .brc_400.c_links {align-items: flex-start;}
  .brc_400.c_rechts {align-items: flex-end;}
  .brc_400.c_hmidden {align-items: center;}
  .brc_400.c_boven {justify-content: flex-start;}
  .brc_400.c_beneden {justify-content: flex-end;}
  .brc_400.c_vmidden {justify-content: center;}
  .brc_400.c_uitvul {justify-content: space-between;}

  .brc_400 > * {width: 100%;}

  .duo11.bcr_400.gat_s > * {width: calc((100% - var(--gats)) / 2);}
  .duo11.bcr_400.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
  .duo11.bcr_400.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

  .duo12.bcr_400.gat_s > *, .duo21.bcr_400.gat_s > *:first-child {width: calc((100% - var(--gats)) * 2 / 3);}
  .duo12.bcr_400.gat_s > *:first-child, .duo21.bcr_400.gat_s > * {width: calc((100% - var(--gats)) / 3);}

  .duo12.bcr_400.gat_m > *, .duo21.bcr_400.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 2 / 3);}
  .duo12.bcr_400.gat_m > *:first-child, .duo21.bcr_400.gat_m > * {width: calc((100% - var(--gatm)) / 3);}

  .duo12.bcr_400.gat_l > *, .duo21.bcr_400.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 2 / 3);}
  .duo12.bcr_400.gat_l > *:first-child, .duo21.bcr_400.gat_l > * {width: calc((100% - var(--gatl)) / 3);}

  .duo13.bcr_400.gat_s > *, .duo31.bcr_400.gat_s > *:first-child {width: calc((100% - var(--gats)) * 3 / 4);}
  .duo13.bcr_400.gat_s > *:first-child, .duo31.bcr_400.gat_s > * {width: calc((100% - var(--gats)) / 4);}

  .duo13.bcr_400.gat_m > *, .duo31.bcr_400.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 3 / 4);}
  .duo13.bcr_400.gat_m > *:first-child, .duo31.bcr_400.gat_m > * {width: calc((100% - var(--gatm)) / 4);}

  .duo13.bcr_400.gat_l > *, .duo31.bcr_400.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 3 / 4);}
  .duo13.bcr_400.gat_l > *:first-child, .duo31.bcr_400.gat_l > * {width: calc((100% - var(--gatl)) / 4);}

}

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

  .bx2 > *, .bx3 > *, .gallery > * {width: 100%;}

  .bx4.gat_s > * {width: calc((100% - var(--gats)) / 2);}
  .bx4.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
  .bx4.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

  .bx5.gat_s > * {width: calc((100% - (2 * var(--gats))) / 3);}
  .bx5.gat_m > * {width: calc((100% - (2 * var(--gatm))) / 3);}
  .bx5.gat_l > * {width: calc((100% - (2 * var(--gatl))) / 3);}

  .bx6.gat_s > * {width: calc((100% - (3 * var(--gats))) / 4);}
  .bx6.gat_m > * {width: calc((100% - (3 * var(--gatm))) / 4);}
  .bx6.gat_l > * {width: calc((100% - (3 * var(--gatl))) / 4);}

  .bx7.gat_s > * {width: calc((100% - (4 * var(--gats))) / 5);}
  .bx7.gat_m > * {width: calc((100% - (4 * var(--gatm))) / 5);}
  .bx7.gat_l > * {width: calc((100% - (4 * var(--gatl))) / 5);}
}

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

  .brc_650 {flex-direction: row;}
  .brc_650.r_vrekken {align-items: stretch;}
  .brc_650.r_boven {align-items: flex-start;}
  .brc_650.r_beneden {align-items: flex-end;}
  .brc_650.r_vmidden {align-items: center;}
  .brc_650.r_links {justify-content: flex-start;}
  .brc_650.r_rechts {justify-content: flex-end;}
  .brc_650.r_hmidden {justify-content: center;}
  .brc_650.r_uitvul {justify-content: space-between;}

  .bcr_650 {flex-direction: column;}
  .bcr_650.c_hrekken {align-items: stretch;}
  .bcr_650.c_links {align-items: flex-start;}
  .bcr_650.c_rechts {align-items: flex-end;}
  .bcr_650.c_hmidden {align-items: center;}
  .bcr_650.c_boven {justify-content: flex-start;}
  .bcr_650.c_beneden {justify-content: flex-end;}
  .bcr_650.c_vmidden {justify-content: center;}
  .bcr_650.c_uitvul {justify-content: space-between;}

  .bcr_650 > * {width: 100%;}

  .duo11.brc_650.gat_s > * {width: calc((100% - var(--gats)) / 2);}
  .duo11.brc_650.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
  .duo11.brc_650.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

  .duo12.brc_650.gat_s > *, .duo21.brc_650.gat_s > *:first-child {width: calc((100% - var(--gats)) * 2 / 3);}
  .duo12.brc_650.gat_s > *:first-child, .duo21.brc_650.gat_s > * {width: calc((100% - var(--gats)) / 3);}

  .duo12.brc_650.gat_m > *, .duo21.brc_650.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 2 / 3);}
  .duo12.brc_650.gat_m > *:first-child, .duo21.brc_650.gat_m > * {width: calc((100% - var(--gatm)) / 3);}

  .duo12.brc_650.gat_l > *, .duo21.brc_650.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 2 / 3);}
  .duo12.brc_650.gat_l > *:first-child, .duo21.brc_650.gat_l > * {width: calc((100% - var(--gatl)) / 3);}

  .duo13.brc_650.gat_s > *, .duo31.brc_650.gat_s > *:first-child {width: calc((100% - var(--gats)) * 3 / 4);}
  .duo13.brc_650.gat_s > *:first-child, .duo31.brc_650.gat_s > * {width: calc((100% - var(--gats)) / 4);}

  .duo13.brc_650.gat_m > *, .duo31.brc_650.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 3 / 4);}
  .duo13.brc_650.gat_m > *:first-child, .duo31.brc_650.gat_m > * {width: calc((100% - var(--gatm)) / 4);}

  .duo13.brc_650.gat_l > *, .duo31.brc_650.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 3 / 4);}
  .duo13.brc_650.gat_l > *:first-child, .duo31.brc_650.gat_l > * {width: calc((100% - var(--gatl)) / 4);}

  .blkpomenom > * {padding-top: 1em; text-align: center;}
  .blkproducten > * figure {max-width: 250px;}

}

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

  .bcr_650 {flex-direction: row;}
  .bcr_650.r_vrekken {align-items: stretch;}
  .bcr_650.r_boven {align-items: flex-start;}
  .bcr_650.r_beneden {align-items: flex-end;}
  .bcr_650.r_vmidden {align-items: center;}
  .bcr_650.r_links {justify-content: flex-start;}
  .bcr_650.r_rechts {justify-content: flex-end;}
  .bcr_650.r_hmidden {justify-content: center;}
  .bcr_650.r_uitvul {justify-content: space-between;}

  .brc_650 {flex-direction: column;}
  .brc_650.c_hrekken {align-items: stretch;}
  .brc_650.c_links {align-items: flex-start;}
  .brc_650.c_rechts {align-items: flex-end;}
  .brc_650.c_hmidden {align-items: center;}
  .brc_650.c_boven {justify-content: flex-start;}
  .brc_650.c_beneden {justify-content: flex-end;}
  .brc_650.c_vmidden {justify-content: center;}
  .brc_650.c_uitvul {justify-content: space-between;}

  .brc_650 > * {width: 100%;}

  .duo11.bcr_650.gat_s > * {width: calc((100% - var(--gats)) / 2);}
  .duo11.bcr_650.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
  .duo11.bcr_650.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

  .duo12.bcr_650.gat_s > *, .duo21.bcr_650.gat_s > *:first-child {width: calc((100% - var(--gats)) * 2 / 3);}
  .duo12.bcr_650.gat_s > *:first-child, .duo21.bcr_650.gat_s > * {width: calc((100% - var(--gats)) / 3);}

  .duo12.bcr_650.gat_m > *, .duo21.bcr_650.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 2 / 3);}
  .duo12.bcr_650.gat_m > *:first-child, .duo21.bcr_650.gat_m > * {width: calc((100% - var(--gatm)) / 3);}

  .duo12.bcr_650.gat_l > *, .duo21.bcr_650.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 2 / 3);}
  .duo12.bcr_650.gat_l > *:first-child, .duo21.bcr_650.gat_l > * {width: calc((100% - var(--gatl)) / 3);}

  .duo13.bcr_650.gat_s > *, .duo31.bcr_650.gat_s > *:first-child {width: calc((100% - var(--gats)) * 3 / 4);}
  .duo13.bcr_650.gat_s > *:first-child, .duo31.bcr_650.gat_s > * {width: calc((100% - var(--gats)) / 4);}

  .duo13.bcr_650.gat_m > *, .duo31.bcr_650.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 3 / 4);}
  .duo13.bcr_650.gat_m > *:first-child, .duo31.bcr_650.gat_m > * {width: calc((100% - var(--gatm)) / 4);}

  .duo13.bcr_650.gat_l > *, .duo31.bcr_650.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 3 / 4);}
  .duo13.bcr_650.gat_l > *:first-child, .duo31.bcr_650.gat_l > * {width: calc((100% - var(--gatl)) / 4);}

  .blkpomenom > * {padding-top: 1em; padding-bottom: 1em;}
  .blkpomenom > * > * {order: 40;}
  .blkpomenom > *:nth-child(even) > div {text-align: right;}
  .blkpomenom > *:nth-child(even) > figure {order: 60;}

} 

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

  .bx2 > *, .gallery > * {width: 100%;}

  .bx3.gat_s > * {width: calc((100% - var(--gats)) / 2);}
  .bx3.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
  .bx3.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

  .bx4.gat_s > * {width: calc((100% - (2 * var(--gats))) / 3);}
  .bx4.gat_m > * {width: calc((100% - (2 * var(--gatm))) / 3);}
  .bx4.gat_l > * {width: calc((100% - (2 * var(--gatl))) / 3);}

  .bx5.gat_s > * {width: calc((100% - (3 * var(--gats))) / 4);}
  .bx5.gat_m > * {width: calc((100% - (3 * var(--gatm))) / 4);}
  .bx5.gat_l > * {width: calc((100% - (3 * var(--gatl))) / 4);}

  .bx6.gat_s > * {width: calc((100% - (4 * var(--gats))) / 5);}
  .bx6.gat_m > * {width: calc((100% - (4 * var(--gatm))) / 5);}
  .bx6.gat_l > * {width: calc((100% - (4 * var(--gatl))) / 5);}

  .bx7.gat_s > * {width: calc((100% - (5 * var(--gats))) / 6);}
  .bx7.gat_m > * {width: calc((100% - (5 * var(--gatm))) / 6);}
  .bx7.gat_l > * {width: calc((100% - (5 * var(--gatl))) / 6);}

  .blkpomenom > *:nth-child(odd) > div {padding-right: 3vw;}
  .blkpomenom > *:nth-child(even) > div {padding-left: 3vw;}

}

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

  .brc_900 {flex-direction: row;}
  .brc_900.r_vrekken {align-items: stretch;}
  .brc_900.r_boven {align-items: flex-start;}
  .brc_900.r_beneden {align-items: flex-end;}
  .brc_900.r_vmidden {align-items: center;}
  .brc_900.r_links {justify-content: flex-start;}
  .brc_900.r_rechts {justify-content: flex-end;}
  .brc_900.r_hmidden {justify-content: center;}
  .brc_900.r_uitvul {justify-content: space-between;}

  .bcr_900 {flex-direction: column;}
  .bcr_900.c_hrekken {align-items: stretch;}
  .bcr_900.c_links {align-items: flex-start;}
  .bcr_900.c_rechts {align-items: flex-end;}
  .bcr_900.c_hmidden {align-items: center;}
  .bcr_900.c_boven {justify-content: flex-start;}
  .bcr_900.c_beneden {justify-content: flex-end;}
  .bcr_900.c_vmidden {justify-content: center;}
  .bcr_900.c_uitvul {justify-content: space-between;}

  .bcr_900 > * {width: 100%;}

  .duo11.brc_900.gat_s > * {width: calc((100% - var(--gats)) / 2);}
  .duo11.brc_900.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
  .duo11.brc_900.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

  .duo12.brc_900.gat_s > *, .duo21.brc_900.gat_s > *:first-child {width: calc((100% - var(--gats)) * 2 / 3);}
  .duo12.brc_900.gat_s > *:first-child, .duo21.brc_900.gat_s > * {width: calc((100% - var(--gats)) / 3);}

  .duo12.brc_900.gat_m > *, .duo21.brc_900.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 2 / 3);}
  .duo12.brc_900.gat_m > *:first-child, .duo21.brc_900.gat_m > * {width: calc((100% - var(--gatm)) / 3);}

  .duo12.brc_900.gat_l > *, .duo21.brc_900.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 2 / 3);}
  .duo12.brc_900.gat_l > *:first-child, .duo21.brc_900.gat_l > * {width: calc((100% - var(--gatl)) / 3);}

  .duo13.brc_900.gat_s > *, .duo31.brc_900.gat_s > *:first-child {width: calc((100% - var(--gats)) * 3 / 4);}
  .duo13.brc_900.gat_s > *:first-child, .duo31.brc_900.gat_s > * {width: calc((100% - var(--gats)) / 4);}

  .duo13.brc_900.gat_m > *, .duo31.brc_900.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 3 / 4);}
  .duo13.brc_900.gat_m > *:first-child, .duo31.brc_900.gat_m > * {width: calc((100% - var(--gatm)) / 4);}

  .duo13.brc_900.gat_l > *, .duo31.brc_900.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 3 / 4);}
  .duo13.brc_900.gat_l > *:first-child, .duo31.brc_900.gat_l > * {width: calc((100% - var(--gatl)) / 4);}

  .wpforms-entry-preview > * {width: 100%;}

}

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

  .bcr_900 {flex-direction: row;}
  .bcr_900.r_vrekken {align-items: stretch;}
  .bcr_900.r_boven {align-items: flex-start;}
  .bcr_900.r_beneden {align-items: flex-end;}
  .bcr_900.r_vmidden {align-items: center;}
  .bcr_900.r_links {justify-content: flex-start;}
  .bcr_900.r_rechts {justify-content: flex-end;}
  .bcr_900.r_hmidden {justify-content: center;}
  .bcr_900.r_uitvul {justify-content: space-between;}

  .brc_900 {flex-direction: column;}
  .brc_900.c_hrekken {align-items: stretch;}
  .brc_900.c_links {align-items: flex-start;}
  .brc_900.c_rechts {align-items: flex-end;}
  .brc_900.c_hmidden {align-items: center;}
  .brc_900.c_boven {justify-content: flex-start;}
  .brc_900.c_beneden {justify-content: flex-end;}
  .brc_900.c_vmidden {justify-content: center;}
  .brc_900.c_uitvul {justify-content: space-between;}

  .brc_900 > * {width: 100%;}

  .duo11.bcr_900.gat_s > * {width: calc((100% - var(--gats)) / 2);}
  .duo11.bcr_900.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
  .duo11.bcr_900.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

  .duo12.bcr_900.gat_s > *, .duo21.bcr_900.gat_s > *:first-child {width: calc((100% - var(--gats)) * 2 / 3);}
  .duo12.bcr_900.gat_s > *:first-child, .duo21.bcr_900.gat_s > * {width: calc((100% - var(--gats)) / 3);}

  .duo12.bcr_900.gat_m > *, .duo21.bcr_900.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 2 / 3);}
  .duo12.bcr_900.gat_m > *:first-child, .duo21.bcr_900.gat_m > * {width: calc((100% - var(--gatm)) / 3);}

  .duo12.bcr_900.gat_l > *, .duo21.bcr_900.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 2 / 3);}
  .duo12.bcr_900.gat_l > *:first-child, .duo21.bcr_900.gat_l > * {width: calc((100% - var(--gatl)) / 3);}

  .duo13.bcr_900.gat_s > *, .duo31.bcr_900.gat_s > *:first-child {width: calc((100% - var(--gats)) * 3 / 4);}
  .duo13.bcr_900.gat_s > *:first-child, .duo31.bcr_900.gat_s > * {width: calc((100% - var(--gats)) / 4);}

  .duo13.bcr_900.gat_m > *, .duo31.bcr_900.gat_m > *:first-child {width: calc((100% - var(--gatm)) * 3 / 4);}
  .duo13.bcr_900.gat_m > *:first-child, .duo31.bcr_900.gat_m > * {width: calc((100% - var(--gatm)) / 4);}

  .duo13.bcr_900.gat_l > *, .duo31.bcr_900.gat_l > *:first-child {width: calc((100% - var(--gatl)) * 3 / 4);}
  .duo13.bcr_900.gat_l > *:first-child, .duo31.bcr_900.gat_l > * {width: calc((100% - var(--gatl)) / 4);}

  .bx2.gat_s > * {width: calc((100% - var(--gats)) / 2);}
  .bx2.gat_m > * {width: calc((100% - var(--gatm)) / 2);}
  .bx2.gat_l > * {width: calc((100% - var(--gatl)) / 2);}

  .bx3.gat_s > * {width: calc((100% - (2 * var(--gats))) / 3);}
  .bx3.gat_m > * {width: calc((100% - (2 * var(--gatm))) / 3);}
  .bx3.gat_l > * {width: calc((100% - (2 * var(--gatl))) / 3);}

  .bx4.gat_s > * {width: calc((100% - (3 * var(--gats))) / 4);}
  .bx4.gat_m > * {width: calc((100% - (3 * var(--gatm))) / 4);}
  .bx4.gat_l > * {width: calc((100% - (3 * var(--gatl))) / 4);}

  .bx5.gat_s > * {width: calc((100% - (4 * var(--gats))) / 5);}
  .bx5.gat_m > * {width: calc((100% - (4 * var(--gatm))) / 5);}
  .bx5.gat_l > * {width: calc((100% - (4 * var(--gatl))) / 5);}

  .bx6.gat_s > * {width: calc((100% - (5 * var(--gats))) / 6);}
  .bx6.gat_m > * {width: calc((100% - (5 * var(--gatm))) / 6);}
  .bx6.gat_l > * {width: calc((100% - (5 * var(--gatl))) / 6);}

  .bx7.gat_s > * {width: calc((100% - (6 * var(--gats))) / 7);}
  .bx7.gat_m > * {width: calc((100% - (6 * var(--gatm))) / 7);}
  .bx7.gat_l > * {width: calc((100% - (6 * var(--gatl))) / 7);}

  .homepagina .blkproducten {justify-content: space-between;}

  .blkpomenom > *:nth-child(odd) > div {padding-right: 5vw;}
  .blkpomenom > *:nth-child(even) > div {padding-left: 5vw;}

}

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

.nieuws > *, blkproducten > * {position: relative;}
.nieuws {align-items: flex-start;}

.blkproducten > * figure img {border-radius: 100%;}

.blkproducten:not(.blkpomenom) {justify-content: center;}
.homepagina .blkproducten > * header {padding: 15px 0 0 0;}

.ntweet .twitter-tweet {margin: 0 !important;}
.nkreet > .kader, .nquote > .kader, .nieuws .delen > * {border-radius: 12px;}
.nartikel > a figure, .nfoto figure, .nartikel > a img, .nfoto img {border-radius: 12px 12px 0 0;}
.nartikel > a > div, .nfoto header {border-radius: 0 0 12px 12px;}

.nieuws .delen 
  {
    position: absolute; 
    opacity: 0;
    bottom: 0;
    padding: 0 2em;
    transform: translateY(50%);
    z-index: 10;
  }

.nieuws > *:hover .delen {opacity: 1;}
.nieuws .delen > * {padding: 0 1em;}
.nieuws .delen a {padding: 0.5em 0;}

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

  .nieuws .delen {right: 0;}
  .nkreet .kader, .nquote .kader {min-height: 40vw;}

}

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

  .nieuws > * {width: 100%;}
  .bteam > * {width: 100%;}

}

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

  .homepagina .nieuws {justify-content: center;}
  .nieuws > * {width: calc((100% - 30px) / 2);}

}

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

  .nieuws > * {width: calc((100% - 60px) / 3);}

}

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

  .bteam > * {width: calc((100% - 60px) / 2);}

}

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

  .bteam > * {width: calc((100% - 120px) / 3);}

}

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

  .bteam > * {width: calc((100% - 180px) / 4);}

}


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

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

  .mt_xl > *, .mt_xl .wp-block-media-text__content > *, .mt_xl .wp-block-column > * {margin-top: 120px;}
  .mt_l > *, .mt_l .wp-block-media-text__content > *, .mt_l .wp-block-column > * {margin-top: 55px;}
  .mt_m > *, .mt_m .wp-block-media-text__content > *, .mt_m .wp-block-column > * {margin-top: 25px;}
  .mt_s > *, .mt_s .wp-block-media-text__content > *, .mt_s .wp-block-column > * {margin-top: 10px;}
  .mt_xs > *, .mt_xs .wp-block-media-text__content > *, .mt_xs .wp-block-column > * {margin-top: 10px;}

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

}

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

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

  .widget > *:nth-child(n+2), .textwidget > *:nth-child(n+2), td:nth-child(n+2) > *, th > *:nth-child(n+2), form > div: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;}

.binnen_s, .binnen-nz_s, .binnen-n_s {padding-top: 1em;}
.binnen_m, .binnen-nz_m, .binnen-n_m {padding-top: 2.5em;}
.binnen_l, .binnen-nz_l, .binnen-n_l {padding-top: 4em;}

.binnen_s, .binnen-nz_s, .binnen-z_s {padding-bottom: 1em;}
.binnen_m, .binnen-nz_m, .binnen-z_m {padding-bottom: 2.5em;}
.binnen_l, .binnen-nz_l, .binnen-z_l {padding-bottom: 4em;}

.binnen_s, .binnen-wo_s, .binnen-w_s {padding-left: 1em;}
.binnen_m, .binnen-wo_m, .binnen-w_m {padding-left: 2.5em;}
.binnen_l, .binnen-wo_l, .binnen-w_l {padding-left: 4em;}

.binnen_s, .binnen-wo_s, .binnen-o_s {padding-right: 1em;}
.binnen_m, .binnen-wo_m, .binnen-o_m {padding-right: 2.5em;}
.binnen_l, .binnen-wo_l, .binnen-o_l {padding-right: 4em;}

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

.br_max.binnen_s, .br_max.binnen-wo_s, .br_max.binnen-w_s,  {padding-left: 5%;}
.br_max.binnen_l, .br_max.binnen-wo_l, .br_max.binnen-o_l {padding-right: 5%;}

.binnen_s, body > * > .binnen-wo_s {padding-left: 5%; padding-right: 5%;}
.binnen_m, body > * > .binnen-wo_m {padding-left: 5%; padding-right: 5%;}
.binnen_l, body > * > .binnen-wo_l {padding-left: 5%; padding-right: 5%;}

.binnen-w_s, .binnen-w_m, .binnen-w_l {padding-left: 5%;}
.binnen-o_s, .binnen-o_m, .binnen-o_l {padding-right: 5%;}

}

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

  .adresblok, .adresblok > *  {padding-top: 2em;}
  .adresblok > * {width: 100%;}

}

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

  .adresblok {margin-top: -8px;}

}


/* ------- #video ------- */

video
  {
    width: 100%; 
    object-fit: cover;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: auto;
    overflow: visible;
    border-collapse: separate;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulate;
    touch-action: manipulate;
  }

.video100 {height: 100%;}


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

.fa, .fas, .far, .fab
  {
    -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; 
    height: 2em; 
    line-height: 2em; 
    position: relative; 
    vertical-align: middle; 
    width: 2em;
  }

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

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

.fa-fw {width: 1.75em; text-align: left;}
body > 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';}
.fa-square:before {content: '\f0c8';}
.fa-circle:before {content: '\f111';}

.fa-search:before {content: '\f002';}

.fa-copyright:before {content: '\f1f9';}

.fa-instagram:before, .kopsm a[title='instagram']:before, .kopsm a[title='Instagram']:before {content: '\f16d';}
.fa-twitter:before, .kopsm a[title='twitter']:before, .kopsm a[title='Twitter']:before {content: '\e61b';}
.fa-facebook:before, .kopsm a[title='facebook']:before, .kopsm a[title='Facebook']:before {content: '\f39e';}
.fa-linkedin:before, .kopsm a[title='linkedin']:before, .kopsm a[title='Linkedin']:before {content: '\f0e1';}
.fa-youtube:before, .kopsm a[title='youtube']:before, .kopsm a[title='Youtube']:before {content: '\f167';}
.fa-flickr:before, .kopsm a[title='flickr']:before, .kopsm a[title='Flickr']:before {content: '\f16e';}
.fa-behance:before, .kopsm a[title='behance']:before, .kopsm a[title='Behance']:before {content: '\f1b4';}
.fa-pinterest:before, .kopsm a[title='pinterest']:before, .kopsm a[title='Pinterest']:before {content: '\f231';}
.fa-vimeo:before, .kopsm a[title='vimeo']:before, .kopsm a[title='Vimeo']:before {content: '\f27d';}

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

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

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

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

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

.fab, .kopsm a:before {font-family: 'FAB'; font-weight: 400;}

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

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

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

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

.naarboven
  {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 40px 40px 0 0;
    transform: translateX(-50%);
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    z-index: 90;
    opacity: 0;
  }

.admin-bar .naarboven 
  {
    bottom: 70px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
  }


body.scrolled .naarboven {opacity: 1;}

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

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

}


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

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

*:not(.kop) > .logo > a {background-image: url('images/miramaplogo.svg');}

.kop > nav > div, .kop > a 
  {
    height: 40px; 
    line-height: 40px;
    width: 40px;
    text-align: center;
  }

.kop > nav > div {cursor: pointer;}
.navzoek > div:before, .zoekwissel:before {content: '\f002';}
.navmenu > div:before {content: '\f0c9';}
.navzoek.open > div:before, .navmenu.open > div:before {content: '\f00d';}
.contactwissel:before {content: '\f0e0';}

.kop > nav aside 
  {
    position: absolute; 
    height: 0;
    opacity: 0;
    overflow: hidden;
  }

.kop > nav.open aside {opacity: 1;}

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

.voet .menu, .navnofinds .menu {flex-direction: column;}
.staart .menu {gap: 20px;}

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

  body > header, .kop > nav.open > aside {width: 100vw;}
  .kop > figure a, .navmenu .menu > li > a {display: block;}

  body > header
  {
    flex-direction: row;
    justify-content: space-between;    
    height: 40px;
    padding: 0 20px 0 0;
  }

  .kop > figure {width: 100%; max-width: 200px;}

  .kop > figure a 
  {
    background-image: url('images/miramaplogosmall.svg');
    background-repeat: no-repeat;
    height: 100%;
  }

  *:not(.kop) > .logo > a {padding: 0;}

  .kop > nav > aside {top: 100%;}
  .kop > nav.open > aside {left: 0; height: calc(100vh - 40px);}

  .navmenu .menu > li > a {padding: 10px 5%;}
  .navmenu .menu > li:last-child > a {padding-bottom: 30px;}
  .navzoek.open > aside > div {padding: 25px 5%;}

  .kop > div {display: none;}

  body:not(.homepagina) main {padding: 80px 0 40px 0;}

  body > footer {padding: 0 0 5em 0;}

}

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

  body > header, .kop > nav.open ~ div {width: 40px;}
  .kop > figure, .kop > figure a, .navzoek.open > aside section, .navmenu .menu > li a {width: 100%;}
  .kop > nav.open > header, .kop > nav.open aside {height: 100vh;}
  .kop > figure a, .navzoek.open > aside section, .navmenu .menu > li a {display: block;}

  body > header 
  {
    flex-direction: column; 
    align-items: flex-start;
    transform: translateY(0);
    height: auto;
  }

  body.scrolled > header {top: 100%; transform: translateY(-100%);}

  *:not(.kop) > .logo {width: 240px; opacity: 1;}
  body.scrolled *:not(.kop) > .logo {opacity: 0;}
  body.scrolled .navmenu.open *:not(.kop) > .logo {opacity: 1;}

  body > figure.eersteblok {padding-left: 40px;}
  .kop > figure {height: 0;}

  .kop > figure a 
  {
    transform: translateY(-99%);
    background-image: url('images/miramaplogoscroll.svg'); 
    height: 235px;
  }

  *:not(.kop) > .logo > a {padding: 0 0 50% 0;}

  .kop > nav aside {top: 0; left: 100%;}
  .kop > nav.open aside {width: calc(100vw - 40px); cursor: alias;}
  .kop > nav.open aside > div {height: 100%; max-width: 240px;}

  .navzoek.open > aside section, .navmenu .menu > li a {padding: 4px 30px 4px 20px;}

  .kop > nav.open ~ div {height: calc(100vh - 120px);}

  body:not(.homepagina) main {padding: 80px 0;}
  body.homepagina main {padding: 0 0 80px 0;}
  body.page-template-page-contact main {padding-bottom: 20px;}

  .voet > * {max-width: 40%;}

}

@media only screen and (min-width: 450px) and (min-height: 355px) 
{

  body.scrolled > header {top: 50%; transform: translateY(-50%);}
  .kop > .logo > a {height: 235px;}

}






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

  .kop > .logo > a {background-size: auto 90%; height: calc(100vh - 120px);}
  .kop > nav .logo > a {background-size: 80% auto;}

}

@media only screen and (min-width: 450px) and (min-height: 355px) 
{

  .kop > .logo > a {background-size: 60% auto; height: 235px;}

}




/* ------- #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%;
    max-height: 0;
    opacity: 0;
    padding: 0;
  }

.klap.open > div, .klappers > *:nth-child(1):nth-last-child(1) > div
  {
    max-height: 500px; 
    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 summary > * {display: inline;}

details div 
  {
    background: #eee;
    padding: 1em 2em;
    position: absolute;
    left: 0;
    top: 35px;
    border-radius: 0.5em;
    right: 0;
    z-index: 50;
  }

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;} 
ol {margin: 0 0 0 2em; counter-reset: li;}
li {counter-increment: li;}

.eersteblok ~ * ul:not(.menu), summary {margin: 0 0 0 2em;}
.eersteblok ~ * ul:not(.menu) > li, summary {position: relative;}

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

.eersteblok ~ * ul:not(.menu) > li:before, summary:before
  { 
    position: absolute; 
    text-align: left; 
    width: 2.5em;  
    font-family: 'FAS';
    font-weight: 900;
  }

.eersteblok ~ * ul:not(.menu) > li:before {left: -3.2em; line-height: 3.2em;}

.eersteblok ~ * ul:not(.menu):not(.sub-menu):not(.blkproducten) > li:before {content: '\f111';}
.eersteblok ~ * ul:not(.menu) > li ul li:before {content: '\f0c8';}
.eersteblok ~ * ul.blkproducten > li:before {content: '\f030';}

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

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

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

.wp-block-gallery, .wpforms-field ul {margin-left: 0;}
.wp-block-gallery > li:before, .wpforms-field ul > li:before {content: '';}


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

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
  {
    padding: 30px 40px;
    border-style: solid;
    border-width: 3px;
    border-radius: 25px;
  }

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


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

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

figure img 
  {
    display: block; 
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
  }

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

.figoverflow {overflow: hidden;}
.figoverflow:hover img {transform: scale(1.15);}

.of-cv img, .of-cn img {object-position: 50% 50%;}
.of-cv img {object-fit: cover;}
.of-cn img {object-fit: contain;}

.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-70, .bg-80, .kop .logo > a, body > footer > figure {background-repeat: no-repeat;}
.bg-cn, .bg-cv, .bg-70, .bg-80, .kop .logo > a, body > footer > figure {background-position: 50% 50%;}
.bg-cn-boven {background-position: 50% 0;}
.bg-cn, .bg-cn-boven {background-size: 100% auto; background-size: contain;}
.bg-cv {background-size: 100% auto; background-size: cover;}
.bg-70 {background-size: 70% auto;}
.bg-80 {background-size: 80% auto;}
body > footer > figure {background-size: auto 99%;}

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

  .kop .logo > a {background-size: 90% auto;}

}

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

  .kop > .logo > a {background-size: auto 90%;}
  .kop > nav .logo > a {background-size: 80% auto;}

}

@media only screen and (min-width: 450px) and (min-height: 355px) 
{

  .kop > .logo > a {background-size: 60% auto;}

}


/* ------- #beeldverhouding #midden ------- */

.contour, .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-block-embed-vimeo .wp-block-embed__wrapper
  {
    position: relative; 
    width: 100%; 
    height: 0;
    padding: 0 0 56.25% 0;
  }

a.contour {display: block;}

.contour-yt43 {padding: 0 0 75% 0;}
.contour-vierkant, .contour-rond {padding: 0 0 100% 0;}
.contour-flex {padding: 0;}

body > footer > .contour {padding: 0 0 20% 0;}

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

.contour > *, .contour img, .wp-block-embed-youtube .wp-block-embed__wrapper > *, .wp-block-embed-vimeo .wp-block-embed__wrapper > *
  {
    position: absolute;

    vertical-align: middle;
  }

.contour > *:not(.linkedin), .contour img, .wp-block-embed-youtube .wp-block-embed__wrapper > *, .wp-block-embed-vimeo .wp-block-embed__wrapper > *
  {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.contour > .linkedin 
  {
    left: 50%; 
    bottom: 0;
    transform: translate(-50%, 40%);
  }

.contour-midden > *
  {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
  }

.contour-midden > .imgliggend {width: 100%;}
.contour-midden > .imgstaand {height: 100%;}

.contour-rond, .contour-rond > * {border-radius: 100%;}

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

  .kop > nav .logo > a
  {
    position: relative; 
    width: 100%; 
    height: 0;
    padding: 0 0 50% 0;
  }

}

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

  .panoramabeeld, #map
  {
    position: relative; 
    width: 100%; 
    height: 0;
  }

  .panoramabeeld {padding: 0 0 40% 0;}
  #map {padding: 0 0 60% 0;}

  .panoramabeeld > *
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
  }

}

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

  .panorama
  {
    position: relative; 
    width: 100%; 
    height: 0;
    padding: 0 0 20% 0;
  }

  .panorama > *
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
  }

}


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

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

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

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

.wp-block-table, tr {width: 100%;}
table, .wp-block-table table, table caption {width: auto;}
tr {display: visible; vertical-align: baseline;}
table caption, th, td {text-align: left;}
th, td, .wp-block-table th, .wp-block-table td {padding: 10px 0 10px 15px;}
th, .wp-block-table th {padding-top: 0;}
tr > *:first-child {padding-left: 0;}
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;}


/* ------- #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'], .is-search-form > label > span {display: none;}

input[type='submit'], input[type='button'], button[type='submit'], .wp-block-search__inside-wrapper button
  {
    cursor: pointer; 
    line-height: 1; 
    padding: 0 10px;
    -webkit-appearance: none; 
    -moz-appearance: none;
  }

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

select 
  {
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; 
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
  }

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

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

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

}

.is-search-form input[type='search'], .is-search-form input[type='submit'] {width: 100%;}
.is-search-form input[type='submit'] {margin: 1em 0 0 0;}

.wpforms-field-container .wpforms-field {margin: 1em 0 0 0;}
.wpforms-field-row > * {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: 2.0em;}

.wpforms-field ul label:before
  {
    left: -2.0em; 
    position: absolute; 
    text-align: left; 
    width: 2.0em;  
    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';}

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

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


/* ------- #groterdan #kleinerdan ------- */

@media only screen and (max-width: 399px) { .blk > .groterdan400, .groterdan400 {display: none;} }
@media only screen and (min-width: 400px) { .blk > .kleinerdan400, .kleinerdan400 {display: none;} }

@media only screen and (max-width: 599px) { .blk > .groterdan600, .groterdan600 {display: none;} }
@media only screen and (min-width: 600px) { .blk > .kleinerdan600, .kleinerdan600 {display: none;} }

@media only screen and (max-width: 699px) { .blk > .groterdan700, .groterdan700 {display: none;} }
@media only screen and (min-width: 700px) { .blk > .kleinerdan700, .kleinerdan700 {display: none;} }

@media only screen and (max-width: 899px) { .blk > .groterdan900, .groterdan900 {display: none;} }
@media only screen and (min-width: 900px) { .blk > .kleinerdan900, .kleinerdan900 {display: none;} }

@media only screen and (max-width: 1099px) { .blk > .groterdan1100, .groterdan1100 {display: none;} }
@media only screen and (min-width: 1100px) { .blk > .kleinerdan1100, .kleinerdan1100 {display: none;} }


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

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

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

#wpadminbar .menupop .ab-sub-wrapper {bottom: 32px;}


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


/* ------- #test ------- */



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

  .testabout {background-color: #fff;}




  .testabout {padding-left: 45px; padding-right: 45px;}

}


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

  .mainabout {transition: transform 1s;}
  .testabout {transition: padding 1s, background-color 0.5s;}

  .mainabout {padding: 0 0 80px 0;}
  .testabout {max-width: 60%;}

}

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

  .testabout {background-color: gold;}
  body.scrolled .testabout {background-color: #fff;}

  .mainabout {transform: translateY(-25vh);}
  body.scrolled .mainabout {transform: translateY(80px);}

  .testabout {padding: 1em 1em 0.5em 1em;}
  body.scrolled .testabout {padding: 0 1em;}

}


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

  .testabout {background-color: crimson; color: #fff;}

  .secabout {height: 0;}
  .testabout {transform: translateY(-100%); padding: 2em 2em 1em 2em;}
  body.scrolled .testabout {padding-bottom: 0;}

  .secabout + * {margin-top: 80px;}

}