/* Custom CSS here */
.footer-header-text {
    font-family: 'Open Sans', sans-serif;
    color: #00859e;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

#subnavigation__wrapper {
    background-color: #00859e;
    color: white;
}

#subnavigation__wrapper #submenu li a {
    color: white;
}

:is(.site-main, .editor-styles-wrapper) .block {
    background-color: #f0f0f0 !important;
}

.search--toggle {
    background-color: white;
    color: #00859e;
}

/* site-block colors and backgrounds */
.has-light-bg {
    background-color: #f0f0f0 !important;
}

/* custom component/block site specific styling */

:is(.site-main, .editor-styles-wrapper) .hero-cta-button {
    background-color: #a64393;
    color: white;
}

:is(.site-main, .editor-styles-wrapper) .banner--desktop {
}

:is(.site-main, .editor-styles-wrapper) .banner--desktop h2 {
    color: #a64393;
}

:is(.site-main, .editor-styles-wrapper) .block--button button,
:is(.site-main, .editor-styles-wrapper) .column__card--button button,
s-wrapper .block__wrapper form button,
:is(.site-main, .editor-styles-wrapper) .block__wrapper form button {
    background-color: #a64393;
}

:is(.site-main, .editor-styles-wrapper) .column__card--alert,
:is(.site-main, .editor-styles-wrapper) .activeSubject,
:is(.site-main, .editor-styles-wrapper) .faq__subject--row:hover {
    background-color: #a64393;
}

:is(.site-main, .editor-styles-wrapper) .block__wrapper h2,
:is(.site-main, .editor-styles-wrapper) .faq__QandA--row .expansionIndicator,
:is(.site-main, .editor-styles-wrapper) .block__wrapper h1 {
    color: #a64393;
}

:is(.site-main, .editor-styles-wrapper) .faq__QandA--toprow,
:is(.site-main, .editor-styles-wrapper) .faq__subject--toprow {
    background-color: #00859e;
}

/* bottom_bar coloring for website: */
:is(.site-main, .editor-styles-wrapper) .bottombar-color-1 {
    background-color: #00859e;
}
:is(.site-main, .editor-styles-wrapper) .bottombar-color-2 {
    background-color: #00859e;
}
:is(.site-main, .editor-styles-wrapper) .bottombar-color-3 {
    background-color: #2f9ecc;
}
:is(.site-main, .editor-styles-wrapper) .bottombar-color-4 {
    background-color: #2f9ecc;
}
:is(.site-main, .editor-styles-wrapper) .bottombar-color-5 {
    background-color: #a64393;
}
:is(.site-main, .editor-styles-wrapper) .bottombar-color-6 {
    background-color: #a64393;
}

/* the colors for navigation and footer */
.site-footer .footer_title {
    color: white;
}

#subnavigation__wrapper {
    height: 50px;
}

.search-submit {
    background-color: #a64393;
}

.colored--title a {
    color: #00859e;
}

#subnavigation__wrapper #submenu {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

:is(.site-main, .editor-styles-wrapper) .winactie__link a {
    color: #a64393 !important;
}

#subnavigation__wrapper .search--toggle {
    height: 50px;
    width: 50px;
}

.fixed__navheight {
    height: 50px !important;
}

.site-title {
    position: relative;
    height: 50px;
}

.site-title img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #00859e;
}

/* footer styling */
.menu-item > a:hover,
#subnavigation__wrapper #submenu li a:hover {
    color: #a64393;
}

.site-footer {
    background-color: #00859e;
}

.site-footer li a {
    color: white;
}

.site-footer li a:hover {
    color: white;
}

:is(.site-main, .editor-styles-wrapper) .contact--blackbox {
    background-color: #00859e;
}

:is(.site-main, .editor-styles-wrapper) .contact--blackbox h1,
:is(.site-main, .editor-styles-wrapper) .contact--blackbox h2,
:is(.site-main, .editor-styles-wrapper) .contact--blackbox h3 {
    color: white;
}

:is(.site-main, .editor-styles-wrapper) .contact--blackbox h2 {
    color: white;
}

/* button color overwrites for title */

.search--button {
    background-color: #a64393;
}

.search--overlay {
    background-color: rgba(239, 158, 239, 0.5);
}

/* header and tekst color overwrites for title*/

/* post card cta */
.post__card--content--cta a {
    color: #a64393;
    text-decoration: underline #a64393;
}

/* mobile navigation */

.navigation__mobile {
    background-color: #00859e;
}

.navigation__mobile .mobile--hamburgermenu__wrapper,
.mobile-menu-items .menu-item:hover {
    background-color: #a64393;
}

.spoorboekje h1 {
    color: black !important;
}

.mobile-menu-items .menu-item:last-child {
    background-color: #00859e;
}

/* single page */

:is(.site-main, .editor-styles-wrapper) .single__page--label {
    background-color: #00859e;
    max-width: unset;
}

:is(.site-main, .editor-styles-wrapper) .single__page--title {
    color: #a64393;
}

/* end styling for external content panel */

/* styling for winactie forms */
:is(.site-main, .editor-styles-wrapper) .contact--forms__form label {
    color: #a64393;
}

:is(.site-main, .editor-styles-wrapper).contact--forms__form .form-check-label {
    color: black;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form .btn-primary {
    background-color: #00859e !important;
    color: white;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form a {
    color: #a64393;
}

:is(.site-main, .editor-styles-wrapper) .block--button button {
    background-color: #00859e !important;
    color: white;
}

:is(.site-main, .editor-styles-wrapper) .single__content--wrapper p {
    color: black;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form label {
    color: #a64393 !important;
}

:is(.site-main, .editor-styles-wrapper) .single__content--wrapper h3 {
    color: #a64393 !important;
    margin-top: 10px;
    margin-bottom: 10px !important;
}

:is(.site-main, .editor-styles-wrapper) .single__content--wrapper h1 {
    color: #a64393 !important;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form a {
    color: #a64393 !important;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form select {
    background-color: unset !important;
    color: unset !important;
    border: 1px solid #e3e3e3 !important;
}

:is(.site-main, .editor-styles-wrapper) .form-check .form-check-label {
    color: #00859e !important;
}

:is(.site-main, .editor-styles-wrapper) .contact--forms__form select {
    background-color: unset !important;
    color: unset !important;
    border: 1px solid #e3e3e3 !important;
}

/* styling spoorboekje, mikrogids */

.gids__channel--row--card--dropdown--select,
.gids__channel--row--card--colored {
    background-color: #a64393;
}

.gids__channel--row--card--colored:hover,
.gids__channel--row--card:hover,
.click__indicator {
    background-color: #7e186b;
}

.click__indicator--circle:hover {
    background-color: #a64393;
}

.curr_time_incicator {
    background-color: #a64393;
}

.curr_time_incicator::before {
    border-color: #0000 #a64393 #0000 #0000;
}

.curr_time_incicator::after {
    border-color: #0000 #0000 #0000 #a64393;
}

.gids__channel--row--pointer__left,
.gids__channel--row--pointer__right,
.modal__end-time,
.modal__start-time,
.modal__title,
.bold--text,
.modal__close svg,
.gids__channel--row--card span {
    color: #a64393;
}

.offsetblock,
.offsetblock--footer,
.offsetblock p,
.offsetblock--footer p {
    background-color: #191919;
    color: #a64393;
}

.gids__channel--row--card:hover span {
    color: white !important;
}

.gids__channel__program--list--item {
    background-color: #262626;
    color: white;
    border-bottom: 10px solid #000;
}

.spoorboekje__background {
    background-color: black !important;
}

.spoorboekje h1 {
    color: white;
}

/*end-spoorboekje*/
:is(.site-main, .editor-styles-wrapper) .block__form h2 {
    color: black;
}

/*styling voor contact formulieren -- zender specifiek */
:is(.site-main, .editor-styles-wrapper) .block__form p input[type='submit'] {
    background-color: black !important;
    color: white;
}

.site-main .block__form form h2 {
    color: black !important;
}

.site-main .block__form h2:first-of-type {
    color: #00859e;
}

.site-main .single__page--hero-image img {
    filter: unset !important;
}

.page-numbers {
    background-color: white !important;
    color: black !important;
}

/** bezorgklachten banner **/
#hidden_bezorgklacht_text p {
    color: #000000;
}
#hidden_bezorgklacht_text a {
    text-decoration: none;
    color: #cc0099;
}
#hidden_bezorgklacht_text a:hover {
    color: #9c0075;
}
#hidden_bezorgklacht_text {
    background-color: #e6fdff;
}