/* CSS Document */

a, button, h1, h2, h3, h4, h5, h6, input, li, p, select, span, textarea {
	text-rendering: optimizeLegibility;
	font-synthesis: none;
}
* {
	backface-visibility: hidden;
	box-sizing: border-box;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root{
	--botervet-light-blue: 111,206,245; /*#6FCEF5;*/
	--botervet-dark-blue: 85,118,186;/*#5576BA;*/
	--botervet-pink: 240,110,169;/*#F06EA9;*/
	--botervet-yellow: 247,239,112;/*#F7EF70;*/
	--botervet-light-green: 141,198,66;/*#8DC642;*/
	--botervet-dark-green: 59,181,74;/*#3BB54A;*/
	--botervet-turqoise: 17,170,158;/*#3BB54A;*/
	/*--botervet-black: 0,22,25;*/
	--botervet-black: 18,18,18;
	--botervet-white: 255,255,255;
	--botervet-green: 0,195,0 /*0, 195, 0*/;
	
	--botervet-gray: 81,81,81;
}


img, .navbar-brand svg, .custom-logo {
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
}

.navbar-brand svg, .custom-logo{
	width:84px;
}

body {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 125rem;
	min-height: 100vh;
	min-width: 20rem;
}

body {
	color: rgba(var(--botervet-black), 1);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	/*letter-spacing: -.015rem;*/
	line-height: 1.7rem;
	text-transform: none;
	background:rgba(var(--botervet-white), 1);
}

a {
	color: #71004b;
	text-decoration: underline;
	transition: all .3s ease-in-out;
	cursor: pointer!important;
}

a, button, a:hover, button:hover{
	transition: 0.3s all ease;
}

body{
	/*font-family: "DM Sans", sans-serif;*/
	font-family: "proxima-nova", sans-serif; 
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
}

input, button,label,textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 900;
	line-height: 1.2;
	color: rgba(var(--botervet-green), 1);
}
.h1, h1 {
  font-size: calc(2.375rem + 1.5vw);
}

strong{
	font-weight: 700;
}


#hero h1, .post-type-archive-vacatures .page-header h1 {
  font-size: clamp(4.5rem,4.64062vw + 3.375rem,14rem);
	line-height: 1;
	color:rgba(var(--botervet-white), 1);
}

header.main-header {
  background-color: transparent;
  border-bottom: none;
  border-top: none;
  box-shadow: var(--header_box-shadow,none);
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  transition: height .3s ease-in-out;
  -webkit-transition: height .3s ease-in-out;
  -moz-transition: height .3s ease-in-out;
  -o-transition: height .3s ease-in-out;
  width: 100%;
  z-index: 1060;
}

.is-sticky-header {
  transition: none;
  will-change: transform;
/*	overflow: hidden;*/
}


header.main-header .grid {
  align-items: center;
  display: grid;
  gap: 20px;
  grid-template-columns: auto 3fr auto;
  min-height: var(--header_flex-group_height,70px);
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.btn {
  font-weight: 700;
  line-height: 1.5rem;
  font-size: 1.3rem;
  letter-spacing: .025em;
  border: none;
  padding: 1rem 2rem;
  border-radius: 2rem;
  background: #000;
  background: rgba(var(--botervet-black),1.00);
  color: #fff;
  cursor: pointer;
  transition: all .3s ease-in-out;
  text-align: center;
  align-items: center;
  text-decoration: none;
}

.pink-btn, .pink-btn:hover {
  background: rgba(var(--botervet-green),1.00);
  color: #fff;
}

.blue-btn, .blue-btn:hover{
	background:#06e;
	color:#fff;
	font-weight: 600;
	padding-inline: 22px!important;
	max-width: 170px;
  margin-left: auto;
}

.work-content .blue-btn{
	padding:1rem!important;
	max-width:auto;
}

.blue-btn i{
	padding-right:0.2rem;
}

.anime-btn{
	transition: all .3s ease-in-out;
}

.anime-btn:hover {
  transform: scale3d(1.05,1.05,1.05);
}

.hero-buttons {
  padding: 0;
  margin: 0;
    margin-top: 0px;
  display: block;
  gap: 0rem;
}

.hero-buttons li {
  display: inline-flex;
  padding: 0;
  margin: 0;
  /*width: 100%;*/
}

.work-header {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: end;
  justify-content: flex-start;
  overflow: hidden;
  z-index: 100;
}

.werkgebied-header {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
/*  align-items: end;
  justify-content: flex-start;*/
  overflow: hidden;
  z-index: 100;
}


.work-single-image, .werkgebied-single-image {
  aspect-ratio: 4/7;
  background-color: rgba(var(--botervet-black),1.00);
  -o-object-fit: cover;
  object-fit: cover;
  height: auto !important;
  max-width: 100% !important;
}


.image-overlay{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0,0,0,.15);
	z-index:10;
}

.nav-item{
	font-size:1.3rem;
	font-weight:800;
}

.nav-item .nav-link{
	color:rgba(var(--botervet-black),1.00);
}

.nav-item .nav-link:hover{
	color:rgba(var(--botervet-green),1.00);
}

header.main-header .user-nav {
  align-items: center;
  display: flex;
  flex: 0 0 100px;
  gap: 0;
  justify-content: flex-end;
}

.site-footer{
	background:#f9f9f9;
	padding:50px 0;
}


h2.section-title,h3.section-title   {
  word-wrap: break-word;
}

h2.section-title,h3.section-title  {
  color:rgba(var(--botervet-green),1.00);
  
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1;
  margin: 0 0 25px;
}

.post-type-archive-vacatures .page-header{
	background:rgba(var(--botervet-green),1.00);
	padding:130px 0;
}

.job-list-item{
	margin:2rem 0 0;
}

.job-list-item .link-overlay{
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index: 10;

}


.job-list-item h2{
	margin-bottom:1rem;
}

.job-list-item h2, .job-list-item h2 a{
	color:rgba(var(--botervet-green),1.00);
	text-decoration: none;
	font-size:2.5rem;
}

.job-list-item .vacature-opties{
	padding:0 0 30px 0;
	margin:0;
	border-bottom: 1px solid #dbdbdb;
}

.job-list-item:last-child .vacature-opties{
	padding:0 0 30px 0;
	margin:0;
	border-bottom: none;
}

.werkgebied-content .vacature-opties{
	padding:0 0 30px 0;
	margin:0;
}

.job-list-item .vacature-opties li, .werkgebied-content .vacature-opties li{
	display: inline-block;
	padding-right:3rem;
	position: relative;
	font-weight: 500;
}

.job-list-item .vacature-opties li::after, .werkgebied-content .vacature-opties li::after{
	content:'';
	width:7px;
	height:7px;
	border-radius: 50%;
	background:#06e;
	position: absolute;
	right:calc(1.5rem - 7px);
	top:10px;
	
}

.job-list-item .vacature-opties li:last-child::after, .werkgebied-content .vacature-opties li:last-child::after{
	display: none;
	
}

.navbar-toggler{
	border: 1px solid #fff;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	background:#fff;
	color:rgba(var(--botervet-green),1.00);
	transition: all .3s ease-in-out;
	text-align: center;
	align-items: center;
	font-size: 1.7rem;
  justify-content: center;
	display: inline-flex;
	/*border:3px solid rgba(var(--botervet-green),1.00);*/
	box-shadow: 0 7px 20px rgba(0,0,0,.10);
}

.navbar-collapse{
	background: #fff;
	
	border-radius: 20px;
	position: absolute;
	right:60px;
	top:100%;
	box-shadow: 0 7px 20px rgba(0,0,0,.15);
}

.navbar-collapse > ul{
	padding: 1rem 2rem;
}

.dropdown-menu{
	border:none;
	padding:0;
	margin:0;
	
}

.dropdown-item{
	padding:0.3rem 0 0.3rem 0.5rem;
}

.container {
  max-width: 1224px;
}

.topdivider{
	padding-top:5rem;
	
	
	background-image: linear-gradient(to right, #dbdbdb 50%, rgba(255,255,255,0) 0%);
background-position: bottom;
background-size: 16px 1px;
background-repeat: repeat-x;
}

.slogun{
	font-size: 1.5rem;
	color:#fff;
	font-weight: 500;
}

.innerlogo{
	width:84px;
	height:84px;
	border-radius: 50%;
	border:3px dotted #fff;
	color:#fff;
	background:rgba(var(--botervet-green),1.00);
	display: inline-flex;
	align-content: center;
	text-align: center;
  	align-items: center;
	justify-content: center;
	font-weight: 900;
	font-style: italic;
	font-size:2rem;
}

.work-item{
	display: block;
	position: relative;
	overflow: hidden;
	transition: all .3s ease-in;
	border-radius: 25px;
}

/*.work-item .work-overlay{
	background:rgba(var(--botervet-green),1);
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index: 10;
	opacity: 0;
	transition: all .3s ease-in;
	transition-property: opacity,visibility;
    visibility: hidden;
}*/

.work-item .work-content {
	flex-direction: column;
	/*text-align: center;*/
	padding: 1.5rem;
	color:#fff;
	opacity: 1;
}
.work-item .work-content, .ratio__content {
	position: absolute;
	width:100%;
	bottom:0;
	display: flex;
/*	align-items: center;*/
	justify-content: center;
	overflow: hidden;
	z-index:100;
	background:rgba(var(--botervet-green),0.8);
	transition: all .3s ease-in;
	transition-property: opacity,visibility;
}

.work-item .work-content h3{
	color: rgba(var(--botervet-white),1);
	font-size:2rem;
}

.work-item:hover{
box-shadow: .375rem .375rem 1.5rem rgba(0,0,0,.15);
}

.work-item:hover .work-overlay, .work-item:hover .work-content {
	opacity: 1;
	visibility: visible;
}


/*.work-item-list:first-child .work-item .work-overlay{
	background:rgba(var(--botervet-yellow),1);
}

.work-item-list:last-child .work-item .work-overlay{
	background:rgba(var(--botervet-light-blue),1);
}
*/
.work-item .image-overlay, .work-loop-img-link .image-overlay{
	background:rgba(var(--botervet-black),0.3);
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index: 1;
	transition: all .3s ease-in;
}



.work-item-list img.homepage-work-image {
  aspect-ratio: 5/6;
  background-color: var(--botervet-black);
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 992px) {
  .work-item-list img.homepage-work-image {
    aspect-ratio: 5/7;
  }
}

.work-content {
  border-radius: 0 0 25px 25px;
  display: flex;
  flex-direction: column;
  float: left;
  min-height: 88px;
}
.work-content  {
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}
.work-content {
  background: rgba(0,195,0,.8);
  bottom: 0;
  left: 0;
  padding: 20px;
  position: absolute;
  right: 0;
}

.work-content .description {
  display: grid;
  float: left;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows .2s ease-in-out;
  -webkit-transition: grid-template-rows .2s ease-in-out;
  -moz-transition: grid-template-rows .2s ease-in-out;
  -o-transition: grid-template-rows .2s ease-in-out;
}

.work-content .description-content {
  --transition-delay: .1s;
  min-height: 0;
  opacity: 0;
  transition: visibility .2s ease-out var(--transition-delay),opacity .2s ease-in var(--transition-delay);
  visibility: hidden;
}

@media (hover: hover) {
	 .work-item:hover .work-content {
    padding: 20px 20px 60px;
		 background:rgba(var(--botervet-green),1);
  }
	
  .work-item:hover .work-content .description-content {
    opacity: 1;
    visibility: visible;
  }
	
	 .work-item:hover .work-content .description {
    grid-template-rows: 1fr;
  }
}

/*.service-item{
	padding: 1rem 0;
	font-size: 1.5rem;
	color: rgba(var(--botervet-black),1.00) !important;
	border-bottom: 1px solid rgba(var(--botervet-black),0.60);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	font-weight:700;
	transition: 0.3s all ease;
}

.service-item:hover{
	padding-left:1rem;
}

.service-item i {
  padding-right: 1rem;
  transition: 0.3s all ease;
}

.service-item:hover i {
  padding-right: 0.5rem;
  transition: 0.3s all ease;
}
*/

.slidert .slick-list {
  margin-inline: -15px;
  overflow: hidden;
}



.slick-track {
  padding-bottom: 60px;
}

.slick-track .slick-slide {
  position: relative;
}

.slick-track .slick-slide:nth-child(4n+1) {
  top: 30px;
}

.slick-track .slick-slide:nth-child(4n+2) {
  top: 60px;
}

.slick-track .slick-slide:nth-child(4n+3) {
  top: 30px;
}

.slick-track .slick-slide:nth-child(4n+4) {
  top: 60px;
}

.slick-controls .slick-arrow.arrow-prev {
  left: calc(50% - 76.8px);
}

.slick-controls .slick-arrow.slick-disabled {
  border-color: #d5d5d5;
color: #d5d5d5;
  pointer-events: none;
}

.slick-controls .slick-arrow.arrow-prev {
  left: auto;
  right: 77px;
}

@media (min-width: 1300px) {
  .slick-controls .slick-arrow.arrow-prev {
    right: calc(var(--slider-arrow-alignment) + 157px);
  }
}

.slick-controls .slick-arrow {
  --slider-arrow-alignment: ((100vw - 1194px)/2) * -1;
}

.slick-controls .slick-arrow, .slick-controls .slick-arrow::before {
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}


.slick-controls .slick-arrow.arrow-next {
  right: calc(50% - 76.8px);
}

.slick-controls .slick-arrow.arrow-next {
  left: auto;
  right: 0;
}

@media (min-width: 1300px) {
  .slick-controls .slick-arrow.arrow-next {
    right: calc(var(--slider-arrow-alignment) + 80px);
  }
}


.slick-controls .slick-arrow {
  border: 3px solid rgba(var(--botervet-green),1.00);
	color:rgba(var(--botervet-green),1.00);
  border-radius: 80px;
  bottom: auto;
  height: 64px;
  opacity: 1;
  position: absolute;
  top: -135px;
  width: 64px;
	background:transparent
}

.slick-controls{
	display:none;
}

@media (min-width: 768px) {
  .slick-controls .slick-arrow {
    bottom: auto;
    top: -96px;
  }
}

.werkgebied-content h2{
	font-size: 3rem;
	line-height: 1;
	color:rgba(var(--botervet-green),1.00);
}

.werkgebied-content img{
	border-radius: 25px;
	overflow: hidden;
	aspect-ratio: 16/6;
	-o-object-fit: cover;
	object-fit: cover;
	height: auto !important;
	max-width: 100% !important;
}

.ready{
	background:rgba(var(--botervet-green),1.00);
	color:#fff;
}

.ready h3.section-title{
	color:#fff;
}

.ready p{
	font-weight:900;
	font-size:2.5rem;
	line-height: 1;
	color:rgba(var(--botervet-black),1.00);
}

.wpcf7-form label{
	display:block;
	font-weight: 900;
}

.wpcf7-form p{
	color:#fff;
	font-size: 1rem;
	font-weight: 500;
	margin-top: 1rem;
}

.wpcf7-form .wpcf7-not-valid{
	background:rgba(244,180,181,1.00);
}

.wpcf7-form .wpcf7-not-valid-tip{
	display: none!important;
}

.wpcf7-list-item {
  display: flex;
  margin: 0 !important;
  text-align: center;
  align-items: center;
}

.wpcf7-list-item-label{
	font-weight: 900;
	padding-left:0.5rem;
}

.wpcf7-form input[type=text], .wpcf7-form input[type=email],.wpcf7-form input[type=tel]{
	width:100%;
	padding:1rem;
	border:none;
	border-radius:20px;
	margin-bottom:1rem;
	outline: none!important;
}

.wpcf7-form input[type=file]{
	
	margin-bottom:1rem;
	outline: none!important;
}

.wpcf7-form input[type=checkbox]{
	display: inline-flex;
	height:15px;
	width:15px;
	border:2px solid #fff;
	border-radius:4px;
}

input[type="checkbox"]:checked {
  background:#06e;
}

.wpcf7-form input[type=submit]{
	margin-top:1rem;
}

.footer-navigation h4{
	font-size: 2.3rem;
	margin-bottom:1rem;
}

.footer-navigation ul{
	padding: 0;
	margin: 0;
}

.footer-navigation ul li{
	display: flex;
	font-size: 1.4rem;
	margin-bottom:0.2rem;
}

.site-footer a{
	text-decoration: none!important;
	color:rgba(var(--botervet-black), 1);
	font-weight: 500;
}

.site-footer .divider{
	border-bottom:1px solid #dedede;
}


.legal-footer {
  font-size: .875rem;
  color: rgba(var(--botervet-black),1.00);
}

@media (min-width: 1024px) {
  .legal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
}



@media (min-width: 576px) {
  header.main-header .grid {
    gap: 30px;
    grid-template-columns: auto 3fr auto;
    min-height: var(--header_flex-group_height,70px);
  }
	
	.hero-buttons {
		gap: 1rem;
	}

	.hero-buttons li {
		width: auto;
	}

	.btn {
		padding: 1rem 2.5rem;
	}
	
	h2.section-title,h3.section-title  {
    font-size: 3rem;
  }
}

@media (min-width: 768px) {
	header.main-header .grid {
		gap: 30px;
		grid-template-columns: auto 3fr auto;
		min-height: var(--header_flex-group_height,70px);
	}
	
	.work-single-image {
		aspect-ratio: 16/9;
		background-color: rgba(var(--botervet-black),1.00);
		-o-object-fit: cover;
		object-fit: cover;
		height: auto !important;
		max-width: 100% !important;
	}
	
	.werkgebied-single-image{
		aspect-ratio: 16/6;
		background-color: rgba(var(--botervet-black),1.00);
		-o-object-fit: cover;
		object-fit: cover;
		height: auto !important;
		max-width: 100% !important;
	} 
	
	h2.section-title,h3.section-title  {
		font-size: 4rem;
	}
}

@media (min-width: 992px) {
	header.main-header .grid {
		gap: 30px;
		grid-template-columns: auto 3fr auto;
		min-height: 95px;
	}
	
	.navbar-expand-lg .navbar-nav .nav-link{
		padding:15px 20px;
	}
	
	.site-footer{
		padding:100px 0 30px;
	}
	
	h2.section-title,h3.section-title  {
		font-size: 5.5rem;
	}
	
	.slick-controls{
		display:block;
	}

	.slick-controls .slick-arrow {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}

@media (min-width: 1200px) {
  header.main-header .grid {
    gap: 30px;
    grid-template-columns: auto 3fr auto;
    min-height: 95px;
  }
	
	 header.main-header .user-nav {
    flex: 0 0 auto;
    gap: 7.5px;
    justify-content: flex-end;
  }
}


@media (min-width: 1400px) {
  header .grid {
    gap: 30px;
    grid-template-columns: auto 3fr auto;
  }
}


@media (min-width: 1200px) {
  header.main-header {
    background-color: transparent;
    border-radius: 25px;
    /*box-shadow: 0 7px 20px rgba(0,0,0,.15);*/
    left: 15px;
    max-width: 1820px;
    position: fixed;
    right: 15px;
    top: 35px;
    width: calc(100% - 30px);
  }
}