[data-apos-level] {
    --nlds-body-background-color: white;
}

span.logo-uploaded,
a.logo-uploaded {
    width: 140px;
    height: 140px;
    max-height: unset;
    position: absolute;
    top: -12px;
}

#logo-image {
    max-height: unset;
}

header.--compact {
    background-color: #C4DB9B;
}

.page>.apos-area>.section.--solid.--mt-0 [data-openstad-title] {
    margin-block-start: 3rem;
}

.news-card .card-content {
    background-color: white;
}

[data-openstad-rte]+[data-openstad-title],
[data-openstad-rte]+div:has(> [data-openstad-title]) {
    margin-top: 2.5rem;
}

[data-openstad-title]+[data-openstad-title] {
    margin-top: 1.25rem;
}

img+[data-openstad-title] {
    margin-top: 1.25rem;
}

.utrecht-accordion__button[aria-expanded='true']:after,
.utrecht-accordion__button[aria-expanded='false']:after {
    display: none;
}

#navbar .container #main-menu .level-1:hover,
.cta-buttons .utrecht-button-link.utrecht-button-link--menu-button:hover {
    color: #1c5191;
    border-color: #1c5191;
    border-radius: 0;
}

[data-apos-level] .header_navbar-container {
    gap: 10px;
}

.openstad {
    outline: none !important;
    margin-top: 1rem;
}

.openstad .--active-item .osc-date-circle {
    --nlds-agenda-item-background-color: #3FB498;
}

/* Sidebar element op bijeenkomst pagina */

.sidebar .col-sm-4 .apos-area {
    height: 100%;
}

.sidebar .col-sm-4 .apos-area>div {
    position: sticky;
    top: 1rem;
}


[data-apos-level] .downloads .icon-section {
    background-color: transparent;
}

[data-apos-level] .downloads .icon-section .icon-section-container {
    padding: 1rem 0;
}

[data-apos-level] .downloads .icon-section-card {
    padding: 1.25rem;
    border: 1px solid #ddd;
}
@media screen and (min-width: 1024px) {
[data-apos-level] .downloads .icon-section .u-small-dropdowns {
    grid-template-columns: 1fr 1fr 1fr;
}
}

/* Fix voor swipe widget image height, weet niet waarom hij stuk ging */

.openstad .swipe-widget .swipe-stack {
    height: 430px;
}

.openstad .swipe-widget .swipe-card .swipe-card-image img {
    height: calc(100% - 80px);
}

.openstad .swipe-widget .swipe-card .swipe-card-description {
    color: black;
    font-weight: 400;
}

/* Footer logo uitlijning */

#footer-container footer .footer-logo img {
    max-width: 160px;
    justify-self: end;
}

.section.--negative {
    margin-top: -50px;
}

@media screen and (max-width: 767px) {
    .section.--negative {
        margin-top: 0;
    }
}

body > [data-apos-refreshable] {
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
}

body > [data-apos-refreshable] > .utrecht-button-link--html-a:not(:focus) {
opacity: 0;
}


.openstad .like-option-container .selected:not(.comment-item),
.openstad .like-option-container .selected:not(.comment-item):hover,
.openstad .like-option-container .selected:focus {
    background-color: #1c5191!important;
    color: white!important;
    scale: 1!important;
}


.openstad .like-option-container .selected:not(.comment-item) i:before{
    content: "" !important;
    
}


/* responsive */
.main-header-container > .row{
    padding-block-start: 24px;
}

@media screen and (max-width: 767px) {
    .apos-area div[data-openstad-button]:last-child{
        margin-block-end: 3rem;
}

.section.--solid .apos-area div[data-openstad-button]:last-child, .section.uitgelicht .apos-area div[data-openstad-button]:last-child{
    margin-block-end: unset;
}

.section.--solid.--uitgelicht{
    margin-block-start: 2rem;
}

.sidebar .col-sm-4.col-xs-12{
    margin-block-end: 2rem;
}

#logo-image{
    margin-block-start: 2rem;
}

.section .apos-area img{
	margin-block-end:2rem;
}
.openstad .form-container>.question{
    padding: 1.75rem .5rem;
}

.openstad:has(.sticky-navbar){
z-index: 1000;
}
}

@media (min-width: 576px) {
    :where(body:not([data-breakpoint-preview-mode])) .col-sm-8, :where(body:not([data-breakpoint-preview-mode])).col-sm-8 {
        flex-shrink: 0;
    width: 100%;
    }

    :where(body:not([data-breakpoint-preview-mode])) .col-sm-4, :where(body:not([data-breakpoint-preview-mode])).col-sm-4 {
        flex: 0 0 auto;
        width: 100%;
    }
}


@media (min-width: 768px) {
    :where(body:not([data-breakpoint-preview-mode])) .col-sm-8, :where(body:not([data-breakpoint-preview-mode])).col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    :where(body:not([data-breakpoint-preview-mode])) .col-sm-4, :where(body:not([data-breakpoint-preview-mode])).col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

.header_navbar-container.--mobile .close-button {
    --background: #1c5191;

}