/* 
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 */

/* ALGEMEEN */

h1.elementor-heading-title, h2.elementor-heading-title {
	text-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}

.goud-blok-voor, .goud-blok-na {
    position: relative;
}
.goud-blok-voor::before {
    content: '';
    position: absolute;
    left: -7%;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 60%;
    background: var( --e-global-color-accent );
    border-radius: 8px;
    z-index: 1;
}
.goud-blok-na::after {
    content: '';
    position: absolute;
    right: -7%;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 60%;
    background: var( --e-global-color-accent );
    border-radius: 8px;
    z-index: 1;
}

.elementor-motion-effects-container {
	border-radius: 20px;
}

@media (min-width: 1025px) {
.mobile-visible:not(footer) {
	display: none !important;
}
}

/* EIND */

/* Occasions */

.swiper-slide.type-occasion img {
    object-fit: cover;
    height: 200px;
    width: auto;
}
.swiper-slide.type-occasion .elementor-swiper-button.elementor-swiper-button-prev {
    bottom: 0px !important;
    top: unset !important;
    left: 40% !important;
    position: absolute;
}
.swiper-slide.type-occasion .elementor-swiper-button.elementor-swiper-button-next {
    bottom: -15px !important;
    top: unset !important;
    right: 40% !important;
    position: absolute;
}
.swiper-slide.type-occasion .swiper-pagination-fraction {
  font-size: 0 !important;
}

.swiper-slide.type-occasion .swiper-pagination-current,
.swiper-slide.type-occasion .swiper-pagination-total {
  font-size: 18px !important;
}
.swiper-slide.type-occasion .swiper-pagination-current::after {
  content: "";
  display: inline-block;
  width: 80px;
  height: 2px;
  background: var( --e-global-color-accent );
  margin: 0 10px;
  vertical-align: middle;
}
.swiper-slide.type-occasion .elementor-swiper-button svg {
    transition: .3s !important;
}
/* EIND */

/* Custom buttons */

.elementor-button:not(.btn-arrow .elementor-button) {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease;
}
.elementor-button:not(.btn-arrow .elementor-button)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var( --e-global-color-accent );
    transition: width 0.4s ease;
    z-index: -1;
}
.elementor-button:not(.btn-arrow .elementor-button):hover::before {
    width: 100%;
}
.elementor-button:not(.btn-arrow .elementor-button):hover {
    color: #fff;
}
.btn-filled .elementor-button:not(.btn-arrow .elementor-button) {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease;
}
.btn-filled .elementor-button:not(.btn-arrow .elementor-button)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var( --e-global-color-accent );
    transition: width 0.4s ease;
    z-index: -1;
}
.btn-filled .elementor-button:not(.btn-arrow .elementor-button):hover::before {
    width: 0;
}
.btn-arrow .elementor-button, .btn-arrow .elementor-button svg {
	transition: .3s;
	fill: var( --e-global-color-accent );
}
.btn-arrow .elementor-button:hover svg {
	margin-left: 10px;
	fill: white;
}
/* EIND */