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

/**
 * START: Globals
 */

 .font-size-20 {
   font-size: 1.25rem;
 }

 .orange-subtitel, .orange-subtitel-center {
    font-family: 'Inter Bold', sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    color: var(--color-content-primary);
    margin-bottom: 0.5rem !important;
 }
 .orange-subtitel-center {
    text-align: center;
 }

 header nav span {
   font-family: 'Inter Bold', sans-serif;
 }

 .gray-text a {
   color: #BBBBBB;
 }

.owl-dot.active span {
   background: var(--color-content-primary) !important;
}

.w-tabs {
   border: 1px solid #FEF3E5;
}
.w-tabs-sections {
   padding: 2rem 2rem 2rem 0rem;
}

.social-links a:hover i {
   color:#FDE7CC !important;
}
/**
 * END: Globals
 */


/**
 * START: Titlebar
 */

 @media only screen and (max-width: 1024px) {
   .row-titlebar {
      padding-top: 2rem;
   }
 }

/**
 * END: Globals
 */


/**
 * START: Home
 */

#page-content .row-hero-home {
	min-height: 60vh;
    text-align: center;
}

@media(min-width: 900px){
     .row-hero-home .vc_col-sm-7{
       padding-top: 20vh;
     }
    .row-hero-home .l-section-h {
       min-height: calc( 100vh - var(--header-sticky-height) );
    }
    #page-content .row-hero-home {
        min-height: 95vh;
        text-align: left;
    }    
}

 .home-hero-afbeelding .w-post-elm {
   width: 100vw;
   max-width: 610px;
   height: 100vh;
   max-height: 700px;
   position: relative;
 }

.home-hero-afbeelding .w-post-elm img {
/*   width: 37vw;*/
/*   max-width: 610px;*/
/*   height: 100vh;*/
/*   max-height: 630px;*/
/*   position: relative;*/
   mask-image: url('/wp-content/uploads/2024/03/mask-hero-image.png');
   mask-size: contain;
   mask-repeat: no-repeat;
   mask-position: center;
   padding-top: 0rem !important;
   padding-right: 0rem !important;
   object-fit: cover;

   position: absolute;
   height: 654px;
   width: 507px;
   right: 0px;
   top: -4px;

}
 .home-hero-afbeelding .w-post-elm::before {
   content: '';
   background: url('/wp-content/uploads/2024/03/overlay-hero-home.png');
   background-size: contain;
   background-repeat: no-repeat;

   position: absolute;
   height: 666px;
   width: 534px;
   right: -23px;
   top: -2px;
   z-index: 99;

/*   top: -1.3%;*/
/*   bottom: 0;*/
/*   left: 2%;*/
/*   right: 0;*/
/*   height: 100vh;*/
/*   max-height: 660px;*/
/*   width: 100vw;*/
/*   max-width: 610px;*/
 }


.home-hero-afbeelding {
   right: 4px;
   top: -2px;
   left: calc(50vw - 732px);
}

@media( min-width: 1600px ){
.home-hero-afbeelding {   
   left: calc(50vw - 810px);
   top: 60px;
   transform: scale(1.2);   
}}
@media( min-width: 1850px ){
.home-hero-afbeelding {   
   left: calc(50vw - 840px);
   top: 95px;
   transform: scale(1.4);
}}
@media( min-width: 2050px ){
.home-hero-afbeelding {   
   left: calc(50vw - 960px);
   top: 198px;
   transform: scale(1.6);

}}

@media only screen and (max-width: 1224px) {
/*   .home-hero-afbeelding .w-post-elm::before {
      display: none;
   }
   .row-hero-home {
      padding-top: 3rem;
   }
   .home-hero-afbeelding {
      height: 50vh;
   }*/
}

@media only screen and (max-width: 1000px) {
/*   .row-hero-home .mask-missie-vissie {
      mask-size: 130% 100%;
   }
   .row-hero-home .vc_column-inner, .row-hero-home {
      padding-left: 0rem !important;
      padding-right: 0rem !important;
   }

   .row-hero-home .vc_col-sm-7 {
      padding-left: 2rem;
      padding-right: 2rem;
   }*/
}

@media only screen and (min-width: 1500px) {
   .home-hero-afbeelding .w-post-elm::before {
/*      display: none;*/
   }
}


.referenties-grid {
   background: #fff;
   box-shadow: 0 0 8px rgba(0,0,0,0.15);
   border-radius: 10px;
   padding: 1.75rem;
}
.referenties-grid .w-testimonial-rating::before {
   color: #F18500;
   opacity: 1;
}
.referenties-grid .us_testimonial_author {
   font-family: 'Inter Bold', sans-serif;
}
.rooster-referenties .w-grid-item-h > .w-vwrapper:only-child {
   height: auto !important;
}

.grid-nieuws {
   background: #fff;
   box-shadow: 0 0 8px rgba(0,0,0,0.15);
   border-radius: 10px;
}
.grid-nieuws img {
   border-radius: 10px 10px 0px 0px;
}
.grid-nieuws .post_title {
   padding: 0.5rem 1.5rem 1.5rem 1.5rem;
}

.mask-video-over-ons .w-image-h img {
   mask-image: url('/wp-content/uploads/2024/03/mask-video-over-ons-.png');
   mask-size: contain;
   mask-repeat: no-repeat;
   mask-position: center;
   position: relative;
   z-index: 99;
}
.mask-video-over-ons .w-image-h::after {
   content: '';
   background: url('/wp-content/uploads/2024/03/background-video-over-ons.svg');
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.video-pop-up {
   position: absolute;
   right: 5%;
   bottom: 10%;
   z-index: 99;
}
.video-pop-up button {
   border-radius: 10rem !important;
   padding: 1.5rem 1.8rem !important;
   font-size: 1.75rem !important;
}
.video-pop-up button .w-btn-label {
   display: none;
}
.video-pop-up button i {
   margin-left: 0.1rem !important;
}
/**
 * END: Home
 */

 /**
 * START: Verhalen overzicht
 */

 .vwrapper-grid-verhalen {
   border-radius: 5px;
   box-shadow: 0px 1px 4px 1px rgba(29, 29, 27, 0.15);
   padding: 2rem;
   background-color: #fff;
 }

 /**
 * END: Verhalen overzicht
 */

 /**
 * START: Verhalen detail
 */

 .mask-verhalen-detail img {
   mask-image: url('/wp-content/uploads/2024/03/mask-verhalen-detail.png');
   mask-size: contain;
   mask-repeat: no-repeat;
   mask-position: center;
   position: relative;
 }
.mask-verhalen-detail::before {
   content: '';
   background: url('/wp-content/uploads/2024/03/before-verhalen-detail.png');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}


 /**
 * END: Verhalen detail
 */

 /**
 * START: Wat wij doen overzicht
 */

 .rooster-wat-wij-doen article:nth-child(odd) .grid-wat-wij-doen {
   background-color: var(--color-content-secondary);
 }
 .rooster-wat-wij-doen article:nth-child(even) .grid-wat-wij-doen {
   background-color: var(--color-content-bg);
 }
 .grid-wat-wij-doen {
   border-radius: 5px;
   padding: 1.25rem 1rem;
   box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
 }
 .grid-wat-wij-doen .post_title {
   font-family: 'Inter Bold', sans-serif;
   min-height: 48px;
 }
 .grid-wat-wij-doen i {
   color: var(--color-content-link);
   font-size: 2rem;
 }

 /**
 * END: Wat wij doen overzicht 
 */

 /**
 * START: Wat wij doen detail 
 */

 .mask-image-wat-wij-doen img {
   mask-image: url('/wp-content/uploads/2024/03/mask-wat-wij-doen-detail.png');
   mask-size: contain;
   mask-repeat: no-repeat;
   mask-position: center;
   position: relative;
 }
 .mask-image-wat-wij-doen::before {
   content: '';
   background: url('/wp-content/uploads/2024/03/before-foto-wat-wij-doen.png');
   background-size: 87%;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
 }

.sticky-contact {
   background-color: #fff;
   box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
   border-radius: 10px;
   padding: 2rem;
}

 /**
 * END: Wat wij doen detail 
 */

 /**
 * START: Blog overzicht
 */
 .teamplate-blog-detail .w-post-elm-before {
   font-family: 'Inter SemiBold', sans-serif;
 }

 .pagination > :not(.custom) .page-numbers {
   border-radius: 5px !important;
   line-height: 2.5rem;
   height: 2.5rem;
   width: 2rem;
 }
 
 /**
 * END: Blog overzicht
 */


 /**
 * START: Blog detail
 */
.teamplate-blog-detail .w-separator.with_line {
   color: #F5D1A5;
}
 
 /**
 * END: Blog detail
 */

 /**
 * START: Over ons
 */
.mask-over-ons {
   min-height: 50vh;
   padding-top: 2rem;
}
 .mask-over-ons img {
   mask-image: url('/wp-content/uploads/2024/03/mask-missie-en-vissie.png');
   mask-size: contain;
   mask-repeat: no-repeat;
   mask-position: center;
   position: relative;
 }
 .mask-over-ons::before {
   content: '';
   background: url('/wp-content/uploads/2024/03/before-over-ons.svg');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center center;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
 }

.mask-missie-vissie {
   mask-image: url('/wp-content/uploads/2024/03/mask-missie-en-vissie.png');
   mask-size: contain;
   mask-repeat: no-repeat;
   mask-position: center;
}

@media only screen and (max-width: 600px) {
   .mask-over-ons {
      min-height: 35vh;
   }
}
 /**
 * END: Over ons
 */

 

 /**
 * START: Contact
 */

 .vwrapper-contact-form, .vwrapper-contactinfo {
   box-shadow: 0px 1px 4px 1px rgba(29, 29, 27, 0.15);
   border-radius: 10px;
   padding: 3rem;
   background-color: #fff;
 }
 .vwrapper-contactinfo {
   border-radius: 10px 10px 0px 0px;
 }
 .vwrapper-contactinfo .w-iconbox-title {
   font-family: 'Inter Bold', sans-serif;
   font-size: 18px;
 }
 .vwrapper-contactinfo .w-socials-item-link:hover {
   color: var(--color-content-text);
 }
 .w-map {
   max-height: 365px;
   border-radius: 0px 0px 10px 10px;
 }

 .gform_required_legend {
   margin-bottom: 1rem !important;
 }

 @media only screen and (max-width: 600px) {
   .vwrapper-contact-form, .vwrapper-contactinfo {
      padding: 2rem;
    }
 }

 /**
 * END: Contact
 */