@import url("https://fonts.googleapis.com/css2?family=Signika:wght@300..700&display=swap");
.section-shop-afhaal .layout-container,
.section-shop.page-shop .layout-container,
.section-webshop .layout-container {
  background-color: #4CA950;
}

.commerce-product--type--winkel-afhaal.commerce-product--layout--shop,
.commerce-product--type--default.commerce-product--layout--shop,
.commerce-product--type--foodbox.commerce-product--layout--shop,
.commerce-product--type--default-piece.commerce-product--layout--shop {
  background-color: white;
}

article.commerce-product--type--subscription {
  --button-color: #EA7200;
}

.menu--customer {
  --action-color: #EA7200;
}

#views-exposed-form-zonnekouter-shop-page-1 label,
#views-exposed-form-zonnekouter-shop-block-1 label {
  color: #EA7200;
  font-family: "Signika", sans-serif;
  font-weight: 600;
}

.menu--account ::before,
#views-exposed-form-search-content-page-1 ::before,
.cart-block--summary__icon img {
  filter: brightness(0) invert(1);
}

#search-block-form button,
#views-exposed-form-search-content-page-1 button {
  font-size: 20px;
}

.cart--cart-block .cart-block--summary__icon {
  width: 20px;
}

.menu--account li:only-of-type a::before {
  width: 20px;
  height: 20px;
}

.node--id--10117 .page__title,
.node--id--10118 .page__title {
  display: none;
}

header#header {
  background-color: #2F4130;
}

header#header.has-hero {
  background: transparent;
}

section#navbar {
  background-color: #EA7200;
  color: white;
}

section#navbar li a:hover {
  color: inherit;
}

nav.menu--main, nav.menu--account {
  --action-color: white;
  font-weight: 600;
}

nav.menu--main li, nav.menu--account li {
  width: 9em;
  text-align: center;
}

nav.menu--main a, nav.menu--account a {
  color: white;
}

nav.menu--main li a:active,
nav.menu--main li a:focus,
nav.menu--main li a:hover, nav.menu--account li a:active,
nav.menu--account li a:focus,
nav.menu--account li a:hover {
  color: var(--action-color, white);
  font-style: italic;
}

header#header:not(.has-hero) nav {
  --action-color: #EA7200;
}

.block h2 {
  text-transform: uppercase;
}

#footer .block h2 {
  font-size: 1.4em;
}

h2 a:hover, h2 a:focus, h2 a:active, h3 a:hover, h3 a:focus, h3 a:active, h4 a:hover, h4 a:focus, h4 a:active, h5 a:hover, h5 a:focus, h5 a:active, h6 a:hover, h6 a:focus, h6 a:active {
  color: var(--action-color);
}

.hero__text {
  color: white;
  font-size: 1.4em;
  text-align: center;
  --heading-color: white;
}

.hero__text h3 {
  font-size: 1.9em;
  margin-bottom: 0;
}

.hero__text button, .hero__text [type='button'], .hero__text [type='reset'], .hero__text [type='submit'], .hero__text a.button {
  background-color: transparent;
  border: 1px solid #ddd;
  border-color: white;
  color: white;
}

.hero__text button:hover, .hero__text button:focus, .hero__text [type='button']:hover, .hero__text [type='button']:focus, .hero__text [type='reset']:hover, .hero__text [type='reset']:focus, .hero__text [type='submit']:hover, .hero__text [type='submit']:focus, .hero__text a.button:hover, .hero__text a.button:focus {
  background-color: rgba(255, 255, 255, 0.5);
}

.links__links,
.commerce-product--type--subscription,
.commerce-product--type--foodbox,
.commerce-product-variation--type--subscription,
.commerce-product-variation--type--foodbox {
  --action-color: #2A632D;
  --button-color: #2A632D;
  --button-action-color: #4CA950;
  --button-text-color: white;
  --heading-color: #2A632D;
}

.subscription--layout--full,
.subscription--layout--shop {
  --heading-color: #EA7200;
}

.links__links .field--name--image, .links__links .field--type--image,
.links__links .views-field-field-productafbeelding, .view--style-grid .field--name--image, .view--style-grid .field--type--image,
.view--style-grid .views-field-field-productafbeelding,
.zonnekouter-shop .field--name--image,
.zonnekouter-shop .field--type--image,
.zonnekouter-shop .views-field-field-productafbeelding,
.zonnekouter-subscription-shop .field--name--image,
.zonnekouter-subscription-shop .field--type--image,
.zonnekouter-subscription-shop .views-field-field-productafbeelding {
  overflow: hidden;
}

.links__links article:hover .field--name--title, .links__links article:hover header, .links__links article:hover .link__title, .links__links article:hover h3,
.links__links .commerce-product--layout--shop:hover .field--name--title,
.links__links .commerce-product--layout--shop:hover header,
.links__links .commerce-product--layout--shop:hover .link__title,
.links__links .commerce-product--layout--shop:hover h3,
.links__links .paragraph--type--link:hover .field--name--title,
.links__links .paragraph--type--link:hover header,
.links__links .paragraph--type--link:hover .link__title,
.links__links .paragraph--type--link:hover h3, .view--style-grid article:hover .field--name--title, .view--style-grid article:hover header, .view--style-grid article:hover .link__title, .view--style-grid article:hover h3,
.view--style-grid .commerce-product--layout--shop:hover .field--name--title,
.view--style-grid .commerce-product--layout--shop:hover header,
.view--style-grid .commerce-product--layout--shop:hover .link__title,
.view--style-grid .commerce-product--layout--shop:hover h3,
.view--style-grid .paragraph--type--link:hover .field--name--title,
.view--style-grid .paragraph--type--link:hover header,
.view--style-grid .paragraph--type--link:hover .link__title,
.view--style-grid .paragraph--type--link:hover h3,
.zonnekouter-shop article:hover .field--name--title,
.zonnekouter-shop article:hover header,
.zonnekouter-shop article:hover .link__title,
.zonnekouter-shop article:hover h3,
.zonnekouter-shop .commerce-product--layout--shop:hover .field--name--title,
.zonnekouter-shop .commerce-product--layout--shop:hover header,
.zonnekouter-shop .commerce-product--layout--shop:hover .link__title,
.zonnekouter-shop .commerce-product--layout--shop:hover h3,
.zonnekouter-shop .paragraph--type--link:hover .field--name--title,
.zonnekouter-shop .paragraph--type--link:hover header,
.zonnekouter-shop .paragraph--type--link:hover .link__title,
.zonnekouter-shop .paragraph--type--link:hover h3,
.zonnekouter-subscription-shop article:hover .field--name--title,
.zonnekouter-subscription-shop article:hover header,
.zonnekouter-subscription-shop article:hover .link__title,
.zonnekouter-subscription-shop article:hover h3,
.zonnekouter-subscription-shop .commerce-product--layout--shop:hover .field--name--title,
.zonnekouter-subscription-shop .commerce-product--layout--shop:hover header,
.zonnekouter-subscription-shop .commerce-product--layout--shop:hover .link__title,
.zonnekouter-subscription-shop .commerce-product--layout--shop:hover h3,
.zonnekouter-subscription-shop .paragraph--type--link:hover .field--name--title,
.zonnekouter-subscription-shop .paragraph--type--link:hover header,
.zonnekouter-subscription-shop .paragraph--type--link:hover .link__title,
.zonnekouter-subscription-shop .paragraph--type--link:hover h3 {
  font-style: italic;
}

.links__links article:hover .field--name--image img, .links__links article:hover .field--type--image img,
.links__links article:hover .views-field-field-productafbeelding img,
.links__links .commerce-product--layout--shop:hover .field--name--image img,
.links__links .commerce-product--layout--shop:hover .field--type--image img,
.links__links .commerce-product--layout--shop:hover .views-field-field-productafbeelding img,
.links__links .paragraph--type--link:hover .field--name--image img,
.links__links .paragraph--type--link:hover .field--type--image img,
.links__links .paragraph--type--link:hover .views-field-field-productafbeelding img, .view--style-grid article:hover .field--name--image img, .view--style-grid article:hover .field--type--image img,
.view--style-grid article:hover .views-field-field-productafbeelding img,
.view--style-grid .commerce-product--layout--shop:hover .field--name--image img,
.view--style-grid .commerce-product--layout--shop:hover .field--type--image img,
.view--style-grid .commerce-product--layout--shop:hover .views-field-field-productafbeelding img,
.view--style-grid .paragraph--type--link:hover .field--name--image img,
.view--style-grid .paragraph--type--link:hover .field--type--image img,
.view--style-grid .paragraph--type--link:hover .views-field-field-productafbeelding img,
.zonnekouter-shop article:hover .field--name--image img,
.zonnekouter-shop article:hover .field--type--image img,
.zonnekouter-shop article:hover .views-field-field-productafbeelding img,
.zonnekouter-shop .commerce-product--layout--shop:hover .field--name--image img,
.zonnekouter-shop .commerce-product--layout--shop:hover .field--type--image img,
.zonnekouter-shop .commerce-product--layout--shop:hover .views-field-field-productafbeelding img,
.zonnekouter-shop .paragraph--type--link:hover .field--name--image img,
.zonnekouter-shop .paragraph--type--link:hover .field--type--image img,
.zonnekouter-shop .paragraph--type--link:hover .views-field-field-productafbeelding img,
.zonnekouter-subscription-shop article:hover .field--name--image img,
.zonnekouter-subscription-shop article:hover .field--type--image img,
.zonnekouter-subscription-shop article:hover .views-field-field-productafbeelding img,
.zonnekouter-subscription-shop .commerce-product--layout--shop:hover .field--name--image img,
.zonnekouter-subscription-shop .commerce-product--layout--shop:hover .field--type--image img,
.zonnekouter-subscription-shop .commerce-product--layout--shop:hover .views-field-field-productafbeelding img,
.zonnekouter-subscription-shop .paragraph--type--link:hover .field--name--image img,
.zonnekouter-subscription-shop .paragraph--type--link:hover .field--type--image img,
.zonnekouter-subscription-shop .paragraph--type--link:hover .views-field-field-productafbeelding img {
  transform: scale(1.1);
}

.block-zonnekouter-theme-news-overview,
.paragraph--alternate-background {
  background-color: #4CA950;
  --action-color: #EA7200;
  --button-color: #EA7200;
}

.block-zonnekouter-theme-news-overview h2, .block-zonnekouter-theme-news-overview h3, .block-zonnekouter-theme-news-overview h4, .block-zonnekouter-theme-news-overview h5, .block-zonnekouter-theme-news-overview h6,
.paragraph--alternate-background h2,
.paragraph--alternate-background h3,
.paragraph--alternate-background h4,
.paragraph--alternate-background h5,
.paragraph--alternate-background h6 {
  color: #EA7200;
}

.kolommen h2, .kolommen h3 {
  color: #2F4130;
}

.paragraph--id--80 > div {
  --button-color: #EA7200;
  --button-action-color: #F6B373;
}

.paragraph--id--80 > div h2, .paragraph--id--80 > div h3 {
  text-transform: uppercase;
}

.paragraph--id--80 > div h2, .paragraph--id--80 > div h3, .paragraph--id--80 > div h4, .paragraph--id--80 > div h5, .paragraph--id--80 > div h6 {
  color: #EA7200;
}

@media (min-width: 720px) {
  .paragraph--id--80 > div > div + div {
    border-left: 1px solid #ddd;
    border-color: #EA7200;
    padding-left: 15px;
  }
}

@media (max-width: 719px) {
  .paragraph--id--80 > div > div {
    border-top: 1px solid #ddd;
    border-color: #EA7200;
    padding-top: 15px;
  }
}

.paragraph--id--97 > div > div {
  min-width: auto;
}

.paragraph--id--78 img {
  height: 3em;
}

.image__media-image img {
  width: 100%;
}

main form.webform-submission-newsletter-form input[type="email"] {
  background-color: #F6B373;
  border: none;
}

.paragraph--id--73 {
  --heading-color: #2A632D;
}

@media (min-width: 720px) {
  .paragraph--id--73 > div > div + div {
    border-left: 1px solid #ddd;
    border-color: #EA7200;
    padding-left: 15px;
  }
}

aside.sidebar {
  background-color: white;
  padding: 15px;
  margin-bottom: 15px;
}

footer#footer {
  background-color: #2F4130;
  color: white;
  --action-color: white;
  --button-color: white;
  --button-text-color: #4CA950;
  --heading-color: white;
  font-size: smaller;
}

footer#footer .social-media-link img {
  filter: brightness(0) invert(1);
}

#footer p a img {
  height: 1em;
  vertical-align: middle;
}

.eu-cookie-compliance-banner {
  background-color: #4CA950;
  padding: 15px;
  width: 99vw;
}

.mm-menu {
  --mm-color-background: #EA7200;
  --mm-color-border: transparent;
}

.mm-menu ul {
  text-align: end;
}

.mm-menu ul a {
  padding-top: 5px;
  padding-bottom: 5px;
}

#main img {
  border-radius: 1em;
}

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