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

/**
 * START: Globals
 */
 .font-size-24 {
   font-size: 24px !important;
}

 .font-size-26 {
   font-size: 26px !important;
}

 .font-size-36 {
    font-size: 36px !important;
 }

 .font-size-50 {
    font-size: 50px !important;
 }

 .font-weight-800 {
   font-family: "Nunito extra bold" !important;
 }

 .font-weight-900 {
   font-family: "Nunito black" !important;
 }

 .border-radius-6 {
   border-radius: 6px;
 }

 .border-radius-50 {
   border-radius: 50% !important;
 }

 .font-orange-uppercase {
    text-transform: uppercase !important;
    color: #FF912B !important;
    font-weight: 500;
 }

 .rank-math-breadcrumb {
   text-transform: uppercase !important;
   color: #FF912B !important;
   font-weight: 500;
   letter-spacing: 0.96px;
 }
 
 .shape-border-radius {
   border-radius: 250px 6px;
}
 .shape-border-radius-left {
   border-radius: 6px 250px;
}

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

   .shape-border-radius, .shape-border-radius-left {
      border-radius: 140px 6px;
   }

}

.margin-right-40 {
   margin-right: 40px;
}
@media only screen and (min-width: 1349px) {
   .title-bar-img {
      border-radius: 0px 0px 0px 300px !important;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0.07%, rgba(0, 0, 0, 0.00) 77.98%), url(<path-to-image>) lightgray -89.448px 0px / 126.821% 100% no-repeat;
      margin-top: -9rem;
      padding-right: 0 !important;
   }
}

@media only screen and (min-width: 900px) {
   .title-bar-img {
      border-radius: 0px 0px 0px 300px !important;
   }
	.v-wrapper-inner-vacature-item {
   		padding: 1rem 1.5rem 1rem 1rem;
	}
}


.text-decoration-under-line {
 text-decoration: underline;  
} 

.bg-shape-before:before {
   content: '';
   position: absolute;
   bottom: -3rem;
   right: 0;
   width: 765px;
   height: 394px;
   border-radius: 6px 6px 300px 6px;
   background: #41D7AA;  
}

.v-wrapper-referenties .w-image {
   position: absolute;
  top: -25px;
}

/* .padding-top-7 {
   padding-top: 7rem !important;
} */

/* .title-bar-img:before {
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0.07%, rgba(0, 0, 0, 0.00) 77.98%), url(<path-to-image>) lightgray -89.448px 0px / 126.821% 100% no-repeat;
} */
/**
 * END: Globals
 */
/**
 * START: Home
 */
 @media only screen and (min-width: 1500px) {
   .home-hero .l-section-img {
      background-position: top 50px right 20rem !important;
   }
}

.h-wrapper-hero .wpb_text_column a {
   color: #fff !important;
   letter-spacing: 1.6px;
}

.h-wrapper-hero .wpb_text_column a:hover {
   color: #41D7AA !important;
}

 .hero-home-button .w-iconbox-icon {
   width: 75px !important;
   height: 75px !important;
 }
 
 .hero-home-button-column {
   margin-top: -3rem;
 }

 .v-wrapper-hero-professionals {
    border-radius: 6px 130px;
    height: 211px;
    width: 581px;
    background: #41D7AA;
    padding: 0rem 0rem 3rem 4rem;
 }

 .v-wrapper-hero-opdrachtgevers {
    border-radius: 6px 130px;
    height: 211px;
    width: 581px;
    background: #FF912B;
    padding: 0rem 0rem 3rem 4rem;
 }

 @media only screen and (max-width: 900px) {
   .v-wrapper-hero-professionals, .v-wrapper-hero-opdrachtgevers {
      width: 100%;
      padding: 1rem 0rem 3rem 4rem;
   }

   .v-wrapper-hero-opdrachtgevers p, .v-wrapper-hero-professionals p  {
      width: 100% !important;
   }

   .v-wrapper-hero-button {
      display: none !important;
   }

   .font-size-36 {
      font-size: 24px !important;
    }
}

 .v-wrapper-hero-button {
    background: #FFF;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: relative;
    top: 5rem;
    right: -2rem;
 }

 .v-wrapper-referenties {
   border-radius: 6px;
   /*border: 1px solid #000;*/
   background: #FFF;
   color: #000 !important;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   padding: 3rem;
   height: auto !important;
 }

 .row-partners {
   /*clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);*/
   background: #005da7;
	     border-radius: 20px;
    transform: skewX(-20deg);
   width: 95%;
	     padding-top: 3rem !important;
    padding-bottom: 3rem !important;
/*    height: 170px; */
 }
.row-partners .l-section-h.i-cf{
	transform: skewX(20deg);
}

.image-text .wpb_wrapper{
	position:relative;
}
.image-text .wpb_text_column{
	position: absolute;
    bottom: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.image-text .wpb_text_column .wpb_wrapper{
	background: #005da7;
    padding: 12px 20px;
    transform: skewX(-15deg);
    display: inline-block;
    border-radius: 6px;
}
.image-text .wpb_text_column .wpb_wrapper p{
	font-size: 18px !important;
    font-weight: 400 !important;
    font-family: 'Nunito Sans' !important;
    transform: skewX(15deg);
}

.half-width{
	max-width:calc(1212px / 2);
}

.half-width-l{
	margin-left:auto;
	max-width:calc(1212px / 2);
}

.skew-effect .w-image-h{
	    transform: skewX(20deg) translateX(-12%);
    overflow: hidden;
    border-radius: 0px 60px 60px 0px;
}
.skew-effect .w-image-h img{
transform: skewX(-20deg) translateX(12%);
}

.skew-effect-r .w-image-h{
	    transform: skewX(-20deg) translateX(12%);
    overflow: hidden;
    border-radius: 60px 0px 0px 60px;
}
.skew-effect-r .w-image-h img{
transform: skewX(20deg) translateX(-12%);
}

@media only screen and (max-width: 1024px) {
	.half-width{
	max-width:100%;
}
	.half-width-l{
	margin-left:auto;
	max-width:100%;
}
	.skew-effect .w-image-h{
			transform: skewX(20deg) translateX(-12%);
		overflow: hidden;
		border-radius: 0px 60px 60px 0px;
	}
	.skew-effect .w-image-h img{
	transform: skewX(-20deg) translateX(12%);
	}
	.skew-effect-r .w-image-h{
			transform: skewX(-20deg) translateX(12%);
		overflow: hidden;
		border-radius: 60px 0px 0px 60px;
	}
	.skew-effect-r .w-image-h img{
	transform: skewX(20deg) translateX(-12%);
	}
}

 .v-wrapper-vacature-klein {
   background: #FFF;
   border-radius: 6px;
   color: #000 !important;
   width: 364px;
   height: 269px !important;
   padding: 2rem;
 }

 .v-wrapper-vacature-klein h3{
   color: #000 !important;
 }

 .teller-jaar-ervaring {
  clip-path: polygon(17% 0%, 100% 0%, 83% 100%, 0% 100%);
  background: #41D7AA;
  width: 247px;
  height: 141px;
  position: absolute;
  top: 3rem;
  left: -1rem;
  color: #FFF !important;
  padding: 1rem;
 }

 .teller-jaar-ervaring .w-counter-value {
   font-size: 70px !important;
   color: #FFF !important;
   font-family: "Nunito extra bold" !important;
 }

 @media only screen and (max-width: 900px) {
   .v-wrapper-vacature-klein {
      width: 100%;
      height: 100% !important;
    }
 }

/**
 * END: Home
 */

 /**
 * START: Over ons
 */

 .inner-row-consultant-left-column .w-image-h, .inner-row-consultant-right-column .w-image-h {
   border-radius: 6px;
 }

 .inner-row-consultant-left-column .w-vwrapper a, .inner-row-consultant-right-column .w-vwrapper a  {
   color: #FFF !important;

 } 
/*  .inner-row-consultant-left-column .w-vwrapper .w-iconbox {
   padding-left: 8rem;
 } */
/*   .inner-row-consultant-right-column .w-vwrapper .w-iconbox {
   padding-left: 10rem;
 } */

/**
 * END: Over ons
 */


 /* Afspraakmaken */

 .gf-afspraak-maken {
   border-radius: 100px 6px;
  background: #FFF;
  padding: 4rem;
 }

 .gf-afspraak-maken .gform_title {
   font-size: 30px;
   font-family: "Nunito extra bold" !important;
   color: #000 !important;
   margin-bottom: 2rem;
 }

.gf-afspraak-maken input, .gf-afspraak-maken textarea, .gf-afspraak-maken select {
   margin-top: 1rem !important;
   padding-bottom: 1rem !important;
   border-bottom: 1px solid rgba(35,39,63,0.60);
}

.gf-afspraak-maken .gform_footer {
   position: absolute;
}

/* Contact */
.icon-box-contact .w-iconbox-meta, .icon-box-contact .w-iconbox-text {
   padding-top: 0.5rem !important;
}
#label_2_8_1 {
   color: #000 !important;

}

#choice_2_8_1 {
   border: 1px solid #000 !important;
}


/* END Contact */

/* Virtual assistans  */
.v-wrapper-virtual-assistance .post_image {
   border-radius: 6px;
}

/* Profressionals */ 
.v-wrapper-professionals {
   border-radius: 6px;
   border: 1px solid rgba(255,255,255,0.40);
   padding: 2rem 2.5rem 0 2.5rem;
   min-height: 330px;
   margin-top: 0rem;
}

.v-wrapper-professionals .wpb_text_column {
   margin-top: 2rem;
}

.v-wrapper-professionals .w-btn-wrapper {
   position: relative;
   right: 0;
   left: 0;
   bottom: -2rem;
   margin-right: auto !important;
   margin-left: auto;
   width: 160px;
}

.v-wrapper-professionals-icon {
   width: 100px;
  height: 100px;
  background: #FFF;
  border-radius: 50%;
  color: #41D7AA;
  font-size: 36px;
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  top: -3.3rem;
  line-height: 100px;
}

@media only screen and (max-width: 1500px) {
.v-wrapper-professionals-icon {
  top: 3.7rem;
}

.v-wrapper-professionals {
   margin-top: 7rem;
 }
}


.h-wrapper-grid-vacature {
   background: #FFF;
   color: #000;
   border-radius: 15px;
/*    height: 387px; */
}

.h-wrapper-grid-vacature .us_tile_additional_image img {
   border-radius: 6px;
}

.h-wrapper-grid-vacature .post_title {
   color: #000 !important;
   font-size: 36px !important;
}
.v-wrapper-inner-vacature-item {
   padding: 4rem 1rem 4rem 4rem;padding: 4rem 6rem 4rem 4rem;
/*    width: 67%; */
 }

 .v-wrapper-inner-vacature-item i, .v-wrapper-vacature-detail i {
   color: #FF912B;
   font-size: 22px;
 }

 .v-wrapper-inner-vacature-item .post_taxonomy {
   font-size: 20px !important;
 }

 .h-wrapper-grid-vacature .usg_hwrapper_3 {
   padding-top: 0.6rem;
 }
 
 .h-wrapper-grid-vacature .post_taxonomy {
   font-size: 18px !important;
 }

 .vacature-detail-solliciteren-button {
   position: relative;
   top: 2rem;
   z-index: 3;
}

#apply_form {
   background: #fff;
  border-radius: 100px 6px;
  padding: 5rem;
  color: #000;
}

#apply_form h3 {
   color: #000 !important;
   margin-bottom: 0px;
   margin-top: 1rem;
}

#apply_form input:not([type="submit"]) {
   border: 1px solid #23273F;
   border-radius: 6px;
}

#apply_form div {
   padding-top: 1.5rem;

}

.cx2_personal-lastName , .cx2_personal-firstName, .cx2_personal-cv, .cx2_personal-photo {
   width: 48%;
  display: inline-block;
}

.cx2_personal-lastName, .cx2_personal-cv {
   margin-right: 31px !important;
}

#apply_form label {
   font-weight: 700;
}

#apply_form #remember_me {
   padding-bottom: 2rem;
}

#apply_form #contact-email {
   margin-bottom: 2rem;
}

#apply_form label.cx2_personal-gender {
   width: 10% !important;
}

#apply_form .cx2_personal-gender input {
   margin-left: 10px;
}

#apply_form .cx2_labels_type-contact-email input {
   margin-left: 10px;
}


.carousel-beoordeling .owl-dot.active span {
 color: #41D7AA !important;    
 background: #41D7AA !important;    
}

.carousel-beoordeling .owl-dot span {
   background: #FFF !important;    
  }


  @media only screen and (max-width: 1500px) {
   .carousel-beoordeling .owl-stage-outer {
     width: 150.3333% !important;
     margin-left: -24rem;
   }
 }

 @media only screen and (max-width: 900px) {
   .carousel-beoordeling .owl-stage-outer {
     width: 100% !important;
     margin-left: 0 !important;
   }

   .footer-cta-row .align_right {
      text-align: center !important;
   }

   .row-partners {
      height: 100%;
   }

   .row-partners .w-image.align_none {
       text-align: center !important;
   }
   
   .title-bar-img {
      border-radius: 140px 6px !important;
      margin-top: 0;
      padding-right: 1.5rem !important;
      background: transparent !important;
   }
 }

 .vacature-detail-post-image {
   border-radius: 6px;
 }

 .inner-row-consultant-left-column .linkedin .w-iconbox-icon,  .inner-row-consultant-right-column .linkedin .w-iconbox-icon {
   position: absolute;
  top: -4rem;
  margin: 0 auto;
  right: 0;
  left: 0;
 }
 .virtual-assistant-img {
   border-radius: 6px;
 }

 .v-wrapper-virtual-assittant-detail-contact-info a {
   color: #FFF !important;
 }

.v-wrapper-virtual-assittant-detail-contact-info a:hover {
   color: #41D7AA !important;
 }

 .v-wrapper-virtual-assittant-detail-contact-info {
   padding-left: 5rem;
 }

.home-hero-title a{
color: #fff;
}

.home-hero-title a:hover{
color: var(--color-content-link);
transition: 0.3s ease
}

.home-hero-title-alt a{
color: #fff;
}

.home-hero-title-alt a:hover{
color: #41D7AA;
transition: 0.3s ease
}