/******* Do not edit this file *******
Code Snippets Manager
Saved: Dec 24 2025 | 13:17:11 */
/* Primaire knop ---------------------------------------------------------------------------------------------------*/
.button .elementor-button.elementor-button-link,
#button {
    position: relative;
    height: 58px !important;
    background-color: transparent;
    display: inline-flex;
    overflow: hidden;
}

.button .elementor-button.elementor-button-link::before,
#button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 58px;
    height: 58px;
    background-color: #F0D500;
    border-radius: 100px;
    transform: translateY(-50%);
    transition: all 0.5s ease;
    z-index: 0;
}

.button .elementor-button.elementor-button-link:hover::before,
.button .elementor-button.elementor-button-link:focus::before,
.button .elementor-button.elementor-button-link:active::before,
#button:hover::before,
#button:focus::before,
#button:active::before {
    width: 100%;
    height: 100%;
    top: 0;
    transform: none;
}

.button .elementor-button-content-wrapper,
#button .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.button.wit .elementor-button.elementor-button-link::before,
#button.wit::before {
	background-color: #fff;
}

/* Hover effect  ---------------------------------------------------------------------------------------------------*/
.hover-effect {
  transition: transform 0.2s ease;
}
.hover-effect:hover {
  transform: translateY(-4px);
}

/* Draaien cirkel ---------------------------------------------------------------------------------------------------*/
.draaien {
  transform-origin: center;
  animation: langzaamDraaien 20s linear infinite;
}

@keyframes langzaamDraaien {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Gele tekst ---------------------------------------------------------------------------------------------------*/
.yellow-text {
  color: #F0D500;
}

/* Menu ---------------------------------------------------------------------------------------------------*/
.menu {
	width: fit-content!important;
}

.menu.elementor-sticky--effects {
	-webkit-backdrop-filter: blur(16.5px);
	backdrop-filter: blur(16.5px);
	background-color: #001FAAB2 !important;
}

.menu.elementor-sticky--effects a:not(.elementor-nav-menu--dropdown a),
.menu.elementor-sticky--effects span:not(.elementor-nav-menu--dropdown span),
.menu.elementor-sticky--effects path:not(.elementor-nav-menu--dropdown path) {
    color: #fff !important;
    fill: #fff;
}

.menu.elementor-sticky--effects a.elementor-button.elementor-button-link.elementor-size-sm {
    border-color: #F0D500;
}

.menu.elementor-sticky--effects a:hover:not(.elementor-nav-menu--dropdown a),
.menu.elementor-sticky--effects span:not(.elementor-nav-menu--dropdown span) {
    color: #F0D500 !important;
	transition: color 0.3s ease;
}
.menu.elementor-sticky--effects span:not(.elementor-nav-menu--dropdown span):hover {
    color: #D20567 !important;
}


/* Bullet styling ---------------------------------------------------------------------------------------------------*/
.elementor-widget-text-editor ul,
.jet-unfold__content-inner ul { 
	list-style: none;
	padding: 0px;
	margin-bottom: 20px;
}

.elementor-widget-text-editor ul li,
.jet-unfold__content-inner ul li{ 
	position: relative;
	padding-left: 26px; /* ruimte voor het icoon */
}

.elementor-widget-text-editor ul li:before,
.jet-unfold__content-inner ul li:before { 
	content: '';
	position: absolute;
	left: 0;
	top: 19px;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	background-image: url('/wp-content/uploads/Check-Yellow.svg');
	background-size: contain;
	background-repeat: no-repeat;
}


/* Tekst afkappen ---------------------------------------------------------------------------------------------------*/
.afkap2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	word-break: break-word;
	padding-bottom: 1px;
}

.afkap3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	word-break: break-word;
	padding-bottom: 1px;
}


/* Listings  ---------------------------------------------------------------------------------------------------*/
.listing .jet-listing-grid__slider-icon svg {
  display: none !important;
}

.listing .jet-listing-grid__slider-icon.prev-arrow {
  display: none!important;
}

.listing .jet-listing-grid__slider-icon.next-arrow {
  background-image: url('/wp-content/uploads/ColourStudio-Arrow.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transform: scaleX(1) !important;
}

.listing .jet-listing-grid__slider-icon {
    border-radius: 50%;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}




/* Afbeelding slider  ---------------------------------------------------------------------------------------------------*/
.afbeelding-slider .elementor-swiper-button-prev {
	display: none !important
}

@media (min-width: 768px) {
     .afbeelding-slider .elementor-swiper-button-next {
        position: absolute !important;
        right: -50% !important;
        border-radius: 50%;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
}

.afbeelding-slider img {
	height: clamp(30rem, 6.8255rem + 48.3431vw, 45.5rem);
	width: 100%;
	object-fit: cover;
}

.afbeelding-slider .swiper-pagination-bullet-active {
	border: 6px solid #F0D500 !important;
	border-radius: 50%;
	padding: 5px;
}

.afbeelding-slider .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Prijzen slider  ---------------------------------------------------------------------------------------------------*/
.prijzen span.swiper-pagination-bullet {
    opacity: 1;
}

.prijzen .swiper-pagination-bullet-active {
	border: 6px solid #F0D500 !important;
	border-radius: 50%;
	padding: 5px;
	background-color: white!important;
}

.prijzen .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.prijzen .swiper,
.prijzen .swiper-wrapper{
  overflow: visible;
  clip-path: none !important;
}



.swiper-button-disabled {
	display: none!important;
}