/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

h1{
    color: #fff;
}
span.w-nav-title{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* Knoppen */
.us-btn-style_1{
    background: transparent !important;
    padding: 0 !important;
}
.us-btn-style_1 .w-btn-label{
    border-radius: 2rem;
    padding: 0.8em 1.3em;
    background: var(--color-content-secondary);
    border-color: transparent;
    height: 46px;
    display: block;
    float: left;
}
.us-btn-style_1:hover .w-btn-label, .us-btn-style_1:hover i{
    background-color: var(--color-conexus-oranje);
    transition-property: background, border, box-shadow, color, opacity, transform;
    transition-duration: 0.3s;
}
.us-btn-style_1 i{
    border-radius: 2rem;
    padding: 0.8em;
    background: var(--color-content-secondary);
    border-color: transparent;
    margin-left: -5px !important;
    width: 46px;
    height: 46px;
}

.us-btn-style_2{
    background: transparent !important;
    padding: 0 !important;
}
.us-btn-style_2 .w-btn-label{
    border-radius: 2rem;
    padding: 0.8em 1.3em;
    background: var(--color-conexus-oranje);
    border-color: transparent;
    height: 46px;
    display: block;
    float: left;
}
.us-btn-style_2:hover .w-btn-label, .us-btn-style_2:hover i{
    background-color: var(--color-conexus-roze);
    transition-property: background, border, box-shadow, color, opacity, transform;
    transition-duration: 0.3s;
}
.us-btn-style_2 i{
    border-radius: 2rem;
    padding: 0.8em;
    background: var(--color-conexus-oranje);
    border-color: transparent;
    margin-left: -5px !important;
    width: 46px;
    height: 46px;
}

.us-btn-style_3{
    background: transparent !important;
    padding: 0 !important;
}
.us-btn-style_3 .w-btn-label{
    border-radius: 2rem;
    padding: 0.8em 1.3em;
    background: var(--color-conexus-blauw);
    border-color: transparent;
    height: 46px;
    display: block;
    float: left;
}
.us-btn-style_3:hover .w-btn-label, .us-btn-style_3:hover i{
    background-color: var(--color-conexus-groen);
    transition-property: background, border, box-shadow, color, opacity, transform;
    transition-duration: 0.3s;
}
.us-btn-style_3 i{
    border-radius: 2rem;
    padding: 0.8em;
    background: var(--color-conexus-blauw);
    border-color: transparent;
    margin-left: -5px !important;
    width: 46px;
    height: 46px;
}

/* Home */
.l-section.full_height.mc--home-header{
    min-height: calc(80vh - var(--wp-admin--admin-bar--height, 0px)) !important;
}
.mc--home-header .l-section-img{
    border-radius: 0 0 40px 40px;
}
.mc--home-header .l-section-overlay{
    border-radius: 0 0 40px 40px;
}

.mc--roundedge-bottom .l-section-overlay{
    border-radius: 0 0 40px 40px;
}
.mc--roundedge-bottom{
    z-index: 4;
}

.mc---home-scholenkiezer{
    margin-top: -30px;
}
.mc---home-scholenkiezer{
    padding-top: 7rem !important;
    padding-bottom: 6rem !important;
}
.mc---home-scholenkiezer .l-section-h{
    z-index: 3;
}
.mc---home-scholenkiezer .l-section-overlay{
    border-radius: 0 0 40px 40px;
}
.mc---home-scholenkiezer h2{
    color: #fff;
    text-align: center;
}
.mc---home-scholenkiezer .w-hwrapper .w-image:nth-child(2){
    z-index: 3;
}
.mc---home-scholenkiezer .mc--school-middlerow .w-hwrapper img{
    box-shadow: 0 4px 21px 0 rgba(0, 0, 0, 0.25);
}
.mc---home-scholenkiezer .l-section-img{
    z-index: 2;
    background-position: 0 !important;
    background-size: 60% !important;
}
.mc--school-middlerow .w-hwrapper{
    margin-top: 4em;
    margin-bottom: 4em;
}
.mc--cta-word-onderdeel{
    text-align: center !important;
    margin-top: -30px;
    padding-top: 7rem !important;
    padding-bottom: 6rem !important;
}
 
/* Footer */
.mc--footer{
    color: #fff;
}
.mc--footer a{
    color: #fff;
}
.mc--footer a:hover{
    color: #fff;
    text-decoration: underline;
}
.mc--footer img{
    width: 60%;
}
.l-footer{
    margin-top: -30px;
}

.w-video {
  transform-origin: center center;
  will-change: transform;
}

.mc--footer .w-socials-item i{
    font-size: 35px !important;
}
.w-socials-item{
    width: 75px;
    height: 75px;
    margin-top: 1.5em;
}
.w-socials-item i{
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10px;
}
.mc--sub-footer{
    color: #fff;
}
.mc--sub-footer a{
    color: #fff;
}
.mc--sub-footer a:hover{
    text-decoration: underline;
}

.mc--scholenoverzicht h1{
    color: #000;
}
.mc--scholenoverzicht{
    padding-top: 2em;
}
.mc--school-grid-taxonomy i{
    color: var(--color-conexus-blauw);
    width: 25px;
    text-align: center;
}


.layout_137 .usg_post_image_1 img{
    clip-path: path("M-63 40.0852C-62.0982 102.686 -19.3622 145.163 26.425 147.966C35.5105 148.521 44.5486 146.775 53.0308 143.494C90.2917 129.091 135.825 138.185 164.129 165.522C166.454 167.769 168.95 169.849 171.614 171.689C261.28 233.63 385.973 170.326 371.907 59.4986C365.859 -40.2936 301.843 -110 217.435 -110C172.001 -109.724 145.015 -102.305 121.101 -76.3378C118.626 -73.6496 115.891 -71.2035 112.955 -69.0233C89.8917 -51.9147 57.6278 -44.5396 28.5133 -50.5083C19.4684 -52.3621 10.115 -52.6145 1.14135 -50.4376C-34.9195 -41.6898 -63 -7.80224 -63 40.0852Z");
}
.layout_137 .usg_post_taxonomy_1 .us-btn-style_1 span{
    padding: 0.8em;
    font-size: 14px;
    height: 38px;
}

.mc--scholen-count{
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-weight: 100;
}

.w-filter-item.number_2 .w-filter-item-value.depth_1 input{
    display: none;
}
.w-filter-item.number_2 .w-filter-item-value.depth_1{
    color: var(--color-conexus-groen);
    cursor: default !important;
}
.w-tabs-section-header{
    padding: 1em 0;
}
.w-tabs-section{
    border-color: #000;
}
.w-tabs.accordion>div>.w-tabs-section:nth-child(1) {
    border-width: 0 !important;
}
.w-tabs.accordion>div>.w-tabs-section:last-child {
    border-bottom-width: 0 !important;
}

/* Responsive Queries */
/* Large */
@media screen and (max-width: 1200px){}

/* Medium */
@media screen and (max-width: 1040px){}

/* Small */
@media screen and (max-width: 768px){}

/* Extra Small */
@media screen and (max-width: 576px){}



/* Device Queries */
/* Large Devices */
@media screen and (max-device-width: 1200px){}

/* Medium Devices */
@media screen and (max-device-width: 1040px){}

/* Small Devices */
@media screen and (max-device-width: 768px){}

/* Extra Small Devices */
@media screen and (max-device-width: 576px){}



/* === Logo Bubbles (logobubbles) ===
   - 30px square bubbles
   - Will be absolutely positioned inside the target container
   - We create left and right "lanes" occupying 25% width each
*/

.mc-lb-lane--left { left: 0; }
.mc-lb-lane--right { right: 0; }


/* Ensure target container is positionable.
   If your target already sets position (e.g., relative), this is harmless. */
.mc-lb-target {
    position: relative;
    overflow: hidden;
}
/* Fade at bottom & top via CSS mask (works per lane, so both sides fade) */
.mc-lb-lane {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  pointer-events: none;
  overflow: hidden;

  /* Fade from transparent -> solid -> transparent */
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0px,
    rgba(0,0,0,0.05) 20px,
    rgba(0,0,0,1) 60px,
    rgba(0,0,0,1) calc(100% - 60px),
    rgba(0,0,0,0.05) calc(100% - 20px),
    rgba(0,0,0,0) 100%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0px,
    rgba(0,0,0,0.05) 20px,
    rgba(0,0,0,1) 60px,
    rgba(0,0,0,1) calc(100% - 60px),
    rgba(0,0,0,0.05) calc(100% - 20px),
    rgba(0,0,0,0) 100%
  );
}

/* keep your existing bubble styles */
.mc-lb-bubble {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;

  /* motion/interaction */
  will-change: transform, opacity;
  pointer-events: none;
  opacity: 0;                 /* fade on spawn */
  transform: translateY(100%);
  /* optional: slight shadow to pop from bg */
  /* box-shadow: 0 2px 6px rgba(0,0,0,0.12); */
}

.mc-lb-bubble--in {
  opacity: 1;
  transition: opacity 400ms ease;
}
/* Logo inside the bubble */
.mc-lb-bubble__img {
  width: 70%;
  height: 70%;
  object-fit: contain; /* keep logo aspect */
  display: block;
}