/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 17 2024 | 14:20:03 */
/********** KLEUREN **********/
/* Global color 1: var(--bde-palette-color-1) !important; */
/* Global color 2: var(--bde-palette-color-2) !important; */
/* Global color 3: var(--bde-palette-color-3) !important; */
/* Global color 4: var(--bde-palette-color-4) !important; */
/* Etc ... */

/* Header */
.section-top {
	margin-top:135px;
}

/* Hero */
.hero {
	position: relative !important;
}

.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 45% solid transparent;   /* Left side of the triangle */
  border-top: 35% solid blue;          /* Top side of the triangle (horizontal base) */
  border-right: 45% solid transparent; /* Right side of the triangle */
  border-bottom: 35% solid transparent; /* Bottom side of the triangle (vertical side) */
  z-index: 10 !important;
}

/* Buttons */
.button-atom--secondary:hover {
	text-decoration-color: #F6621D !important;
}

/* Diensten */
.item-wrapper:hover {
  transition: all 0.3s ease-in-out;
}

.item-title {
  color 0.3s ease-in-out;
}

.item-wrapper:hover .item-title h3 {
  color: #F6621D;
}

.item-title {
  transition: transform 0.3s ease-in-out;
}

.item-wrapper:hover .item-title {
  transform: translateX(2em);
}

.item-arrow {
  transition: transform 0.3s ease-in-out;
}

.item-wrapper:hover .item-arrow {
  transform: translateX(-2em);
}

.item-arrow svg {
  transition: fill 0.3s ease-in-out;
}

.item-wrapper:hover .item-arrow svg {
  fill: #F6621D;
}

/********** BREAKPOINTS **********/
@media only screen and (max-width: 1119px) {
/* Header */
.section-top {
	margin-top:85px;
}	
}

/*@media only screen and (max-width: 767px) {}*/