/*! required to keep these comments in the stylesheet for production
Theme Name: Starchild
Author: Boris Hoekmeijer
Author URI: https://borishoekmeijer.nl
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starchild
Template: astra
*/
/* chapters
-----------------------------------------------------------------------*/
/* 0.00 SASS variables
-------------------------------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: "ITC Kabel LT Book";
  src: url("webfonts/a6b06aa0334aa48d37d92ea7a1cc19c2.eot");
  src: url("webfonts/a6b06aa0334aa48d37d92ea7a1cc19c2.eot?#iefix") format("embedded-opentype"), url("webfonts/a6b06aa0334aa48d37d92ea7a1cc19c2.woff") format("woff"), url("webfonts/a6b06aa0334aa48d37d92ea7a1cc19c2.woff2") format("woff2"), url("webfonts/a6b06aa0334aa48d37d92ea7a1cc19c2.ttf") format("truetype"), url("webfonts/a6b06aa0334aa48d37d92ea7a1cc19c2.svg#ITC Kabel LT Book") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* clearfix hack */ /* to use: @include clearfix(); */
/* Generic
-----------------------------------------------------------------------*/
.btn_grad, #ast-mobile-popup-wrapper .ast-mobile-popup-drawer.active .ast-mobile-popup-inner,
.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
  background-image: -webkit-gradient(linear, left top, right top, from(#314e53), color-stop(50%, #27282a));
  background-image: linear-gradient(to right, #314e53 0%, #27282a 50%);
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-size: 180% auto;
  color: white;
  -webkit-box-shadow: 0 0 20px #eee;
          box-shadow: 0 0 20px #eee;
  display: block;
}

.buttonBG, #page .checkout-button:hover, #page .checkout-button:focus, #page .checkout-button:active,
#page a.wp-block-button__link:hover,
#page a.wp-block-button__link:focus,
#page a.wp-block-button__link:active,
#page .ast-button:hover,
#page .ast-button:focus,
#page .ast-button:active,
#page a.wp-block-file__button:hover,
#page a.wp-block-file__button:focus,
#page a.wp-block-file__button:active,
#page a.search-filter-reset:hover,
#page a.search-filter-reset:focus,
#page a.search-filter-reset:active,
#page button:not(.menu-toggle-close):hover,
#page button:not(.menu-toggle-close):focus,
#page button:not(.menu-toggle-close):active,
#page input[type=submit]:hover,
#page input[type=submit]:focus,
#page input[type=submit]:active,
#page input[type=button]:hover,
#page input[type=button]:focus,
#page input[type=button]:active,
#page input[type=reset]:hover,
#page input[type=reset]:focus,
#page input[type=reset]:active,
#page a.button:hover,
#page a.button:focus,
#page a.button:active,
#page a.comment-reply-link:hover,
#page a.comment-reply-link:focus,
#page a.comment-reply-link:active,
#page #commentform #submit:hover,
#page #commentform #submit:focus,
#page #commentform #submit:active,
#page .submit:hover,
#page .submit:focus,
#page .submit:active,
#page input.button:hover,
#page input.button:focus,
#page input.button:active, #page button.button:hover, #page button.button:focus, #page button.button:active,
#page a.button.alt:hover,
#page a.button.alt:focus,
#page a.button.alt:active,
#page a.comment-reply-link.alt:hover,
#page a.comment-reply-link.alt:focus,
#page a.comment-reply-link.alt:active,
#page #commentform #submit.alt:hover,
#page #commentform #submit.alt:focus,
#page #commentform #submit.alt:active,
#page .submit.alt:hover,
#page .submit.alt:focus,
#page .submit.alt:active,
#page input[type=submit].alt:hover,
#page input[type=submit].alt:focus,
#page input[type=submit].alt:active,
#page input.button.alt:hover,
#page input.button.alt:focus,
#page input.button.alt:active,
#page button.button.alt:hover,
#page button.button.alt:focus,
#page button.button.alt:active, #page .checkout-button,
#page a.wp-block-button__link,
#page .ast-button,
#page a.wp-block-file__button,
#page a.search-filter-reset,
#page button:not(.menu-toggle-close),
#page input[type=submit],
#page input[type=button],
#page input[type=reset],
#page a.button,
#page a.comment-reply-link,
#page #commentform #submit,
#page .submit,
#page input.button, #page button.button,
#page a.button.alt,
#page a.comment-reply-link.alt,
#page #commentform #submit.alt,
#page .submit.alt,
#page input[type=submit].alt,
#page input.button.alt,
#page button.button.alt, body button#seopress-user-consent-close:hover, body button#seopress-user-consent-close:focus, body button#seopress-user-consent-close:active,
body .seopress-user-consent button:hover,
body .seopress-user-consent button:focus,
body .seopress-user-consent button:active, body button#seopress-user-consent-close,
body .seopress-user-consent button, body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap:hover, body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap:focus, body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap:active, body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap, .tiles_trainingen .tile_training a:hover,
.tiles_trainingen .tile_klant a:hover,
.tiles_trainingen .tile_contact a:hover,
.tiles_klanten .tile_training a:hover,
.tiles_klanten .tile_klant a:hover,
.tiles_klanten .tile_contact a:hover,
.tiles_contactinfo .tile_training a:hover,
.tiles_contactinfo .tile_klant a:hover,
.tiles_contactinfo .tile_contact a:hover, .tiles_trainingen .tile_training a,
.tiles_trainingen .tile_klant a,
.tiles_trainingen .tile_contact a,
.tiles_klanten .tile_training a,
.tiles_klanten .tile_klant a,
.tiles_klanten .tile_contact a,
.tiles_contactinfo .tile_training a,
.tiles_contactinfo .tile_klant a,
.tiles_contactinfo .tile_contact a, #ast-scroll-top:hover, #ast-scroll-top:focus, #ast-scroll-top:active, #ast-scroll-top {
  background: -webkit-gradient(linear, left top, right top, from(#005ae1), to(#00b4ff)) var(--x, 0)/150%;
  background: linear-gradient(90deg, #005ae1, #00b4ff) var(--x, 0)/150%;
}

/* 0.03  Normalize
-----------------------------------------------------------------------*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

::-moz-selection {
  background: #27282a;
  color: #FFF;
  text-shadow: none;
}

::selection {
  background: #27282a;
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #27282a;
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #27282a;
  color: #FFF;
  text-shadow: none;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.wp-block-image {
  margin: 0 0 1rem 0;
}

figcaption {
  color: #777;
  font-style: italic;
  font-size: 90%;
}

/* Force  Safari selector styling to adjust to website design */
select {
  -webkit-appearance: none;
}

/* 0.04 WordPress core
-----------------------------------------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* 0.03  Basic text stuff
-----------------------------------------------------------------------*/
html {
  font-size: 100%;
  font-size: 16px;
}

body {
  font: 400 1em/1.6 "Noto Sans", Helvetica, Arial, sans-serif;
  color: #27282a;
}

a {
  color: #005ae1;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 1em;
}
a:focus, a:hover, a:active {
  color: #00b4ff;
  cursor: pointer;
  outline: 0;
}

.site-content a {
  color: #005ae1;
  font-weight: 300;
  font-size: 1.1em;
}
.site-content a:focus, .site-content a:hover, .site-content a:active {
  color: #00b4ff;
}

input {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

input:focus {
  outline: 0;
  border: 1px solid #27282a;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
h1, h2, h3, h4, h5, h6 {
  font-family: "ITC Kabel LT Book", Helvetica, Arial, sans-serif;
  color: #353535;
}

body h1,
body h1.entry-title,
body .entry-content h1 {
  font-size: 4em;
  font-weight: 900;
  margin-bottom: 2rem;
  letter-spacing: 0.5px;
}
body h2,
body .entry-content h2 {
  font-size: 3em;
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-weight: bold;
  font-weight: 900;
}
body h3,
body .entry-content h3 {
  font-size: 2.5em;
  margin-bottom: 1.5rem;
  font-weight: bold;
}
body h4,
body .entry-content h4 {
  font-size: 2em;
  margin-bottom: 1rem;
  font-weight: bold;
  margin-top: 1.5rem;
}
body h5,
body .entry-content h5 {
  font-size: 1.7em;
  margin-bottom: 1rem;
  font-weight: bold;
}
body h6,
body .entry-content h6 {
  font-size: 1.4em;
  margin-bottom: 1rem;
  font-weight: bold;
}
body p,
body .entry-content p {
  font-size: 1.2em;
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 1rem;
}
body .entry-content td,
body .entry-content li {
  font-size: 1.2em;
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 1rem;
}

ul, table {
  margin: 0;
}

.entry-content ul,
.entry-content > ul {
  margin-bottom: 1rem;
  margin-left: 1rem;
}

/* 1.01 Fonts & Icons & Variables
------------------------------------------------------------------------------------------------------*/
/* 1.02  Structure - GENERAL
------------------------------------------------------------------------------------------------------*/
body #page {
  height: 100vh;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body,
.ast-separate-container {
  background-color: #fff;
}

body .ast-container {
  max-width: 100%;
  width: 100%;
  padding: 0;
}
body .site-content .ast-container {
  display: block !important;
}

body .site-footer {
  background: #27282a;
  max-width: 2560px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 4rem 2rem;
}
body .site-footer:before {
  position: absolute;
  content: " ";
  display: block;
  left: 0;
  top: -70px;
  width: 100%;
  height: 80px;
  z-index: 2;
  background-image: url("img/waves/wave-donkergrijs-8.svg");
  background-size: 100% 130%;
}

body.page-ervaringen .site-footer:before,
body.page-coaching .site-footer:before {
  background-image: url("img/waves/wave-donkergrijs-4.svg");
}

body.page-training .site-footer:before {
  background-image: url("img/waves/wave-donkergrijs-1.svg");
}

body.page-klanten .site-footer:before,
body.page-contact .site-footer:before {
  background-image: url("img/waves/wave-donkergrijs-9.svg");
}

body.page-wie .site-footer:before {
  background-image: url("img/waves/wave-donkergrijs-8.svg");
}

/* 1.11  Content: Global
------------------------------------------------------------------------------------------------------*/
body.ast-separate-container #primary {
  padding-left: 1rem;
  padding-right: 1rem;
}

body .site-content {
  position: relative;
  top: -139px;
  margin-bottom: -139px;
}

.ast-separate-container article,
.ast-separate-container .page,
.ast-separate-container .ast-article-single {
  padding: 0;
}

body #page .site-content #primary .entry-content {
  margin: 0 auto;
}

.entry-header {
  padding: 0 !important;
}

body.page-template-page-full-width h2, body.page-template-page-full-width h3, body.page-template-page-full-width h4, body.page-template-page-full-width h5, body.page-template-page-full-width h6, body.page-template-page-full-width p, body.page-template-page-full-width ul {
  margin-left: auto;
  margin-right: auto;
}

.uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left !important;
}

.attention-border {
  border: 1px solid #005ae1;
  padding: 2rem;
}
.attention-border ul li {
  text-align: left;
  text-indent: 0;
  margin-left: 1.5em;
  margin-bottom: 3px;
}

.ast-loader > div {
  background-color: #1da000;
}

#zip-ai-sidebar {
  display: none;
}

figcaption {
  font-style: normal;
  color: #27282a;
  font-size: 15px;
}

body .entry-content img {
  border-radius: 5px;
  -webkit-box-shadow: 0px 30px 60px -30px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 30px 60px -30px rgba(0, 0, 0, 0.45);
}

/*.ast-post-social-sharing { 
    display:block; 
    float:left;
    width:100%;
    margin-top:3rem;

    h3.ast-social-sharing-heading { 
        float:left; 
        display:block; 
        font-size:18px; 
    }

    .ast-social-inner-wrap { float:right; display:block;  }

    .ast-social-element { 
        width:36px; 
        height:36px; 
        padding:0.5rem;
        @include borderradius; 

        svg { fill:white; }
    }

    .ast-facebook-social-item   { background:$facebook; }
    .ast-twitter-social-item    { background:$twitter; }
    .ast-pinterest-social-item  { background:$pinterest; }
    .ast-linkedin-social-item   { background:$linkedin; }

    .ast-social-icon-a:hover { opacity:0.6; }
}*/
/* 1.03  Header
------------------------------------------------------------------------------------------------------*/
body .site-header-section > * {
  padding: 0;
}

.site-header {
  width: 100%;
  max-width: 2560px;
  margin: 0 auto !important;
}
.site-header > div {
  padding: 2rem 2rem;
}
.site-header .ast-primary-header-bar {
  background: none !important;
  border: none !important;
}

body.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
  padding: 0 !important;
}

/* 1.05  Navigation
------------------------------------------------------------------------------------------------------*/
.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #27282a !important;
  border: none;
}
.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:hover, .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:focus, .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:active {
  color: #eee !important;
}
.ast-builder-menu-1 .main-header-menu > .menu-item.current-menu-item > .menu-link {
  color: pink !important;
}
.ast-builder-menu-1 .main-header-menu > .menu-item.current-menu-item > .menu-link:hover, .ast-builder-menu-1 .main-header-menu > .menu-item.current-menu-item > .menu-link:focus, .ast-builder-menu-1 .main-header-menu > .menu-item.current-menu-item > .menu-link:active {
  color: #eee !important;
}

/* 1.06  Navigation Mobile
------------------------------------------------------------------------------------------------------*/
#page [data-section=section-header-mobile-trigger] .ast-button-wrap button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-fill {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
#page [data-section=section-header-mobile-trigger] .ast-button-wrap button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-fill .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: #fff;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  height: 50px;
  width: 50px;
}
#page [data-section=section-header-mobile-trigger] .ast-button-wrap button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-fill:hover .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: #27282a;
}

#ast-mobile-popup-wrapper .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
  max-width: 80%;
  width: 100%;
  min-width: 300px;
}

.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
  max-width: 42%;
  width: 100%;
}

#ast-mobile-popup-wrapper .ast-mobile-popup-drawer.active .ast-mobile-popup-inner,
.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
  padding: 2rem;
  border-right-width: 4px;
  border-right-style: solid;
  -o-border-image: linear-gradient(to bottom, #27282a, #0aa0a4, #27282a) 1;
     border-image: -webkit-gradient(linear, left top, left bottom, from(#27282a), color-stop(#0aa0a4), to(#27282a)) 1;
     border-image: linear-gradient(to bottom, #27282a, #0aa0a4, #27282a) 1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#ast-mobile-popup-wrapper .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-mobile-popup-header,
.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-mobile-popup-header {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 2rem;
}
#ast-mobile-popup-wrapper .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-mobile-popup-header button#menu-toggle-close,
.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-mobile-popup-header button#menu-toggle-close {
  font-size: 2em;
}
#ast-mobile-popup-wrapper .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-mobile-popup-header button#menu-toggle-close .ahfb-svg-iconset svg,
.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-mobile-popup-header button#menu-toggle-close .ahfb-svg-iconset svg {
  fill: #fff;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 50px;
  height: 50px;
}
#ast-mobile-popup-wrapper .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-mobile-popup-header button#menu-toggle-close:hover .ahfb-svg-iconset svg,
.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-mobile-popup-header button#menu-toggle-close:hover .ahfb-svg-iconset svg {
  fill: #7fb3b4;
}
#ast-mobile-popup-wrapper .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-mobile-popup-header,
#ast-mobile-popup-wrapper .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-builder-menu-mobile,
.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-mobile-popup-header,
.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner .ast-builder-menu-mobile {
  max-width: 600px;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
  background: none;
  border: none;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item > .menu-link {
  color: #d9e8e8;
  border: none !important;
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  background: none !important;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.wpml-ls-item:nth-last-child(2),
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item.wpml-ls-item:nth-last-child(2) {
  margin-top: 2rem;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item:hover > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item:hover > .menu-link {
  background: none;
  color: #0aa0a4;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.wpml-ls-current-language > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item.wpml-ls-current-language > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link {
  color: #0aa0a4;
  border: none;
  background: none;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.wpml-ls-current-language > .menu-link:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.wpml-ls-current-language > .menu-link:focus, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.wpml-ls-current-language > .menu-link:active,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.current-menu-item > .menu-link:hover,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.current-menu-item > .menu-link:focus,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.current-menu-item > .menu-link:active,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item.wpml-ls-current-language > .menu-link:hover,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item.wpml-ls-current-language > .menu-link:focus,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item.wpml-ls-current-language > .menu-link:active,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link:hover,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link:focus,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link:active {
  color: #d9e8e8;
}

/* 1.07 Footer
------------------------------------------------------------------------------------------------------*/
.site-footer p {
  color: #d9e8e8;
}
.site-footer a {
  color: #d9e8e8;
}
.site-footer a:hover, .site-footer a:focus, .site-footer a:active {
  color: #7fb3b4;
}
.site-footer .widget.widget_icl_lang_sel_widget {
  margin-bottom: 1rem;
  text-align: center;
}
.site-footer .widget.widget_icl_lang_sel_widget li.wpml-ls-current-language {
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.site-footer .widget.widget_icl_lang_sel_widget li.wpml-ls-current-language:hover, .site-footer .widget.widget_icl_lang_sel_widget li.wpml-ls-current-language:focus, .site-footer .widget.widget_icl_lang_sel_widget li.wpml-ls-current-language:active {
  opacity: 1;
}
.site-footer .site-primary-footer-wrap[data-section=section-primary-footer-builder] {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
}
.site-footer .site-primary-footer-wrap[data-section=section-primary-footer-builder] .ast-builder-grid-row {
  padding: 0;
}
.site-footer .site-below-footer-wrap[data-section=section-below-footer-builder] {
  max-width: 1240px;
  width: 100%;
  margin: 2rem auto 0;
  padding: 0;
}

@media only screen and (max-width: 544px) {
  .mobile-no {
    display: none;
  }
}
@media only screen and (min-width: 545px) and (max-width: 767px) {
  body .ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
#ast-scroll-top {
  width: 45px;
  height: 45px;
  line-height: 40px;
  -webkit-appearance: none;
  cursor: pointer;
  margin: 0;
  text-shadow: none;
  border: 2px solid white;
  font-size: 1.2em;
  font-weight: 300;
  color: #fff;
  text-transform: normal;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 30px;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  letter-spacing: 0.5px;
}
#ast-scroll-top:hover, #ast-scroll-top:focus, #ast-scroll-top:active {
  color: #fff;
}
#ast-scroll-top:hover, #ast-scroll-top:focus, #ast-scroll-top:active {
  --x:100%;
  text-shadow: none;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.31), 0 1px 3px rgba(0, 0, 0, 0.28);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.31), 0 1px 3px rgba(0, 0, 0, 0.28);
}

.grecaptcha-badge {
  display: none;
}

/* 1.12  Content: Gutenberg blocks
------------------------------------------------------------------------------------------------------*/
body .entry-content {
  width: 100%;
}
body .entry-content > .wp-block-group:first-child {
  margin-top: 0;
  max-width: 100vw;
}
body .entry-content .wp-block-group:last-child:not(.tiles) {
  padding-bottom: 0;
}
body .entry-content .wp-block-columns,
body .entry-content .wp-block-media-text,
body .entry-content .wp-block-group {
  margin: 0 auto 8rem;
  max-width: 1000px;
  padding: 0;
}
body .entry-content .wp-block-columns .wp-block-media-text,
body .entry-content .wp-block-columns .wp-block-group,
body .entry-content .wp-block-media-text .wp-block-media-text,
body .entry-content .wp-block-media-text .wp-block-group,
body .entry-content .wp-block-group .wp-block-media-text,
body .entry-content .wp-block-group .wp-block-group {
  margin-bottom: 2rem;
}
body .entry-content > .wp-block-heading {
  max-width: 1000px;
  margin-top: 2rem;
}
body .entry-content > .wp-block-heading:first-child {
  margin-top: 0;
}
body .entry-content .wp-block-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
body .entry-content > .wp-block-uagb-container,
body .entry-content > .wp-block-group {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  max-width: 1000px;
}
body .entry-content .wp-block-table table {
  border-width: 0;
  border: none;
  border-collapse: separate;
}
body .entry-content .wp-block-table table th,
body .entry-content .wp-block-table table td {
  border: none;
  padding: 0.15em;
  vertical-align: top;
}
body .entry-content .wp-block-table table th:first-child,
body .entry-content .wp-block-table table td:first-child {
  padding-left: 0;
  padding-right: 1rem;
}
body .entry-content .wp-block-table table th {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-align: left;
}
body .entry-content .wp-block-group {
  width: 100%;
  max-width: 2560px;
}
body .entry-content .wp-block-group#intro .wp-block-group__inner-container {
  padding: 4rem 2rem 10rem;
  max-width: 1000px;
  margin: 0 auto;
}
body .entry-content .wp-block-group#intro h1, body .entry-content .wp-block-group#intro h2, body .entry-content .wp-block-group#intro h3, body .entry-content .wp-block-group#intro h4, body .entry-content .wp-block-group#intro h5, body .entry-content .wp-block-group#intro h6 {
  color: #838b90;
}
body .entry-content .wp-block-group#intro p, body .entry-content .wp-block-group#intro li {
  color: #27282a;
}
body .entry-content .wp-block-group#intro h2:before {
  background-image: url("img/Dorfl-icon-grijs.svg");
}
body .entry-content .wp-block-group#intro h3:before {
  background-image: url("img/Dorfl-icon-grijs.svg");
}
body .entry-content .wp-block-group.kleur {
  position: relative;
}
body .entry-content .wp-block-group.kleur:before {
  position: absolute;
  content: " ";
  display: block;
  left: 0;
  top: -70px;
  width: 100%;
  height: 80px;
  z-index: 2;
  background-size: 100% 130%;
}
body .entry-content .wp-block-group.kleur h2, body .entry-content .wp-block-group.kleur h3 {
  position: relative;
}
body .entry-content .wp-block-group.kleur h2:before, body .entry-content .wp-block-group.kleur h3:before {
  position: absolute;
  content: " ";
  display: block;
  left: -60px;
  width: 35px;
  height: 35px;
  z-index: 2;
}
body .entry-content .wp-block-group.kleur h2:before {
  top: 15px;
}
body .entry-content .wp-block-group.kleur h3:before {
  top: 8px;
}
body .entry-content .wp-block-group.kleur .wp-block-group__inner-container {
  padding: 6rem 2rem 10rem;
  max-width: 1000px;
  margin: 0 auto;
}
body .entry-content .wp-block-group.kleur.tegels .wp-block-group__inner-container {
  max-width: 1000px;
}
body .entry-content .wp-block-group.lichtgroen {
  background: #d9e8e8;
}
body .entry-content .wp-block-group.lichtgroen h1, body .entry-content .wp-block-group.lichtgroen h2, body .entry-content .wp-block-group.lichtgroen h3, body .entry-content .wp-block-group.lichtgroen h4, body .entry-content .wp-block-group.lichtgroen h5, body .entry-content .wp-block-group.lichtgroen h6 {
  color: #2a3f42;
}
body .entry-content .wp-block-group.lichtgroen p, body .entry-content .wp-block-group.lichtgroen li {
  color: #27282a;
}
body .entry-content .wp-block-group.lichtgroen:before {
  background-image: url("img/waves/wave-lichtgroen-7.svg");
}
body .entry-content .wp-block-group.lichtgroen h2:before, body .entry-content .wp-block-group.lichtgroen h3:before {
  background-image: url("img/Dorfl-icon-donkergroen.svg");
}
body .entry-content .wp-block-group.groen {
  background: #7fb3b4;
}
body .entry-content .wp-block-group.groen h1, body .entry-content .wp-block-group.groen h2, body .entry-content .wp-block-group.groen h3, body .entry-content .wp-block-group.groen h4, body .entry-content .wp-block-group.groen h5, body .entry-content .wp-block-group.groen h6, body .entry-content .wp-block-group.groen p, body .entry-content .wp-block-group.groen li {
  color: #fff;
}
body .entry-content .wp-block-group.groen:before {
  background-image: url("img/waves/wave-groen-1.svg");
}
body .entry-content .wp-block-group.groen h2:before, body .entry-content .wp-block-group.groen h3:before {
  background-image: url("img/Dorfl-icon-wit.svg");
}
body .entry-content .wp-block-group.groen a:not(.button):not(.wp-block-button__link):hover, body .entry-content .wp-block-group.groen a:not(.button):not(.wp-block-button__link):focus, body .entry-content .wp-block-group.groen a:not(.button):not(.wp-block-button__link):active {
  color: #27282a;
}
body .entry-content .wp-block-group.donkergroen {
  background: #2a3f42;
}
body .entry-content .wp-block-group.donkergroen h1, body .entry-content .wp-block-group.donkergroen h2, body .entry-content .wp-block-group.donkergroen h3, body .entry-content .wp-block-group.donkergroen h4, body .entry-content .wp-block-group.donkergroen h5, body .entry-content .wp-block-group.donkergroen h6 {
  color: #7fb3b4;
}
body .entry-content .wp-block-group.donkergroen p, body .entry-content .wp-block-group.donkergroen li {
  color: #d9e8e8;
}
body .entry-content .wp-block-group.donkergroen:before {
  background-image: url("img/waves/wave-donkergroen-5.svg");
}
body .entry-content .wp-block-group.donkergroen h2:before, body .entry-content .wp-block-group.donkergroen h3:before {
  background-image: url("img/Dorfl-icon-groen.svg");
}
body .entry-content .wp-block-group.wit {
  background: #fff;
}
body .entry-content .wp-block-group.wit h1, body .entry-content .wp-block-group.wit h2, body .entry-content .wp-block-group.wit h3, body .entry-content .wp-block-group.wit h4, body .entry-content .wp-block-group.wit h5, body .entry-content .wp-block-group.wit h6, body .entry-content .wp-block-group.wit p, body .entry-content .wp-block-group.wit li {
  color: #7fb3b4;
}
body .entry-content .wp-block-group.wit p, body .entry-content .wp-block-group.wit li {
  color: #27282a;
}
body .entry-content .wp-block-group.wit:before {
  background-image: url("img/waves/wave-wit-1.svg");
}
body .entry-content .wp-block-group.wit h2:before, body .entry-content .wp-block-group.wit h3:before {
  background-image: url("img/Dorfl-icon-groen.svg");
}
body .entry-content .wp-block-group.lichtgrijs {
  background: #f4f4f4;
}
body .entry-content .wp-block-group.lichtgrijs h1, body .entry-content .wp-block-group.lichtgrijs h2, body .entry-content .wp-block-group.lichtgrijs h3, body .entry-content .wp-block-group.lichtgrijs h4, body .entry-content .wp-block-group.lichtgrijs h5, body .entry-content .wp-block-group.lichtgrijs h6 {
  color: #2a3f42;
}
body .entry-content .wp-block-group.lichtgrijs p, body .entry-content .wp-block-group.lichtgrijs li {
  color: #27282a;
}
body .entry-content .wp-block-group.lichtgrijs:before {
  background-image: url("img/waves/wave-lichtgrijs-3.svg");
}
body .entry-content .wp-block-group.lichtgrijs h2:before, body .entry-content .wp-block-group.lichtgrijs h3:before {
  background-image: url("img/Dorfl-icon-donkergroen.svg");
}
body .entry-content .wp-block-group.donkergrijs {
  background: #27282a;
}
body .entry-content .wp-block-group.donkergrijs h1, body .entry-content .wp-block-group.donkergrijs h2, body .entry-content .wp-block-group.donkergrijs h3, body .entry-content .wp-block-group.donkergrijs h4, body .entry-content .wp-block-group.donkergrijs h5, body .entry-content .wp-block-group.donkergrijs h6 {
  color: #d9e8e8;
}
body .entry-content .wp-block-group.donkergrijs p, body .entry-content .wp-block-group.donkergrijs li {
  color: #f4f4f4;
}
body .entry-content .wp-block-group.donkergrijs:before {
  background-image: url("img/waves/wave-donkergrijs-4.svg");
}
body .entry-content .wp-block-group.donkergrijs h2:before, body .entry-content .wp-block-group.donkergrijs h3:before {
  background-image: url("img/Dorfl-icon-lichtgroen.svg");
}
body .entry-content .wp-block-group.donkergrijs a:not(.button):not(.wp-block-button__link):not(.tile_klant a):not(.tile_contactinfo a):not(.tile_trainingen a), body .entry-content .wp-block-group.donkergroen a:not(.button):not(.wp-block-button__link):not(.tile_klant a):not(.tile_contactinfo a):not(.tile_trainingen a) {
  color: #7fb3b4;
}
body .entry-content .wp-block-group.donkergrijs a:not(.button):not(.wp-block-button__link):not(.tile_klant a):not(.tile_contactinfo a):not(.tile_trainingen a):hover, body .entry-content .wp-block-group.donkergrijs a:not(.button):not(.wp-block-button__link):not(.tile_klant a):not(.tile_contactinfo a):not(.tile_trainingen a):focus, body .entry-content .wp-block-group.donkergrijs a:not(.button):not(.wp-block-button__link):not(.tile_klant a):not(.tile_contactinfo a):not(.tile_trainingen a):active, body .entry-content .wp-block-group.donkergroen a:not(.button):not(.wp-block-button__link):not(.tile_klant a):not(.tile_contactinfo a):not(.tile_trainingen a):hover, body .entry-content .wp-block-group.donkergroen a:not(.button):not(.wp-block-button__link):not(.tile_klant a):not(.tile_contactinfo a):not(.tile_trainingen a):focus, body .entry-content .wp-block-group.donkergroen a:not(.button):not(.wp-block-button__link):not(.tile_klant a):not(.tile_contactinfo a):not(.tile_trainingen a):active {
  color: #00b4ff;
}

.widget_block .wp-block-group {
  padding: 0;
}

.tiles_trainingen,
.tiles_klanten,
.tiles_contactinfo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
.tiles_trainingen .tile_training a,
.tiles_trainingen .tile_klant a,
.tiles_trainingen .tile_contact a,
.tiles_klanten .tile_training a,
.tiles_klanten .tile_klant a,
.tiles_klanten .tile_contact a,
.tiles_contactinfo .tile_training a,
.tiles_contactinfo .tile_klant a,
.tiles_contactinfo .tile_contact a {
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid white;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  color: #fff;
  padding: 2rem;
  text-transform: uppercase;
  font-weight: 300;
}
.tiles_trainingen .tile_training a i,
.tiles_trainingen .tile_klant a i,
.tiles_trainingen .tile_contact a i,
.tiles_klanten .tile_training a i,
.tiles_klanten .tile_klant a i,
.tiles_klanten .tile_contact a i,
.tiles_contactinfo .tile_training a i,
.tiles_contactinfo .tile_klant a i,
.tiles_contactinfo .tile_contact a i {
  font-size: 2em;
  margin-bottom: 0.5rem;
}
.tiles_trainingen .tile_training a:hover,
.tiles_trainingen .tile_klant a:hover,
.tiles_trainingen .tile_contact a:hover,
.tiles_klanten .tile_training a:hover,
.tiles_klanten .tile_klant a:hover,
.tiles_klanten .tile_contact a:hover,
.tiles_contactinfo .tile_training a:hover,
.tiles_contactinfo .tile_klant a:hover,
.tiles_contactinfo .tile_contact a:hover {
  border-color: transparent;
  --x:100%;
  text-shadow: none;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.31), 0 1px 3px rgba(0, 0, 0, 0.28);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.31), 0 1px 3px rgba(0, 0, 0, 0.28);
}

/*body:not(.home) .wp-block-group:not(.tiles):first-child {
    padding-top:0;
}
*/
body .wp-block-ub-content-toggle {
  background: #f6f6f6;
}
body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-content-wrap {
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-content-wrap .gform_wrapper {
  padding: 2rem 0;
}
body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap {
  -webkit-appearance: none;
  cursor: pointer;
  margin: 0;
  text-shadow: none;
  border: 2px solid white;
  font-size: 1.2em;
  font-weight: 300;
  text-transform: normal;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  letter-spacing: 0.5px;
}
body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap:hover, body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap:focus, body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap:active {
  color: #fff;
}
body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap:hover, body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap:focus, body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap:active {
  --x:100%;
  text-shadow: none;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.31), 0 1px 3px rgba(0, 0, 0, 0.28);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.31), 0 1px 3px rgba(0, 0, 0, 0.28);
}
body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title,
body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-toggle-wrap.right {
  color: #fff !important;
}
body .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-chevron-down::after {
  left: -6px;
  width: 16px;
  height: 16px;
}

/*.wp-block-ub-content-toggle.read-more {
    .wp-block-ub-content-toggle-accordion { border-color:#fff !important;

        .wp-block-ub-content-toggle-accordion-title-wrap {
            border: 1px solid $cBorder;
            text-align:center;
            background:none !important;
            width:100%;
            max-width:130px;
            margin:0 auto;
            font-weight:300;
            font-size:0.9em;

            .wp-block-ub-content-toggle-accordion-title { color:$cP !important; padding:5px; }
            .wp-block-ub-content-toggle-accordion-toggle-wrap { color:$cP !important; }

            .wp-block-ub-math-plus { height:1px;
                &:after { width:1px; }
            }
        }
    }
}
*/
/*.wp-block-uagb-faq { margin-top:4rem;
    .uagb-faq-item { 
        border-top:none; 
        border-right:none; 
        border-left:none; 
        border-bottom:2px solid blue; 
        margin:0;  
        padding:0.75rem 0; 

        &:first-child { border-top:2px solid blue; }

        h6.uagb-question { 
            color:orange; 
            font-weight:900; 
            font-size:1.5em; 
        }
        .uagb-faq-icon-wrap.uagb-icon-active,
        .uagb-icon.uagb-faq-icon-wrap { 
            border:3px solid orange; 
            border-radius:50%; padding:4px;

            svg { 
                width:26px; 
                height:26px; 
                fill:orange; 
            }
        }

        .uagb-faq-content { max-width:calc(100% - 38px); }
    }
}
*/
/*.wp-block-uagb-google-map { 
    max-width:800px; 
    margin-left:auto; 
    margin-right:auto; 
}
*/
/*.wp-block-uagb-icon-list { margin-bottom:0.5rem;
    .wp-block-uagb-icon-list-child { margin-bottom:1.25rem !important; 
    }
    svg { 
        width:2rem !important; 
        height:2rem !important; 
        font-size:2rem !important;

        path { fill:red; }
    }
}*/
/*.wp-block-uagb-post-grid { gap:2rem !important;
    .uagb-post__inner-wrap {
        background:none !important; 
        @include borderradius; 
        border:1px solid $cLoopPostBorder;
        border-bottom-width:3px;
        min-height:520px;
        padding:0 0 1.5rem 0 !important;

        img { @include borderradius_top; }

        .uagb-post__text { margin:0 1.5rem !important;
            &.uagb-post__title a { 
                font-weight:300; 
                padding-bottom:1.5rem !important; 
                font-size:0.8em;
            }

            &.uagb-post-grid-byline { 
                display:none;
                padding:0 0 1rem !important; 
                margin-bottom: 6px !important;
                border-bottom:1px solid $pebble;

                a, time { font-size:15px; }   

                a:hover,a:focus,a:active {
                    color:$cAhover;
                    box-shadow:none;
                }             
            }

            &.uagb-post__excerpt { padding-bottom:1rem !important; }

            &.uagb-post__title,
            &.uagb-post__excerpt { text-align: left !important; }
        }

        .wp-block-button__link.uagb-text-link { padding:0; font-size:0.8em;
            &:after {
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-family:$fontIcon;
                font-weight:500;
                content: "\f054";
                color:$cP;
                font-size:0.8em;
                padding-left:0.5rem;
            }

            &:hover,
            &:focus,
            &:active { color:$cAhover !important; 
                &:after { color:$cAhover; }
            }
        }
    }
}*/
/*.wp-block-group {
    .uagb-block-ee6e5981:not(.is-grid).uagb-post__items article { margin-bottom:0 !important; }

    .wp-block-uagb-post-carousel {
        .slick-arrow svg { display:none; }

        .slick-arrow.slick-prev { font-size:1.3em;
            &:before {
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-family:$fontIcon;
                font-weight:300;
                content: "\f137";
                color:red;
                font-size:2em;
                padding-left:0.5rem;
            }            
        }

        .slick-arrow.slick-next { font-size:1.3em;
            &:after {
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-family:$fontIcon;
                font-weight:300;
                content: "\f138";
                color:red;
                font-size:2em;
                padding-left:0.5rem;
            }            
        }

        .slick-arrow { 
            @include ease_al; 
            opacity:0.5;

            &:hover { opacity:1; }
        }

        .uagb-post__image a { 
            display:block; 
            overflow:hidden; 
            width:100%; 
            height:100%;

            img { transition: transform .8s; }
        }

        .uagb-post__text { text-align:center; }

        .uagb-post__title { 
            text-transform:initial; 
            padding-bottom:0 !important; 

            a:hover, &:focus, a:active { color:$cA; }
        }
        .uagb-post-grid-byline { display:none; }

        .uagb-post__excerpt { padding-bottom:0; }

        .uagb-post__inner-wrap:hover {
            .uagb-post__image img { transform: scale(1.1); }
        }
    }   
}*/
/*.wp-block-getwid-custom-post-type { overflow:visible;
    .getwid-columns { margin:0; }
}

.wp-block-getwid-custom-post-type__wrapper {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;

    .wp-block-getwid-custom-post-type__post { 
        width:100% !important;
        background:none !important; 
        @include borderradius; 
        border:1px solid $cLoopPostBorder;
        border-bottom-width:3px;
        padding:0;

        img { @include borderradius_top; }

        .wp-block-getwid-template-post-title { padding:0 1.5rem; text-align: left !important; }

        .wp-block-getwid-template-post-content { padding:0 1.5rem 1.5rem; }
    }
}
*/
/* 1.13 Content: Banner
------------------------------------------------------------------------------------------------------*/
#banner-wrap {
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  position: relative;
  left: 0;
  right: 0;
}
#banner-wrap #hero-box {
  position: absolute;
  top: 200px;
  left: 120px;
  width: 100%;
  max-width: 800px;
  max-width: 900px;
}
#banner-wrap h1, #banner-wrap h3 p {
  color: #fff;
}
#banner-wrap h1 {
  font-weight: bold;
  font-size: 5em;
}
#banner-wrap h3 p {
  font-size: 0.9em;
  font-weight: 200;
  line-height: 1.2;
  letter-spacing: 1px;
}

/*body.page:not(.home) { 
    .wp-block-group.tiles { margin-top:4rem; }
}

.wp-block-group.tiles { 
    background:$cTilesBg; 
    padding-bottom:4rem;

    h2.wp-block-heading { text-align:center; }
    .tiled-pages {
        display:grid;
        grid-template-columns:repeat(1,1fr);
        gap:2rem;
        max-width:$max_width;
        margin:0 auto;

        a.tile { 
            background:$cTileAbg; 
            text-align:center; 
            display:block; 
            width:100%; 
            padding:1rem 2rem; 
            font-size:1.22em;
            min-height:185px;
            color:$cTileAtxt;
            position:relative;
            line-height:1;
            @include borderradius;
            @include hoverBg($cTileAbgHover);
            @include hover($cTileAtxtHover);

            .tile-icon { 
                margin:1rem auto;

                i { 
                    color:orange; 
                    font-size:3em; 
                    font-family:$fontIcon; 
                }

                img { max-width:58px; height:auto; }
            }

            > i { color:pink; position:absolute; bottom:2rem; }

            &:hover, &:focus, &:active {
                i { color:$cTileAtxtHover; }
            }
        }
    }   
}

@media only screen and (max-width: 360px) {
    .tiles {
        .tiled-pages {
            a.tile { min-height:210px; }
        }
    }
}
*/
/*.single-post {
    .ast-single-related-posts-container {
        article .post-thumb{
            a { 
                display:block; 
                width:100%; 
                height:100%; 
                overflow:hidden;

                img { transition: transform .8s; }

                &:hover img { transform: scale(1.1); }
             }
        }
    }
}
*/
/* 1.42 Plugin: SEOPress
---------------------------------------------------------------------------------------------------*/
body .seopress-user-consent {
  background: rgba(10, 160, 164, 0.9);
  border-top: 2px solid #005ae1;
}
body .seopress-user-consent p {
  color: #fff;
}

body button#seopress-user-consent-close,
body .seopress-user-consent button {
  -webkit-appearance: none;
  cursor: pointer;
  margin: 0;
  padding: 0.75rem 1.25rem;
  text-shadow: none;
  border: 2px solid white;
  font-size: 1.2em;
  font-weight: 300;
  color: #fff;
  text-transform: normal;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 30px;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  letter-spacing: 0.5px;
}
body button#seopress-user-consent-close:hover, body button#seopress-user-consent-close:focus, body button#seopress-user-consent-close:active,
body .seopress-user-consent button:hover,
body .seopress-user-consent button:focus,
body .seopress-user-consent button:active {
  color: #fff;
}
body button#seopress-user-consent-close:hover, body button#seopress-user-consent-close:focus, body button#seopress-user-consent-close:active,
body .seopress-user-consent button:hover,
body .seopress-user-consent button:focus,
body .seopress-user-consent button:active {
  --x:100%;
  text-shadow: none;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.31), 0 1px 3px rgba(0, 0, 0, 0.28);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.31), 0 1px 3px rgba(0, 0, 0, 0.28);
}

.sp-html-sitemap ul li {
  margin-bottom: 0;
}
.sp-html-sitemap ul li,
.sp-html-sitemap ul li a,
.sp-html-sitemap ul li ul li,
.sp-html-sitemap ul li ul li a {
  font-size: 17px !important;
}

/* 1.42 Plugin: WPML
---------------------------------------------------------------------------------------------------*/
.otgs-development-site-front-end {
  display: none !important;
}

/* 1.31 Elements: Buttons
------------------------------------------------------------------------------------------------------*/
#page .wp-block-buttons {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
#page .checkout-button,
#page a.wp-block-button__link,
#page .ast-button,
#page a.wp-block-file__button,
#page a.search-filter-reset,
#page button:not(.menu-toggle-close),
#page input[type=submit],
#page input[type=button],
#page input[type=reset],
#page a.button,
#page a.comment-reply-link,
#page #commentform #submit,
#page .submit,
#page input[type=submit],
#page input.button, #page button.button,
#page a.button.alt,
#page a.comment-reply-link.alt,
#page #commentform #submit.alt,
#page .submit.alt,
#page input[type=submit].alt,
#page input.button.alt,
#page button.button.alt {
  -webkit-appearance: none;
  cursor: pointer;
  margin: 0;
  padding: 0.75rem 1.25rem;
  text-shadow: none;
  border: 2px solid white;
  font-size: 1.2em;
  font-weight: 300;
  color: #fff;
  text-transform: normal;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 30px;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  letter-spacing: 0.5px;
}
#page .checkout-button:hover, #page .checkout-button:focus, #page .checkout-button:active,
#page a.wp-block-button__link:hover,
#page a.wp-block-button__link:focus,
#page a.wp-block-button__link:active,
#page .ast-button:hover,
#page .ast-button:focus,
#page .ast-button:active,
#page a.wp-block-file__button:hover,
#page a.wp-block-file__button:focus,
#page a.wp-block-file__button:active,
#page a.search-filter-reset:hover,
#page a.search-filter-reset:focus,
#page a.search-filter-reset:active,
#page button:not(.menu-toggle-close):hover,
#page button:not(.menu-toggle-close):focus,
#page button:not(.menu-toggle-close):active,
#page input[type=submit]:hover,
#page input[type=submit]:focus,
#page input[type=submit]:active,
#page input[type=button]:hover,
#page input[type=button]:focus,
#page input[type=button]:active,
#page input[type=reset]:hover,
#page input[type=reset]:focus,
#page input[type=reset]:active,
#page a.button:hover,
#page a.button:focus,
#page a.button:active,
#page a.comment-reply-link:hover,
#page a.comment-reply-link:focus,
#page a.comment-reply-link:active,
#page #commentform #submit:hover,
#page #commentform #submit:focus,
#page #commentform #submit:active,
#page .submit:hover,
#page .submit:focus,
#page .submit:active,
#page input[type=submit]:hover,
#page input[type=submit]:focus,
#page input[type=submit]:active,
#page input.button:hover,
#page input.button:focus,
#page input.button:active, #page button.button:hover, #page button.button:focus, #page button.button:active,
#page a.button.alt:hover,
#page a.button.alt:focus,
#page a.button.alt:active,
#page a.comment-reply-link.alt:hover,
#page a.comment-reply-link.alt:focus,
#page a.comment-reply-link.alt:active,
#page #commentform #submit.alt:hover,
#page #commentform #submit.alt:focus,
#page #commentform #submit.alt:active,
#page .submit.alt:hover,
#page .submit.alt:focus,
#page .submit.alt:active,
#page input[type=submit].alt:hover,
#page input[type=submit].alt:focus,
#page input[type=submit].alt:active,
#page input.button.alt:hover,
#page input.button.alt:focus,
#page input.button.alt:active,
#page button.button.alt:hover,
#page button.button.alt:focus,
#page button.button.alt:active {
  color: #fff;
}
#page .checkout-button:hover, #page .checkout-button:focus, #page .checkout-button:active,
#page a.wp-block-button__link:hover,
#page a.wp-block-button__link:focus,
#page a.wp-block-button__link:active,
#page .ast-button:hover,
#page .ast-button:focus,
#page .ast-button:active,
#page a.wp-block-file__button:hover,
#page a.wp-block-file__button:focus,
#page a.wp-block-file__button:active,
#page a.search-filter-reset:hover,
#page a.search-filter-reset:focus,
#page a.search-filter-reset:active,
#page button:not(.menu-toggle-close):hover,
#page button:not(.menu-toggle-close):focus,
#page button:not(.menu-toggle-close):active,
#page input[type=submit]:hover,
#page input[type=submit]:focus,
#page input[type=submit]:active,
#page input[type=button]:hover,
#page input[type=button]:focus,
#page input[type=button]:active,
#page input[type=reset]:hover,
#page input[type=reset]:focus,
#page input[type=reset]:active,
#page a.button:hover,
#page a.button:focus,
#page a.button:active,
#page a.comment-reply-link:hover,
#page a.comment-reply-link:focus,
#page a.comment-reply-link:active,
#page #commentform #submit:hover,
#page #commentform #submit:focus,
#page #commentform #submit:active,
#page .submit:hover,
#page .submit:focus,
#page .submit:active,
#page input[type=submit]:hover,
#page input[type=submit]:focus,
#page input[type=submit]:active,
#page input.button:hover,
#page input.button:focus,
#page input.button:active, #page button.button:hover, #page button.button:focus, #page button.button:active,
#page a.button.alt:hover,
#page a.button.alt:focus,
#page a.button.alt:active,
#page a.comment-reply-link.alt:hover,
#page a.comment-reply-link.alt:focus,
#page a.comment-reply-link.alt:active,
#page #commentform #submit.alt:hover,
#page #commentform #submit.alt:focus,
#page #commentform #submit.alt:active,
#page .submit.alt:hover,
#page .submit.alt:focus,
#page .submit.alt:active,
#page input[type=submit].alt:hover,
#page input[type=submit].alt:focus,
#page input[type=submit].alt:active,
#page input.button.alt:hover,
#page input.button.alt:focus,
#page input.button.alt:active,
#page button.button.alt:hover,
#page button.button.alt:focus,
#page button.button.alt:active {
  --x:100%;
  text-shadow: none;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.31), 0 1px 3px rgba(0, 0, 0, 0.28);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.31), 0 1px 3px rgba(0, 0, 0, 0.28);
}

/* 8.00 XLARGE: Width of 1600px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1600px) {
  /* 1.13 Content: Banner
  ------------------------------------------------------------------------------------------------------*/
  #banner-wrap #hero-box {
    max-width: 700px;
  }
  #banner-wrap h1 {
    font-size: 4em;
  }
  #banner-wrap h3 p {
    font-size: 0.7em;
  }
}
/* 8.00 XLARGE: Width of 1350px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1350px) {
  /* 1.13 Content: Banner
   ------------------------------------------------------------------------------------------------------*/
  #banner-wrap #hero-box {
    top: 150px;
    left: 120px;
  }
  #banner-wrap h1 {
    font-size: 3.5em;
  }
}
/* 6.00 NORMAL: Width of 1200px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
  /* 3.01 Fonts & Icons & Variables
  ------------------------------------------------------------------------------------------------------*/
  /* 1.02  Structure - GENERAL
  ------------------------------------------------------------------------------------------------------*/
  body .site-footer:before {
    background-size: 100% 140%;
  }
  /* 6.26  Content: Gutenberg blocks
  ------------------------------------------------------------------------------------------------------*/
  body .entry-content .wp-block-group#intro .wp-block-group__inner-container {
    padding: 4rem 2rem 6rem;
  }
  body .entry-content .wp-block-group.kleur .wp-block-group__inner-container {
    padding: 5rem 2rem 6rem;
  }
  body .entry-content .wp-block-group.kleur h2, body .entry-content .wp-block-group.kleur h3 {
    padding-left: 50px;
  }
  body .entry-content .wp-block-group.kleur h2:before, body .entry-content .wp-block-group.kleur h3:before {
    left: 0;
  }
  body .entry-content .wp-block-group.kleur h2:before {
    top: 4px;
  }
  body .entry-content .wp-block-group.kleur h3:before {
    top: 2px;
  }
  body .entry-content .wp-block-group.kleur:before {
    background-size: 100% 140%;
  }
  /* 1.13 Content: Banner
  ------------------------------------------------------------------------------------------------------*/
  #banner-wrap #hero-box {
    top: 120px;
    left: 54px;
  }
  #banner-wrap h1.entry-title {
    font-size: 3em;
    margin-bottom: 0.75rem;
  }
  #banner-wrap h3 p {
    font-size: 0.6em;
  }
}
/* 5.00 INTERMEDIATE: Width of 921px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 921px) {
  /* 5.01  Fonts & Icons & Variables
  ------------------------------------------------------------------------------------------------------*/
  body {
    font: 400 1em/1.6 "Noto Sans", Helvetica, Arial, sans-serif;
  }
  body.ast-single-post.single-post h1.entry-title.single {
    font-size: 2.2em;
  }
  body h2,
  body .entry-content h2 {
    font-size: 2.2em;
  }
  body h3,
  body .entry-content h3 {
    font-size: 1.9em;
  }
  body h4,
  body .entry-content h4 {
    font-size: 1.6em;
  }
  /* 5.04  Header
  ------------------------------------------------------------------------------------------------------*/
  body .header-main-layout-1 .site-primary-header-wrap .ast-builder-grid-row {
    -ms-grid-columns: 150px 30px auto;
    grid-template-columns: 150px auto;
    grid-column-gap: 30px;
  }
  body .header-main-layout-1 .site-primary-header-wrap .ast-builder-grid-row .site-header-section .ast-builder-menu-1.ast-builder-menu {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body .header-main-layout-1 .site-primary-header-wrap .ast-builder-grid-row .site-header-section .ast-builder-menu-1.ast-builder-menu .ast-main-header-bar-alignment {
    width: 100%;
  }
  body .header-main-layout-1 .site-primary-header-wrap .ast-builder-grid-row .site-header-section .ast-builder-menu-1.ast-builder-menu .ast-main-header-bar-alignment .main-header-bar-navigation .main-navigation {
    width: 100%;
  }
  body .header-main-layout-1 .site-primary-header-wrap .ast-builder-grid-row .site-header-section .ast-builder-menu-1.ast-builder-menu .ast-main-header-bar-alignment .main-header-bar-navigation .main-navigation ul.main-header-menu {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  /* 5.11  Content: Global
  ------------------------------------------------------------------------------------------------------*/
  #header-wrap .entry-header {
    width: 100%;
    padding-left: 0;
  }
  #header-wrap .entry-header {
    margin: 0 auto;
  }
  #header-wrap .statement {
    margin: 0.5rem auto 4rem;
  }
  body h1.entry-title.single,
  body.ast-separate-container #content #primary {
    width: 100%;
    padding-left: 0;
    margin: 4rem auto;
  }
  body .site-footer:before {
    background-size: 100% 150%;
  }
  /* 5.12  Content: Gutenberg blocks
  ------------------------------------------------------------------------------------------------------*/
  body .entry-content .wp-block-group#intro .wp-block-group__inner-container {
    padding: 3rem 2rem 5rem;
  }
  body .entry-content .wp-block-group.kleur .wp-block-group__inner-container {
    padding: 4rem 2rem 5rem;
  }
  body .entry-content .wp-block-group.kleur:before {
    background-size: 100% 150%;
  }
  /* 1.13 Content: Banner
  ------------------------------------------------------------------------------------------------------*/
  #banner-wrap #hero-box {
    top: 110px;
    left: 54px;
  }
  #banner-wrap h1.entry-title {
    font-size: 2em;
    margin-bottom: 0.5rem;
  }
  #banner-wrap h3 p {
    font-size: 0.7em;
    letter-spacing: 0.5px;
  }
}
/* 3.00 SMALL: Width of 768px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  /* 4=3.01 Fonts & Icons & Variables
  ------------------------------------------------------------------------------------------------------*/
  body {
    font: 400 0.95em/1.55 "Noto Sans", Helvetica, Arial, sans-serif;
  }
  /* 1.02  Structure - GENERAL
  ------------------------------------------------------------------------------------------------------*/
  body .site-content {
    top: 0;
    margin-bottom: 0;
  }
  body .site-footer:before {
    background-size: 100% 155%;
  }
  /* 1.06  Header
  ------------------------------------------------------------------------------------------------------*/
  #masthead {
    background-image: url("img/gradient.jpg");
    background-size: 100%;
  }
  .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link,
  .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item > .menu-link {
    margin-bottom: 1rem;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* 5.12  Content: Gutenberg blocks
  ------------------------------------------------------------------------------------------------------*/
  body .entry-content .wp-block-group#intro .wp-block-group__inner-container {
    padding: 2rem 1.5rem 4rem;
  }
  body .entry-content .wp-block-group.kleur .wp-block-group__inner-container {
    padding: 3rem 1.5rem 4rem;
  }
  body .entry-content .wp-block-group.kleur:before {
    background-size: 100% 155%;
  }
  .tiles_klanten,
  .tiles_contactinfo {
    -ms-grid-columns: 1fr 2rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  .tiles_klanten .tile_klant a,
  .tiles_klanten .tile_contact a,
  .tiles_contactinfo .tile_klant a,
  .tiles_contactinfo .tile_contact a {
    padding: 2rem;
  }
  .tiles_klanten .tile_klant a i,
  .tiles_klanten .tile_contact a i,
  .tiles_contactinfo .tile_klant a i,
  .tiles_contactinfo .tile_contact a i {
    font-size: 2em;
  }
  /* 1.13 Content: Banner
  ------------------------------------------------------------------------------------------------------*/
  #banner-wrap #hero-box {
    top: 0;
    left: 54px;
    max-width: 100%;
  }
  #banner-wrap h1.entry-title {
    margin-bottom: 1rem;
  }
  #banner-wrap h3 p {
    font-size: 0.65em;
  }
  body.page-template-page-full-width-dorfl #banner-wrap #hero-box {
    top: 30px;
  }
}
/* 3.00 SMALL: Width of 544px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 544px) {
  /* 3.01 Fonts & Icons & Variables
  ------------------------------------------------------------------------------------------------------*/
  body .page-title {
    font-size: 2.7em;
  }
  body h1,
  body .entry-content h1 {
    font-size: 2.1em;
  }
  body h2,
  body .entry-content h2 {
    font-size: 1.9em;
  }
  body h3,
  body .entry-content h3 {
    font-size: 1.7em;
  }
  body h4,
  body .entry-content h4 {
    font-size: 1.5em;
  }
  body .statement h5 {
    font-size: 1.6em;
  }
  /* 1.02  Structure - GENERAL
  ------------------------------------------------------------------------------------------------------*/
  body .site-footer {
    padding: 2rem;
  }
  body .site-footer:before {
    background-size: 100% 160%;
  }
  /* 1.06  Header
  ------------------------------------------------------------------------------------------------------*/
  .site-header > div {
    padding: 1rem;
  }
  #page [data-section=section-header-mobile-trigger] .ast-button-wrap button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-fill {
    padding: 0.75rem 0.5rem 0.75rem 0;
  }
  #page [data-section=section-header-mobile-trigger] .ast-button-wrap button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-fill .mobile-menu-toggle-icon .ast-mobile-svg {
    height: 35px;
    width: 35px;
  }
  /* 1.13 Content: Banner
  ------------------------------------------------------------------------------------------------------*/
  #banner-wrap #hero-box {
    top: 0;
    left: 1rem;
    max-width: 100%;
  }
  #banner-wrap h1.entry-title {
    font-size: 2em;
    margin-bottom: 1rem;
  }
  #banner-wrap h3 p {
    font-size: 0.6em;
    letter-spacing: 0.5px;
  }
  /* 3.07 Footer
  ------------------------------------------------------------------------------------------------------*/
  .site-footer .site-below-footer-wrap[data-section=section-below-footer-builder] {
    margin: 1rem auto 0;
  }
  /* 5.12  Content: Gutenberg blocks
  ------------------------------------------------------------------------------------------------------*/
  body .entry-content .wp-block-group#intro .wp-block-group__inner-container {
    padding: 2rem 1rem 4rem;
  }
  body .entry-content .wp-block-group.kleur .wp-block-group__inner-container {
    padding: 3rem 1rem 4rem;
  }
  body .entry-content .wp-block-group.kleur h2, body .entry-content .wp-block-group.kleur h3 {
    padding-left: 40px;
  }
  body .entry-content .wp-block-group.kleur h2:before, body .entry-content .wp-block-group.kleur h3:before {
    left: 0;
    width: 30px;
    height: 30px;
  }
  body .entry-content .wp-block-group.kleur h2:before {
    top: 3px;
  }
  body .entry-content .wp-block-group.kleur h3:before {
    top: 2px;
  }
  body .entry-content .wp-block-group.kleur:before {
    background-size: 100% 160%;
  }
  /* 1.13 Content: Banner
  ------------------------------------------------------------------------------------------------------*/
  body.page-template-page-full-width-dorfl #banner-wrap #hero-box {
    top: 10px;
  }
}
/* 2.00 SMALL: Width of 480px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  /* 1.06  Navigation
  ------------------------------------------------------------------------------------------------------*/
  /* 1.02  Structure - GENERAL
  ------------------------------------------------------------------------------------------------------*/
  body .site-footer:before {
    background-size: 100% 170%;
  }
  /* 5.12  Content: Gutenberg blocks
  ------------------------------------------------------------------------------------------------------*/
  body .entry-content .wp-block-group.kleur:before {
    background-size: 100% 170%;
  }
  .tiles_klanten,
  .tiles_contactinfo {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
  }
  .tiles_klanten .tile_klant a,
  .tiles_klanten .tile_contact a,
  .tiles_contactinfo .tile_klant a,
  .tiles_contactinfo .tile_contact a {
    padding: 1.5rem;
  }
  .tiles_klanten .tile_klant a i,
  .tiles_klanten .tile_contact a i,
  .tiles_contactinfo .tile_klant a i,
  .tiles_contactinfo .tile_contact a i {
    font-size: 1.5em;
  }
}
/* 7.00 PRINT
-------------------------------------------------------------------------------------------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*
<div>Icons made from <a href="https://www.onlinewebfonts.com/icon">svg icons</a>is licensed by CC BY 4.0</div>
*/