/*

Theme Name: Viadere
Template: kadence
Author: Cloudwise
Version: 1.0.1
Text Domain: viadere
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

:root{
    --roze:#E6007E;
    --geel: #FBBA00;
    --rood: #E31F25;
    --paars:#66257F;
    --oranje:#EF7D00;
    --groen:#96C12C; 
}



/*menu*/
.menu-blob{
    position: relative;
}
.menu-blob:after {
    content: '';
    background: white;
    border-radius: 100%;
    width: 1200px;
    height: 1200px;
    position: absolute;
    top: -1050px;
    z-index: 0;
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
    right: -289px;
}

.editor-styles-wrapper .menu-blob:after {
    display:none;
}
.menu-blob nav{
    z-index:1;
    position: relative;
}

.wp-block-kadence-navigation .kb-nav-dropdown-toggle-btn{
    display: none;
}
.wp-block-kadence-navigation .menu-item-has-children>.kb-link-wrap>.kb-nav-link-content{
    padding-right: var(--kb-nav-link-padding-right, 0.5em);
}


/* blokkenslider */
.my-centered-slider {
    position: relative;
    display: block;
    height: 100%;
     min-height: clamp(320px, 40vw, 520px);
}

/* slides overlappen exact in het midden */
.my-centered-slider .wp-block-kadence-column {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scale(0.85);
    transition: all 0.5s ease;
    opacity: 0;
    z-index: 1;
}

/* ACTIVE = exact center */
body:not(.editor-styles-wrapper) .my-centered-slider .wp-block-kadence-column.is-active {
    transform: translateX(-50%) translateY(-80px) scale(1.15);
    opacity: 1;
    z-index: 10;
}

/* LEFT */
body:not(.editor-styles-wrapper) .my-centered-slider .wp-block-kadence-column.is-prev {
    transform: translateX(-130%) scale(0.95);
    opacity: 0.7;
    z-index: 5;
}

/* RIGHT */
body:not(.editor-styles-wrapper) .my-centered-slider .wp-block-kadence-column.is-next {
    transform: translateX(30%) scale(0.95);
    opacity: 0.7;
    z-index: 5;
}

.editor-styles-wrapper .my-centered-slider .wp-block-kadence-column {
    position: relative;
    transform: none;
    opacity: 1;
    display: block;
}


/*Nieuws*/
.wp-site-blocks .post-thumbnail:not(.kadence-thumbnail-ratio-inherit) img{
    border-radius:25px;
}

.kb-post-list-item .entry-summary{
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.more-link-wrap{
     margin-top:31px !important;
}
.more-link-wrap .kadence-svg-iconset{
    display:none;
}
.more-link-wrap a.post-more-link{
    background-color:var(--roze);
    color:#fff;
    transition:0.2s;
    padding:12px 19px;
    font-size:16px;
    line-height:1;
    border-radius:25px;
    text-transform: capitalize;
    font-weight:400;
    border:1px solid var(--roze);
        min-width: 200px;
    display: inline-block;
    text-align: center;

}
.more-link-wrap:hover a.post-more-link{
    color:var(--roze);
    background-color:#fff;
}


/* button */
.kb-button {min-width:200px;}




/* Kalender */
.agenda-wrapper{
    background-color:var(--rood);
    margin-bottom:20px;
}

.agenda-date-box {
    width: 60px;
    height: 60px;
    background: #fff;
    border-top:3px solid var(--geel);
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
.agenda-title{
    color:#fff
}
.agenda-meta{
    display:none
}

/* footer */

footer.site-footer{
    background-image:url(../images/palet/Palet-footerelement.svg);
    background-size: 2000px 1375px;
    background-repeat: no-repeat;
    padding-top:500px;
    background-position: center 400px;
}

.footer-widget-area-inner  p{
    color:#fff;
}

.site-footer-top-section-1{
    position: relative;
    margin-bottom:40px;
}

.site-footer-top-section-1 figure{
    position: absolute;
    top:-450px;
}
.site-footer-top-section-1 .kb-button {
    position: absolute;
    right: 150px;
    top: -200px;
}