/*
Theme Name:     KBO Afdelingen
Description:    This is a theme for https://kbo-overijssel.falkor.alcor.cloud/
Author: Europe Web Media
Author URI: http://europewebmedia.nl/
Version:        1.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    kbo
Tags:           black, white, light, responsive-layout. This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Images License: GNU General Public License v2 or later
*/


/* new custom changes */
/* .home #wpadminbar {
    display: none;
} */
header a,
footer a {
    text-decoration: none;
}

#main-navigation {
    margin-bottom: 0;
}

body.error404 {
    background-image: url(./assets/images/kbo-overijssel-textlogo.png)!important;
    background-size: 600px;
}

@media (min-width: 992px) {
    .custom-logo-link img.custom-logo {
        height: auto;
        max-height: 80px;
        margin-top: 20px;
    }
}


/* AFDELINGEN */
#asl-storelocator .asl-wrapper .sl-container-fluid,
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section {
    background-color:#d4eefd !important;
}
#asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .twitter-typeahead .asl-search-name {
    border-radius: 6.25rem !important;
    height: 2.75rem !important;
    -webkit-appearance: none;
    background-color: #fff;
    height: 3.5rem;
    text-indent: 1rem;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    caret-color: #2e8bcb;
    border-radius: 0.1875rem;
}
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section .search_filter .sl-search-group .span-geo {
    background: transparent!important;
    border: none;
    position: relative;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    height: 2.75rem;
    width: 2.75rem;
}
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section .search_filter .sl-search-group .span-geo i {
    color: #2e8bcb !important;

}
/*.asl-cont .icon-search:before {
    content: ""!important;
    font-family: "icomoon" !important;
}*/

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section .search_filter .sl-search-group .twitter-typeahead .tt-menu .tt-dataset .tt-selectable:hover {
    background-color: #2e8bcb!important;
}

#asl-map-canv .infoBox {
    padding: 0;
}
#asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .info-addr .pol-12:nth-of-type(3),
#asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .info-addr .pol-12:nth-of-type(4) {
    display: none;
}
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox h3,
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox i::before,
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox .info-addr-inner a {
    color: #2e8bcb!important;
}
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .infowindowContent .asl-buttons a {
    background-color: #2e8bcb!important;
}

.component-post-data-department__contact {
    overflow: hidden;
    perspective: 1px;
    display: flex;
    background-color: #E0F5FF;
    border-radius: 0.75rem;
}
.component-post-data-department__contact-content {
    display: flex;
    flex-direction: column;
    flex: 0 0 66%;
    max-width: 66%;
    padding: 3.5rem;
}
.component--post-card-person__image-wrapper > div {
    display: grid;
    place-content: center;
    overflow: hidden;
}
.component--post-card-person__image-wrapper > div img {
    /* max-height: 70%;
    width: auto; */
    place-self: center;
    object-fit: contain;
}


.component--slider-content-cards .component--slider-content-card__image-wrapper > img {
    width: 100%;
    display: inline-block;
    height: auto;
}

.component--latest-news .component--post-card-news__image-wrapper > img, 
.page-template-nieuws .component--post-card-news__image-wrapper.news-type--landelijk  > img, 
.component--post-card-event__image-wrapper  > img.default-image, 
.component--post-card.component--post-card-senior-panel .component--post-card-senior-panel__image-wrapper > img.default-image {
    object-fit: contain!important;
}
.component--post-card-news__image-wrapper > img.default-image, 
.page-template-nieuws .component--post-card-news__image-wrapper.news-type--landelijk  > img.default-image, 
.component--post-card-event__image-wrapper  > img.default-image, 
.component--post-card.component--post-card-senior-panel .component--post-card-senior-panel__image-wrapper > img.default-image {
    filter: grayscale(80%);
    opacity: 0.9;
    background: #eee;
}

.activity-subscribe-block h3 {
    color: #fff;
}

#footer {
    margin-top: 1rem;
}

.twitterx-icon {
    background: #2e8bcb;
    display: grid;
    padding: 7px;
    border-radius: 50%;
}

.page-template-home .component--post-card-newsletter__text-wrapper {
    border-radius: 2rem;
}

.wpcf7-form label.d-flex .wpcf7-form-control.wpcf7-checkbox.input-field label {
    display: flex;
}

.component--post-card-newsletter__form-wrapper .d-flex .wpcf7-form-control-wrap {
    height: unset;
}

.single-activiteiten .wpcf7-form {
    background-color: #1a77b7;
    color: #fff;
    padding: 3rem;
    border-radius: 0 2rem;
}

.single-activiteiten .wpcf7-form h3 {
    color: #ffffff;
}

.single-activiteiten .wpcf7-form label {
    display: block;
}

.single-activiteiten .wpcf7-form .wpcf7-submit {
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    position: relative;
    transition: all 
    ease-in-out .32s;
    text-decoration: none;
    line-height: 1.5rem;
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 6.25rem;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 0.125rem #fff;
    font-size: 1rem;
    background-color: #AEBF35;
    box-shadow: none;
}

.single-activiteiten .wpcf7-form .wpcf7-submit:hover {
    color: #fff;
    background-color: #C9DD3C;
}