@import url('https://openstad-cdn.nl/css/addon.css');

.openstad .footer-section p,
[data-apos-level] .footer-section p {
  color: inherit;
}
.openstad .footer-section .utrecht-link:any-link,
[data-apos-level] .footer-section .utrecht-link:any-link {
  --_utrecht-link-state-text-decoration-color: #fff;
}
.openstad .cta-buttons .utrecht-button-link--primary-action,
[data-apos-level] .cta-buttons .utrecht-button-link--primary-action {
  --utrecht-button-primary-action-background-color: #098095;
}
.openstad .cta-buttons .utrecht-button-link--primary-action:hover,
[data-apos-level] .cta-buttons .utrecht-button-link--primary-action:hover {
  --_utrecht-button-hover-background-color: #086B7D;
}
.openstad .icon-section .utrecht-button.utrecht-button--subtle.utrecht-accordion__button,
[data-apos-level] .icon-section .utrecht-button.utrecht-button--subtle.utrecht-accordion__button {
  --utrecht-button-primary-action-background-color: #098095;
}

[data-apos-level]  header.--compact::after {
display: none;
}

[data-apos-level]  header.--compact {
margin-bottom: 0;
}


/* Header */

#navbar{
    padding-block: 1rem;
    background-color: var( --draad-color-heading);
}

#navbar .container #main-menu .level-1{
    color: var(--draad-underline-header-font);
    font-family: var(--draad-typography-font-family-primary);
    font-size: 18px;
}

#navbar.--compact .container #main-menu .level-1{
    color: #000;
}

#navbar.--compact .container #main-menu .level-1:hover, #navbar .container #main-menu .level-1:focus-visible{
    color: #000;
}

#navbar .container #main-menu .level-1:hover, #navbar .container #main-menu .level-1:focus-visible{
  color: var(--draad-underline-header-font);
  border-color: var(--draad-underline-header);
}

.utrecht-heading-1, .openstad .utrecht-heading-1,
.utrecht-heading-2, .openstad .utrecht-heading-2, 
.icon-section .icon-section-content h3, 
.openstad .utrecht-heading-3, 
.openstad .utrecht-heading-4{
    color: var( --draad-color-heading);
}

.utrecht-heading-3{
    color: var( --draad-color-heading);
}

footer .utrecht-paragraph{
    color: #fff;
}

header .utrecht-button-link--html-a:hover{
    background-color: #333;
}

.header-subtitle{
    font-size: 21px;
    font-family: var(--utrecht-alert-heading-font-family);
}


/* Sectie kleuren */

.achtergrond-blauw, 
.achtergrond-grijs, 
.achtergrond-groen{
    padding: 35px;
}

.achtergrond-blauw *, 
.achtergrond-groen *,
.first-section *{
    color: #fff;
}

.achtergrond-grijs .utrecht-paragraph{
    color: #000;
}

.achtergrond-grijs .utrecht-heading-1, 
.achtergrond-grijs .utrecht-heading-2{
    color: var(--draad-color-heading);
    font-weight: bold;
}

html .row:has(.achtergrond-groen, .image-component.--small.--cover) .achtergrond-groen{
    min-height: 250px;
}


.achtergrond-blauw{
    background-color: var(--draad-blue-background);
}

.achtergrond-blauw .utrecht-link--html-a:any-link, .achtergrond-blauw .utrecht-link{
    text-decoration: underline;
}

.achtergrond-blauw .utrecht-link--html-a:any-link:hover, .achtergrond-blauw .utrecht-link--hover,
.first-section .utrecht-link--html-a:any-link:hover, .first-section .utrecht-link--hover{
    color: var(--draad-underline-header);
}

.achtergrond-grijs{
   background-color: var(--draad-gray-background);
}

.achtergrond-groen, .first-section{
    background-color: var(--draad-green-background);
}

.first-section .utrecht-link--html-a:any-link{
        text-decoration-color: #fff;
}

.sub .achtergrond-blauw .apos-area {
    display: flex;
    flex-direction: column;
}

.sub .achtergrond-blauw .apos-area > div {
    margin-inline:  16px;
}

.sub .achtergrond-blauw .apos-area > div:nth-of-type(1) {
    margin-block-start: 1rem;
}

.sub .achtergrond-blauw .apos-area a{
    font-weight: bold;
}

.sub .achtergrond-blauw {
    padding: 0;
    height: 100%;
    min-height: 24rem;
}

.sub .section-shadow .apos-area {
    display: flex;
    flex-direction: column;
}

.sub .section-shadow .apos-area > div {
    margin-inline:  16px;
}

.sub .section-shadow .apos-area > div:nth-of-type(1) {
    margin-block-start: 1rem;
}

.sub .section-shadow .apos-area a{
    font-weight: bold;
}

.sub .section-shadow {
    padding: 0;
    height: 100%;
}

.section-shadow {
    background: white;
    box-shadow: 0 5px 40px #00000021;
    padding: 30px 35px;
    margin-block-start: var(--nlds-default-margin-block-start, 2rem);
}

/* Negative */

.section.--negative {
    margin-block-start: calc((var(--nlds-default-margin-block-start, 3.5rem) + -2rem) * -1);
}

/* Icon-section */

.agenda .icon-section .icon-section-card img{
    height: 160px;
    object-fit: cover;
}

.agenda .icon-section-container{
    padding-block-start: 0;
    padding-block-end: 0;
}

.agenda .icon-section-card{
    background-color: #fff;
    box-shadow: 0px 0px 24px #0002;
}

.agenda .icon-section{
    background-color: transparent;
}

.icon-section .utrecht-heading-3{
    font-size: 20px;
    word-break: auto-phrase;
}

 [data-apos-refreshable], main, .bp-wrapper, body{
    background: var(--draad-gray-background);
}

body:not([data-breakpoint-preview-mode]), [data-apos-refreshable-body]{
    max-width: 1600px;
}

.content{
    background-color: #fff;
}

.page{
    background-color: #fff;
}

.bp-wrapper{
    box-shadow: 0px -50px 50px #00000033;
}


.agenda .apos-area{
    gap: 1rem;
    display: flex;
    flex-direction: column;
}



/* buttons */

.info .utrecht-button-link--secondary-action:hover{
    text-decoration: underline;
    text-decoration-color: #000;
}

.info .utrecht-button-link--secondary-action::before{
    content: "";
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMzYgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5janlwcHd4NWwwMDk4ZXZ6YjI0MXg1dmx5LWluZm8tcGluPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImNqeXBwd3g1bDAwOThldnpiMjQxeDV2bHktaW5mby1waW4iIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy40MSwzNS40MSBDNS42OTEsMzMuMzggMCwyNi4zNTQgMCwxOCBDMCw4LjA1OSA4LjA1OSwwIDE4LDAgQzI3Ljk0MSwwIDM2LDguMDU5IDM2LDE4IEMzNiwyNi4zNTUgMzAuMzA4LDMzLjM4IDIyLjU5LDM1LjQxIEwxOCw0MCBMMTMuNDEsMzUuNDEgWiIgaWQ9IlBhdGgiIGZpbGw9IiMyOTQ4OTAiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTE1LjQ0LDE0Ljk0MiBMMjAuNjYzLDE0Ljk0MiBMMjAuNjYzLDI2LjgzNiBMMTUuNDM5LDI2LjgzNiBMMTUuNDM5LDE0Ljk0MiBMMTUuNDQsMTQuOTQyIFogTTE1LjM0OSwxMS41MDQgQzE1LjM0OSwxMS4xNDMgMTUuNDIsMTAuOCAxNS41NjQsMTAuNDc1IEMxNS43MDcsMTAuMTUxIDE1LjkwMyw5Ljg2OSAxNi4xNTIsOS42MjcgQzE2LjQsOS4zODcgMTYuNjksOS4xOTQgMTcuMDIyLDkuMDUxIEMxNy4zNTc3Mzk5LDguOTA2ODczMzUgMTcuNzE5NjM5NCw4LjgzMzY3NjM2IDE4LjA4NSw4LjgzNiBDMTguNDQ3LDguODM2IDE4Ljc4NSw4LjkwOCAxOS4xMDMsOS4wNTEgQzE5LjQxOSw5LjE5NCAxOS43MDIsOS4zODYgMTkuOTUsOS42MjcgQzIwLjIsOS44NjkgMjAuMzk1LDEwLjE1MSAyMC41MzgsMTAuNDc1IEMyMC42ODIsMTAuOCAyMC43NTMsMTEuMTQzIDIwLjc1MywxMS41MDUgQzIwLjc1ODc5MzMsMTIuMjE4NDcwNiAyMC40Njc5NTM1LDEyLjkwMjI4ODMgMTkuOTUsMTMuMzkzIEMxOS43MDI0MTI5LDEzLjYyNjAwMTYgMTkuNDE1NjkyOSwxMy44MTM1Mzc1IDE5LjEwMywxMy45NDcgQzE4Ljc4MTEyMzcsMTQuMDgzNTg0NyAxOC40MzQ2NDY0LDE0LjE1MjY3NiAxOC4wODUsMTQuMTUgQzE3LjM2NzYwMDUsMTQuMTUyOTcxOCAxNi42NzYxNTM4LDEzLjg4MTgzMDMgMTYuMTUyLDEzLjM5MiBDMTUuNjM0MDQ2NSwxMi45MDEyODgzIDE1LjM0MzIwNjcsMTIuMjE3NDcwNiAxNS4zNDksMTEuNTA0IEwxNS4zNDksMTEuNTA0IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-inline-end: 1rem;
}

.utrecht-button-link{
    border-radius: 0;
}

.skip-link.utrecht-button-link.utrecht-button-link--html-a.utrecht-button-link--primary-action{
    color: transparent;
    background-color: transparent;
}



/* Accordion */

.utrecht-button.utrecht-button--subtle.utrecht-accordion__button:hover, 
.utrecht-button.utrecht-button--subtle.utrecht-accordion__button:focus, 
.utrecht-button.utrecht-button--subtle.utrecht-accordion__button[aria-expanded='true']{
    background-color: #b5b5b5;
}

.utrecht-button.utrecht-button--subtle.utrecht-accordion__button{
    border-radius: 0;
    background-color: #e3e4e5;
    border: unset;
    color: #000;
    margin-block-start: 20px;
}

.icon-section .utrecht-button.utrecht-button--subtle.utrecht-accordion__button{
    border-radius: 0;
    background-color: var(--draad-blue-background);
    border: unset;
    color: #fff;
    margin-block-start: unset;
    font-family: var(--draad-typography-font-family-primary);
}

.utrecht-accordion__panel{
    border: none;
}
.utrecht-accordion__section .utrecht-link:any-link::after{
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBmaWxsPScjMDEzODY1JyBkPSdNMzIwIDBjLTE3LjcgMC0zMiAxNC4zLTMyIDMyczE0LjMgMzIgMzIgMzJsODIuNyAwTDIwMS40IDI2NS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDQ0OCAxMDkuM2wwIDgyLjdjMCAxNy43IDE0LjMgMzIgMzIgMzJzMzItMTQuMyAzMi0zMmwwLTE2MGMwLTE3LjctMTQuMy0zMi0zMi0zMkwzMjAgMHpNODAgMzJDMzUuOCAzMiAwIDY3LjggMCAxMTJMMCA0MzJjMCA0NC4yIDM1LjggODAgODAgODBsMzIwIDBjNDQuMiAwIDgwLTM1LjggODAtODBsMC0xMTJjMC0xNy43LTE0LjMtMzItMzItMzJzLTMyIDE0LjMtMzIgMzJsMCAxMTJjMCA4LjgtNy4yIDE2LTE2IDE2TDgwIDQ0OGMtOC44IDAtMTYtNy4yLTE2LTE2bDAtMzIwYzAtOC44IDcuMi0xNiAxNi0xNmwxMTIgMGMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMkw4MCAzMnonLz48L3N2Zz4=");
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    margin-left: 10px;
    top: 1px;
}

.achtergrond-blauw .utrecht-button-link--primary-action, .achtergrond-groen .utrecht-button-link--primary-action {
    --_utrecht-button-appearance-active-background-color: #fff;
    --_utrecht-button-appearance-active-border-color: var(--utrecht-button-primary-action-active-border-color);
    --_utrecht-button-appearance-active-color: #000;
    --_utrecht-button-appearance-background-color: #fff;
    --_utrecht-button-appearance-border-color: var(--utrecht-button-primary-action-border-color);
    --_utrecht-button-appearance-border-width: var(--utrecht-button-primary-action-border-width);
    --_utrecht-button-appearance-color: #000;
    --_utrecht-button-appearance-font-weight: var(--utrecht-button-primary-action-font-weight);
    --_utrecht-button-appearance-disabled-background-color: var(--utrecht-button-primary-action-disabled-background-color);
    --_utrecht-button-appearance-disabled-border-color: var(--utrecht-button-primary-action-disabled-border-color);
    --_utrecht-button-appearance-disabled-color: var(--utrecht-button-primary-action-disabled-color);
    --_utrecht-button-appearance-focus-background-color: #fff;
    --_utrecht-button-appearance-focus-border-color: var(--utrecht-button-primary-action-focus-border-color);
    --_utrecht-button-appearance-focus-color: #000;
    --_utrecht-button-appearance-hover-background-color:#fff;
    --_utrecht-button-appearance-hover-border-color: var(--utrecht-button-primdary-action-hover-border-color);
    --_utrecht-button-appearance-hover-color: #000;
    --_utrecht-button-appearance-pressed-background-color: #fff;
    --_utrecht-button-appearance-pressed-border-color: var(--utrecht-button-primary-action-pressed-border-color);
    --_utrecht-button-appearance-pressed-color: #000;
    color: #000;
}


/* Formulier */

/* .openstad .form-container{
    border: unset;
} */

.openstad .osc-enquete-item-content .utrecht-heading-2{
    margin-block-end: .9em;
}

.form-widget-title{
    display: none;
}

.openstad .utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input, 
.openstad .question-type-text textarea, .openstad .question-type-text input[type=text],
.openstad .utrecht-textarea--html-textarea:invalid, .openstad .utrecht-textarea--html-textarea[aria-invalid=true]{
        border: 1px solid #b4b4b4;

}

.openstad .form-container>div:nth-child(2n){
    background-color: #fff;
    /* padding-block: 0;
    padding-inline: 1.5rem; */
}

.question.question-type-select{
    padding-block: 20px;
}   


@media screen and (max-width: 575px) {
    .section, .section.--solid, .section.--solid.--mt-0, .utrecht-accordion__panel.utrecht-accordion__panel{
        padding-inline: 2rem;
    }


    .full-width, .section:has(.achtergrond-groen), .section:has(.achtergrond-blauw), .section:has(.achtergrond-grijs), .no-spacing{
    padding-inline: 0;
    }

    :where(body:not([data-breakpoint-preview-mode])) #main, :where(body:not([data-breakpoint-preview-mode]))#main {
        max-width: unset;

    }

    .sub .section-shadow{
      margin-block-start: 2rem;
    }

    #navbar .container #main-menu .level-1 {
      color: #000;
    }

    .header-subtitle{
        display: none;
    }


}
@media screen and (max-width: 1200px) {
    iframe{
        max-width: 100%;
        aspect-ratio:initial;
    }
}
.utrecht-heading-6.reaction-name{
  display: none;
}


.reaction-container .comment-item button, .reaction-container .comment-item .spacer-1, .osc-resource-detail-content-item-row > div:first-of-type{
  display: none;
}


/* .openstad .resourceOverviewWithMap-container .resource-card--link>div:nth-child(n + 2){
    grid-column: 1;
} */








/* Apostrophe */


.apos-area-widget__breadcrumbs *, .apos-button-group__inner *, .apos-context-menu__dropdown-content.apos-popover.apos-theme--primary-default.apos-popover--z-index-in-context *{
    color: #000;
}