/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2024 | 13:11:52 */
.about-team-pic {
    transition: flex-grow 0.3s ease-in-out;
}

.about-team-pic:hover {
	flex-grow:2 !important;
}

/******* H O M E *******/ 

/* HERO */
.hero-title .branding {
	display:block;
}

.hero-title .hero-sub {
	margin-top:1px;
	display:flex;
	align-items:flex-start;
}

.hero-title .hero-sub .meets {
	margin-left:5px;
	font-size:0.245em;
	line-height:0.5em;
}

.hero-title .hero-sub .digital {
	line-height:0.6em;
	margin-left:-5px;

}

/* WORK - HOME & DETAIL PAGE*/

.wrapper-work-2, .wrapper-work-3, .wrapper-work-4, .wrapper-work-overzicht, .wrapper-work-detail {
		aspect-ratio:16/9 !important;
}


.wrapper-img {
  transition: transform 0.5s ease-in-out;
}

.wrapper-img:hover {
  transform: scale(1.10); /* Enlarge the image by 5% on hover */
}

.wrapper-video  {
	height:100%;
}

.wrapper-video .bde-video {
	flex-grow:1;
	display:flex;
	justify-content:center;
	align-items:center;
}

.wrapper-video .ee-video-container {
	flex-grow:1;
	height:100%;
}

#service-buttons-list .ee-posts {
	display:inline-flex !important;
	flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

#service-buttons-list.title-block .ee-posts {
    justify-content: center !important;
}

.work-social-slider article {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.work-social-wrapper-square {
	aspect-ratio:1/1;
}

.work-social-wrapper-stories {
	aspect-ratio:9/16;
}

.wrapper-work-overzicht {
		min-height:40vh !important;
	}

.wrapper-work-uitgelicht {
		min-height:80vh !important;
	}

.active-padding-bottom {
  padding-bottom: 12em !important;
}

.slider-gallery-top {
	min-width:calc(4*1em + 2250px); !important;
	display:flex !important;
	flex-direction: row !important;
	flex-wrap:wrap !important;
	justify-content:flex-start !important;
}

.slider-gallery-bottom {
	min-width:calc(4*1em + 2250px); !important;
	display:flex !important;
	flex-direction: row !important;
	flex-wrap:wrap !important;
	justify-content:flex-end !important;
}


/*.slider-gallery-img {
 flex-grow:1 !important;
 flex-basis:0 !important;
 aspect-ratio:4/3 !important;
}*/


.slider-gallery-img {
 width:450px;
 aspect-ratio:16/9 !important;
}

.slider-gallery-3 {
	min-width:calc(3*1em + 2400px) !important;
	display:flex !important;
	flex-direction: row !important;
	flex-wrap:wrap !important;
	justify-content:flex-start !important;
}

.slider-gallery-standard {
	min-width:3600px !important;
	display:flex !important;
	flex-direction: row !important;
	flex-wrap:wrap !important;
	justify-content:flex-start !important;
}

.slider-gallery-img-3 {
 width:600px;
 aspect-ratio:1/1 !important;
}

/******* J O B S *******/ 

/* Job Counter in Menu */
li.button-jobs {
	position: relative !important;
	padding-right: 18px !important;
}

li.button-jobs::after {
  content: attr(data-job-count); /* Display the count stored in data-job-count */
  position: absolute !important;
	top: 50% !important;
	transform: translateY(-55%) !important;
	right: 0px !important;
	width:14px !important;
	height:14px !important;
	background-color: var(--bde-palette-color-3) !important;
	color: var(--bde-palette-color-1) !important;
	border-radius: 1em !important;
    display: flex!important;
	justify-content: center!important;
	align-items: center!important;
	font-size: 9px!important;
	line-height:9px !important;
	font-weight:600 !important;
}

/***** CONTACT *****/

.breakdance-form-field--text label {
	display:none !important;
}

.breakdance-form-checkbox {
    margin-bottom: 0 !important;
}

.breakdance-form-field--checkbox fieldset {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.breakdance-form-field--checkbox fieldset[aria-label="Ik heb interesse in"] div {
	width:33%;
}

.breakdance-form-field--checkbox fieldset div label {
text-transform:uppercase;
	font-size:12px !important;
	letter-spacing:1px;
}	

.breakdance-form-checkbox input[type="checkbox"]  {
	border-color:var(--bde-palette-color-5) !important;
}

.breakdance-form-field--textarea label {
	margin-bottom:1em;
}

.breakdance-form-checkbox input[type="checkbox"]:checked {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='yellow' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")!important;
}

#carousel a span {
	font-family: sofia-pro, sans-serif;
	font-size:20px;
	font-weight:700;
	color: var(--bde-palette-color-2) !important;
	text-transform:uppercase;
	letter-spacing:1px;
}

#carousel a {
  position:relative;	
  margin-right:2em;
}

#carousel a:first-child {
  margin-left:1em;
}

#carousel a::after {
	content: '*';
	position: absolute;
	display:inline-block;
	top:60%;
	right: -0.75em;
	transform: translateY(-50%);
	font-family: sofia-pro, sans-serif;
	font-size:40px;
	font-weight:700;
	color: var(--bde-palette-color-3) !important;
}

#carousel a span:hover {
	color: var(--bde-palette-color-3) !important;
}


/***** TEAM *****/
.team-button-active {
	color:var(--bde-palette-color-2) !important;
}

#team-slider .ee-post:first-child {
	margin-left:5vw;
}




/***** WORK *****/
#work-loop-builder .ee-posts {
	margin-bottom:4em !important;
}
/*
#work-load-button button.wpgb-load-more {
	background-color:black !important;
	border:#e0fd60 1px solid !important;
}*/


#work-load-button button.wpgb-load-more {
  padding:0.5em;
  font-size:12px;
  border: 0px solid #e0fd60;
  border-radius: 5px;
  background-color: #e0fd60 !important;
  color: black !important;
  text-decoration: none;
  animation: pulse 0.5s infinite alternate;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5; /* 50% opacity */
  }
  100% {
    opacity: 1;
  }
}

/******* KLANTENZONE ********/
#klantenzone h2, #klantenzone h3 {
	font-size:36px !important;
	margin-top:2em !important;
	margin-bottom:1em !important;
}

#klantenzone .gfield_label {
	font-size:24px !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
}

#klantenzone .ginput_container_textarea {
	margin-bottom:2em !important;
}

#klantenzone .gform_button, #klantenzone .gform_next_button {
	padding:1em 2em !important;
	border:3px solid white !important;
	background-color:white !important;
	color:black !important
	font-weight:700 !important;
	border-radius:2em !important;
 cursor: none !important;
} 

#klantenzone .gform_button:hover, #klantenzone .gform_next_button:hover {
	border:2px solid white !important;
	background-color:black !important;
	color:white !important;
	cursor: none !important;
} 

#klantenzone .gform_validation_errors {
	background-color:red !important;
	border: 0px !important;
	border-radius: 1em !important;
	margin:0 !important;
	padding:1em !important;
}

#klantenzone .gform_validation_errors h2 {
	color:white !important;
	font-size:18px !important;
	margin:0 !important;
	
	display:flex !important;
	justify-content:flex-start;
	gap:0.5em;
	align-items:center;
}

#klantenzone .gform_validation_errors span {
	position:unset !important;
	top:unset !important;
}

/* SERVICES */
#service-grid .bde-posts-pagination {
		margin-top:4em;
	}

/*************************** RESPONSIVE  ***************************/

@media only screen and (max-width: 1119px) {
	
/****** WORK - HOME & DETAIL PAGE | Responsive  ******/
.wrapper-work-1, .wrapper-work-2, .wrapper-work-3, .wrapper-work-4, .wrapper-work-overzicht, .wrapper-work-uitgelicht, .wrapper-work-detail, .wrapper-video {
		min-height:unset !important;
		aspect-ratio:16/9 !important;
	}
	
	.wrapper-work-b {
		min-height:unset !important;
	}
	
	
	.wrapper-video .bde-video {
	height:unset !important;
	aspect-ratio:5/3 !important;	
	}
	
	.slider-gallery-3 {
	min-width:calc(3*1em + 1600px); !important;
	display:flex !important;
	flex-direction: row !important;
	flex-wrap:wrap !important;
	justify-content:flex-start !important;
}
	
	.slider-gallery-img-3 {
 width:400px !important;
}
	
.active-padding-bottom {
  padding-bottom: 6em !important;
}

/******* CONTACT | Responsive  ******/
	.breakdance-form-field--checkbox fieldset[aria-label="Ik heb interesse in"] div {
	width:48%;
}
	
/***** WORK *****/
#work-loop-builder .ee-posts {
	margin-bottom:2em !important;
}
	
	
}

@media only screen and (max-width: 1119px) {
	/***** KLANTENZONE ****/
	#klantenzone .gform_validation_errors {

	margin-top:2em !important;
}
	#klantenzone .gform_validation_errors h2 {
	color:white !important;
	font-size:15px !important;
	}
	
/* SERVICES */
#service-grid .bde-posts-pagination {
		margin-top:2em;
	}	
}