/**
 * Do not edit directly
 * Generated on Tue, 20 May 2025 09:59:06 GMT
 */

.openinwoner-theme {
  --utrecht-unordered-list-marker-color: transparent;
  --utrecht-unordered-list-item-padding-inline-start: 0;
  --utrecht-unordered-list-item-margin-block-end: 0;
  --utrecht-unordered-list-item-margin-block-start: 0;
  --utrecht-unordered-list-padding-inline-start: 0;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-unordered-list-margin-block-start: 0;
  --utrecht-typography-line-height-lg: 32px;
  --utrecht-typography-line-height-md: 24px;
  --utrecht-typography-line-height-sm: 22px;
  --utrecht-typography-line-height-xs: 16px;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: normal;
  --utrecht-typography-weight-scale-bold-font-weight: bold;
  --utrecht-typography-scale-3xl-font-size: 40px;
  --utrecht-typography-scale-2xl-font-size: 32px;
  --utrecht-typography-scale-xl-font-size: 20px;
  --utrecht-typography-scale-lg-font-size: 24px;
  --utrecht-typography-scale-md-font-size: 16px;
  --utrecht-typography-scale-sm-font-size: 14px;
  --utrecht-typography-sans-serif-font-family: "Body", "Arial", sans-serif;
  --utrecht-document-line-height: 24px; /* Default body line-height. */
  --utrecht-document-color: #4b4b4b;
  --utrecht-document-font-size: 16px; /* The body font-size for the theme. */
  --utrecht-skip-link-focus-visible-text-decoration: underline;
  --utrecht-skip-link-focus-visible-color: #fff;
  --utrecht-skip-link-focus-text-decoration: underline;
  --utrecht-skip-link-focus-color: #fff;
  --utrecht-skip-link-z-index: 5000;
  --utrecht-skip-link-text-decoration: underline;
  --utrecht-skip-link-padding-inline-end: 16px;
  --utrecht-skip-link-padding-inline-start: 16px;
  --utrecht-skip-link-padding-block-end: 24px;
  --utrecht-skip-link-padding-block-start: 24px;
  --utrecht-skip-link-min-inline-size: 0;
  --utrecht-skip-link-min-block-size: 0;
  --utrecht-skip-link-color: #fff;
  --utrecht-paragraph-small-margin-block-start: 0;
  --utrecht-paragraph-small-margin-block-end: 0;
  --utrecht-paragraph-small-line-height: 20px;
  --utrecht-paragraph-small-font-size: 14px;
  --utrecht-paragraph-small-font-weight: normal;
  --utrecht-paragraph-small-color: rgba(75,75,75,0.9);
  --utrecht-paragraph-margin-block-start: 0;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-paragraph-line-height: 24px;
  --utrecht-paragraph-font-weight: normal;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 4px;
  --utrecht-ordered-list-item-margin-block-start: 4px;
  --utrecht-ordered-list-padding-inline-start: 16px;
  --utrecht-ordered-list-margin-block-end: 0;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-link-list-link-text-decoration: none;
  --utrecht-link-list-link-font-weight: bold;
  --utrecht-link-list-link-column-gap: 8px;
  --utrecht-link-list-row-gap: 8px;
  --utrecht-link-list-margin-block-end: 0;
  --utrecht-link-list-margin-block-start: 0;
  --utrecht-heading-4-margin-block-start: 0;
  --utrecht-heading-4-margin-block-end: 0;
  --utrecht-heading-4-line-height: 26px;
  --utrecht-heading-4-font-weight: bold;
  --utrecht-heading-4-font-size: 16px;
  --utrecht-heading-3-margin-block-start: 0;
  --utrecht-heading-3-margin-block-end: 0;
  --utrecht-heading-3-line-height: 30px;
  --utrecht-heading-3-font-weight: bold;
  --utrecht-heading-3-font-size: 20px;
  --utrecht-heading-2-margin-block-start: 0;
  --utrecht-heading-2-margin-block-end: 0;
  --utrecht-heading-2-line-height: 34px;
  --utrecht-heading-2-letter-spacing: normal;
  --utrecht-heading-2-font-weight: bold;
  --utrecht-heading-2-font-size: 24px;
  --utrecht-heading-1-margin-block-start: 40px;
  --utrecht-heading-1-margin-block-end: 0;
  --utrecht-heading-1-line-height: 41px;
  --utrecht-heading-1-font-weight: bold;
  --utrecht-heading-1-font-size: 32px;
  --utrecht-heading-margin-block-start: 0;
  --utrecht-heading-margin-block-end: 0;
  --utrecht-heading-font-weight: bold;
  --utrecht-form-fieldset-legend-margin-block-start: 0;
  --utrecht-form-fieldset-legend-margin-block-end: 0;
  --utrecht-form-fieldset-legend-line-height: 21px;
  --utrecht-form-fieldset-legend-font-weight: normal;
  --utrecht-form-fieldset-section-background-color: #FFFFFF;
  --utrecht-form-fieldset-margin-block-start: 0;
  --utrecht-form-fieldset-margin-block-end: 0;
  --oip-utrecht-unordered-list-nested-padding-inline-start: 16px;
  --oip-utrecht-unordered-list-nested-margin-inline-start: 0;
  --oip-utrecht-unordered-list-marker-content: none;
  --oip-utrecht-paragraph-compact-margin-top: 0 !important;
  --oip-utrecht-paragraph-compact-margin-bottom: 0 !important;
  --oip-utrecht-paragraph-centered-text-align: center;
  --oip-fieldset-horizontal-margin-bottom: 20px;
  --oip-fieldset-horizontal-gap: 7px;
  --oip-fieldset-horizontal-flex-direction: row;
  --oip-fieldset-horizontal-display: flex;
  --oip-typography-heading-font-family: "Heading", "Arial", sans-serif;
  --oip-typography-sans-serif-font-family: "Body", "Arial", sans-serif;
  --oip-text-big-font-size: 24px;
  --oip-text-font-size: 16px;
  --oip-text-margin: 20px;
  --oip-heading-font-family: "Heading", "Arial", sans-serif;
  --oip-layout-bg: #FFFFFF;
  --oip-color-red-notification: #e50026; /* The bright red color for notification badges and texts. */
  --oip-color-border: #d2d2d2; /* Default color for borders. */
  --oip-color-fg-heading: #000000; /* Black foreground color for fully black elements. */
  --oip-color-fg-muted: #949494; /* Font/foreground color for non-actionable or less-important content. */
  --oip-color-fg-lighter: #676767; /* Blackish foreground color for lighter text elements (eg date). */
  --oip-color-fg: #4b4b4b; /* Blackish foreground color for the (main) user interface. */
  --oip-color-bg: #ffffff; /* Background color for the (main) user interface. */
  --oip-color-danger-light: #ffdbe1; /* The light red background color for error/critical states and/or messages. */
  --oip-color-danger: #5c000f; /* The dark red text color for error/critical states and/or messages. */
  --oip-color-warning-light: #ffdcad; /* The light orange background color for warning states and/or messages. */
  --oip-color-warning: #704000; /* The dark orange text color for warning states and/or messages. */
  --oip-color-success-light: #ecf4ec; /* The light green background color for success states and/or messages. */
  --oip-color-success: #4A7746; /* The dark green text color for success states and/or messages. */
  --oip-color-info-light: #D5E6F6; /* The light blue background color for informational states and/or messages. */
  --oip-color-info: #2566A7; /* The dark blue text color for informational states and/or messages. */
  --oip-color-accent: #E10019; /* The accent color is usually the main identity color for a municipality */
  --oip-color-secondary: #006A0F; /* The secondary compliments the primary color and serves as the default for text-links. */
  --oip-color-primary: #0065BD; /* The primary color makes up a large part of the theme, it is used in buttons for example. */
  --utrecht-unordered-list-line-height: var(--utrecht-document-line-height);
  --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
  --utrecht-document-font-family: var(--oip-typography-sans-serif-font-family); /* The body font-style for the theme. */
  --utrecht-skip-link-focus-visible-background-color: var(--oip-color-accent);
  --utrecht-skip-link-focus-background-color: var(--oip-color-accent);
  --utrecht-skip-link-background-color: var(--oip-color-accent);
  --utrecht-paragraph-small-font-family: var(--oip-typography-sans-serif-font-family);
  --utrecht-paragraph-font-size: var(--oip-text-font-size);
  --utrecht-paragraph-font-family: var(--oip-typography-sans-serif-font-family);
  --utrecht-paragraph-color: var(--oip-color-fg);
  --utrecht-ordered-list-line-height: var(--utrecht-document-line-height);
  --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
  --utrecht-heading-4-font-family: var(--oip-typography-heading-font-family);
  --utrecht-heading-4-color: var(--oip-color-fg-heading);
  --utrecht-heading-3-font-family: var(--oip-typography-heading-font-family);
  --utrecht-heading-3-color: var(--oip-color-fg-heading);
  --utrecht-heading-2-font-family: var(--oip-typography-heading-font-family);
  --utrecht-heading-2-color: var(--oip-color-fg-heading);
  --utrecht-heading-1-font-family: var(--oip-typography-heading-font-family);
  --utrecht-heading-1-color: var(--oip-color-fg-heading);
  --utrecht-heading-font-family: var(--oip-typography-heading-font-family);
  --utrecht-heading-color: var(--oip-color-fg-heading);
  --utrecht-form-fieldset-legend-font-size: var(--utrecht-paragraph-small-font-size);
  --utrecht-form-fieldset-legend-font-family: var(--oip-typography-sans-serif-font-family);
  --utrecht-form-fieldset-legend-color: var(--oip-color-fg-lighter);
  --utrecht-form-fieldset-section-color: var(--oip-color-fg-lighter);
  --oip-utrecht-paragraph-muted-color: var(--oip-color-fg-muted);
  --oip-heading-fg: var(--oip-color-fg);
  --utrecht-unordered-list-font-family: var(--utrecht-document-font-family);
  --utrecht-ordered-list-font-family: var(--utrecht-document-font-family);
}