/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

::selection {
  background: #c5a47e;
  color: #fff;
}

::-moz-selection {
  background: #c5a47e;
  color: #fff;
}

.heroCarousel .swiper-pagination {
	background: #fff;
  padding: 45px 32px 45px 32px;
  width: 15%;
  height: 20%;
}

.heroCarousel .swiper-pagination .swiper-pagination-total {
	color: #5e5e5e;
}

.heroCarousel .e-n-carousel {
	padding-bottom: 0px !important;
}


.heroCarousel .elementor-swiper-button-prev::after, .heroCarousel .elementor-swiper-button-next::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  font-family: 'Oswald', sans-serif;
  font-size: 1em;
  line-height: 1;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: #fff;
margin-left: 10px;
  margin-right: 10px;
	font-style: normal;
}

.heroCarousel .elementor-swiper-button-next::before {
    content: "Volg";
}

.heroCarousel .elementor-swiper-button-prev::after {
    content: "Vor";
}

/* Container */
.projectItemSlideHover {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Keep your existing overlay */
.projectItemSlideHover::before {
    z-index: 2;
}

/* NEW: background layer for zoom */
.projectItemSlideHover::after {
    content: "";
    position: absolute;
    inset: 0;

    background-image: inherit;
    background-size: cover;
    background-position: center;

    transform: scale(1);
    z-index: 0;
}

/* Continuous zoom on hover */
.projectItemSlideHover:hover::after {
    animation: zoomLoop 10s linear infinite;
}

/* Animation */
@keyframes zoomLoop {
    from { transform: scale(1); }
    to { transform: scale(1.3); }
}

/* Text */
.projectHead,
.projectCat {
    position: relative;
    z-index: 3;
    transition: opacity 0.3s ease;
}

/* Fade out text */
.projectItemSlideHover:hover .projectHead,
.projectItemSlideHover:hover .projectCat,
.projectItemSlideHover:hover .projectBadge{
    opacity: 0;
    pointer-events: none;
}

/* Button initial state */
.projectBtn {
    position: relative;
    z-index: 3;

    opacity: 0;
    transform: translateY(10px); /* slight slide effect */
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Show button on hover */
.projectItemSlideHover:hover .projectBtn {
    opacity: 1;
    transform: translateY(0);
}

.textWithBg h2 {
    background-image: url("/wp-content/uploads/2026/04/text-1.jpg");
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.custom-fb-caption {
	font-family: "Montserrat", Sans-serif;
  	font-weight: 600;
	font-size: 20px;
	text-align: center;
	color: #3d3d3d;
	margin-top: 5px;
}

.ProjectFileSlider .swiper-button-next::after,
.ProjectFileSlider .swiper-button-prev::after {
	  background: #c5a47e;
	  color: #fff;
	  padding: 10px 15px;
	  border-radius: 999px;
      font-size: 20px;
}

.ProjectFileSlider img {
	height: 350px;
	object-fit: cover;
}


@media (max-width: 1024px) {
 .heroCarousel .swiper-pagination {
  	width: 26.5%;
  }
	#mainHeading {
		background-color: #fff;
	}
	.elementor-widget-n-carousel .swiper-pagination-fraction, .heroCarousel .elementor-swiper-button-prev, .heroCarousel .elementor-swiper-button-next {
		z-index:1 !important;
	}
}

@media (max-width: 767px) {
   .heroCarousel .swiper-pagination {
  	width: 50%;
  }
}