/* 
Theme Name: WP Wood Productions
Theme URI: https://github.com/elementor/hello-theme-child/
Description:
Author: Rik
Author URI: https://www.wp-tuinkamers.nl/
Template: hello-elementor
Version: 2.0.0
Text Domain: wpwood
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
*/

/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp;
}

.no-margin,
.no-margin p {
    margin-bottom: 0px !important;
}

.no-link,
.no-link a,
.no-link p {
    text-decoration: none !important;
}

.fc {
    width: fit-content !important;
}

.elementor-button:hover .elementor-button-icon {
	transform: translateX(4px);
}

.back-button .elementor-button:hover .elementor-button-icon {
	transform: translateX(-4px) !important;
}

.product-cat-slider .elementor-widget-image::before {
	content: "";
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .2;
	z-index: 1;
}

.product-cat-slider img,
.elementor-button .elementor-button-icon,
.project-loop-wrapper img,
.footer-contact a span,
.product-overview-image img,
.mega-menu-wrapper a img{
	transition: 0.3s cubic-bezier(0.68, 0, 0.26, 1) !important;
}

.product-cat-slider:hover img {
	transform: scale(1.05);
}

.product-cat-slider-loop .swiper,
.review-slider .swiper {
	padding-right: max(40px, calc((100vw - 1440px) / 2)) !important;
}

.slider-icon {
	cursor: pointer;
}

.slider-icon .elementor-icon {
	border-color: #d7d7d9 !important;
}

.project-loop-functies .elementor-heading-title {
	display: flex;
	gap: 16px;
}

.project-loop-wrapper:hover img {
	transform: scale(1.05);
}
 
.footer-contact a:hover span {
	color: #fff !important;
}

.image-slider img {
	height: 480px !important;
	width: 100% !important;
	object-fit: cover !important;
}

.image-slider .swiper {
	padding-right: 100px;
	padding-left: 100px;
}

.elementor-form-fields-wrapper {
	gap: 8px;
}

select option {
	color: #1d1d25 !important;
}

.elementor-form-fields-wrapper input,
.elementor-form-fields-wrapper textarea {
	padding: 16px !important;
}

main#content {
	overflow-x: hidden;
}

.woocommerce-breadcrumb {
	margin-bottom: 0px !important;
}

.product-overview-image:hover img {
	transform: scale(1.05);
}

.project-info strong {
	color: #1D1D25;
}

.mega-menu-wrapper a:hover img {
	transform: scale(1.04);
}

.resnav-menu-left .elementor-heading-title a {
	font-weight: 600 !important;
}

@media screen and (max-width: 768px) {
	.product-cat-slider-loop .swiper,
	.review-slider .swiper{
		padding-right: 0px !important;
	}
	
	.project-loop-functies > span {
		flex-wrap: wrap !important;
	}
}