/*
Theme Name: Winstgevers thema
Theme URI: https://www.winstgevers.nl
Template: astra
Author: Kelvin Mies
Author URI: https://www.winstgevers.nl
Description: Winstgevers
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.0.2.1678793201
Updated: 2023-03-14 11:26:41

*/

@font-face {
    font-family: 'PleinBlack';
    src: url('/wp-content/themes/astra-child/fonts/PleinBlack.woff2') format('woff2'), /* Modern browsers, incl. Safari */
         url('/wp-content/themes/astra-child/fonts/PleinBlack.woff') format('woff'),   /* Good fallback */
         url('/wp-content/themes/astra-child/fonts/PleinBlack.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/wp-content/themes/astra-child/fonts/PleinBlack.otf') format('opentype'), /* Optional */
         url('/wp-content/themes/astra-child/fonts/PleinBlack.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/wp-content/themes/astra-child/fonts/PleinBlack.svg#PleinBlack') format('svg'); /* Legacy iOS */
    font-weight: 600;
    font-style: normal;
}

#gform_confirmation_wrapper_1 #gform_confirmation_message_1{
	color: white;
}

/* slick slider update */

#discipline-gallery .slick-list {
	overflow: visible;
	clip-path: inset(0 -100vw 0 0);
}
.discipline-gallery .discipline-item {
    width: 390px;
	margin-left: 20px;
}
.discipline-gallery .discipline-item a .test .discipline-text{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}
ul.slick-dots{
	bottom: -50px;
}
ul.slick-dots li button::before{
	color: white;
}
ul.slick-dots li.slick-active button::before{
	color: #32C5FF;
}
/*TABLET - PORTRAIT*/
@media only screen and (max-width: 1024px) {
	#discipline-gallery .discipline-item {
		width: 245px;
		margin-left: 20px;
	}
	#discipline-gallery .discipline-item a{
		width: 245px !important;
		height: 370px !important;

	}
}

/*TABLET - LANDSCAPE*/
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
	
}

/*MOBILE*/
@media only screen and (max-width: 600px) {
	.discipline-gallery .discipline-item {
		width: 274px;
		margin-left: 20px;
	}
}
/* einde slick slider */


.ehf-header #masthead{
	z-index: 99;
	position: fixed;
	top: 0;
	width: 100%;

}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.menu-is-active.hfe-dropdown{
	top: 60px;
}

.menu-up{
	/* background-image: linear-gradient(120deg, var( --e-global-color-4167ba0 ) 50%, var( --e-global-color-primary ) 100%); */
	background: black;
	box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
}

h1, h2, h3, h4, h5, h6{
	font-family: 'PleinBlack';
	font-weight: 600;
    font-style: normal;
}
h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6{
	color: white;
	font-family: 'PleinBlack';
	font-weight: 600;
    font-style: normal;
}
body {
	position: relative;
	background: linear-gradient(154deg, #00A1A5, #000000 30%, #000202 60%, #45A8CB) !important;
}

.circuit{
	position: absolute;
	top: -460px;
	right: 700px;
	z-index: -1;
	opacity: 0.1;
	mix-blend-mode: luminosity;
	width: 1;
}
.circuit svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg) scale(4);
}
.circuit .path {
	animation: draw 64s infinite;
	animation-timing-function: linear;
}

.circuit .path-2 {
	animation: draw 64s infinite;
	animation-delay: 1s;
	animation-timing-function: linear;
}

@keyframes draw {
	0% {
	}
	100% {
		stroke-dashoffset: 0;
		stroke-opacity: 1;
	}
}

.circuit.circuit2{
	top: 1868px;
	right: 2395px;
	max-width: fit-content;

}
.circuit.circuit2 svg {
	transform: translate(-50%, -50%) rotate(-49deg) scale(4);
}


.circuit.circuit3{
	top: 4397px;
	right: -635px;

	transform: scaleX(-1);

}
.circuit.circuit3 svg {
	position: absolute !important;
	transform: translate(-50%, -50%) rotate(-49deg) scale(4);
}

.ast-container{
	/* overflow: hidden; */
	position: relative;
}

/* Winstgevers cookie plugin */
#wg_cookies h2{
	color: black;
}

/*COOL CSS BOX (HEADER)*/
a.box-header{
	position: relative; /* Add this property to position the pseudo-element */
	width: 139px;
	height: 44px;
	background-color: rgba(0,0,0,0);
	border: #fff 2px solid;
	color: #fff;

	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden; /* Add this property to hide the overflow */
	box-shadow: inset 0 0 0 0 #32C5FF;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
	clip-path: polygon(0 0,100% 0,100% 77%,calc(100% - 28px) 100%,0 100%);
}

a.box-header::after {
	content: "";
	position: absolute;
	bottom: 14px; /* Adjust this value to match the border width */
	right: 12px; /* Adjust this value to match the border width */
	width: 20px;
	height: 37px;
	border-right: 2px solid #fff;
	transform: translateX(50%) translateY(50%) rotate(70deg);
	z-index: 1;
}

a.box-header .box-header-text{
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	color: #fff;
}
a.box-header:hover {
	box-shadow:
			inset 200px 0 0 0 #32C5FF
}
.snippet-popup{
	z-index: 1;
}
/*COOL CSS BOX (WHITE)*/
a.box{
	position: relative; /* Add this property to position the pseudo-element */
	width: 142px;
	height: 54px;
	background-color: rgba(0,0,0,0);
	border: white 2px solid;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden; /* Add this property to hide the overflow */
	text-decoration: none !important;
	box-shadow: inset 0 0 0 0 #32C5FF;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
	clip-path: polygon(0 0, 100% 0, 100% 81%, calc(100% - 29px) 100%, 0 100%);
}
a.box-v2{
	position: relative; /* Add this property to position the pseudo-element */
	width: 200px;
	height: 54px;
	background-color: rgba(0,0,0,0);
	border: white 2px solid;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden; /* Add this property to hide the overflow */
	text-decoration: none !important;
	box-shadow: inset 0 0 0 0 #32C5FF;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
	clip-path: polygon(0 0, 100% 0, 100% 81%, calc(100% - 29px) 100%, 0 100%);
}

a.box::after,
a.box-v2::after {
	content: "";
	position: absolute;
	bottom: 14px; /* Adjust this value to match the border width */
	right: 12px; /* Adjust this value to match the border width */
	width: 20px;
	height: 37px;
	/* border-bottom: 2px solid #32C5FF; */
	border-right: 2px solid white;
	transform: translateX(50%) translateY(50%) rotate(70deg);
	z-index: 1;
}

a.box:hover,
a.box-v2:hover {
	box-shadow:
			inset 200px 0 0 0 #32C5FF
}


a.box .box-text,
a.box-v2 .box-text{
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 700;
	color: white;
}

/*COOL CSS BOX (BLUE)*/
a.box-blue{
	position: relative; /* Add this property to position the pseudo-element */
	width: 167px;
	height: 54px;
	background-color: #32C5FF;
	/* border: #fff 2px solid; */
	color: black;
	text-decoration: none !important;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden; /* Add this property to hide the overflow */
	box-shadow: inset 400px 0 0 0 #32C5FF;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
	/* clip-path: polygon(0 0, 100% 0, 100% 80%, calc(100% - 60px) 100%, 0 100%) */

	clip-path: polygon(0 0, 100% 0, 100% 80%, calc(100% - 30px) 100%, 0 100%);
}
a.box-blue:hover{
	box-shadow: inset 400px 0px 0px 0px white;
}
a.box-blue .box-blue-text{
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 700;
	color: black;
}

/*HEADER*/

.notification-red{
	background: orange;
	width: 6px;
	height: 6px;
	position: absolute;
	border-radius: 6px;
}

/*HOMEPAGE*/
.cookie-accepted .wg_cookies_container {
	display: none;
}
.cookie-accepted #wg_cookies_background{
	display: none;
}

.scrollhand{
	animation-name: scrolleffect;
	animation-duration: 1s;
	animation-iteration-count: 5;
	animation-delay: 3s;
	position: absolute;
	bottom: -90px;
	transform: rotate(-20deg);
}
@keyframes scrolleffect{
	0%{
		bottom: -90px;
		transform: rotate(-20deg);
	}
	60%{
		bottom: -50px;
		transform: rotate(-10deg);
	}
	80%{
		bottom: -90px;
		transform: rotate(-20deg);
	}
	100%{
		bottom: -90px;
		transform: rotate(-20deg);
	}
}

.transparant-text {
	color: transparent;
	-webkit-text-stroke: 2px #32C5FF;
	text-shadow: none;
}
.transparant-text-white {
	color: transparent;
	-webkit-text-stroke: 2px white;
	text-shadow: none;
}

.out-of-screen{
	position: absolute;
	left: -50px; /* or any value you want to move the image off the screen horizontally */
}

.hover-column:hover .text-editor {
	color: #ffffff;
}
.elementor-19 .elementor-element.elementor-element-bb07d17 > .elementor-background-overlay{
	background-position: -137em 51%;
}

.counter-text{
	font-family: 'PleinBlack';
}
.elementor-widget-image-box .elementor-image-box-description{

}
/*IMAGEBOX*/
/* .image-box:hover .elementor-widget-image-box .elementor-image-box-description {
	color: white;
  } */

.elementor-widget-image-box:hover .elementor-image-box-wrapper .elementor-image-box-description {
	color: white;
}
/*PAGEMAP*/
.elementor-element-50623da > .elementor-widget-container
{
	display: flex;
	justify-content: center;
}
.page-map{
	display: inline-block;
	position: relative;
}
.map-image{
	opacity: 0.5;
}
.page-map a{
	position: absolute;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none !important;

}
.page-map a:not(.a):before {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: rgba(50, 197, 255, 0.4);
	border: 2px solid #32C5FF;
	animation: pulsing 1.5s infinite ease-out;
}
.page-map a span{
	color: white;
	position: absolute;
	left: 40px;
	font-weight: 600;
	line-height: 15px;
}
@keyframes pulsing {
	0% {
		width: 0px;
		height: 0px;
		opacity: 1;
	}
	100% {
		width: 50px;
		height: 50px;
		opacity: 0;
	}
}
/* NIEUWS */
.display-posts-listing{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px 20px;
}
.display-posts-listing .listing-item{
	display: flex;
	flex-direction: column;
	/*border: 1px solid #E3E3E3;*/
	transition: all 0.3s ease-in-out;
}
.display-posts-listing .listing-item:hover{
	background: linear-gradient(45deg, #32C5FF, #046bd2);
}
.display-posts-listing .listing-item:hover a.title{
	margin-left: 10px;
}
.display-posts-listing .listing-item:hover a img{
	opacity: 0.3;
}
.display-posts-listing .listing-item a img{
	width: 100%;
	order: 1;
	width: 432px;
	height: 302px;
	object-fit: cover;
}
.display-posts-listing .listing-item span.category-display{
	order: 2;
	margin: 20px;
}
.display-posts-listing .listing-item span.category-display a{
	color: #006B2D;
	font-weight: 600;
}
.display-posts-listing .listing-item a.title{
	order: 3;
	margin-right: 20px;
	margin-bottom: 20px;
	text-decoration: none;
	color: white;
	font-size: 20px;
	line-height: 28px;
	margin-top: 20px;
	font-weight: 600;
}
.display-posts-listing .listing-item .excerpt{
	order: 4;
	margin: 20px;
	font-size: 16px;
	color: black;
	line-height: 26px;
}
.no-paging .blog-paging{
	display: none;
}
.listing-item:hover{
	border-color: white;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.blog-paging{
	display: flex;
	flex-direction: row;
	width: 100%;
	align-content: center;
	justify-content: center;
}
.blog-paging a.newer-posts{
	margin-left: 20px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	color: #006B2D;
	font-weight: 500;
	font-size: 18px;
}
.blog-paging a.newer-posts:hover{
	text-decoration: underline;
}
.blog-paging a.newer-posts.this-page {
	font-weight: 800;
}

.read-more{
	display: none;
}

.whitepaper{
	padding: 20px;
	border: 1px solid gray;
}
.whitepaper h3, .whitepaper h4{
	text-transform: uppercase;
}
.whitepaper h3{
	font-size: 34px;
}

/*GRAVITY FORM*/
.gform_wrapper.gravity-theme .gfield_label {
	font-size: 18px !important;
	font-family: 'Open Sans';
	font-weight: 400 !important;
	color: #ffffff;
	margin-bottom: 3px !important;
}
.gform_wrapper.gravity-theme .gfield input.large{
	width: 420px !important;
	border: none ;
	border-bottom: 1px solid #ccc;
	background-color : transparent;
	padding: 0px;
	color: white;
}

.gform_wrapper.gravity-theme .gfield textarea.small {
	width: 420px !important;
	border: none ;
	border-bottom: 1px solid #ccc;
	background-color : transparent;
	padding: 0px;
	color: white;
}
.gfield_checkbox .gform-field-label{
	color: white;
}

.gform_footer{
	position: relative; /* Add this property to position the pseudo-element */
	width: 142px;
	height: 54px;
	background-color: rgba(0,0,0,0);
	border: #fff 2px solid;
	color: #fff;

	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden; /* Add this property to hide the overflow */

	/* clip-path: polygon(0 0, 100% 0, 100% 80%, calc(100% - 60px) 100%, 0 100%) */

	clip-path: polygon(0 0, 100% 0, 100% 80%, calc(100% - 30px) 100%, 0 100%);
	box-shadow: inset 0px 0 0 0 #32C5FF;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
}
.gform_footer:hover{
	color: white;
	box-shadow: inset 200px 0 0 0 #32C5FF;
}

.gform_footer::after {
	content: "";
	position: absolute;
	bottom: 14px; /* Adjust this value to match the border width */
	right: 12px; /* Adjust this value to match the border width */
	width: 20px;
	height: 37px;
	/* border-bottom: 2px solid #32C5FF; */
	border-right: 2px solid #fff;
	transform: translateX(50%) translateY(50%) rotate(70deg);
	z-index: 1;
}
.gform_footer input{
	background: none;
}

.gform_wrapper.gravity-theme .gform_footer input[type=submit]{
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 600;
	text-decoration: none !important;
	color: #fff;
	margin-top: 10px !important;
	margin-bottom: -10px !important;

}

.gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover{
	background-color: transparent;
	border-color: transparent;
}

.single-case .entry-meta{
	display: none;
}


/*VACANCY OVERVIEW*/
input[type=text]{
	font-family: 'PleinBlack' !important;
}
input[type=email]{
	font-family: 'PleinBlack' !important;
}
textarea{
	font-family: 'PleinBlack' !important;
}
.vacancy-item a{
	text-decoration: none !important;
}
.vacancy-item {
	border: 1px solid white;
	padding: 30px;
	margin: 30px 0px;
	position: relative;
	transition: all 500ms ease;
	font-family: "PleinBlack";
}
.vacancy-item:not(.first):hover {
	transform: scale(1.02);
}
.vacancy-item h3{
	color: white;
	font-family: "PleinBlack";
	text-transform: uppercase;
	font-size: 32px;
	padding-bottom: 20px;
}
.vacancy-trigger, .vacancy-subtitle{
	color: white;
}
.vacancy-subtitle{
	font-weight: bold;
	margin-top: 10px;
}
.vacancy-usps{
	display: flex;
	flex-direction: row;
	margin-top: 20px;
	justify-content: flex-start;
    padding-right: 100px;
	font-family: "PleinBlack";

}
.vacancy-usps div{
	color: #ffffff;
	margin-right: 10px;
	border: 2px solid transparent;
	padding: 5px 10px 5px 10px;
}
.vacancy-place, .vacancy-place a{
	background: #32C5FF;
	color: white !important;
	border: 2px solid #32C5FF !important;
	font-weight: bold;
}
.vacancy-button{
	background: #32C5FF;
	width: 100px;
	text-align: center;
	padding: 5px 5px 5px 5px;
	color: white !important;
	font-weight: bold;
	position: absolute;
	right: 30px;
	bottom: 30px;
}
.vacancy-item.first{
	background: linear-gradient(45deg, #32C5FF, #0274be);
	color: white;
}
.vacancy-item.first h3{
	color: white;
}
.vacancy-item.first a{
	background: linear-gradient(90deg, var( --e-global-color-cd4479e ) 0%, var( --e-global-color-accent ) 100%);
	color: #32C5FF !important;
	border: 2px solid var( --e-global-color-cd4479e ) !important;
	font-weight: bold;
	padding: 10px 10px 6px 10px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	border-radius: 10px;
}
.vacancy-item .fa{
	color: limegreen;
}
.vacancy-search input{
	width: 70%;
	border-radius: 0;
}
.vacancy-search input.small{
	margin-top: 10px;
	width: 28%;
	height: 52px;
	background: #32C5FF;
	color: black;
}
.vacancy-search h3{
	color: white;
}

.vacancy-category .vacancy-categories h3{
	color: white;
}
.vacancy-category .vacancy-categories span{
	font-family: "PleinBlack";
	font-weight: bold;
}
.vacancy-category .vacancy-categories{
	margin-top: 20px;
	color: white;
}
.loadmore.vacancybutton{
	background: #0067B3;
	padding: 15px;
	color: white;
	border-radius: 5px;
	font-weight: bold;
}
ul.vacancylist{
	margin-left: 10px;
}
ul.vacancylist a{
	color: white;
	margin-left: 15px;
}
ul.vacancylist a:hover{
	color: white;
}
ul.vacancylist li::marker{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: var( --e-global-color-primary );
	content: "\f054";
}
/*VACANCY DETAIL*/
#field_7_1{
	display: none;
}
.single-vacancy .ast-container{
	max-width: 1440px !important;
}
.single-vacancy h2{
	font-size: 30px;
	color: white;
}
.vacancy-header{
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.vacancy-template-default .primary{
	margin-top: -150px !important;
}
.vacancy-template-default .primary h1{
	color: white;
	margin-bottom: 30px;
	font-family: "PleinBlack";
	text-transform: uppercase;
}
.vacancy-template-default .primary .vacancyinfo{
	display: flex;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain h2{
	font-family: "PleinBlack";
	text-transform: uppercase;
	color: #32C5FF;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain{
	width: 65%;
	color: white;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain ul li{
	font-size: 16px;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox h2 {
	color: white;
	font-family: "PleinBlack";
	text-transform: uppercase;
	margin-bottom: 20px;
}

.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox ul li{
	color: white;
	font-weight: bold;
	font-family: "PleinBlack";
}


.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox .vacancy-usps div {
	border: 2px solid white;
	color: white;
	margin-bottom: 10px;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox{
	border: 1px solid white;
	color: white;
	padding: 50px;
	font-size: 16px;
	padding-bottom: 75px;
}
.watbiedenwij p{
	font-family: "Open Sans", Sans-serif;
	font-weight: normal;
	font-size: 20px;
}
/*vacature-detail-button*/
.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox a,
.vacancy-template-default .primary .vacancyinfo .vacancyright .wijbieden a{
	background: #32C5FF;
	color: white !important;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .wijbieden a {
	float: none;
}
.vacancy-template-default .primary .vacancyinfo .solliciteren-button{
	margin-left: auto;
	float: right;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .quote{
	color: #32C5FF;
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'PleinBlack';
	text-transform: uppercase;
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .sollicitatieformulier h2{
}
.vacancy-template-default .primary .vacancyinfo .vacancymain .sollicitatieformulier{
	margin-bottom: 30px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright{
	width: 35%;
	padding-left: 50px;
	padding-right: 50px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon,
.vacancy-template-default .primary .vacancyinfo .vacancyright .stappen,
.vacancy-template-default .primary .vacancyinfo .vacancyright .wijbieden
{
	background: linear-gradient(45deg, #32C5FF, #0274be );
	border: 1px solid white;
	padding: 20px;
	margin-bottom: 40px;
	position: sticky;
	top: 100px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon .contactcontent{
	display: flex;
	margin-top: 10px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon .contactcontent .contactdetails
{
	width: 100%;
	padding: 10px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon .contactcontent .contactdetails{
	margin-left: 20px;
	display: flex;
	justify-content: space-between;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .stappen .stap{
	text-align: center;
	padding: 20px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .stappen .stap h3{
	color: #32C5FF;
}
.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input{
	font-weight: bold;
}
input.small-vacancy-submit{
	margin-top: 5px;
	width: 100px !important;
	font-weight: bold;
}
.gform_confirmation_message{
	color: white;
}
#gform_confirmation_message_1{
	color: black;
	margin-top: 50px;
}
.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon .contactcontent .contactdetails a{
	color: white;
	text-decoration: underline;
	font-family: "open sans";
	font-weight: 700;

}
.contactpersoon-icon{
	margin-top: 5px;
	margin-right: 5px;
}
.contactinfo{
	display: flex;
	flex-direction: column;
}
.bluebox > ul > li::marker{
	font-size: 25px;
	
}


/*FOOTER*/
/* create the black square */
footer {
	background-color: black;
	height: 50px;
	position: relative;
}

/* create the triangle */
footer:after {
	content: "";
	display: block;
	position: absolute;
	top: -125px;
	right: 0;
	border-top: 125px solid transparent;
	border-right: 580px solid black;
	border-bottom: 150px solid transparent;
	z-index: -1;/*Gedaan omdat je anders niet op een post pagina op volgend bericht kan klikken*/
}
.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .comments-area .comment-respond, .ast-separate-container .comments-area .ast-comment-list li, .ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container.ast-two-container #secondary .widget, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .comments-area .comments-title, .ast-narrow-container .site-content{
	background: none;
	color: white;
	font-family: "Open Sans", Sans-serif;
	font-size: 20px;
}
.ast-single-post .entry-title, .ast-single-post .entry-title a{
	color: white;
	font-family: 'PleinBlack';
	text-transform: uppercase;
	font-size: 4rem !important;
}
#gform_wrapper_5 .gform_title{
	color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    font-weight: 600;
}
#gform_wrapper_5 .gform-body.gform_body{
	padding-bottom: 15px;
}
/*SLIDERS DISCIPLINES&DIENSTVERLENING*/
#discipline-gallery{
	/*clip-path: inset( -100vw -100vw -100vw 0 );*/

}
#discipline-gallery .discipline-item a, #service-gallery .service-item a{
	position: relative;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 390px;
	height: 494px;
	border-radius: 5px;
}
#discipline-gallery .discipline-item a img, #service-gallery .service-item a img{
	border-radius: 5px;
}
#discipline-gallery .discipline-item a .test, #service-gallery .service-item a .test{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#discipline-gallery .discipline-item .discipline-title, #service-gallery .service-item .service-title{
	position: absolute;
	bottom: 60px;
	left: 10px;
	font-family: 'PleinBlack', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: -10px;
	color: white;
}
#discipline-gallery .discipline-item .discipline-text, #service-gallery .service-item .service-text{
	position: absolute;
	bottom: 28px;
	left: 10px;
	color: white;
	opacity: .75;
}
#discipline-gallery .discipline-item .discipline-text .elementor-widget-wrap.elementor-element-populated,
 #service-gallery .service-item .service-text .elementor-widget-wrap.elementor-element-populated{
	padding: 0;
}
#discipline-gallery .discipline-item .discipline-text .elementor-image-box-description,
 #service-gallery .service-item .service-text .elementor-image-box-description{
	width: 270px;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	color: white;
	line-height: 20px;
}

.swiper-pagination-container{
	margin-top: 50px;
}

.swiper-wrapper{
	display: inline-flex;
}
.swiper-pagination-container{
	display: none;
}

#field_3_9 #input_3_9{
	width: 88.5% !important;
}
/* scrolldown pijltjes */
#scroll{
	scroll-margin-top: 100px;
}
.scroll-down a {
    outline: none;
    user-select: none;
}

.scroll-down a svg {
    width: 34px;
	margin-right: -18px;
    margin-top: -15px;
}

.scroll-down a svg #scroll-down-pijltjes path:nth-child(1) {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
    transform-origin: center;
}

.scroll-down a svg #scroll-down-pijltjes path:nth-child(2) {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out 1s infinite;
    transform-origin: center;
}

.scroll-down a svg #scroll-down-pijltjes path:nth-child(3) {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out 2s infinite;
    transform-origin: center;
}
@keyframes move {
    25% {
      opacity: 1;
    }
    33% {
      opacity: 1;
      transform: translateY(5px);
    }
    67% {
      opacity: 1;
      transform: translateY(10px);
    }
    100% {
      opacity: 0;
      transform: translateY(15px) scale3d(0.5, 0.5, 0.5);
    }
}

/*RESPONSIVE*/
/*IPAD - TABLET*/
@media only screen and (max-width: 1180px) {
	.notification-red{
		background: orange;
		width: 5px;
		height: 5px;
		position: absolute;
		border-radius: 6px;
	}

	.ast-container{
		overflow: hidden;
		position: relative;
	}
	.circuit{
		top: -460px;
		right: 500px;
	}

	.gform_wrapper.gravity-theme .gfield input.large{
		width: 100% !important;

	}

	.gform_wrapper.gravity-theme .gfield textarea.small {
		width: 100% !important;

	}

	footer:after {

		top: -75px;
		right: 0;
		border-top: 78px solid transparent;
		border-right: 260px solid black;
		border-bottom: 0px solid transparent;
	}
	.circuit.circuit2{
		top: 1849px;
		right: 755px;
	}
	.circuit.circuit2 svg {
		transform: translate(-50%, -50%) rotate(-120deg) scale(4);
	}

	.circuit.circuit3{
		top: 4397px;
		right: -200px;

		transform: scaleX(-1);

	}
	.circuit.circuit3 svg {
		transform: translate(-50%, -50%) rotate(-90deg) scale(4);
	}
	.display-posts-listing{
		grid-template-columns: 1fr 1fr;
	}
	.single-vacancy .ast-container{
		overflow: initial;
	}
	.single-vacancy h2{
		font-size: 26px;
	}

}

@media only screen and (max-width: 1024px) {
	.ast-container{
		overflow: hidden;
		position: relative;
	}
	.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox a{
		margin-left: 260px;
	}
	.vacancy-template-default .primary .vacancyinfo .vacancyright {
		padding-left: 10px;
		padding-right: 10px;
	}

}

/*TELEFOON*/
@media only screen and (max-width: 600px) {
	.box-header{
		height: 36px;
		width: 90px;
		clip-path: polygon(0 0, 100% 0, 100% 77%, calc(100% - 29px) 100%, 0 100%)
	}

	.circuit.circuit2{
		top: 1868px;
		right: 873px;
	}
	.circuit.circuit2 svg {
		transform: translate(-50%, -50%) rotate(-49deg) scale(4);
	}
	.vacancy-template-default .primary .vacancyinfo .vacancymain{
		width: 100%;
	}
	.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox {
		width: 360px;
	}
	.vacancy-template-default .primary .vacancyinfo .vacancymain .bluebox a{
		margin-left: 160px !important;
	}
	.vacancy-template-default .primary .vacancyinfo{
		flex-direction: column;
	}
	.vacancy-template-default .primary .vacancyinfo .vacancyright .contactpersoon{
		width: max-content;
	}
	.vacancyinfo .contactfoto{
		margin-left: 5px;
	}
	.vacancy-usps{
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-bottom: 10px;
		grid-gap: 10px;
		width: 100vw;
	}
	.ast-single-post .entry-title{
		margin-top: 100px;
		font-size: 2.5rem !important;
	}
	.display-posts-listing{
		display:block;
	}
	.vacancy-button{
		right: 5px;
		margin-bottom: -20px;
	}
	.page-map a span{
		font-size: 10px;
		line-height: 8px;
	}
	.page-map a:nth-child(2n) span{
		left: -60px;
	}
	.a span{
		left: -50px !important;
	}
	.transparant-text {
		-webkit-text-stroke: 1px #32C5FF;
	}
	.transparant-text-white {
		-webkit-text-stroke: 1px white;
	}
	#discipline-gallery .discipline-item a, #service-gallery .service-item a {
		width: 274px;
    	height: 371px;
	}
}