@charset "UTF-8";
@import url(https://fonts.bunny.net/css?family=Lato&display=swap);
@import url(https://webfonts.typotheque.com/WF-031509-010474.css);
.openforms-theme {
  --of-progress-indicator-background-color: #bde5f9;
  --utrecht-paragraph-line-height: 1.5;
  --of-card-padding-inline-start: 20px;
  --of-card-padding-inline-end: 20px;
  --of-card-padding-block-start: 20px;
  --of-card-padding-block-end: 20px; }
  .openforms-theme .utrecht-page {
    --of-view-background: #ffffff; }
    .openforms-theme .utrecht-page .utrecht-page-header {
      --h: 120px;
      position: relative;
      height: var(--h);
      background: #bde5f9;
      overflow: hidden;
      /* smallere schermen: 50% / 50% */
      /* mobiel: volledig lichtblauw */ }
      .openforms-theme .utrecht-page .utrecht-page-header::before {
        content: "";
        position: absolute;
        inset: 0;
        background: #def2fc;
        z-index: 0;
        /* desktop: 1/3 licht, schuine lijn op 45° */
        clip-path: polygon(0 0, calc(33.33% + var(--h)) 0, 33.33% 100%, 0 100%); }
      .openforms-theme .utrecht-page .utrecht-page-header > * {
        position: relative;
        z-index: 1; }
      @media (max-width: 960px) {
        .openforms-theme .utrecht-page .utrecht-page-header::before {
          clip-path: polygon(0 0, calc(50% + var(--h)) 0, 50% 100%, 0 100%); } }
      @media (max-width: 600px) {
        .openforms-theme .utrecht-page .utrecht-page-header::before {
          clip-path: none; } }
  .openforms-theme .utrecht-page-footer__navigation .utrecht-link-list {
    font-size: 0.9rem; }

.utrecht-button--primary-action, .utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: #def2fc;
  --_utrecht-button-appearance-active-border-color: #313131;
  --_utrecht-button-appearance-active-color: #e5e5e5;
  --_utrecht-button-appearance-background-color: #4E4D40;
  --_utrecht-button-appearance-border-color: #4E4D40;
  --_utrecht-button-appearance-color: #fff;
  --_utrecht-button-appearance-focus-background-color: rgba(78, 77, 64, 0.9);
  --_utrecht-button-appearance-focus-border-color: rgba(78, 77, 64, 0.9);
  --_utrecht-button-appearance-focus-color: #fff;
  --_utrecht-button-appearance-hover-background-color: rgba(78, 77, 64, 0.9);
  --_utrecht-button-appearance-hover-border-color: rgba(78, 77, 64, 0.9);
  --_utrecht-button-appearance-hover-color: #fff;
  --_utrecht-button-appearance-pressed-background-color: #fff;
  --_utrecht-button-appearance-pressed-border-color: #000;
  --_utrecht-button-appearance-pressed-color: #000; }

h1.utrecht-heading-1, .openforms-react-modal__title, h2, h3,
.openforms-body.openforms-body--wysiwyg h2, .openforms-body.openforms-body--wysiwyg h3 {
  font-family: "Fedra Sans"; }

.openforms-caption {
  --of-typography-sans-serif-font-family: "Fedra Sans"; }

.openforms-body.openforms-body--wysiwyg ul:not(:last-child), .openforms-body.openforms-body--wysiwyg ol:not(:last-child) {
  margin-bottom: inherit; }

.openforms-progress-indicator-item .openforms-progress-indicator-item__marker {
    /*box-sizing: border-box;
    width: 1rem;
    padding: 0.2rem 0.3rem 0.2rem 0;       // ruimte rondom de pijl 
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    &::before {
      content: "";
      display: block;
      width: 100%;
      aspect-ratio: 595.3 / 793.6;
      background-color: #4f4c45;
      clip-path: polygon(
        100% 50%,
        33.33% 0,
        0 25%,
        33.33% 50%,
        0 75%,
        33.33% 100%
      );
    }*/ }

.cookie-notice {
  font-family: Lato; }

.openforms-formio-content figure.image {
  margin: 0; }
.openforms-formio-content img {
  max-width: 100%;
  height: auto; }