/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./node_modules/sass-loader/dist/cjs.js!./style.scss ***!
  \*******************************************************************************************************************************************************************************************************/
/*
CTC Separate Stylesheet
Updated: 2020-05-14 11:08:18
Theme Name: masta59-x-firemultimedia
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: generatepress
Author: FireMultimedia
Author URI: https://www.firemultimedia.nl/
Description: New Rolande wordpress Child theme based on Wordpress TwentyTwenty theme.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,accessibility-ready
Version: 1.0.1589447298
Text Domain: masta59-x-firemultimedia
Domain Path: /languages/
*/
/* Standard SCSS Files */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

:root {
  /* fonts */
  --font-family--base: open-sans, sans-serif;
  --font-family--alt:  rift, sans-serif;
  /* font-weight */
  --font-weight--normal: 400;
  --font-weight--semi-bold: 600;
  --font-weight--bold: 700;
  /* colors */
  --color--base: white;
  --color--01: #001936;
  --color--02: #FFA800;
  --color--03: #EBEDEF;
  --color--04: #FFFFFF80;
  --color--base--transparent: rgba(255,255,255,.25);
  /* Shadow */
  --box-shadow: 0px 5px 20px 0px rgba(0,0,0,.15);
  --box-shadow--small: 0px 2px 10px 0px rgba(0,0,0,.15);
  --text-shadow: 0px 5px 39px rgba(0,0,0,.75);
  /* base units */
  --margin-padding-base: 1rem;
  --container--max-width: 1122px;
  --content--max-width: 950px;
  --gap-base: var(--margin-padding-base);
  /* other variables */
  --transition: all 0.40s ease-in-out;
  --border-radius: 0.3125rem; }

@media screen and (max-width: 1460px) {
  :root {
    --container--padding: calc(var(--margin-padding-base) * 2);
    --margin-padding-base: 0.976vw; } }

@media screen and (max-width: 1280px) {
  :root {
    --container--padding: calc(var(--margin-padding-base) * 3); } }

@media screen and (max-width: 768px) {
  :root {
    --margin-padding-base: 1vh;
    --header-height-base: 1vh; } }

@media screen and (max-width: 480px) {
  :root {
    --margin-padding-base: 1vh;
    --container--padding: calc(var(--margin-padding-base) * 2); } }

body {
  color: var(--color--01); }

p {
  color: var(--color--01);
  margin-bottom: calc(var(--margin-padding-base) * 1.5);
  letter-spacing: -0.01em;
  line-height: 1.75;
  max-width: 900px; }
  p:last-child {
    margin-bottom: 0; }

.has-yellow-background-color i,
.has-yellow-background-color a {
  color: var(--color--01); }

.has-pl {
  padding: calc(var(--margin-padding-base) * 0) calc(var(--margin-padding-base) * 2.5); }

.has-dark-blue-background-color p,
.has-dark-blue-background-color td {
  color: var(--color--base); }

p,
a,
td,
li,
th {
  font-family: var(--font-family--base);
  font-size: 1rem;
  font-weight: 300; }
  @media (min-width: 360px) {
    p,
    a,
    td,
    li,
    th {
      font-size: calc(16px + (18 - 16) * ((100vw - 360px) / (1460 - 360))); } }
  @media (min-width: 1460px) {
    p,
    a,
    td,
    li,
    th {
      font-size: 1.125rem; } }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--font-family--alt);
  color: var(--color--02);
  letter-spacing: -0.03em;
  text-wrap: balance; }
  h1.has-background,
  .h1.has-background,
  h2.has-background,
  .h2.has-background,
  h3.has-background,
  .h3.has-background,
  h4.has-background,
  .h4.has-background,
  h5.has-background,
  .h5.has-background,
  h6.has-background,
  .h6.has-background {
    padding: calc(var(--margin-padding-base) * 1.875) calc(var(--margin-padding-base) * 2.5);
    width: 100%;
    max-width: 620px; }

h1,
.h1,
h2,
.h2 {
  font-size: 2.5rem; }
  @media (min-width: 360px) {
    h1,
    .h1,
    h2,
    .h2 {
      font-size: calc(40px + (72 - 40) * ((100vw - 360px) / (1460 - 360))); } }
  @media (min-width: 1460px) {
    h1,
    .h1,
    h2,
    .h2 {
      font-size: 4.5rem; } }

h3,
.h3 {
  font-size: 2rem;
  padding-bottom: calc(var(--margin-padding-base) * 1); }
  @media (min-width: 360px) {
    h3,
    .h3 {
      font-size: calc(32px + (48 - 32) * ((100vw - 360px) / (1460 - 360))); } }
  @media (min-width: 1460px) {
    h3,
    .h3 {
      font-size: 3rem; } }

strong {
  font-weight: var(--font-weight--bold); }

.site-content ul li {
  position: relative;
  padding-left: calc(var(--margin-padding-base) * 1);
  margin-bottom: calc(var(--margin-padding-base) * 1.5);
  line-height: 1.5; }
  .site-content ul li::before {
    content: '';
    -webkit-mask: url(assets/images/icons/icon--marker.svg) no-repeat center;
            mask: url(assets/images/icons/icon--marker.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    display: block;
    position: absolute;
    -webkit-mask-size: contain;
            mask-size: contain;
    width: 11px;
    height: 11px;
    background-color: var(--color--02);
    left: 0;
    top: 10px;
    transform: translateX(-50%); }

.site-content .has-yellow-background-color ul li::before {
  background-color: currentColor;
  margin-top: -2px; }

.entry-content a {
  text-decoration: underline;
  text-underline-offset: 2px;
  position: relative; }
  .entry-content a:hover {
    transition: var(--transition);
    text-underline-offset: 6px; }

.entry-content > section {
  padding-top: calc(var(--margin-padding-base) * 2.5);
  padding-bottom: calc(var(--margin-padding-base) * 4.6875); }

.title--neg-mt-6 {
  margin-top: calc(var(--margin-padding-base) * -6);
  z-index: 1;
  position: relative; }

.title--neg-mt-15 {
  margin-top: calc(var(--margin-padding-base) * -12);
  z-index: 1;
  position: relative; }

@media screen and (max-width: 1024px) {
  .entry-content > section {
    padding-left: calc(var(--margin-padding-base) * 2);
    padding-right: calc(var(--margin-padding-base) * 2); }
    .entry-content > section#digitaaladverteren {
      padding-left: calc(var(--margin-padding-base) * 2);
      padding-right: calc(var(--margin-padding-base) * 2); }
  .site-content ul li {
    padding-left: calc(var(--margin-padding-base) * 1.5); } }

@media screen and (max-width: 500px) {
  .site-content ul li {
    position: relative;
    padding-left: calc(var(--margin-padding-base) * 1);
    margin-bottom: calc(var(--margin-padding-base) * 1.5);
    line-height: 1.5; }
    .site-content ul li::before {
      content: '';
      -webkit-mask: url(assets/images/icons/icon--marker.svg) no-repeat center;
              mask: url(assets/images/icons/icon--marker.svg) no-repeat center;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      display: block;
      position: absolute;
      -webkit-mask-size: contain;
              mask-size: contain;
      width: 11px;
      height: 11px;
      background-color: var(--color--02);
      left: 0;
      top: 8px;
      transform: translateX(-50%); } }

#digitaaladverteren {
  padding-left: calc(var(--margin-padding-base) * 4.25);
  padding-right: calc(var(--margin-padding-base) * 4.25); }
  #digitaaladverteren .wp-block-image {
    max-height: 709px;
    overflow: hidden;
    display: flex;
    align-items: center; }

.wp-block-tip .wp-block-advertisement {
  margin-right: calc(var(--margin-padding-base) * 1.75); }

.wp-block-arrow {
  position: relative; }
  .wp-block-arrow::after {
    content: '';
    -webkit-mask: url(assets/images/icons/icon--arrow--large.svg) no-repeat center;
            mask: url(assets/images/icons/icon--arrow--large.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    display: block;
    position: absolute;
    -webkit-mask-size: contain;
            mask-size: contain;
    background-color: var(--color--02);
    top: 120px;
    right: -23px;
    width: 1.875rem;
    height: 4rem;
    z-index: 2;
    transform: translateX(-50%); }
    @media (min-width: 360px) {
      .wp-block-arrow::after {
        width: calc(30px + (60 - 30) * ((100vw - 360px) / (1460 - 360))); } }
    @media (min-width: 1460px) {
      .wp-block-arrow::after {
        width: 3.75rem; } }
    @media (min-width: 360px) {
      .wp-block-arrow::after {
        height: calc(64px + (128 - 64) * ((100vw - 360px) / (1460 - 360))); } }
    @media (min-width: 1460px) {
      .wp-block-arrow::after {
        height: 8rem; } }

@media screen and (max-width: 1024px) {
  .wp-block-arrow p.has-pl {
    padding-right: calc(var(--margin-padding-base) * 6); }
  .wp-block-tip .wp-block-advertisement {
    margin-right: calc(var(--margin-padding-base) * 4); } }

@media screen and (max-width: 800px) {
  .wp-block-arrow {
    margin-top: calc(var(--margin-padding-base) * 3.75); }
    .wp-block-arrow p.has-pl {
      padding-right: calc(var(--margin-padding-base) * 8); }
  .wp-block-tip .wp-block-advertisement {
    margin-right: calc(var(--margin-padding-base) * 0);
    margin-bottom: calc(var(--margin-padding-base) * 5); } }

@media screen and (max-width: 480px) {
  .wp-block-arrow p.has-pl {
    padding-right: calc(var(--margin-padding-base) * 6); }
  .wp-block-tip .wp-block-advertisement {
    margin-right: calc(var(--margin-padding-base) * 0);
    margin-bottom: calc(var(--margin-padding-base) * 5); } }

.wp-block-columns.wp-flex {
  gap: calc(var(--margin-padding-base) * 2.25);
  margin-top: calc(var(--margin-padding-base) * 4.9375); }

.wp-block-column {
  padding: calc(var(--margin-padding-base) * 1); }
  .wp-block-column.wp-block-contact {
    border: 3px solid var(--color--base);
    height: 100%;
    border-radius: calc(var(--border-radius) / 2); }

@media screen and (max-width: 1024px) {
  .wp-block-columns.wp-flex {
    gap: calc(var(--margin-padding-base) * 2.25);
    margin-top: calc(var(--margin-padding-base) * 4.9375); } }

@media screen and (max-width: 900px) {
  .wp-block-columns.wp-flex {
    display: flex;
    flex-direction: column;
    gap: calc(var(--margin-padding-base) * 2.25);
    margin-top: calc(var(--margin-padding-base) * 4.9375); } }

.wp-block-table td {
  border: none;
  border-bottom: 1px solid var(--color--base--transparent);
  padding: calc(var(--margin-padding-base) * 1) calc(var(--margin-padding-base) * 0); }

.wp-block-table table {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px solid var(--color--base--transparent); }

.wp-block-table strong {
  text-transform: uppercase; }

@media screen and (max-width: 900px) {
  td,
  tr,
  th {
    display: block;
    width: 100%;
    max-width: unset; }
    td:nth-child(odd),
    tr:nth-child(odd),
    th:nth-child(odd) {
      border: none;
      padding-bottom: 0; } }

.form-send {
  display: flex;
  justify-content: end;
  align-items: end;
  flex-direction: row-reverse;
  padding-top: calc(var(--margin-padding-base) * 0.75); }
  .form-send button,
  .form-send input[type=button],
  .form-send input[type=reset],
  .form-send input[type=submit] {
    border-radius: 30px;
    background-color: var(--color--01);
    text-transform: uppercase;
    font-weight: var(--font-weight--bold);
    font-family: var(--font-family--alt);
    font-size: 1rem;
    transition: var(--transition);
    line-height: 1.125;
    padding-left: calc(var(--margin-padding-base) * 2.5);
    padding-right: calc(var(--margin-padding-base) * 2.5); }
    @media (min-width: 360px) {
      .form-send button,
      .form-send input[type=button],
      .form-send input[type=reset],
      .form-send input[type=submit] {
        font-size: calc(16px + (18 - 16) * ((100vw - 360px) / (1460 - 360))); } }
    @media (min-width: 1460px) {
      .form-send button,
      .form-send input[type=button],
      .form-send input[type=reset],
      .form-send input[type=submit] {
        font-size: 1.125rem; } }
    .form-send button:hover,
    .form-send input[type=button]:hover,
    .form-send input[type=reset]:hover,
    .form-send input[type=submit]:hover {
      color: var(--color--01);
      background-color: var(--color--base);
      box-shadow: var(--box-shadow); }

.form__row {
  display: flex;
  gap: calc(var(--margin-padding-base) * 1); }

#contact .recaptcha_form {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  #contact .recaptcha_form p,
  #contact .recaptcha_form a {
    font-size: small; }

input[type=submit] {
  width: auto; }

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  width: 100%;
  border: none;
  border-radius: calc(var(--border-radius) / 2); }

label {
  display: block;
  font-size: 1rem;
  font-weight: var(--font-weight--bold);
  color: var(--color--01);
  text-transform: uppercase;
  font-family: var(--font-family--alt);
  padding: calc(var(--margin-padding-base) * 0.5) calc(var(--margin-padding-base) * 0); }
  @media (min-width: 360px) {
    label {
      font-size: calc(16px + (18 - 16) * ((100vw - 360px) / (1460 - 360))); } }
  @media (min-width: 1460px) {
    label {
      font-size: 1.125rem; } }

p i.icon.icon--call {
  position: relative;
  padding-left: calc(var(--margin-padding-base) * 1.5); }
  p i.icon.icon--call::before {
    content: '';
    -webkit-mask: url(assets/images/icons/icon--phone.svg) no-repeat center;
            mask: url(assets/images/icons/icon--phone.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    display: block;
    position: absolute;
    -webkit-mask-size: contain;
            mask-size: contain;
    width: 16px;
    height: 16px;
    background-color: var(--color--base);
    left: 10px;
    top: 3px;
    transform: translateX(-50%); }

p i.icon.icon--mail {
  position: relative;
  padding-left: calc(var(--margin-padding-base) * 1.5); }
  p i.icon.icon--mail::before {
    content: '';
    -webkit-mask: url(assets/images/icons/icon--mail.svg) no-repeat center;
            mask: url(assets/images/icons/icon--mail.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    display: block;
    position: absolute;
    -webkit-mask-size: contain;
            mask-size: contain;
    width: 16px;
    height: 16px;
    background-color: var(--color--base);
    left: 10px;
    top: 6px;
    transform: translateX(-50%); }

#contact p {
  font-size: 1rem;
  margin-bottom: 0; }
  @media (min-width: 360px) {
    #contact p {
      font-size: calc(16px + (18 - 16) * ((100vw - 360px) / (1460 - 360))); } }
  @media (min-width: 1460px) {
    #contact p {
      font-size: 1.125rem; } }
  #contact p + p {
    margin-bottom: calc(var(--margin-padding-base) * 1.875); }

.wpcf7-not-valid-tip {
  padding-top: calc(var(--margin-padding-base) * 1);
  padding-bottom: calc(var(--margin-padding-base) * 1);
  background-color: red;
  color: var(--color--base);
  border-radius: calc(var(--border-radius) * 1);
  padding: calc(var(--margin-padding-base) * 0.5);
  margin-top: calc(var(--margin-padding-base) * 0.5);
  font-family: var(--font-family--alt); }

.wpcf7 form.invalid .wpcf7-response-output {
  border-color: red;
  background-color: red;
  color: var(--color--base);
  border-radius: calc(var(--border-radius) * 1);
  padding: calc(var(--margin-padding-base) * 0.5);
  margin: 0;
  margin-top: calc(var(--margin-padding-base) * 0.5);
  font-family: var(--font-family--alt); }

label[for=looptijd_campagne] {
  margin-top: 0.5rem; }

.wpcf7-radio .wpcf7-list-item {
  margin-left: 0;
  margin-right: calc(var(--margin-padding-base) * 1); }
  .wpcf7-radio .wpcf7-list-item label {
    font-weight: var(--font-weight--normal);
    text-transform: lowercase;
    font-family: var(--font-family--base);
    font-size: 1rem;
    padding-top: calc(var(--margin-padding-base) * 0.25); }

.wpcf7 form .wpcf7-response-output {
  background-color: #46b450;
  color: var(--color--base);
  border-radius: calc(var(--border-radius) * 1);
  padding: calc(var(--margin-padding-base) * 0.5);
  margin: 0;
  margin-top: calc(var(--margin-padding-base) * 0.5);
  font-family: var(--font-family--alt); }

.wpcf7-form.sent div {
  display: none; }

.wpcf7-form.sent .wpcf7-response-output {
  display: block; }

@media screen and (max-width: 1400px) {
  p i.icon a {
    margin-left: calc(var(--margin-padding-base) * 0.5); }
  p i.icon a {
    margin-left: calc(var(--margin-padding-base) * 0.5); } }

@media screen and (max-width: 900px) {
  .wp-block-contact {
    margin-top: calc(var(--margin-padding-base) * 2); } }

@media screen and (max-width: 800px) {
  .form__row {
    gap: calc(var(--margin-padding-base) * 0);
    flex-direction: column; }
    .form__row.form__recaptha_send {
      flex-direction: column-reverse; }
  p i.icon a {
    margin-left: calc(var(--margin-padding-base) * 1.5); }
  p i.icon a {
    margin-left: calc(var(--margin-padding-base) * 1.5); } }

@media screen and (max-width: 500px) {
  .form-send {
    flex-direction: column;
    align-items: center; }
    .form-send button,
    .form-send input[type=button],
    .form-send input[type=reset],
    .form-send input[type=submit] {
      width: 100%; } }

.wp-block-file a {
  position: relative;
  background-color: var(--color--04);
  width: 100%;
  padding: calc(var(--margin-padding-base) * 1) calc(var(--margin-padding-base) * 3);
  font-size: 1rem;
  font-style: italic;
  display: block;
  border-radius: calc(var(--border-radius) * 1);
  color: var(--color--01); }
  .wp-block-file a[href$=".pdf"]::before {
    content: '';
    background: url(assets/images/icons/icon--file--pdf.svg) no-repeat center;
    display: block;
    position: absolute;
    background-size: contain;
    width: 22px;
    height: 27px;
    left: 27px;
    top: 10px;
    transform: translateX(-50%); }
  .wp-block-file a:hover {
    text-decoration: underline; }

@media screen and (max-width: 1400px) {
  .wp-block-file a {
    padding-left: calc(var(--margin-padding-base) * 3); }
    .wp-block-file a[href$=".pdf"]::before {
      width: 22px;
      height: 22px;
      left: 20px;
      top: 8px; } }

@media screen and (max-width: 1024px) {
  .wp-block-file a {
    padding-left: calc(var(--margin-padding-base) * 5); }
    .wp-block-file a[href$=".pdf"]::before {
      width: 22px;
      height: 22px;
      left: 20px;
      top: 6px; } }

@media screen and (max-width: 480px) {
  .wp-block-file a {
    padding-left: calc(var(--margin-padding-base) * 5); }
    .wp-block-file a[href$=".pdf"]::before {
      width: 22px;
      height: 22px;
      left: 20px;
      top: 15px; } }

.wp-block-group .has-background {
  padding: calc(var(--margin-padding-base) * 1);
  border-radius: calc(var(--border-radius) * 1.5); }

.wp-block-group .has-yellow-background-color h2 {
  padding-bottom: calc(var(--margin-padding-base) * 1.5); }

.wp-block-group .has-yellow-background-color .wp-block-column {
  padding: calc(var(--margin-padding-base) * 0);
  padding-right: calc(var(--margin-padding-base) * 2); }
  .wp-block-group .has-yellow-background-color .wp-block-column.wp-block-contact {
    padding: calc(var(--margin-padding-base) * 2); }
    .wp-block-group .has-yellow-background-color .wp-block-column.wp-block-contact h4 {
      color: var(--color--01);
      padding-bottom: 0;
      font-size: 1rem; }
      @media (min-width: 360px) {
        .wp-block-group .has-yellow-background-color .wp-block-column.wp-block-contact h4 {
          font-size: calc(16px + (32 - 16) * ((100vw - 360px) / (1460 - 360))); } }
      @media (min-width: 1460px) {
        .wp-block-group .has-yellow-background-color .wp-block-column.wp-block-contact h4 {
          font-size: 2rem; } }
    .wp-block-group .has-yellow-background-color .wp-block-column.wp-block-contact p {
      margin-top: calc(var(--margin-padding-base) * 0.5); }

.wp-block-group h1.has-background,
.wp-block-group h2.has-background {
  padding: calc(var(--margin-padding-base) * 1.875) calc(var(--margin-padding-base) * 2.5);
  border-radius: calc(var(--border-radius) * 0); }

@media screen and (max-width: 900px) {
  .wp-block-group .has-background {
    padding: calc(var(--margin-padding-base) * 3); } }

@media screen and (max-width: 780px) {
  .wp-block-group .has-background .wp-block-column {
    padding-right: calc(var(--margin-padding-base) * 0); } }

.entry-content .wp-block-button__link {
  border-radius: 30px;
  background-color: var(--color--01);
  text-transform: uppercase;
  font-weight: var(--font-weight--bold);
  font-family: var(--font-family--alt);
  font-size: 1rem;
  transition: var(--transition);
  line-height: 1.125;
  padding-left: calc(var(--margin-padding-base) * 2.5);
  padding-right: calc(var(--margin-padding-base) * 2.5);
  color: var(--color--base);
  text-decoration: none; }
  @media (min-width: 360px) {
    .entry-content .wp-block-button__link {
      font-size: calc(16px + (18 - 16) * ((100vw - 360px) / (1460 - 360))); } }
  @media (min-width: 1460px) {
    .entry-content .wp-block-button__link {
      font-size: 1.125rem; } }
  .entry-content .wp-block-button__link:hover {
    color: var(--color--01);
    background-color: var(--color--02);
    box-shadow: var(--box-shadow); }

.entry-content .has-dark-blue-background-color .wp-block-button__link {
  background: var(--color--02);
  margin: calc(var(--margin-padding-base)* 0) calc(var(--margin-padding-base)* 2.5); }
  .entry-content .has-dark-blue-background-color .wp-block-button__link:hover {
    background-color: var(--color--base);
    box-shadow: var(--box-shadow); }

section#facts h2 {
  padding-bottom: calc(var(--margin-padding-base)* 1); }

section#aanleverspecificaties h2 {
  padding-bottom: calc(var(--margin-padding-base) * 1.25); }

section#aanleverspecificaties h3 {
  padding-bottom: calc(var(--margin-padding-base) * .75); }
  section#aanleverspecificaties h3 + ul {
    margin-top: calc(var(--margin-padding-base) * .75); }

section.section--image {
  padding-top: 0; }

@media screen and (max-width: 600px) {
  section.section--image {
    margin-top: calc(var(--margin-padding-base) * 7); }
  section#digitaaladverteren.section--image {
    margin-top: calc(var(--margin-padding-base) * 0); } }

.main-navigation .main-nav ul li a {
  font-weight: var(--font-weight--bold);
  font-size: 1.25rem;
  font-family: var(--font-family--alt);
  line-height: 1;
  text-transform: uppercase;
  padding: var(--margin-padding-base) calc(var(--margin-padding-base) * 1.1875);
  position: relative; }
  @media (min-width: 360px) {
    .main-navigation .main-nav ul li a {
      font-size: calc(20px + (20 - 20) * ((100vw - 360px) / (1460 - 360))); } }
  @media (min-width: 1460px) {
    .main-navigation .main-nav ul li a {
      font-size: 1.25rem; } }
  .main-navigation .main-nav ul li a::before {
    transition: var(--transition);
    content: '';
    background: currentColor;
    width: calc(100% - ((var(--margin-padding-base) * 1.1875) * 2));
    position: absolute;
    bottom: 0;
    left: calc(var(--margin-padding-base) * 1.1875);
    height: 0;
    top: auto; }
  .main-navigation .main-nav ul li a:hover::before {
    height: .125rem;
    bottom: calc(var(--margin-padding-base) - .375rem); }

.main-navigation.toggled .main-nav ul {
  display: flex; }
  .main-navigation.toggled .main-nav ul li {
    width: unset; }

.has-inline-mobile-toggle #site-navigation.toggled {
  margin-top: 0; }

@media screen and (max-width: 1640px) {
  .main-navigation .main-nav {
    padding-right: 2rem; }
    .main-navigation .main-nav ul li a {
      padding: var(--margin-padding-base); }
      .main-navigation .main-nav ul li a::before {
        width: calc(100% - (var(--margin-padding-base) * 2));
        left: var(--margin-padding-base); } }

@media screen and (max-width: 800px) {
  .menu-toggle,
  .mobile-bar-items,
  .sidebar-nav-mobile,
  .mobile-menu-control-wrapper {
    display: flex; }
  .main-navigation.toggled .main-nav li {
    padding-bottom: 0.5rem; }
  .menu-toggle {
    line-height: 1;
    padding: calc(var(--margin-padding-base) * 2);
    padding-right: 2rem; }
    .menu-toggle .mobile-menu {
      display: none; }
    .menu-toggle::after {
      content: 'menu';
      display: block;
      text-transform: uppercase;
      font-family: var(--font-family--alt);
      color: var(--color--02);
      font-weight: var(--font-weight--semi-bold);
      padding-left: calc(var(--margin-padding-base) / 2); }
    .menu-toggle .gp-icon svg {
      transform: translateY(-0.075rem);
      color: var(--color--02); }
    .menu-toggle[aria-expanded="true"]::after {
      content: 'sluit';
      color: var(--color--02);
      text-transform: uppercase;
      font-family: var(--font-family--alt); }
  .main-navigation {
    z-index: 2; }
    .main-navigation.sub-menu-right {
      position: fixed;
      z-index: 3;
      height: 100vh;
      transform: translateY(-100vh);
      right: 0;
      transition: var(--transition);
      background: var(--color--01);
      margin-top: 0;
      top: 0;
      bottom: 0;
      left: auto;
      width: auto;
      width: 100vw;
      box-shadow: var(--box-shadow);
      padding: 0;
      opacity: 0; }
      .main-navigation.sub-menu-right.toggled {
        transform: translateY(0);
        opacity: 1; }
      .main-navigation.sub-menu-right .menu-toggle {
        justify-content: flex-end;
        padding: calc(var(--margin-padding-base) * 4) calc(var(--margin-padding-base) * 3); }
      .main-navigation.sub-menu-right.main-navigation .inside-navigation {
        padding: 0; }
      .main-navigation.sub-menu-right.main-navigation .main-nav {
        display: flex;
        padding: calc(var(--margin-padding-base) * 3);
        width: 100%;
        border-top: 2px solid var(--color--03);
        justify-content: center;
        align-items: center; }
        .main-navigation.sub-menu-right.main-navigation .main-nav ul {
          display: block;
          position: relative;
          visibility: visible;
          height: auto;
          left: auto;
          right: auto;
          opacity: 1;
          border: none;
          margin-top: var(--margin-padding-base); }
          .main-navigation.sub-menu-right.main-navigation .main-nav ul li::after {
            display: none; }
      .main-navigation.sub-menu-right button.menu-toggle {
        padding-right: calc(var(--margin-padding-base) * 2); }
    .main-navigation ul ul {
      pointer-events: unset; }
  .has-inline-mobile-toggle #site-navigation.toggled {
    margin-top: 0; } }

@media screen and (max-width: 480px) {
  .main-navigation.sub-menu-right {
    max-width: 100vw; } }

.error404 .inside-article {
  height: 100%;
  min-height: calc( 100vh - 176px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .error404 .inside-article .entry-header {
    display: flex;
    text-align: center; }

/* Basic wordpress overrides and extensions */
body {
  --wp--preset--color--black: #000000;
  --wp--preset--color--white: var(--color--base);
  --wp--preset--color--dark-blue: var(--color--01);
  --wp--preset--color--yellow: var(--color--02);
  --wp--preset--color--grey: var(--color--03);
  --wp--preset--font-size--small: 0.875rem;
  --wp--preset--font-size--medium: 1rem;
  --wp--preset--font-size--large: 1.125rem;
  --wp--preset--font-size--x-large: 1.25rem;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
  --wp--style--global--content-size: var(--container--max-width);
  --wp--style--global--wide-size: 100%; }

/* alignment */
.has-text-align-center {
  margin-left: auto;
  margin-right: auto; }

/* layout display options */
.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.is-layout-constrained {
  max-width: var(--container--max-width);
  margin-left: auto;
  margin-right: auto; }

.has {
  /* Wordpress Color classes */
  /* Custom classes */ }
  .has-black-color {
    color: var(--wp--preset--color--black); }
  .has-black-background-color {
    background-color: var(--wp--preset--color--black); }
  .has-black-border-color {
    border-color: var(--wp--preset--color--black); }
  .has-white-color {
    color: var(--wp--preset--color--white); }
  .has-white-background-color {
    background-color: var(--wp--preset--color--white); }
  .has-white-border-color {
    border-color: var(--wp--preset--color--white); }
  .has-dark-blue-color {
    color: var(--wp--preset--color--dark-blue); }
  .has-dark-blue-background-color {
    background-color: var(--wp--preset--color--dark-blue); }
  .has-dark-blue-border-color {
    border-color: var(--wp--preset--color--dark-blue); }
  .has-yellow-color {
    color: var(--wp--preset--color--yellow); }
  .has-yellow-background-color {
    background-color: var(--wp--preset--color--yellow); }
  .has-yellow-border-color {
    border-color: var(--wp--preset--color--yellow); }
  .has-grey-color {
    color: var(--wp--preset--color--grey); }
  .has-grey-background-color {
    background-color: var(--wp--preset--color--grey); }
  .has-grey-border-color {
    border-color: var(--wp--preset--color--grey); }
  .has-max-content-width {
    max-width: var(--content--max-width);
    margin-left: auto;
    margin-right: auto; }
  .has-columns-2 {
    -moz-columns: 2;
         columns: 2; }
  .has-columns-3 {
    -moz-columns: 3;
         columns: 3; }
  .has-columns-4 {
    -moz-columns: 4;
         columns: 4; }

p.has,
li.has,
em.has,
strong.has,
span.has {
  /* Wordpress Font-size classes */ }
  p.has-small-font-size,
  li.has-small-font-size,
  em.has-small-font-size,
  strong.has-small-font-size,
  span.has-small-font-size {
    font-size: var(--wp--preset--font-size--small); }
  p.has-medium-font-size,
  li.has-medium-font-size,
  em.has-medium-font-size,
  strong.has-medium-font-size,
  span.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium); }
  p.has-large-font-size,
  li.has-large-font-size,
  em.has-large-font-size,
  strong.has-large-font-size,
  span.has-large-font-size {
    font-size: var(--wp--preset--font-size--large); }
  p.has-x-large-font-size,
  li.has-x-large-font-size,
  em.has-x-large-font-size,
  strong.has-x-large-font-size,
  span.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large); }

@media screen and (max-width: 600px) {
  .has-columns-2, .has-columns-3, .has-columns-4 {
    -moz-columns: 2;
         columns: 2; } }

/* GeneratePress Parent theme style overrides */
.grid-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0; }

.site-content {
  display: block; }

.entry-content:not(:first-child),
.entry-summary:not(:first-child),
.page-content:not(:first-child) {
  margin-top: inherit; }

.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation {
  padding: 0; }

.separate-containers .site-main {
  margin: 0; }

.no-sidebar .entry-content .alignfull {
  margin-left: unset;
  margin-right: unset; }

/* Theme styles */
.site-branding {
  display: none; }

.site-header {
  background-color: var(--color--01); }
  .site-header .grid-container {
    max-width: var(--container--max-width);
    flex-direction: row; }

.menu-item a {
  color: var(--color--02); }

.menu-item a:hover {
  color: var(--color--base); }

.site-footer {
  background-color: var(--color--01); }
  .site-footer .footer-container {
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: var(--container--max-width); }
    .site-footer .footer-container p,
    .site-footer .footer-container a,
    .site-footer .footer-container li {
      color: var(--color--base);
      padding: calc(var(--margin-padding-base) * 1);
      margin-bottom: 0;
      font-size: 0.875rem; }
      @media (min-width: 360px) {
        .site-footer .footer-container p,
        .site-footer .footer-container a,
        .site-footer .footer-container li {
          font-size: calc(14px + (16 - 14) * ((100vw - 360px) / (1460 - 360))); } }
      @media (min-width: 1460px) {
        .site-footer .footer-container p,
        .site-footer .footer-container a,
        .site-footer .footer-container li {
          font-size: 1rem; } }
    .site-footer .footer-container ul {
      display: flex;
      justify-content: space-between;
      margin-left: calc(var(--margin-padding-base) * 10);
      font-size: 0.875rem; }
      @media (min-width: 360px) {
        .site-footer .footer-container ul {
          font-size: calc(14px + (16 - 14) * ((100vw - 360px) / (1460 - 360))); } }
      @media (min-width: 1460px) {
        .site-footer .footer-container ul {
          font-size: 1rem; } }

@media screen and (max-width: 600px) {
  .site-footer .footer-container {
    display: flex;
    flex-direction: column;
    text-align: center; }
    .site-footer .footer-container ul {
      margin-left: calc(var(--margin-padding-base) * 0);
      display: flex;
      flex-direction: column; } }


/*# sourceMappingURL=style.css.map*/