/*
Theme Name: Twenty Twenty-One Child
Template: twentytwentyone
Version: 1.0.0
*/
body h2 {
  font-size: 48px;
}
body p {
  font-size: 20px;
}

.project-page--intro .project-content {
  max-width: 700px;
}
@media screen and (max-width: 768px) {
  .project-page--intro .project-content {
    max-width: 100%;
    text-align: left;
  }
}

.werkwijze-column {
  background: #507884;
  color: white;
  padding: 2rem;
}

.wp-block-media-text.no-bg .wp-block-media-text__content {
  padding-left: 0 !important;
}

@media (max-width: 651px) {
  .wp-block-media-text__content {
    margin-top: 1rem;
    padding: 0 !important;
  }
}
.header-cta a {
  background: white;
  color: #507884 !important;
  border-radius: 0.5rem;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0.75rem 1.5rem;
  display: inline-block;
  margin-left: 1.5rem;
  text-decoration: none !important;
  border: 1px solid #507884;
  transition: 0.2s ease;
}
.header-cta a:hover, .header-cta a:focus {
  background: #507884 !important;
  color: white !important;
  text-decoration: none !important;
}

.wp-block-button__link {
  background: white !important;
  color: #507884 !important;
  border-radius: 0.5rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  padding: 0.75rem 1.5rem !important;
  display: inline-block !important;
  text-decoration: none !important;
  border: 1px solid #507884 !important;
  transition: 0.2s ease !important;
}
.wp-block-button__link:hover, .wp-block-button__link:focus {
  background: #507884 !important;
  color: white !important;
  text-decoration: none !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background: #507884 !important;
  color: white !important;
  text-decoration: none !important;
}

.wpforms-container .wpforms-field-medium {
  max-width: 100% !important;
}
.wpforms-container button {
  background: white !important;
  color: #507884 !important;
  border-radius: 0.5rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  padding: 1rem 1.3rem !important;
  display: inline-block !important;
  border: 1px solid #507884 !important;
  height: 100% !important;
}
.wpforms-container button:hover, .wpforms-container button:focus {
  background: #3e5e6e !important;
  color: white !important;
  text-decoration: none !important;
  cursor: pointer;
}

.primary-navigation .primary-menu-container a i {
  color: #507884 !important;
}

@media (max-width: 1330px) {
  .primary-navigation > .primary-menu-container {
    visibility: hidden;
    opacity: 0;
  }
  .menu-button-container {
    display: flex;
    padding-inline-end: calc(var(--site--padding) - 20px);
  }
  .has-logo .menu-button-container {
    padding-top: calc(var(--header--padding) + (var(--logo--height) - 45px) / 2);
  }
  .site-header .primary-navigation {
    position: absolute;
    top: var(--global--admin-bar--height);
  }
}
.footer-seperator {
  border-top: 2px solid #507884;
}

.footer {
  padding-bottom: 2rem;
}
.footer .footer-logo {
  height: auto;
  width: 300px;
}
.footer .footer-logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.footer .footer-menu {
  display: flex;
  justify-content: end;
  height: 100%;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .footer .footer-menu {
    justify-content: start;
    margin-top: 1rem;
  }
}
.footer .footer-menu ul {
  list-style: none;
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.footer .footer-menu ul li a {
  color: #507884;
  text-decoration: none;
  font-size: 1.2rem;
}
.footer .footer-menu ul li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 992px) {
  .footer .footer-menu ul {
    gap: 0.5rem;
  }
}

.wpforms-field-container .wpforms-field-label {
  font-size: 1.25rem !important;
  font-weight: 400 !important;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 52.5px;
  padding-right: 52.5px;
}
@media (max-width: 821px) {
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
    max-width: 100%;
    padding-left: 32.5px;
    padding-right: 32.5px;
  }
}
@media screen and (max-width: 481px) {
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

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