/*! 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.01 SASS variables
-------------------------------------------------------------------------------------------------------------------------*/
/* 0.02 SASS Mixins
-----------------------------------------------------------------------*/
/* clearfix hack */ /* to use: @include clearfix(); */
/* 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: #4a4a4a;
  color: #FFF;
  text-shadow: none;
}

::selection {
  background: #4a4a4a;
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #4a4a4a;
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #4a4a4a;
  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.05  Global text stuff
-----------------------------------------------------------------------*/
html {
  font-size: 100%;
  font-size: 16px;
}

body {
  font: 400 1em/1.6 "Mukta", Helvetica, Arial, sans-serif;
  color: #4a4a4a;
}

a {
  color: #4a4a4a;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 1em;
}
a:focus, a:hover, a:active {
  color: #CE271B;
  cursor: pointer;
  outline: 0;
}

.site-content a {
  font-weight: 400;
  font-size: 1.1em;
}

.site-content a:not(.wp-block-button *, .uagb-post__inner-wrap *, .sp-html-sitemap *) {
  text-decoration: underline;
}
.site-content a:not(.wp-block-button *, .uagb-post__inner-wrap *, .sp-html-sitemap *):focus, .site-content a:not(.wp-block-button *, .uagb-post__inner-wrap *, .sp-html-sitemap *):hover, .site-content a:not(.wp-block-button *, .uagb-post__inner-wrap *, .sp-html-sitemap *):active {
  text-decoration: none;
}

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

input:focus {
  outline: 0;
  border: 1px solid #4a4a4a;
}

.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: "Mukta", Helvetica, Arial, sans-serif;
  color: #4a4a4a;
  font-weight: 500;
}

body h1,
body .entry-content h1 {
  font-size: 2.2em;
  margin-bottom: 2rem;
  font-weight: 700;
}
body h2,
body .entry-content h2 {
  font-size: 2em;
  margin-bottom: 2rem;
  text-align: center;
}
body h3,
body .entry-content h3 {
  font-size: 1.8em;
  margin-bottom: 1rem;
}
body h4,
body .entry-content h4 {
  font-size: 1.6em;
  margin-bottom: 1rem;
}
body h5,
body .entry-content h5 {
  font-size: 1.4em;
  margin-bottom: 1rem;
}
body h6,
body .entry-content h6 {
  font-size: 1.2em;
  margin-bottom: 1rem;
}
body p,
body .entry-content p {
  font-size: 1.1em;
  font-family: "Mukta", Helvetica, Arial, sans-serif;
}

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
------------------------------------------------------------------------------------------------------*/
/* This block of code makes sure the footer stays at the bottom even if the content doesn't reach the bottom.
https://stackoverflow.com/questions/643879/css-to-make-html-page-footer-stay-at-bottom-of-the-page-with-a-minimum-height-b */
/* Start CSS Keep Footer at bottom */
body #page {
  margin: 0;
}

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

#page .site-footer {
  background: #25221E;
  padding: 4rem;
}

/* 1.11  Content: Global
------------------------------------------------------------------------------------------------------*/
body.ast-separate-container #primary {
  padding: 0;
  width: 100%;
  margin-top: 0;
}
body.ast-separate-container #primary img {
  border-radius: 4px;
}

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

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

body:not(.page-template-page-full-width) #page .site-content #primary {
  text-align: center;
}
body:not(.page-template-page-full-width) #page .site-content #primary .entry-content {
  max-width: 800px;
  margin: 0 auto;
}

body.single #primary {
  margin: 4rem auto;
}

.justifytext {
  text-align: justify-all !important;
}

.wp-block-image.size-full {
  margin-top: 0;
}

.images {
  text-align: center;
}

.single .entry-header .post-thumb {
  margin-bottom: 0.5rem;
}

figcaption {
  font-style: italic;
  color: #4a4a4a;
  font-size: 1rem;
  color: #a3a3a3;
  margin-bottom: 2rem;
}

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

/* 1.03  Header
------------------------------------------------------------------------------------------------------*/
#ast-desktop-header {
  max-width: 1140px;
  margin: 0 auto;
}

.header-widget-area.widget-area.site-header-focus-item.header-widget-area-inner {
  padding-right: 0;
}

/* 1.04  Navigation
------------------------------------------------------------------------------------------------------*/
.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
  letter-spacing: 1px;
  font-size: 1.3em;
  font-weight: 500;
  color: #373737;
}

.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:hover,
.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:active,
.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:focus {
  color: #CE271B;
}

/* 1.05  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: #a0c539;
  -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;
}
#page [data-section=section-header-mobile-trigger] .ast-button-wrap button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-fill:hover {
  background: #25221E;
}
#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: #fff;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
  background: #a0c539;
}
.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: #fff;
  font-family: "Mukta", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.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: #a0c539 !important;
  color: #fff;
}
.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.current-menu-item > .menu-link {
  color: #fff;
  background-color: #25221E;
}

body #ast-mobile-popup-wrapper .ast-mobile-popup-drawer .ast-mobile-popup-inner {
  width: 100%;
  background: #fff;
  max-width: 100%;
}

/* 1.06 Footer
------------------------------------------------------------------------------------------------------*/
.site-footer p {
  color: #fff;
}
.site-footer a {
  color: rgb(241, 241, 241);
}
.site-footer a:hover, .site-footer a:focus, .site-footer a:active {
  color: #a0c539;
}
.site-footer .footer-widget-area {
  text-align: center !important;
}
.site-footer .footer-widget-area ul li {
  margin-bottom: 1.1rem;
}
.site-footer .site-footer-primary-section-4 .footer-widget-area {
  margin-bottom: 1rem;
}
.site-footer .site-footer-primary-section-4 .footer-widget-area #block-7 p {
  margin-bottom: 0;
}
.site-footer .site-footer-primary-section-4 {
  /*        .ast-footer-social-1-wrap .ast-social-stack-desktop .ast-builder-social-element { 
              margin-top:0; 
              margin-bottom:1.5rem; 
          }*/
}
.site-footer .site-primary-footer-wrap[data-section=section-primary-footer-builder] {
  max-width: 1140px;
  margin: 0 auto;
}
.site-footer .site-below-footer-wrap[data-section=section-below-footer-builder] {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
}

/*@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 {
          grid-template-columns: repeat( 2,1fr );
        }
    }
}*/
#ast-scroll-top {
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #4a4a4a;
  background: rgb(232, 232, 232);
  border: 0px solid rgb(255, 255, 255);
  font-weight: 700;
  font-size: 1.2em;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  border-radius: 4px;
}
#ast-scroll-top:hover, #ast-scroll-top:focus, #ast-scroll-top:active {
  color: #4a4a4a;
}
#ast-scroll-top:hover, #ast-scroll-top:focus, #ast-scroll-top:active {
  background: #fff;
}

/* 1.12  Content: Gutenberg blocks
------------------------------------------------------------------------------------------------------*/
body .entry-content {
  width: 100%;
}
body .entry-content .wp-block-group:last-child {
  padding-bottom: 0;
}
body .entry-content .wp-block-group {
  max-width: 100%;
  width: 100%;
}
body .entry-content .wp-block-columns,
body .entry-content .wp-block-media-text,
body .entry-content .wp-block-group {
  margin: 0 auto 4rem;
  padding: 0;
}
body .entry-content .wp-block-columns .wp-block-group,
body .entry-content .wp-block-media-text .wp-block-group,
body .entry-content .wp-block-group .wp-block-group {
  margin-bottom: 0;
}
body .entry-content > .wp-block-heading {
  max-width: 1140px;
  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: 4rem;
}
body .entry-content > .wp-block-uagb-container,
body .entry-content > .wp-block-group {
  width: 100%;
  padding: 0;
  margin: 4rem auto;
  max-width: 100%;
}
body .entry-content > .wp-block-uagb-container.kleur,
body .entry-content > .wp-block-group.kleur {
  max-width: 100%;
  padding: 4rem;
  margin: 0 auto;
}
body .entry-content > .wp-block-uagb-container.grijs,
body .entry-content > .wp-block-group.grijs {
  background: rgb(241, 241, 241);
}
body .entry-content > .wp-block-uagb-container.narrow,
body .entry-content > .wp-block-group.narrow {
  max-width: 500px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
body .entry-content > .wp-block-group > div {
  max-width: 1140px;
  margin: 0 auto;
}
body .entry-content .wp-block-columns {
  gap: 4rem;
}

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

body:not(.home) .wp-block-group:first-child {
  padding-top: 0;
}

.wp-block-uagb-post-grid {
  gap: 4rem !important;
  padding: 0 4rem;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap {
  background: none !important;
  border-radius: 4px;
  border: none;
  min-height: 550px;
  padding: 0 0 1.5rem 0 !important;
  -webkit-box-shadow: 0px 30px 60px -30px rgba(0, 0, 0, 0.45) !important;
  box-shadow: 0px 30px 60px -30px rgba(0, 0, 0, 0.45) !important;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap:hover {
  -webkit-box-shadow: 0 0px 16px rgba(110, 144, 166, 0.5), 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0px 16px rgba(110, 144, 166, 0.5), 0 1px 3px rgba(0, 0, 0, 0.3);
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap:hover .uagb-post__text.uagb-post__title a {
  color: #CE271B;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap img {
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 20px 20px 0 20px;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap .uagb-post__text {
  margin: 0 1.5rem !important;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap .uagb-post__text.uagb-post__title a {
  font-weight: 300;
  padding-bottom: 1.5rem !important;
  font-size: 0.8em;
  color: #a0c539;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap .uagb-post__text.uagb-post-grid-byline {
  display: none;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap .uagb-post__text.uagb-post__excerpt {
  padding-bottom: 1rem !important;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap .uagb-post__text.uagb-post__title, .wp-block-uagb-post-grid .uagb-post__inner-wrap .uagb-post__text.uagb-post__excerpt {
  text-align: left !important;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap .wp-block-button__link.uagb-text-link {
  padding: 0;
  font-size: 0.8em;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap .wp-block-button__link.uagb-text-link:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  content: "\f054";
  color: #fff;
  font-size: 0.8em;
  padding-left: 0.5rem;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap .wp-block-button__link.uagb-text-link:hover, .wp-block-uagb-post-grid .uagb-post__inner-wrap .wp-block-button__link.uagb-text-link:focus, .wp-block-uagb-post-grid .uagb-post__inner-wrap .wp-block-button__link.uagb-text-link:active {
  color: #fff !important;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap .wp-block-button__link.uagb-text-link:hover:after, .wp-block-uagb-post-grid .uagb-post__inner-wrap .wp-block-button__link.uagb-text-link:focus:after, .wp-block-uagb-post-grid .uagb-post__inner-wrap .wp-block-button__link.uagb-text-link:active:after {
  color: #fff;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap .uagb-post__text.uagb-post__cta.wp-block-button {
  left: 0 !important;
}

/* 1.13 Content: Pages
------------------------------------------------------------------------------------------------------*/
#header-wrap {
  width: 100%;
  max-height: 700px;
  overflow: hidden;
}

.top_banner {
  margin-bottom: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-height: 700px;
}
.top_banner img {
  width: 100%;
  -webkit-box-shadow: 0px 30px 60px -30px rgba(0, 0, 0, 0.45) !important;
  box-shadow: 0px 30px 60px -30px rgba(0, 0, 0, 0.45) !important;
}
.top_banner .banner-txt {
  position: absolute;
  bottom: 20%;
  background: rgba(71, 71, 71, 0.7);
  left: 20%;
  padding: 2rem;
  max-width: 600px;
  width: 100%;
  border-radius: 4px;
}
.top_banner h2.heading {
  text-align: left;
  color: #fff;
  font-size: 2em;
  font-weight: 400;
  margin-bottom: 0.5rem;
  text-shadow: 1px 1px 2px #000;
}
.top_banner p.statement {
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  margin: 0;
}

/* 1.14 Content: Homepage
------------------------------------------------------------------------------------------------------*/
ul.checks {
  --icon-space: 1.3em;
  list-style: none;
}
ul.checks li {
  padding-left: var(--icon-space);
}
ul.checks li:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  margin-left: calc(var(--icon-space) * -1);
  width: var(--icon-space);
  color: #a0c539;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.2;
}

/* 1.15 Content: Single Post
------------------------------------------------------------------------------------------------------*/
body.single header.entry-header {
  text-align: center;
}
body.single .entry-header .post-thumb img {
  border-radius: 4px;
}
body.single h1.entry-title {
  margin-bottom: 1.5rem !important;
}

/* 1.16 Content: Sitemap page
------------------------------------------------------------------------------------------------------*/
body.page-sitemap .entry-content h1 {
  text-align: center;
}
body.page-sitemap .entry-content h2 {
  text-align: left !important;
}

/* 1.41 Plugin: SEOPress
---------------------------------------------------------------------------------------------------*/
body .seopress-user-consent {
  background: #000000;
  border: none;
}
body .seopress-user-consent p {
  color: #fff;
}

body button#seopress-user-consent-close,
body .seopress-user-consent button {
  margin: 0;
  padding: 10px 20px;
  text-shadow: none;
  background: #a0c539;
  border: none;
  font-size: 1.1em;
  font-weight: 700;
  -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);
  color: #fff;
  -webkit-appearance: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
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 {
  background: #25221E;
}
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 {
  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);
}

/* 1.31 Elements: Buttons
------------------------------------------------------------------------------------------------------*/
#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,
#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 {
  margin: 0;
  padding: 0.75rem 1.25rem;
  text-shadow: none;
  background: #a0c539;
  border: none;
  font-size: 1.1em;
  font-weight: 700;
  -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);
  color: #fff;
  -webkit-appearance: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  border-radius: 4px;
  text-transform: normal;
}
#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:hover,
#page button:focus,
#page button: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:hover,
#page button:focus,
#page button: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 {
  background: #25221E;
}
#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:hover,
#page button:focus,
#page button: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 {
  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);
}
#page a.wp-block-file__button {
  margin-left: 1em;
}

/* 6.00 DESKTOP: Width of 1000px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
  /* 6.13 Content: Pages
  ------------------------------------------------------------------------------------------------------*/
  .top_banner .banner-txt {
    bottom: 10%;
    left: 5%;
    padding: 1rem;
    width: 90%;
  }
  /* 6.15 Content: Single Post
  ------------------------------------------------------------------------------------------------------*/
  body.single .entry-header {
    padding: 0 2rem;
  }
}
/* 5.00 LARGE: Width of 921px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 921px) {
  /* 5.01  Fonts & Icons & Variables
  ------------------------------------------------------------------------------------------------------*/
  /* 5.02  Structure - GENERAL
  ------------------------------------------------------------------------------------------------------*/
  #page .site-footer {
    padding: 3rem;
  }
  body.single #primary {
    margin: 3rem auto;
  }
  /* 5.03  Header
  ------------------------------------------------------------------------------------------------------*/
  /*  body .header-main-layout-1 .site-primary-header-wrap .ast-builder-grid-row {
          grid-template-columns:150px auto;
          grid-column-gap:30px;

          .site-header-section .ast-builder-menu-1.ast-builder-menu {
              width:100%; 
              justify-content:space-between;

              .ast-main-header-bar-alignment {
                  width:100%; 

                  .main-header-bar-navigation .main-navigation {
                      width:100%;

                      ul.main-header-menu {
                          width:100%;
                          justify-content:space-between;
                      }   
                  }
              }   
          }
      }*/
  /* 5.12  Content: Gutenberg blocks
  ------------------------------------------------------------------------------------------------------*/
  body .entry-content .wp-block-columns,
  body .entry-content .wp-block-media-text,
  body .entry-content .wp-block-group {
    margin: 0 auto 3rem;
  }
  body .entry-content .wp-block-columns {
    gap: 3rem;
  }
  body .entry-content > .wp-block-uagb-container,
  body .entry-content > .wp-block-group {
    margin: 3rem auto;
  }
  body .entry-content > .wp-block-uagb-container.kleur,
  body .entry-content > .wp-block-group.kleur {
    padding: 3rem;
  }
  body .entry-content .wp-block-buttons {
    gap: 3rem;
  }
  .wp-block-uagb-post-grid {
    gap: 3rem !important;
    padding: 0 3rem;
  }
}
/* 4.00 INTERMEDIATE: Width of 782px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 782px) {
  /* 4.12  Content: Gutenberg blocks
  ------------------------------------------------------------------------------------------------------*/
  .wp-block-spacer {
    display: none;
  }
  .wp-block-uagb-post-grid {
    -ms-grid-columns: (minmax(0, 1fr))[2] !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    -ms-flex-preferred-size: 40% !important;
        flex-basis: 40% !important;
    margin: 0;
  }
  /* 4.13 Content: Pages
  ------------------------------------------------------------------------------------------------------*/
  .top_banner .banner-txt {
    bottom: 2rem;
    left: 2rem;
    width: calc(100% - 4rem);
    max-width: 100%;
  }
}
/* 3.00 MEDIUM: Width of 681px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 681px) {
  /* 3.12  Content: Gutenberg blocks
  ------------------------------------------------------------------------------------------------------*/
  .wp-block-uagb-post-grid {
    -ms-grid-columns: (minmax(0, 1fr))[1] !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .wp-block-uagb-post-grid .uagb-post__inner-wrap {
    min-height: 480px;
  }
  .uagb-post-grid .uagb-post__image img {
    max-width: 70%;
    height: auto !important;
    margin: 0 auto;
    position: static !important;
  }
  .uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a.uagb-image-ratio-2-3 {
    padding-bottom: 46%;
  }
  /* 3.13 Content: Pages
  ------------------------------------------------------------------------------------------------------*/
  .top_banner .banner-txt {
    bottom: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
  }
  .top_banner .banner-txt h2.heading {
    font-size: 1.5em;
  }
}
/* 2.00 SMALL: Width of 544px and below
-------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 544px) {
  /* 2.01 Fonts & Icons & Variables
  ------------------------------------------------------------------------------------------------------*/
  /* 2.12  Content: Gutenberg blocks
  ------------------------------------------------------------------------------------------------------*/
  body .entry-content .wp-block-columns,
  body .entry-content .wp-block-media-text,
  body .entry-content .wp-block-group {
    margin: 0 auto 2rem;
  }
  body .entry-content .wp-block-columns {
    gap: 2rem;
  }
  body .entry-content > .wp-block-uagb-container,
  body .entry-content > .wp-block-group {
    margin: 2rem auto;
  }
  body .entry-content > .wp-block-uagb-container.kleur,
  body .entry-content > .wp-block-group.kleur {
    padding: 2rem;
  }
  body .entry-content .wp-block-buttons {
    gap: 2rem;
  }
  .wp-block-uagb-post-grid {
    gap: 2rem !important;
    padding: 0 2rem;
  }
  /* 2.13 Content: Pages 
  ------------------------------------------------------------------------------------------------------*/
  .top_banner {
    min-height: 385px;
  }
  .top_banner .banner-txt {
    bottom: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
  }
  .top_banner .banner-txt p.statement {
    font-size: 1em;
  }
}
/* 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;
  }
}