/* 
Theme Name: Micksart Collectief
Author: We'R Media
Author URI: https://www.wermedia.nl
Template: wer-theme-base
*/

/*
    Add your custom styles here
*/
#wpadminbar { position:fixed!important; }

/* elementor grid spacing */
.elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding:0px 50px; }
.elementor-column-gap-default>.elementor-column>.elementor-element-populated .elementor-inner-section { width:calc(100% + 100px);  }

.pagina-base { padding:80px 50px; }
.pagina-base .sectie-content, .pagina-base section.full { width:100%; }
.pagina-base .container{ padding:0px!important; max-width:none!important; }

.event-item .thumbnail { position:relative; }
.event-item .thumbnail:after { padding-bottom:70%; position:relative; display:block; content:'';}
.event-item .thumbnail img { position:absolute; top:0px; left:0px; object-fit:cover; width:100%; height:100%; }

/*styles voor frontend upload form*/
.add-product-form h2 { font-size:20px; }
.add-product-form .apf-plugin-context { max-width:none!important; width:100%; }

/* deelnemers expositie */
.deelnemer-item { padding:80px 0px; background-color: var( --e-global-color-secondary );}
.deelnemer-item .grid__row { display:flex; flex: 1; flex-wrap:wrap;}
.deelnemer-item .grid__boxed { max-width:1250px; margin:0px auto; }
.deelnemer-item .grid__column { padding:0px 50px; flex: 1;}
.deelnemer-item h2 { font-weight:bold; font-size:40px;}
.deelnemer__thumbnail img { width:100%; }

.deelnemers__wrapper .deelnemer-item:nth-child(even) { background:#fff; }
.deelnemers__wrapper .deelnemer-item:nth-child(even) .grid__row { flex-direction: row-reverse; }

@media screen and (max-width:767px) {
    /* elementor grid spacing */
    .elementor-column-gap-default>.elementor-column>.elementor-element-populated, .deelnemer-item .grid__column { padding:0px 30px; }
    .elementor-column-gap-default>.elementor-column>.elementor-element-populated .elementor-inner-section { width:calc(100% + 60px);  }
    .pagina-base { padding:30px 30px; }
    .deelnemer-item .grid__column { flex:100%; margin-bottom:20px;}
    .deelnemer-item .grid__column:last-child { margin-bottom:0px; }
    .deelnemer-item { padding:40px 0px; }
}