/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 03 2024 | 15:20:52 */
/********** 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 ... */

/********** BREAKPOINTS **********/
/*@media only screen and (max-width: 1119px) {}*/
/*@media only screen and (max-width: 767px) {}*/

/* Header */
.section-top {
	margin-top:250px;
}

.breakdance-menu-item--active .breakdance-menu-link {
  font-weight: 800 !important;
}

/* Buttons */

.underline {
  position: relative !important;
}

.underline::before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #334F4C;
  z-index: 1;
}

.underline::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #C0A4AB;
  z-index: 2;
  transition: width 0.3s ease-in-out;
}

.underline:hover::after {
  width: 100%;
}

.light span {
  color: #E3D9D1 !important;
}

.light a:after {
  background-color: #E3D9D1 !important;
}

.light:hover span {
  color: #C0A4AB !important;
}

.light:hover a:after {
  background-color: #C0A4AB !important;
}

.light.underline::before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #E3D9D1;
  z-index: 1;
}

.light.underline::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #C0A4AB;
  z-index: 2;
  transition: width 0.3s ease-in-out;
}

.light.underline:hover::after {
  width: 100%;
}

/* Varia */
#overflow-slider .ee-gallery-swiper {
  width: 110vw;
  margin-left: -5vw;
}

.map iframe {
  border-radius:2em !important;
}


/********** BREAKPOINT **********/
@media only screen and (max-width: 1119px)  {
/* Header */
.section-top {
	margin-top:150px;
}
}