@font-face {
  font-family: 'signika-bold';
  src: url('../assets/fonts/heba-duurzaam-denhaag/Signika-Bold.woff') format('woff'),
       url('../assets/fonts/heba-duurzaam-denhaag/Signika-Bold.woff2') format('woff2'),
       url('../assets/fonts/heba-duurzaam-denhaag/Signika-Bold.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'signika-light';
  src: url('../assets/fonts/heba-duurzaam-denhaag/Signika-Light.woff') format('woff'),
       url('../assets/fonts/heba-duurzaam-denhaag/Signika-Light.woff2') format('woff2'),
       url('../assets/fonts/heba-duurzaam-denhaag/Signika-Light.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'signika-medium';
  src: url('../assets/fonts/heba-duurzaam-denhaag/Signika-Medium.woff') format('woff'),
       url('../assets/fonts/heba-duurzaam-denhaag/Signika-Medium.woff2') format('woff2'),
       url('../assets/fonts/heba-duurzaam-denhaag/Signika-Medium.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'signika-regular';
  src: url('../assets/fonts/heba-duurzaam-denhaag/Signika-Regular.woff') format('woff'),
       url('../assets/fonts/heba-duurzaam-denhaag/Signika-Regular.woff2') format('woff2'),
       url('../assets/fonts/heba-duurzaam-denhaag/Signika-Regular.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'signika-semibold';
  src: url('../assets/fonts/heba-duurzaam-denhaag/Signika-Semibold.woff') format('woff'),
       url('../assets/fonts/heba-duurzaam-denhaag/Signika-Semibold.woff2') format('woff2'),
       url('../assets/fonts/heba-duurzaam-denhaag/Signika-Semibold.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

:root {
  --base-font-family: "Arial", sans-serif;
  --base-font-heading: "signika-bold", sans-serif;
  --color-1: black;
  --color-2: #FDE900;
  --color-3: #3C3C3C;
  --color-4: #E3E8EA;
  --color-text: 0, 0, 0;
  --color-white: #FFFFFF;
  --color-error: #B70000;
  --alpha-80: .8;
  --alpha-60: .6;
}

* {
  font-family: var(--base-font-family);
  color: var(--color-text);
  font-size: 1rem;
}

.template-heba-duurzaam-denhaag header.entry-header {
  background-color: var(--color-2) !important;
  font-family: var(--base-font-heading);
  font-weight: 700;
  padding: 2rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.heba-duurzaam-denhaag-header-wrapper {
  width: 100%;
  max-width: unset;
  position: relative;
  padding: 20px;
  box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--shadow);

  @media screen and (min-width: 1200px) {
    padding: 2vw 5vw;
  }
}

.heba-duurzaam-denhaag-header-wrapper .logo-wrapper img {
  max-width: 100%;
  max-height: 70px;
}

body,
footer#site-footer {
  background-color: var(--color-2);
}

.gform-page-footer {
  margin-top: calc(.5776173285vw + 21.8339350181px);
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.gf_progressbar_percentage {
  background-color: var(--color-1) !important;
}

.entry-title {
  display: none;
}

.entry-content form {
  background-color: var(--white);
  padding: 2rem;
  border-radius: 1rem;
}

.entry-title, legend {
  font-family: var(--base-font-heading) !important;
  color: var(--color-text);
  font-weight: 400 !important;
  font-size: calc(.1444043321vw + 17.4584837545px);
}

.gfield_description * {
  font-family: var(--base-font-family) !important;
  color: var(--color-text);
}

.gsection_title {
  font-family: var(--base-font-heading) !important;
  color: var(--color-text);
}

.gform_wrapper {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.gfield-label {
  font-family: var(--base-font-family) !important;
  font-weight: 400 !important;
  color: var(--color-text) !important;
}

.gfield_required,
label > a {
  color: var(--color-error);
}

input:not([type=checkbox]), textarea, select {
  border-radius: 4px !important;
  border: 2px solid var(--color-1) !important;
  padding: 1.5rem 1.8rem !important;
  background-color: var(--color-white) !important;
  max-height: 60px !important;
}

input[type=checkbox] {
  border-radius: 4px !important;
  border: 2px solid var(--color-1) !important;
}

input[type=submit], input[type=button].gform_next_button {
  background-color: var(--color-1) !important;
  font-family: var(--base-font-family) !important;
  font-weight: 700 !important;
  font-size: calc(.0722021661vw + 14.7292418773px) !important;
  border: 1px solid var(--color-1);
  border-radius: 64px !important;
  color: var(--color-2) !important;
}

input[type=submit]:hover, input[type=submit]:active, input[type=button].gform_next_button:hover, input[type=button].gform_next_button :active {
  background-color: var(--color-2) !important;
  border: 2px solid var(--color-1) !important;
  color: var(--color-1) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  font-size: calc(.0722021661vw + 14.7292418773px) !important;
  text-decoration: none !important;
}

input[type=button].gform_previous_button {
  background-color: var(--color-2) !important;
  font-family: var(--base-font-family) !important;
  font-weight: 700 !important;
  font-size: calc(.0722021661vw + 14.7292418773px) !important;
  border: 1px solid var(--color-1);
  border-radius: 64px !important;
  color: var(--color-1) !important;
  text-decoration: none !important;
}

input[type=button].gform_previous_button:hover, input[type=button].gform_previous_button:active {
  background-color: var(--color-1) !important;
  border: 2px solid var(--color-1) !important;
  color: var(--color-2) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  font-size: calc(.0722021661vw + 14.7292418773px) !important;
  text-decoration: none !important;
}

input[type=submit].gform_save_link {
  background-color: var(--color-white) !important;
  font-family: var(--base-font-family) !important;
  font-weight: 700 !important;
  font-size: calc(.0722021661vw + 14.7292418773px) !important;
  border: 2px solid var(--color-1) !important;
  border-radius: 64px !important;
  color: var(--color-1) !important;
  text-decoration: none !important;
}

.post-inner {
  padding: 0 20px;
  padding-top: 3rem;
  max-width: 650px;
  margin: 0 auto;
}

.gfield--type-product .gform-field-label {
  font-family: var(--base-font-family) !important;
  color: var(--color-text) !important;
  font-size: calc(.0722021661vw + 14.7292418773px) !important;
}

@media screen and (max-width: 640px) {
  .gform_fields:has(.product_start) {
    grid-column-gap: 1rem !important;
  }
}

@media screen and (max-width: 640px) {
  .product_start ~ *:not(.product_end):not(.product_end ~ *):not(.gfield--type-section) {
    /* background-color: red; */
    /* width: 50%; */
    grid-column: span 6 !important;
  } 
}