/*
Theme Name: SideKick
Template: Impreza
Version: 1.0
Author:	SideKick
Theme URI: http://impreza.us-themes.com/
Author URI: https://sidekick.be/
*/

/*Add your own styles here:*/

body:not(.single-post) #page-content section:first-child {
	min-height: 40rem;
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4rem), calc(100% - 11rem) 100%, 0 calc(100% - 4rem));
    z-index: 10;
}

/* TABLES */

.table-wrapper {
	position: relative;	
	margin-right: -2rem;
;
}

.table-wrapper::after {
	content: '';
	width: 2rem;
	height: 100%;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.table-wrapper-inner {
	overflow: auto;
	padding-right: 2rem;
;
}
.tablepress {
	min-width: 800px;
}
.tablepress thead th {
    font-weight: bold;
    padding: 0.6rem 1rem;
    background: #FFC200;
    color: white;
    vertical-align: middle;
    border: 1px solid #FFEDB6;
    text-align: center;
	font-size: 1rem;
}
.tablepress tbody tr td {
    font-weight: 300;
    padding: 0.6rem 1rem;
    vertical-align: middle;
    border: 1px solid #FFEDB6;
    text-align: center;
    font-size: .75rem;
}

.tablepress tbody tr:nth-child(1) td {
    font-weight: 600;
    background: #FFF9E6;
    color: #FFC200;
}
/* HEADER */
@media only screen and (max-width: 1000px) {
.w-nav-list.level_1.hover_simple {
	background-color: white !important;
	color: #FFC200 !important;
}
}

@media screen and (min-width: 1001px) {
.w-nav-anchor.level_1:hover .w-nav-title {
	text-decoration: underline 2px;
	text-underline-offset: 5px;
}
}

@media screen and (max-width: 1000px) {
.w-nav-title {
	color: #545454 !important;
}
.w-nav-anchor.level_1:hover .w-nav-title {
	color: #FFC200 !important;
	}
	
.w-nav-anchor.level_1.w-btn.us-btn-style_1:hover .w-nav-title {
		color: white !important;
	}
}

@media screen and (max-width: 1000px) {
.l-header.sticky .l-subheader.at_middle {
	height: 60px !important;
}
}


/* BACKGROUND IMAGES */

@media only screen and (min-width: 600px) {
	.polygon-links::before {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/polygon-dunne-lijn.png) no-repeat bottom left transparent;
		position: absolute;
		width: 30rem;
		height: 36rem;
		z-index: 0;
		background-size: contain;
		top: -28rem;
		left: -7rem;
	}
	.polygon-rechts::after {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/polygon-dunne-lijn.png) no-repeat bottom left transparent;
		position: absolute;
		width: 30rem;
		height: 36rem;
		z-index: -1;
		background-size: contain;
		bottom: 31rem;
		right: -7rem;
	}
	.polygon-rechts-onder::after {
        content: '';
        background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/polygon-dunne-lijn.png) no-repeat bottom left transparent;
        position: absolute;
        width: 24rem;
        height: 24rem;
        z-index: -1;
        background-size: contain;
        bottom: 6rem;
        right: -7rem;
        transform: rotate(25deg);
    }
	.polygon-vol-links::before {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/zeshoek.svg) no-repeat bottom left transparent;
		position: absolute;
		width: 28rem;
		height: 36rem;
		z-index: 0;
		background-size: contain;
		bottom: 22rem;
		left: -21rem;
	}
	.polygon-vol-rechts::before {
        content: '';
        background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/zeshoek.svg) no-repeat bottom left transparent;
        position: absolute;
        width: 46rem;
        height: 46rem;
        z-index: 0;
        background-size: contain;
        top: -10rem;
        right: -10rem;
        transform: rotate(70deg);
        opacity: .5;
    }
	.polygon-grijs::before {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/Polygon-grijs.png) no-repeat bottom left transparent;
		position: absolute;
		width: 56rem;
		height: 53rem;
		z-index: 0;
		background-size: contain;
		top: -14rem;
		right: -8rem;
	}
	.polygon-dubbel-mid::after {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/polygon-dunne-lijn.png) no-repeat bottom left transparent;
		position: absolute;
		width: 17rem;
		height: 36rem;
		z-index: 0;
		background-size: contain;
		bottom: 22rem;
		right: -7rem;
	}
	.polygon-dubbel-mid::before {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/Polygon-grijs.png) no-repeat bottom left transparent;
		position: absolute;
		width: 30rem;
		height: 36rem;
		z-index: 0;
		background-size: contain;
		bottom: 23rem;
		right: -7rem;
	}
	.polygon-grijs-mid::before {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/Polygon-grijs.png) no-repeat bottom left transparent;
		position: absolute;
		width: 30rem;
		height: 36rem;
		z-index: 0;
		background-size: contain;
		bottom: 30rem;
		right: -7rem;
	}
	.polygon-dubbel-mid-groot::after {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/polygon-dunne-lijn.png) no-repeat bottom left transparent;
		position: absolute;
		width: 20rem;
		height: 36rem;
		z-index: 0;
		background-size: contain;
		bottom: 14rem;
		right: -7rem;
	}
	.polygon-dubbel-mid-groot::before {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/Polygon-grijs.png) no-repeat bottom left transparent;
		position: absolute;
		width: 34rem;
		height: 46rem;
		z-index: 0;
		background-size: contain;
		bottom: 19rem;
		right: -7rem;
	}
	.polygon-vol-links-mid::before {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/zeshoek.svg) no-repeat bottom left transparent;
		position: absolute;
		width: 28rem;
		height: 36rem;
		z-index: 0;
		background-size: contain;
		bottom: 22rem;
		left: -5rem;
	}
	.polygon-links-mid::before {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/polygon-dunne-lijn.png) no-repeat bottom left transparent;
		position: absolute;
		width: 30rem;
		height: 36rem;
		z-index: 0;
		background-size: contain;
		top: 9rem;
		left: -7rem;
	}
	.polygon-rechts-under-image::before {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/polygon-dunne-lijn.png) no-repeat bottom left transparent;
		position: absolute;
		width: 30rem;
		height: 36rem;
		z-index: 0;
		background-size: contain;
		bottom: 11rem;
		right: -7rem;
	}
	.polygon-grijs-left-mid::before {
		content: '';
		background: url(https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/Polygon-grijs.png) no-repeat bottom left transparent;
		position: absolute;
		width: 29rem;
		height: 53rem;
		z-index: 0;
		background-size: contain;
		top: -13rem;
		left: -5rem;
	}
	.hexagon-over-ons {
		clip-path: polygon(93% 0%, 100% 2%, 100% 100%, 0 100%, 0 2%);
	}
}


/* HEXAGON IMAGE */
@media only screen and (min-width: 600px) {
	.image--hexagon{
		position: relative;
	}

	.image--hexagon {
		position: relative;
		clip-path: polygon(0 0, 100% 0, 100% 80%, 89% 100%, 0 79%);
		z-index: 10;
	}

	.image--hexagon + section:before{
		content: url('https://demo.sidekick.be/werkers-bedrijfshulp/wp-content/uploads/2024/01/zeshoek.svg');
		position: absolute;
		width: calc(100% + 2px);
		left: -4rem;
		top: -10rem;
		z-index: 0;
	}

	.getuigenissen-clip-path {
		clip-path: polygon(27% 1%, 100% 12%, 100% 100%, 0 100%, 0 14%)

	}

	.image--hexagon-detail {
	clip-path: polygon(0 0, 100% 0, 100% 80%, 88% 100%, 0 90%)
	}
	.image--hexagon-detail-2 {
		clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% calc(100% - 2rem), calc(100% - 2rem) 100%, 0 100%)
	}
}

.equal-height-columns .vc_column-inner {
	display: flex;
    flex-direction: column;
    height: 100%;
}



/* H2 TITLES */
.grid--title{
  margin-bottom: 1.5rem;
	padding-left: 10px;
	position: relative;
}
.grid--title:before{
  content: '';
	position: absolute;
	left: 0;
	top: 5px;
	height: calc(100% - 10px);
	width: 2px;
	background-color: #FFC200;
}
.grid--title > *{
  margin-bottom: 0 !important;
}

/* CHECK LIST */
/* UL LIST */
.ul--checklist ul{
	width: 100%;
	display: block;
	margin: 0;
	list-style: none;
}
.ul--checklist.ul--checklist-inline ul{
	margin-left: -20px;
	margin-right: -20px;
}
.ul--checklist ul li{
	padding-left: 30px;
	position: relative;
	margin: 10px 0px;
	display: block;
}
.ul--checklist.ul--checklist-inline ul li{
	margin: 10px 20px;
	display: inline-block;
}
.ul--checklist ul li:after{
	content: "\f00c";
	font-family: FontAwesome;
	font-style: 300;
	font-weight: normal;
	text-decoration: inherit;
	color: #FFC200;
	font-size: 1rem;
	left: 0;
	top: 0;
	position: absolute;
}

.ul--checklist.ul--checklist-grey ul li:after {
	color: #545454;
}
.ul--arrow ul{
	width: 100%;
	display: block;
	margin: 0;
	list-style: none;
}
.ul--arrow ul li{
	padding-left: 30px;
	position: relative;
	margin: 10px 0px;
	display: block;
}
.ul--arrow ul li:after{
	content: "\f061";
	font-family: FontAwesome;
	font-style: 300;
	font-weight: normal;
	text-decoration: inherit;
	color: #FFC200;
	font-size: 1rem;
	left: 0;
	top: 0;
	position: absolute;
}

/* BLOCKQUOTE */
blockquote{
	font-family: "Montserrat",sans-serif;
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 1.3;
	color: #2E2123;
	padding: 0;
}
blockquote:before{
	display: none;
}

blockquote footer{
	font-family: "Montserrat",sans-serif;
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 1.4;
	color: #2E2123;
	padding: 0;
	padding-left: 15px;
	position: relative;
  display: inline-block;
  text-align: left;
}
blockquote footer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background-color: #FFC200;
}
blockquote footer strong{
	font-family: "Montserrat",sans-serif;
	font-weight: 700;
	font-size: 1rem;
	display: block;
}

.blockquote-small blockquote {
	font-size: 2rem;
}

/* Carousel - FAQ
   ========================================================================== */
.owl-carousel.with_arrows {
    margin-bottom: 6rem;
}
.owl-carousel.with_arrows > .owl-stage-outer {
	overflow: visible;
}

.owl-carousel.with_arrows .owl-nav {
	position: absolute;
    bottom: -6rem;
    left: 0;
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.owl-carousel.with_arrows .owl-nav .owl-next, 
.owl-carousel.with_arrows .owl-nav .owl-prev {
	padding: .2rem 1rem;
    position: relative;
    right: unset;
    left: unset;
}
.owl-carousel.with_arrows .owl-nav .owl-next::after, 
.owl-carousel.with_arrows .owl-nav .owl-prev::after {
	font-weight: 100;
}

.owl-carousel.with_arrows .owl-nav .disabled {
	display: block;
	border: 1px solid #FFC200;
	background: transparent;
	color: #FFC200 !important;
}

/* Accordion - FAQ
   ========================================================================== */
.w-tabs.accordion>div>.w-tabs-section {
	border-color: var(--color-content-secondary);
    border-width: 0px 0 2px 0;
    box-shadow: 0.5px 0.5px 15px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
}

.w-tabs.accordion>div>.w-tabs-section:last-of-type {
    border-bottom-width: 2px;
}

.w-tabs-section-title{
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem; /* 150% */
    letter-spacing: 0.01rem;
}

.no-touch .w-tabs-section-header:hover, 
.no-touch .w-tabs-section-header:focus{
    background: var(--color-neutrals-white);
}

.w-tabs-section.active:not(.has_text_color)>.w-tabs-section-header {
	color: var(--color-neutrals-thunder);
}

.w-tabs-sections.icon_plus>.w-tabs-section.active>.w-tabs-section-header .w-tabs-section-control {
    transform: rotate(0deg);
}
.w-tabs-sections.icon_plus>.w-tabs-section>.w-tabs-section-header .w-tabs-section-control:before {
	transition: transform .5s;
	transform-origin: center center;
}
.w-tabs-sections.icon_plus>.w-tabs-section.active>.w-tabs-section-header .w-tabs-section-control:before {
   transform: scaleY(0) rotate(360deg);
}

.w-tabs.accordion>div>div>.w-tabs-section-content {
	padding-top: 0;
}



/* GETUIGENISSEN */
.getuigenissen-grid article .w-grid-item-h{
	box-shadow: 0.5px 0.5px 15px 0 rgba(0,0,0,0.05);
	background-color: #ffffff;
}

.getuigenissen-grid article .w-vwrapper.grid--referentie-content{
	display: block;
	position: relative;
}


.yellow-button{
	font-family: "Montserrat",sans-serif !important;
	font-size: 0.9rem !important;
	text-transform: none !important;
	font-weight: 400 !important;
	position: relative;
	height: 38px;
	line-height: 1.2;
  	max-width: calc(100% - 2rem);
  	display: block;
}

.yellow-button:after{
  	content: '';
  	position: absolute;
  	right: -0.7em;
  	top: 0;
 	border-left: 0.7em solid #FFC200;
	border-top: 19px solid transparent;
  	border-bottom: 19px solid transparent;
}


.yellow-button .term-2 {
	position: relative;
    top: 0.6rem;
    padding-left: 0.6rem;
	font-weight: 400 !important;
}

/* BUTTONS */
    
.underline-button:after{
	content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -3px;
    left: 0;
    background-color: #FFC200;
}
.underline-button:before {
    border-width: 0px;
}

/* TEAM */	
.w-person{
	max-width: 300px !important;
	margin-bottom: 50px !important;
}
.w-person .w-person-image{
	width: 90%;
	height: 0;
	padding-bottom: 125%;
}
.w-person .w-person-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.w-person .w-person-image:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(44,36,37,0.3);
    transition: all 0.3s;
	opacity: 1;
	mix-blend-mode: multiply;
}
.w-person:hover .w-person-image:after{
	opacity: 0;
}
.w-person-image .img_hover {
  background-size: cover;
  background-position: center;
}
.person-content, .w-person-content {
  background: #ffffff;
  width: 80%;
  margin-left: 10%;
  text-align: left;
  padding: 1.5rem 2rem;
	position: absolute;
	bottom: -50px;
	color: #2E2123;
}
.w-person-content {
	width: 90%;
}
.w-person-links-list {
  display: flex;
  justify-content: left;
}
.w-person-links-item {
  font-size: 1rem;
  line-height: 1.4;
  width: auto;
  border-radius: 0;
}
.no-touch .w-person-links-item:hover {
  background: none !important;
  color: #FFC200!important;
}
.w-person-header {
  padding-left: 10px;
	position: relative;
	margin-bottom: 0.5rem;
}
.w-person-header::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  height: calc(100% - 10px);
  width: 2px;
  background-color: #FFC200;
}
.w-person-header h5 {
  font-size: 1.2rem !important;
}
.w-person-role{
	opacity: 1 !important;
}

.w-person-name {
	font-weight: 700;
	font-size: 20px !important;
}

/* TABLE STYLING */

.table-tarieven  table {
  width: 100%;
  border-collapse: collapse;
}

.table-tarieven  td {
  border: 1px solid #FFEDB6; 
  padding: 8px;
  font-weight: 600;
  padding-left: 1.5rem;
  
}

.table-tarieven  td:nth-child(2) {
  background-color: #FFEDB6; 
  color: #FFC200 !important;
}



/* FORM */
.wpcf7 form.sent .wpcf7-response-output{
  width: 50vw;
  height: 25vh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #F4F1F1;
  z-index: 9999;
  box-shadow: 0px 0px 50px 50px rgb(0 0 0 / 15%)!important;
  justify-content: center;
}
.clear{
  display: block;
  clear: both;
}
form{
  margin-left: -2%;
  margin-right: -2%;
}
form p{
  padding: 0 2%;
  display: block;
  width: 100%;
}
.one-half{
	width: 50%;
  position: relative;
  padding: 0 2%;
  float: left;
	margin-bottom: 1.5rem;
}
.one-fourth{
	width: 25%;
  position: relative;
  padding: 0 2%;
  float: left;
	margin-bottom: 1.5rem;
}
.two-fourth{
	width: 50%;
  position: relative;
  padding: 0 2%;
  float: left;
	margin-bottom: 1.5rem;
}
.third-fourth{
	width: 75%;
  position: relative;
  padding: 0 2%;
  float: left;
	margin-bottom: 1.5rem;
}
.one-full{
	width: 100%;
  padding: 0 2%;
  position: relative;
  float: left;
	margin-bottom: 1.5rem;
}
.last {
  clear: right;
}
.w-filter.state_desktop.style_drop_default .w-filter-item-title, .select2-selection, select, textarea, input:not([type="submit"]), .w-form-checkbox, .w-form-radio {
  border-bottom: 2px solid #FFC200;
}
.wpcf7-radio{
  box-shadow: 0.5px 0.5px 15px 0px rgba(0, 0, 0, 0.05);
  margin-top: 10px;
  padding: 0 !important;
}
.wpcf7-radio .wpcf7-list-item{
  margin: 0;
  position: relative;
}
.wpcf7-radio input{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  margin: 0 !important;
  padding: 0;
}
.wpcf7-radio .wpcf7-list-item-label{
  padding: 10px 20px;
  border: 2px solid #ffffff;
  background-color: #ffffff;
  border-bottom: 2px solid #FFC200;
  display: inline-block;
}
.wpcf7-radio input:checked + span{
  border: 2px solid #FFC200;
  background-color: #fff9e5;
}

.section--contact-gegevens{
	position: relative;
}
.section--contact-gegevens:after{
	content: url('images/contact-hexagon.svg');
	background-color: #ffffff;
	position: relative;
	display: block;
}
.section--contact-gegevens:before{
	content: '';
  position: absolute;
  top: -75px;
  left: 0;
  width: 100%;
  height: 75px;
  background-image: url('images/hexagon-image-contact.svg');
  background-size: auto 75px;
  background-position: center right;
  background-repeat: no-repeat;
}
.wpcf7 form .wpcf7-response-output {
  box-shadow: 0 0px 10px 0px rgb(0 0 0 / 10%);
  border: none !important;
  border-radius: 10px;
  padding: 1rem 3rem 1rem 1.5rem;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}
.wpcf7 form .wpcf7-response-output:after {
  display: none;

}
.wpcf7 form .wpcf7-response-output:before {
  content: "X";
  font-style: normal;
  font-weight: bold;
  text-decoration: inherit;
  font-size: 1rem;
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  border-radius: 50%;
  display: flex;
}

/* Counter */
.block-counter {
	counter-reset: block-count;
}

.block-counter .g-cols .g-cols .wpb_column {
    counter-increment: block-count;
}

.block-counter .g-cols .g-cols:not(:last-child) .wpb_column .w-vwrapper::before {
    content: counter(block-count);
    position: absolute;
    left: 0.9rem;
    top: -1.1rem;
    z-index: 0;
	-webkit-text-stroke-width: 1px;
    text-stroke-width: 1px;
    -webkit-text-stroke-color: #ADADAD;
    text-stroke-color: #ADADAD;
    font-family: Montserrat;
    font-size: 8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: transparent;
}
.block-counter .g-cols .g-cols:not(:last-child) .wpb_column .w-vwrapper > * {
	position: relative; 
	z-index: 1;
}
.block-counter .g-cols .g-cols .wpb_column,
.block-counter .g-cols .g-cols .wpb_column .vc_column-inner,
.block-counter .g-cols .g-cols .wpb_column .vc_column-inner .w-vwrapper {
	height: 100%;
}