/******* Do not edit this file *******
Code Snippets Manager
Saved: Dec 24 2025 | 12:58:39 */
/* Variabelen */
:root {
  --padding-clamp: clamp(1rem, -1.9903rem + 6.2378vw, 3rem);
  --blur: blur(12px);
  --hover: translateY(-0.25rem);
  --transparent-background: #d9d9d91a;
}
/* Algemene styling */
body {
  padding: var(--padding-clamp) var(--padding-clamp) 0;
}
.fit-content {
  width: fit-content;
}
.image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image.overlay:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 445px;
  background: linear-gradient(180deg, rgba(32, 32, 31, 0) 0%, #20201F 100%);
  pointer-events: none;
}
.image.overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 310px;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.7) 0%, rgba(18, 18, 18, 0) 100%);
  opacity: 1;
  mix-blend-mode: multiply;
  pointer-events: none;
}
/* Styling van header */
.header .menu.elementor-sticky--effects {
  background-color: var(--transparent-background) !important;
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
}
.header .menu li a {
  padding-bottom: 0.5rem !important;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: background-size 0.25s ease, background-position 0.25s ease;
  width: fit-content;
}
.header .menu li a:hover, .header .menu li a:active, .header .menu li a:focus {
  background-size: 97% 1px;
}
.header .menu li .sub-menu {
  background-color: var(--e-global-color-accent) !important;
  padding: 0.75rem 0 1rem;
}
.header .menu-responsive .elementor-item {
  line-height: 100% !important;
}
.header .menu-responsive .menu-item:has(.sub-menu) a {
  justify-content: space-between;
}
.header .menu-responsive .sub-menu {
  margin: 1rem 0;
}
.header .menu-responsive .sub-menu a {
  font-size: 1.125rem !important;
  line-height: 110% !important;
}
.header .off-canvas-open.elementor-sticky--effects .elementor-icon {
  background-color: var(--transparent-background) !important;
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
}
/* Styling van de button */
.button:hover, .button:active, .button:focus, #button:hover, #button:active, #button:focus {
  transform: var(--hover);
}
#button {
  margin-top: 1.5rem;
}
/* Styling van projecten-card */
.projecten-card:hover .image, .projecten-card:active .image, .projecten-card:focus .image {
  transform: scale(1.08);
}
.projecten-card .image:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, rgba(18, 18, 18, 0.7) 0%, rgba(18, 18, 18, 0) 100%);
  mix-blend-mode: multiply;
  pointer-events: none;
}
/* Styling van quote-card */
.quote-card .quote * {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  word-break: break-word;
}
/* Styling van listing navigatie */
.slick-arrow {
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
}
.slick-arrow.prev-arrow {
  display: none !important;
}
/* Styling van social icons */
.social-icon:hover, .social-icon:active, .social-icon:focus {
  transform: var(--hover);
}
/* Styling van image slider */
.image-slider .slick-list {
  overflow: visible !important;
  clip-path: inset(-100vw -100vw -100vw 0) !important;
}