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

/** Algemeen **/
.foto-placed-end-of-column .vc_column-inner {
  justify-content: flex-end;
}
.background-white-angle-left-orange {
  background: var(--color-content-bg);
}
.background-white-angle-left-orange::before {
  content: '';
  background: var(--color-content-primary);
  clip-path: polygon(0px 0%, 620px 0%, 0px 200%);
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: -1px;
  right: 0;
}
.background-white-angle-left-blue {
	background: linear-gradient(135deg, hsla(207, 87%, 12%, 1) 70%, hsla(189, 100%, 28%, 1) 63%);
}

.background-white-angle-left-green-blue {
	background: linear-gradient(135deg, hsla(189, 100%, 28%, 1) 70%, hsla(207, 87%, 12%, 1) 62%);
}

.background-white-angle-right-orange {
  background: var(--color-content-bg);
}
.background-white-angle-right-orange::before {
  content: '';
  background: var(--color-content-primary);
  clip-path: polygon(100% 0px, 100% 100%, 65% 0%);
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: -1px;
}
.background-white-angle-left-green {
  background: var(--color-content-bg);
}
.background-white-angle-left-green::before {
  content: '';
  background: var(--color-content-secondary);
  clip-path: polygon(0px 0%, 300px 0%, 0px 100%);
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: -1px;
  right: 0;
}

.background-white-angle-left-green-calculator {
  background: var(--color-content-bg);
}

.background-white-angle-left-green-calculator::before {
  content: '';
  background: var(--color-footer-bg-grad);
  clip-path: polygon(90% 0%, 0px 0%, 0px 100%, 35% 100%);
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: -1px;
  right: 0;
}
.background-white-angle-left-orange-voordelen {
  background: var(--color-content-bg);
}
.background-white-angle-left-orange-voordelen::before {
  content: '';
  background: var(--color-content-primary);
 clip-path: polygon(74% 0%, 0px 0%, 0px 100%, 55% 100%);
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.background-white-angle-right-orange-404 {
  background: var(--color-content-bg);
}
.background-white-angle-right-orange-404::before {
  content: '';
  background: var(--color-content-primary);
  clip-path: polygon(100% 0%, 75% 0%, 45% 100%, 100% 100%);
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 767px) {
  .background-white-angle-left-green-calculator {
    background: var(--color-footer-bg-grad);
  }
  
  .background-white-angle-left-orange-voordelen {
    background: var(--color-content-primary);
  }

  .background-white-angle-left-orange::before,
  .background-white-angle-left-green::before,
  .background-white-angle-right-orange::before,
  .background-white-angle-left-green-calculator::before,
  .background-white-angle-left-orange-voordelen::before,
  .background-white-angle-right-orange-404::before {
    display: none;
  }
}
.background-white-angle-left-orange .vc_column-inner {
  justify-content: flex-end;
}
/** Algemeen **/

/** Contact **/
.contact-form .gfieldset.gform_fieldset_begin.gform_fieldset {
  grid-column: span 6;
  display: grid;
}

@media (max-width: 1100px) {
    .contact-form .gfieldset.gform_fieldset_begin.gform_fieldset {
        grid-column: span 12;
    }
}

.contact-form ul.gform_fields {
  margin: 0;
}

.contact-form .gfield_radio {
  display: flex;
}
.contact-form .gfield_radio .gchoice {
  margin-right: 2rem;
}
/** Contact **/

/** Blog/Voordelen **/
.button-grid-layout-blog {
  width: 45%;
  margin-top: 1rem;
}
.content-grid-layout-blog {
  flex-basis: 54%;
  padding: 2rem;
}
.container-grid-layout-blog {
  background: var(--color-alt-content-primary);
  border-radius: 1.25rem;
  overflow: hidden;
	color: white;
}
.container-grid-layout-blog h3 {
	color: white;
}
.img-grid-layout-blog {
/*   height: 340px;
  flex-grow: 1;
  flex-basis: 478px; */
	position: absolute !important;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
}
.img-grid-layout-blog img {
/*   height: 340px;
  width: 100%; */
	height: 100%;
	width: 100%;
  clip-path: polygon(55% 0%, 100% 0%, 100% 100%, 0% 100%);
}
article.w-grid-item:nth-child(odd) div.container-grid-layout-blog {
  background: var(--color-alt-content-secondary) !important;
}
.content-blog-detail-template {
  padding: 0 5rem;
}
@media only screen and (max-width: 870px){
	.button-grid-layout-blog {
		width: 100%;
		margin-top: 1rem;
	}
	.content-grid-layout-blog {
		flex-basis: 100%;
		padding: 2rem;
	}
	.content-blog-detail-template {
		padding: 0 3rem;
	}
	.img-grid-layout-blog {
/* 		height: auto;
		flex-basis: unset; */
		position: relative !important;
		width: 100%;
	}
	.img-grid-layout-blog img {
/* 		height: auto; */
		clip-path: unset;
	}
}
/** End Blog/Voordelen **/

/** Home **/
.container-grid-reviews {
  background: rgba(0, 120, 142, 0.06);
  border-radius: 20px;
  padding: 1.5rem;
}
.container-grid-reviews .w-testimonial-rating {
  color: var(--color-header-middle-text-hover);
  width: 100%;
  text-align: center;
}
.container-grid-voordelen {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 20px;
  box-shadow: var(--box-shadow);
}
.container-grid-voordelen .post_title, .container-grid-voordelen .post_content {
  color: #04223B !important;
}

.rekentool-text {
  max-width: 35rem;
}
@media only screen and (max-width: 1200px){
  .rekentool-text {
    max-width: 30rem;
  }
}
@media only screen and (max-width: 1100px){
  .rekentool-text {
    max-width: 20rem;
  }
}

.voordelen-img {
  bottom: -9px;
}
/** End Home **/

/** Footer **/
.footer-text-items-no-links ul li, .footer-text-items-links ul li{
  list-style-type: none;
}
.footer-text-items-links ul, .footer-text-items-no-links ul {
  margin: 0;
}
.footer-text-items-links, .footer-text-items-no-links {
  font-size: 0.75em;
}
.footer-text-items-links {
  font-weight: 600;
}
/** End Footer **/

.home-usp .vc_column-inner {
	box-shadow: 0 0.15em 0.3em rgb(0 0 0 / 20%);
	padding: 20px;
	border-radius: 20px;
	background: var(--color-content-primary);
	color: white !important;
}


.home-usp .vc_column-inner h4 {
	color: white !important;
}

.home-voordelen-grid {
	box-shadow: 0 0.15em 0.3em rgb(0 0 0 / 20%);
	border-radius: 20px;
}