/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 02 2024 | 14:09:11 */
/********** 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 ... */

/**** VARIA ****/
section {
	padding-left:315px;
	padding-right:5vw;
}

section.no-padding {
	padding-left:315px;
	padding-right:0px !important;
}

.breakdance .bde-header-builder {
	width:315px !important;
}

/* Ul style rich text */

.rich-text li {
	margin-bottom:1em;
}

.rich-text li:last-item {
	margin-bottom:0em;
}

/* Buttons */
.button-atom--primary, .button-atom--secondary {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.button-atom--primary::before, .button-atom--secondary::before  {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: black;
  z-index:1;
}

.button-atom--primary::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #BDB39B;
  transition: width 0.3s ease-in-out;
  z-index:2;
}

.button-atom--secondary::before  {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #BDB39B !important;
  z-index:1;
}

.button-atom--secondary::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #ffffff;
  transition: width 0.3s ease-in-out;
  z-index:2;
}

.button-atom--primary:hover::after, .button-atom--secondary:hover::after {
  width: 100%;
}

/***** MENU *****/
#menu-desktop .breakdance-menu-list {
    align-items: flex-start !important;
}

/***** COLLECTIE *****/
.ontdek-wrapper:hover .ontdek-button {
    background-color: #BDB39B !important;
}

.ontdek-wrapper:hover .ontdek-overlay {
    background-color: #00000045 !important;
    transition: background-color 0.3s ease-in-out;
}

.ontdek-overlay {
    transition: background-color 0.3s ease-in-out;
}

/* Sectie Promo */
.wrapper-promo-1 {
	position:absolute !important;
	right:0em !important;
	bottom:0.5em !important;
}

.wrapper-promo-2 {
	position:absolute !important;
	right:calc(150px + 0.5em)!important;
	bottom:0.5em !important;
}

/* Define the default style for your element */
.focus {
  position: relative;
}

/* Add a pseudo-element that always appears */
.focus::after {
  content: '';
  position: absolute;
  right: -0.75em; /* 1em beyond the right border */
  top: 40%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: #BDB39B;
  border-radius: 50%;
  animation: pulse 1.5s infinite;
}

/* Keyframes for the pulsing animation */
@keyframes pulse {
  0% {
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-50%) scale(2);
    opacity: 0.5;
  }
  100% {
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
}


/********** BREAKPOINTS **********/
@media only screen and (max-width: 1119px) {
section {
	padding-left:5vw;
}
	
/**** VARIA ****/
section, section.no-padding {
	padding-left:0px !important;
	padding-right:0px !important;
}
	
	

.breakdance .bde-header-builder {
	width:100% !important;
}
}