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

/**
 * START: Globals
 */

.hero-section .l-section-overlay {
	background: linear-gradient(258deg, rgba(0,0,0,0) 37.83%, rgba(0,0,0,0.4) 81.78%), linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 23.58%) !important;
}

.sub-heading-orange p {
	color: var(--color-content-primary) !important;
	text-transform: uppercase;
	letter-spacing: 1.92px;
	font-weight: 700 !important;
	margin-bottom: 10px;
}

.sub-heading-orange-small p {
	color: var(--color-content-primary) !important;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1.68px;
	font-weight: 700 !important;
}

.text-bold-font strong {
	font-size: 20px;
}

.form-html,
.form-html a {
	font-size: 14px;
	color: rgba(18,17,16,0.4);
}

.link-underline {
  text-decoration: underline;
}

.form-date .ginput_container {
	background: white;
}

.diensten-carousel .owl-stage {
	margin-bottom: 35px;
}

.owl-nav button.owl-next,
.owl-nav button.owl-prev {
	background: #121110;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	color: white !important;
}

.owl-nav button.owl-prev.disabled,
.owl-nav button.owl-next.disabled {
	background: rgba(18,17,16,0.2) !important;
}

.owl-prev:after {
    content: "\f060" !important; 
	font-size: 16px;
}

.owl-next:after {
    content: "\f061" !important; 
	font-size: 16px;
}

.w-tabs-section:first-child {
    border-top: none !important;
}

.w-tabs-section-control:before,
.w-tabs-section-control:after {
	color: var(--color-content-primary);
}


.w-tabs-section-control:before {
	width: 2px !important;
}

.w-tabs-section-control:after {
	height: 2px !important;
}

.no-touch .w-tabs.remove_indents > div > div > .w-tabs-section-header:hover,
.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus {
	background: none !important;
}

.cta-iconbox .w-iconbox  {
	padding-bottom: 12px;
}

.diensten-template-default .offerte-section {
	padding-top: 0px;
}
.werkwijze-stappen {
    border: 1px solid #D9D9D9;
    position: relative;
}

.werkwijze-stappen > .vc_column_container:not(:last-child) {
    border-right: 1px solid #D9D9D9;
}

.werkwijze-stappen > .vc_column_container {
    position: relative;
}

.werkwijze-stappen .wpb_column.vc_column_container {
    padding: 50px;
}

.werkwijze-stappen .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.werkwijze-stappen > .vc_column_container:not(:last-child)::after {
    content: "\f061"; 
    font-family: "fontawesome";
    font-weight: 400;
	font-size: 22px;

    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%);

    width: 36px;
    height: 70px;

    background: #fff;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--color-content-primary);

    z-index: 2;
}

@media (max-width: 600px){

 

}

.project-filter .w-filter-item-title {
	display: none !important;
}

.project-filter {
	font-family: 'Poppins', sans-serif;
}

.project-filter .w-filter-item-values {
	border-bottom: 1px solid #D9D9D9;
	gap: 0px !important;
	font-size: 18px !important;
}

.w-filter-item.values_as_btn.style_3 .w-filter-item-value:has(input:checked) {
	font-weight: 700 !important;
}


#gform_wrapper_1 .gform_fields,
#gform_wrapper_2 #gform_fields_2{
  display: grid;
}

#gform_wrapper_1 #field_submit,
#gform_wrapper_2 #field_submit{
  order: 1;
  grid-column: 1 / span 3;
}

#gform_wrapper_1 #field_1_9,
#gform_wrapper_2 #field_2_6{
  order: 2;
  grid-column: 4 / span 9;
  align-self: center;
}

@media (max-width: 767px){
  #gform_wrapper_1 #field_submit,
  #gform_wrapper_1 #field_1_9,
  #gform_wrapper_2 #field_submit,
  #gform_wrapper_2 #field_2_6{
    grid-column: 1 / -1;
  }
}

.project-infoblok{
	background: #F9EDE6;
	padding: 34px 40px;
	margin: 28px 0 36px;
}
.project-infoblok__grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: start;
}

.project-infoblok__item{
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin: 10px 0;
}
.project-infoblok__icon{
	width: 26px;
	min-width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}
.project-infoblok__icon i{
	font-size: 18px;
	color: var(--color-content-primary);
	font-weight: 300;
}
.project-infoblok__label{
	font-weight: 700;
}
.project-infoblok__value{
	font-weight: 500;
}

.project-infoblok__title{
	font-weight: 700;
	margin: 4px 0 8px;
}
.project-infoblok__desc{
	line-height: 1.6;
}

.menu-offerte-btn {
	display: none !important;
}

.diensten-grid-titel a:hover {
	color: black !important;
}

.first-section-padding {
	padding-top: 100px !important;
}

.contact-cta-blocks .vc_column_container .w-iconbox {
	transition: 0.3s all ease-in-out;
}

.contact-cta-blocks .vc_column_container:hover .w-iconbox {
	background: var(--color-content-primary) !important;
	transition: 0.3s all ease-in-out;
	color: white !important;
}

.contact-cta-blocks .vc_column_container:hover .w-iconbox i,
.contact-cta-blocks .vc_column_container:hover .w-iconbox h4 {
	transition: 0.3s all ease-in-out;
	color: white !important;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 600 !important;
}

@media (max-width: 1024px) {
	.first-section-padding {
		padding-top: 50px !important;
	}
	
	.l-section.height_custom{
    	--section-custom-padding: calc(3.75rem / 2);
	}
}

@media (max-width: 1024px){
  .offerte-section > .l-section-h > .g-cols.vc_row > .vc_col-sm-6{
    width: 100% !important;
  }
}

@media (max-width: 950px) {
	.stappen-section .vc_col-sm-3,
	.stappen-section .vc_col-sm-9 {
		width: 100% !important;
	}
	
	.waarom-dexx-sectie .vc_col-sm-4,
	.werkwijze-stappen .vc_col-sm-4 {
		width: 100% !important;
	}
	
	.waarom-dexx-sectie .waarom-dexx-img {
		margin-top: 35px !important;
		text-align: left !important;
	}
	
	.waarom-dexx-sectie .waarom-dexx-img .w-image.align_center {
		text-align: left !important;
	}
/* 	.stappen-inner-wrapper {
		margin-top: 50px !important;
	} */
	
	.stappen-inner-wrapper  {
		margin-top: 50px !important;
	}
	
	  .waarom-dexx-sectie .vc_column_container:nth-child(1){ order: 1 !important; }
	  .waarom-dexx-sectie .vc_column_container:nth-child(3){ order: 2 !important; }
	  .waarom-dexx-sectie .vc_column_container:nth-child(2){ order: 3 !important; }
	
	.werkwijze-stappen{
    border: 0;
  }

  .werkwijze-stappen > .vc_column_container{
    margin-bottom: 0 !important;
  }

  .werkwijze-stappen > .vc_column_container{
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-top: 0;
    border-bottom: 0;
  }

  .werkwijze-stappen > .vc_column_container:first-child{
    border-top: 1px solid #D9D9D9;
  }

  .werkwijze-stappen > .vc_column_container:last-child{
    border-bottom: 1px solid #D9D9D9;
  }

  .werkwijze-stappen > .vc_column_container:not(:last-child){
    border-bottom: 1px solid #D9D9D9;
  }

  .werkwijze-stappen > .vc_column_container:not(:last-child)::after{
    top: auto;
    right: 50%;
    bottom: -35px;
    transform: translateX(50%) rotate(90deg);
  }
	
}

@media (max-width: 900px) {
	.menu-offerte-btn {
		display: block !important;
	}
	
	.menu-offerte-btn .w-btn{
		margin: 0 !important;
	}
}

@media (max-width: 767px){
	.project-infoblok{
		padding: 24px 22px;
	}
	.project-infoblok__grid{
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

@media (max-width:600px) {
	.faq-first {
		margin-bottom: 0px !important;
	}
	
	.stappen-inner-wrapper .vc_col-sm-4 {
		margin: 30px 24px !important;
	}
}
/**
 * END: Globals
 */
/**
 * START: Home
 */

/**
 * END: Home
 */

/**
 * START: Contact
 */

/**
 * END: Contact
 */