/*
Theme Name: Breakdance Zero Theme
Theme URI: https://breakdance.com/zero-theme // todo
Author: Breakdance Builder
Author URI: https://breakdance.com/
Description: Entirely disables the WordPress theme system and lets you design every part of your site with Breakdance, while keeping other theme functionality like templates overrides and functions.php.
Version: 1.0.0
Tested up to: 5.9
Requires PHP: 7
License: GNU General Public License v2 or later // todo no idea about this
License URI: LICENSE
Text Domain: breakdance

Requires Breakdance to be installed.
*/
@supports (overflow-x:clip) {
    .breakdance-animation-enabled, .breakdance-animation-enabled body {
        overflow-x: clip;
    }
}

.bde-loop-item {padding:0px !important;}

/*a:hover {color:#f89a30 !important;}*/

.breakdance .button-atom--primary:hover {background-color:#0d726c !important;}

.page { width:100%; }
/* sliders  */

.breakdance .bde-post-loop .breakdance-swiper-wrapper, .breakdance .bde-advancedslider .breakdance-swiper-wrapper {
    padding: 0 !important;
}
/*
.breakdance .swiper {
  overflow:visible;
}
*/
.breakdance .swiper .swiper-wrapper {
  padding:2rem 0rem;
}
.breakdance .swiper-button-prev, .breakdance .swiper-button-next {
  top:0px;
  transform:unset;
  bottom:unset;
  right:4rem;
  left:unset !important;
}
.breakdance .swiper-button-next {
  right:2rem !important;
  left:unset;
}

.breakdance .bde-post-loop .breakdance-swiper-wrapper {
    overflow: visible !important;
}
.breakdance .bde-post-list .ee-post {
    box-shadow: none !important;
}
.breakdance .bde-post-list .ee-post-wrap {
    padding: 0 20px 20px;
}
.breakdance .button-atom--primary:hover { color:#fff !important; }

.breakdance-form .breakdance-form-field__input {
    display: block;
    width: 100%;
    font-size: var(--bde-form-font-size);
    padding-top: var(--bde-form-input-padding-top);
    padding-right: var(--bde-form-input-padding-right);
    padding-bottom: var(--bde-form-input-padding-bottom);
    padding-left: var(--bde-form-input-padding-left);
    border-width: var(--bde-form-input-border-width);
    border-style: solid;
    border-color: var(--bde-form-input-border-color);
    border-radius: var(--bde-form-input-border-radius);
    background-color: var(--bde-form-input-background-color);
    transition: all 0.3s ease-in-out;
}
#dmm_form br { display:none; }

.home-excerpt p { margin-top:0; }

.agenda-header { background-position:center center;background-size:cover; }
.agenda-header h1.pagina-titel { color:#fff; }
.agenda-header .section-container { 
    height: 460px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    padding: var(--bde-section-vertical-padding) var(--bde-section-horizontal-padding);
}

.footer a:hover, .footer a:hover span { color:#f89a30 !important;} }


#agenda .section-container { padding-top:40px; }
/* Home */
@media (min-width: 991px) {
    .em.em-list { 
      grid-template-columns: repeat(3, 1fr);
    }
    
}
.em.em-list .em-item {
    grid-template-columns: auto;
}
.em.em-list.size-small .em-item {
    border:0;
    box-shadow: none;
}
.event-detail-wrap { 
    display:flex;
}
.em.em-list .em-item .em-item-info { border-left:0;padding: 20px 0 0; }
.em.em-list .em-item .em-item-info h3.em-item-title { 
    font-size:20px !important;
    font-weight:600 !important;
    margin-bottom: 10px!important;

}
.em.pixelbones p { margin-bottom:10px !important; }
.em.pixelbones .input button.button-primary { background-color:#F89A31 !important;border:0 !important; }
.em.pixelbones .input button.button-primary:hover { background-color:#13726C !important; }

.em.em-list.em-grid>div.em-item .em-item-info .em-item-meta .em-item-meta-line {
    line-height: 16px;
    margin-bottom: 10px;
    width: 100%; 
    grid-template-columns: 100% 1fr;
    font-size: calc(var(--font-size) - 2px);
}
.em.em-list.em-grid>div.em-item .em-item-info .em-item-title {
    font-weight: 600 !important;
    font-size: calc(var(--font-size) + 8px) !important;
    margin: 0 0 10px !important ;
}
.em.em-list.em-grid>div.em-item .em-item-info .em-item-title a {
    color: #13726C !important;
}
.breakdance .bde-text .groen {
    color: var(--bde-headings-color);
    font-weight: 600;
    font-size:20px;
}
.em.em-view-container {
    --view-grid-width : 385px;
}
.em.em-list.em-grid .event-detail-wrap { display:flex;padding:0 10px; }
.em.em-search .em-search-views {
    width: 72px;
}
.em.em-list.em-grid>div.em-item {
    box-shadow: none;
    transition: none;
}
.em.em-list.em-grid>div.em-item:hover {
    box-shadow: none;
}
.em.em-list.em-grid>div.em-item .em-item-info > p {
    font-family: var(--bde-body-font-family);
    color: #7D7D7D;
    font-size: 16px;
    line-height:1.4;
}
.em.em-list.em-grid .em-item .em-item-info, .em.em-list.size-small .em-item .em-item-info { 
    border-top:0;
 }
 .em.em-list.em-grid>div.em-item .em-item-info {
    padding: 15px 10px 20px 15px;
}
.home .em.em-list .em-item:first-child { padding-top:30px; }
.home .em.em-list .em-item .em-item-info h3.em-item-title { font-size:22px !important;letter-spacing: normal !important }
.home .em.em-list .em-item .em-item-info h3.em-item-title a { color: var(--bde-headings-color) !important;}
.home .em.em-list .em-item .em-item-image {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    padding: 0 !important;
}
.home .em-item-image-wrapper {
    position: absolute;
    overflow: hidden;
    inset: 0;
    width: 100%;
    height: 100%;
}
.em.pixelbones a { color:var(--bde-headings-color) !important; }

 .event-detail-wrap .date span {
    display: block;
    text-align: center;
    font-size: 1.25em;
    line-height: 1.4;
}
 .event-detail-wrap .date .day {
    color: var(--bde-headings-color);
    font-size: 28px;
    font-weight: 600;
}
.event-detail-wrap .em-item-meta {
    padding: 15px 20px;
}

/* Stijl voor events overzicht */
.page-template-breakdance_blank_canvas .breakdance .bde-section .section-container {
    max-width:1600px;
    padding: 50px 20px;
}
.overzicht .em.em-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 40px;
}
.overzicht .em.em-list .em-item {
    display: flex;
    padding:0 10px;
    border-top:0;
}
.overzicht .em.em-list .em-item .em-item-info .em-item-meta {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 30px;
}
.overzicht .em.em-list .em-item .em-item-image {
    height:auto;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    padding: 0 !important;
    max-height: 200px;
    max-width: 300px;
}
.overzicht .em-item-image-wrapper {
    position: absolute;
    overflow: hidden;
    inset: 0;
    width: 100%;
    height: 100%;
}
.overzicht .em.em-list .em-item .em-item-meta .em-item-meta-line {
    display: block;
    text-align: center;
}
.overzicht .em.em-list .em-item .em-item-info .em-item-meta>div {
    flex: 1 1 40%;
    min-width: 150px;
}
.overzicht .em.em-list .em-item .em-item-info h3.em-item-title {
    font-size: 28px !important;
    text-align: center;
    margin-bottom: 0 !important;
    padding: 0 30px;

}
.overzicht .em.em-list .em-item .em-item-meta .em-item-meta-line .em-icon {
    margin-right: 0;
    margin-bottom: 10px;
}
.overzicht .em.em-list .em-item .em-item-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}
@media only screen and (min-width: 980px) {
    .doneerknop {background-color:#F89A30; border-radius:4px; margin-left:20px;} 

    .doneerknop a {color:#FFF !important;}

    .doneerknop:hover {background-color:#004440 !important;}
}

@media screen and (max-width: 560px) {

    .breakdance .swiper-button-prev, .breakdance .swiper-button-next {top:-5px !important;}

}

@media (max-width: 1023px) {
    .agenda-header .section-container { height: 340px; }
}

@media (max-width: 768px) {
    .em.em-list.em-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
    .agenda-header .section-container { height: 260px; }
}