/* Custom CSS from the theme user */
/* button "Fill" preset */
.wp-block-button.is-style-fill .wp-block-button__link {
    
}

.wp-block-button.is-style-fill .wp-block-button__link:hover {
    
}

/* button "Outline" preset */
.wp-block-button.is-style-outline .wp-block-button__link {
    
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    
}

/* button "Alt Fill" preset */
.wp-block-button.is-style-alt-fill .wp-block-button__link {
    
}

.wp-block-button.is-style-alt-fill .wp-block-button__link:hover {
    
}

/* button "Alt Outline" preset */
.wp-block-button.is-style-alt-outline .wp-block-button__link {
    
}

.wp-block-button.is-style-alt-outline .wp-block-button__link:hover {
    
}

/* button "Inline" preset */
.wp-block-button.is-style-inline .wp-block-button__link {
    
}

.wp-block-button.is-style-inline .wp-block-button__link:hover {
    
}
.prode-navigation-menu.primary-menu > li > a {
	/* level 0 items */
}
.prode-navigation-menu.primary-menu > li > a:hover {
	/* level 0 items hover*/
}

.prode-navigation-menu.primary-menu > li > ul > li > a {
	/* level 1 items (sub-menu)*/
}

.prode-navigation-menu.primary-menu > li > ul > li > ul > li > a {
	/* level 2 items (sub-sub-menu)*/
}

.prode-navigation-menu.primary-menu > li ul li a:hover {
	/* general hover for level 1 items  2 */	
}
header.wp-block-core-template-part.wp-block-template-part {
    margin-bottom: -85px;
    position: relative;
    z-index: 10;
}

.wp-block-cover.alignfull.hero {
    padding-top: 120px !important;
}

.wp-block-acf-prode-navigation ul.menu li a {
    color: #fff;
}

html {
    --prode--headings-font-weight: 500;
}

#block_449ae69ec06ea877d92cf93e6e608b92 .horizontal-filter {
    background: none;
}

.sf-field-taxonomy-klantcase_categorie ul {
    gap: 0 !important;
}
#block_449ae69ec06ea877d92cf93e6e608b92 .sf-field-taxonomy-klantcase_categorie ul li{
    color: var(--prode--color-secondary);
    background: var(--prode--color-primary);
    text-decoration: none;
    padding: 15px 30px!important;
    border-radius: 0 10px 10px 0;
}

#block_449ae69ec06ea877d92cf93e6e608b92 .sf-field-taxonomy-klantcase_categorie ul li:first-child{
    background: var(--prode--color-secondary);
    color: var(--prode--color-primary);
    border-radius: 10px 0 0 10px
}

.max-50-h {
    max-height: 50vh;
    height: auto;
}

.horizontal-filter {
    background: var(--prode--color-secondary);
    color: var(--prode--color-primary);
}


.wp-site-blocks p > img{
    border-radius: 15px;
}

.wp-block-acf-prode-navigation ul.menu li>ul>li ul.sub-menu {
    width: auto;
}

.boxes-block.secondary-color-hover .boxes-wrapper .box .box-info:before{
    background: #bb8b02;
}

#gform_1 .gfield_required {
    color: white 
} 

#gform_1 {
    background: var(--prode--color-primary); 
    color: white; 
    padding: 24px; 
    border-radius: 15px;
} 
#gform_1 input,
#gform_1 textarea{
    border-radius: 10px; 

}

.img-round-borders img{
    border-radius: 15px;
}

.cover-floating-group {
    position: relative;
    overflow: visible;
    width: 75%;
    padding: 0 !important;
}

.cover-floating-group h3{
    line-height: 1.25;
    font-weight: bold !important;
}

.cover-floating-group h3 strong{
    color: var(--prode--color-secondary) !important;
}

.cover-floating-group .wp-block-cover{
    min-height: 60vh;
}

.cover-floating-group .wp-block-cover > img{
    border-radius: 20px;
}

.cover-floating-group .wp-block-group {
    padding: 30px;
    border-radius: 20px;
    position: relative;
    left: -10%;
    top: 50%;
    margin: -40% 0 0 0 !important;
    width: 60%;
}

.cover-floating-group .wp-block-cover__background {
    opacity: 0;
}

.items-with-shadow > div {
    border-radius: 20px;
    box-shadow: 0px 0px 20px #ddd;
    min-height: 260px;
    display: flex;
    justify-content: center;
}

.secondary-color-icon-big {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    font-size: 24px !important;
    padding: 25% 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.25;
}

.secondary-color-icon-big .wp-font-awesome-icon {
    background: var(--prode--color-secondary);
    color: background: var(--prode-color-primary);
    font-size: 38px;
    height: 72px;
    width: 72px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding: 0 10% 0 0;
}

.wp-block-media-text .wp-block-media-text__media {
    border-radius: 20px;
    overflow: hidden;
}

.wp-block-media-text .wp-block-media-text__content {
    max-width: calc( var(--prode--container-width) / 1.75);
}

.block-card .slider-post-terms {
    background: var(--prode--color-secondary);
    color: var(--prode--color-primary);
    position: absolute;
    padding: 2px 14px;
    top: 15px;
    left: 15px;
    border-radius: 15px;
    font-size: 0.85rem;
    font-weight: bold;
}

.block-card.is-active .slider-post-terms {
    background: var(--prode--color-primary);
    color: white;
}

.btn-icon a{
    display: flex;
}

.splide__pagination__page.is-active {
    background: var(--prode--color-secondary) !important; 
}

.sub-menu {
    left: 0;
    min-width: 100%;
    right: unset  !important;
}

.big-search.header-search {
    width: 100%;
}

.big-search > div.wp-block-search__inside-wrapper   {
    background:white;
    padding: 10px 20px !important;  
}
.big-search > div.wp-block-search__inside-wrapper > input {
    padding-left: 1rem;
}

.big-search > div.wp-block-search__inside-wrapper > button {
    padding: 0.6em 2rem;
}

.big-search > div.wp-block-search__inside-wrapper > button:after  {
    content: " Zoeken";
}

.big-search > div.wp-block-search__inside-wrapper > button > svg {
    transform: scale(-1, 1);
}

.big-search.header-search {
    z-index:5;
    position: absolute;
}

.wp-block-acf-prode-slider .splide__arrow {
    height: 60px;
    width: 60px;
    background: var(--prode--color-1);
}

.wp-block-acf-prode-slider .splide__arrow svg {
height: 100%;
    width: 100%;
    fill: var(--prode--color-3); 
}

details {
    padding: 25px;
    border-radius: 15px;
    background: white;
    box-shadow: 0px 2px 10px #0000001A;
}

details > p {
    border-top:1px solid #D8D8D8;
    padding-top: 13px; 
    color:#6F707A;
}

summary::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
    position:absolute;
    right:0;
    color: var(--prode--color-3);
    transform: translate(0, -50%);
    top: 50%;
}

summary {
    position: relative;
    list-style:none;
    font-weight: 500;
    color:var(--prode--color-1);
    padding:0 20px 0 0;
}

details[open] summary::after {
    content: "\f077";
    color: var(--prode--color-1);
}

.wp-block-acf-prode-navigation ul.menu li a {
    font-weight: 500;
    text-decoration: none;
}

.wp-block-acf-prode-navigation ul.menu li>ul.sub-menu a {
    background: #E1E0EC;
    color: var(--prode--color-1);
    padding: 0.5rem 1rem; 
}

#menu-main-menu {
    gap: 1rem;
}
.wp-block-acf-prode-navigation ul.menu li>ul.sub-menu a:hover {
    background-color: #C4C2D9; 
}

.wp-block-acf-prode-navigation ul.menu li > ul > li.menu-item-has-children > a::after, .wp-block-acf-prode-navigation ul.menu > li.menu-item-has-children > a::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
    color: var(--prode--color-3);
}


header .wp-block-button__link.wp-element-button:before, footer .wp-block-button__link.wp-element-button:before  {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
    margin-right:1rem;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.wp-block-acf-prode-slider .splide__arrow svg {
    /*
  height: 1.2em;
  width: 1.2em;
    transform: translateX(5px) translateY(3px); 
    */
}

.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
  border-radius: 20px; 
   
}

mark, .mark {
    padding: 0 5px 0 0!important;
}

.icon-phone, .icon-mail, .icon-pin {
    align-items: flex-start;
    display: flex;
}

.icon-phone:before, .icon-mail:before, .icon-pin:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
    margin-right: 0.5rem;
    color:var(--prode--color-3);
}

.icon-phone:before  {
     content: "\f095";
}

.icon-mail:before  { 
     content: "\f1d8";

}

.icon-pin:before { 
         content: "\f3c5";

}

#teamleden .wp-block-cover__background.wp-block-cover__gradient-background, #teamleden .wp-block-cover__inner-container  {
    display:none;
}

#teamleden .wp-block-cover:hover .wp-block-cover__background.wp-block-cover__gradient-background, #teamleden .wp-block-cover:hover .wp-block-cover__inner-container {
display:block;}

#klantcase-slider .wp-block-acf-prode-slider .block-card__image {
    height: 200px;
}

#klantcase-slider .wp-block-acf-prode-slider .block-card__image img {
        border-radius: 20px 20px 0 0;

}

#klantcase-slider  .wp-block-acf-prode-slider .block-card__content .wp-block-button__link {
  background-color: transparent;
  padding:0;
  margin-top: 15px;
  color: var(--prode--color-1);
  font-weight: 600;
  font-size: 18px;

}

#klantcase-slider  .wp-block-acf-prode-slider .block-card__content .block-card__button{
margin-top: auto;
    margin-left: auto;
    margin-bottom: 10px;
    margin-right: 20px;
}

#klantcase-slider  .wp-block-acf-prode-slider .block-card__content .wp-block-button__link:after {
  content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
    color: var(--prode--color-3);
    position: relative;
    top: 1px;
}

#klantcase-slider .wp-block-acf-prode-slider .block-card .block-card__text {
  font-weight: 600;
  color: var(--prode--color-1);
  text-decoration: none;
}

#klantcase-slider .wp-block-acf-prode-slider a {
    display: flex;
    text-decoration:none;
    flex-wrap: wrap;
    flex-direction: column;
    background: white;
    border-radius: 20px;
}

#klantcase-slider .block-card__text p {

font-size: 16px;
  padding-top: 0.5rem;
  font-weight: 300;
  color: #6F707A;
}

#klantcase-slider .wp-block-acf-prode-slider {
    width: 60vw;
}

#klantcase-slider  .wp-block-acf-prode-slider .block-card  {

    box-shadow:  0px 5px 3px #0000001A; 
    border-radius: 20px;
}

#klantcase-slider .splide__pagination {
display:none;
}

#klantcase-slider .splide__track.splide__track--loop {
padding-bottom: 1rem;
  padding-top: 1rem;
}

#klantcase-slider .block-card__content {
    flex: 1;
    position: relative;
    justify-content: flex-start !important;
}    

footer a {
text-decoration:none;
}

#box-on-image .wp-block-cover__image-background {

transform: scale(0.8);
    border-radius:20px;

}

.single-klantcase .entry-content.wp-block-core-post-content > p > img {
    float: right;
    margin: 30px 0 30px 30px;
}

.single-klantcase .entry-content.wp-block-core-post-content > h1 {
    font-size: 2rem;
}

.single-klantcase .entry-content.wp-block-core-post-content > h2 {
    font-size: 1.75rem;
}

.single-klantcase .entry-content.wp-block-core-post-content > h3 {
    font-size: 1.5rem;
}



/* 1. SVG volledig uit */
.wp-block-acf-prode-slider .splide__arrow svg {
  display: none !important;
}

/* 2. Theme-pijl stylen */
.wp-block-acf-prode-slider .splide__arrow {
  background-color: #FBBA02 !important; /* geel rondje */
  color: #1F1B58 !important;            /* paarse pijl */
}


@media (max-width: 768px) {
  .wp-block-column.aos-init {
    opacity: 1 !important;
    transform: none !important;
  }
}


@media (max-width: 768px) {
  /* Pak alle AOS-animaties en toon ze */
  .wp-block-column.aos-init,
  .wp-block-columns.aos-init,
  .wp-block-group.aos-init,
  .wp-block-media-text.aos-init {
    opacity: 1 !important;
    transform: none !important;
  }


    @media (max-width: 768px) {
  #splide02-track,
  #splide02-track ul.splide__list,
  #splide02-track .splide__slide {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

    
#block_5dc15ab106e9fde84e30af00f69c64a4 .main-slider {
    height: 400px; /* desktop */
}

@media (max-width: 767px) {
    #block_5dc15ab106e9fde84e30af00f69c64a4 .main-slider {
        height: 300px; /* mobiel */
    }
    #block_5dc15ab106e9fde84e30af00f69c64a4 {
        overflow: visible;
    }
}

    .acf-block[data-name="acf/prode-slider"] .main-slider.splide {
    overflow: visible !important;
}

@media (max-width: 767px) {
    .acf-block[data-name="acf/prode-slider"] .main-slider.splide {
        overflow: visible !important;
    }
}


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

	/* 1. Direct target de wrapper van de menubalk */
.wp-block-core-template-part.wp-block-template-part > div.wp-block-group {
    background-color: transparent !important; /* verwijder witte achtergrond */
    box-shadow: none !important;
    border: none !important;
}

/* 2. Menu zelf volledig transparant */
.header-main-nav {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 3. Menu links wit maken */
.header-main-nav a {
    color: #fff !important;
}

/* 4. Logo boven overlay houden */
.wp-block-core-site-logo {
    position: relative;
    z-index: 10 !important;
}

/* 5. Hover effect iets lichter */
.header-main-nav a:hover {
    color: rgba(255,255,255,0.8) !important;
}



.aos-slide-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}


function add_aos_scripts() {
    wp_enqueue_style('aos-css', 'https://unpkg.com/aos@next/dist/aos.css');
    wp_enqueue_script('aos-js', 'https://unpkg.com/aos@next/dist/aos.js', array(), null, true);
    wp_add_inline_script('aos-js', 'AOS.init({ duration: 800, once: true });');
}
add_action('wp_enqueue_scripts', 'add_aos_scripts');


#klantcase-slider .wp-block-acf-prode-slider {
    width: 100%;
}


#klantcase-slider .wp-block-acf-prode-slider .splide__arrow {
    top: 220px;
}


#rmp-container-1459 #rmp-menu-item-2102 a {
    background: var(--prode--color-secondary);
    width: 70%;
    margin: 15px auto;
    border-radius: 15px;
    color: var(--prode--color-primary);
    font-weight: bold;
    text-align: center;
    padding: 0;
}

	}