/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 19 2023 | 12:32:53 */
/* Rotating Icon Asterisk */
.icon-asterisk-rotate {
  transform: rotate(0deg);
  animation: rotateAsterisk 10s linear infinite;
}

@keyframes rotateAsterisk {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/***** B U T T O N S *****/
/* Animatie code via script */
/* Primary */
.button-atom--primary::after {
  transform: rotate(0deg);
}

.button-atom--primary:hover::after {
  transform: rotate(45deg);
}

.button-atom--primary .button-atom__text.hidden {
  position: absolute;
  left: 1em;
  transform: translateY(200%);
  transition: .3s ease all;
}
.button-atom--primary .button-atom__text {
  transform: translateY(0%);
  transition: .3s ease all; 
  color: var(--bde-palette-color-2) !important;
}

.button-atom--primary:hover .button-atom__text:not(.hidden) {
  transform: translateY(-200%);
}
.button-atom--primary .button-atom__text.hidden {
	color: var(--bde-palette-color-1);
}
.button-atom--primary:hover .button-atom__text {
  transform: translateY(0%);
}

/* Secondary */
.button-atom--secondary::after {
  transform: rotate(0deg);
}

.button-atom--secondary:hover::after {
  transform: rotate(45deg);
}

.button-atom--secondary .button-atom__text.hidden {
  position: absolute;
  left: 1em;
  transform: translateY(200%);
  transition: .3s ease all;
}

.button-atom--secondary .button-atom__text {
  transform: translateY(0%);
  transition: .3s ease all;
  color: var(--bde-palette-color-1) !important;
}

.button-atom--secondary:hover .button-atom__text:not(.hidden) {
  transform: translateY(-200%);
}

.button-atom--secondary .button-atom__text.hidden {
	color: var(--bde-palette-color-3) !important;
}

.button-atom--secondary:hover .button-atom__text {
  transform: translateY(0%);
}

/* Custom */
.button-atom--custom .button-atom__text.hidden {
  position: absolute;
  transform: translateY(200%);
  transition: .3s ease all;
}

.button-atom--custom .button-atom__text {
  transform: translateY(0%);
  transition: .3s ease all;
  color: var(--bde-palette-color-2) !important;
}

.button-atom--custom:hover .button-atom__text:not(.hidden) {
  transform: translateY(-200%);
}

.button-atom--custom .button-atom__text.hidden {
	color: var(--bde-palette-color-3) !important;
}

.button-atom--custom:hover .button-atom__text {
  transform: translateY(0%);
}

.button-atom--custom {
	justify-content:flex-start !important;
}

.button-atom--custom:hover {
	justify-content:flex-start !important;
}


/* Custom - Service button wrapper */
.service-button .button-atom--custom .button-atom__text.hidden {
  position: absolute;
  transform: translateY(200%);
  transition: .3s ease all;
}

.service-button .button-atom--custom .button-atom__text {
  transform: translateY(0%);
  transition: .3s ease all;
  color: var(--bde-palette-color-2) !important;
}

.service-button .button-atom--custom:hover .button-atom__text:not(.hidden) {
  transform: translateY(-200%);
}

.service-button .button-atom--custom .button-atom__text.hidden {
	color: var(--bde-palette-color-1) !important;
}

.service-button .button-atom--custom:hover .button-atom__text {
  transform: translateY(0%);
}

/* Navigatie Menu */

.breakdance-menu-list {
  align-items:flex-start !important;
}

.breakdance-menu-item {
  overflow:hidden !important;
  padding-bottom:0.4em;
}

.breakdance-menu-item .breakdance-menu-link.hidden {
  position: absolute !important;
  top:0 !important;
  transform: translateY(200%) !important;
  transition: .3s ease all !important;
}

.breakdance-menu-item .breakdance-menu-link {
  transform: translateY(0%) !important;
  transition: .3s ease all !important;
  color: var(--bde-palette-color-2) !important;
}

.breakdance-menu-item:hover .breakdance-menu-link:not(.hidden) {
  transform: translateY(-200%) !important;
}

.breakdance-menu-item .breakdance-menu-link.hidden {
	color: var(--bde-palette-color-3) !important;
}

.breakdance-menu-item:hover .breakdance-menu-link {
  transform: translateY(0%) !important;
}