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

:root {
	--go-red:rgba(196, 0, 75, 1);
	--go-red-btn-bg:rgba(196, 0, 75, 0.08);
	--go-red-btn-brdr:rgba(196, 0, 75, 0.2);
	--go-blue:rgba(103, 192, 186, 1);
	--go-blue-btn-bg:rgba(103, 192, 186, 0.08);
	--go-blue-btn-brdr:rgba(103, 192, 186, 0.2);
}

/* Knoppen */
a.elementor-button {border-radius:0 30px 0 30px; font-size:1rem; line-height:1.1875em; box-sizing:content-box; font-weight:500; border-width:1px; border-style:solid; padding:1.25em 2.4375em; background-color:var(--go-red-btn-bg); border-color:var(--go-red-btn-brdr); color:var(--go-red)}
a.elementor-button:hover {background-color:var(--go-red); color:#FFFFFF}

.btn-blauw a.elementor-button {background-color:var(--go-blue-btn-bg); border-color:var(--go-blue-btn-brdr); color:var(--go-blue)}
.btn-blauw a.elementor-button:hover {background-color:var(--go-blue); color:#FFFFFF}
.btn-rood a.elementor-button {background-color:var(--go-red); border-color:var(--go-red); color:#FFFFFF}
.btn-rood a.elementor-button:hover {background-color:#FFFFFF; color:var(--go-red)}


.btn-breed a.elementor-button {padding:1.3125em 5.53125em}

/* Titels */
.elementor-heading-title span {color:var(--go-red)}

/* Afbeeldingen */
.elementor-widget-image.afb-links,
.elementor-widget-image.afb-rechts {position:relative; /*margin:15% 0*/; max-width:470px !important}
.elementor-widget-image.afb-links img,
.elementor-widget-image.afb-rechts img {aspect-ratio: 1; object-fit: cover;}
.elementor-widget-image.afb-links img {border-top-left-radius:42.55%}
.elementor-widget-image.afb-rechts img {border-top-right-radius:42.55%}
.elementor-widget-image.afb-links:before,
.elementor-widget-image.afb-rechts:before {content:""; display:block; position:absolute; top:-7.5%; width:15%; aspect-ratio:1; background-image:url(/wp-content/uploads/sterretje.svg); background-repeat:no-repeat; background-size:cover}
.elementor-widget-image.afb-links:before {left:-7.5%;}
.elementor-widget-image.afb-rechts:before {right:-7.5%;}
.elementor-widget-image.afb-links:after,
.elementor-widget-image.afb-rechts:after {content:""; display:block; position:absolute; bottom:-12.5%; width:50%; aspect-ratio:1; background-repeat:no-repeat; background-size:cover}
.elementor-widget-image.afb-links:after {right:-14.5%; background-image:url(/wp-content/uploads/afb-pad-rechts.svg);}
.elementor-widget-image.afb-rechts:after {left:-14.5%; background-image:url(/wp-content/uploads/afb-pad-links.svg);}

/* Full Width Image Carousel */
.swiper-slide:not(.swiper-slide-active) {opacity:0.5;}
.swiper-slide img {max-height:340px; object-fit:cover; border-bottom-left-radius:4vw !important; border-top-right-radius:4vw !important}
.swiper-slide figcaption {margin-top:1em}

/* Home Container */
.home-container {position:relative}
.home-container .e-con-inner:before,
.home-container .e-con-inner:after {content:""; display:block; position:absolute; background-repeat:no-repeat; background-size:auto; opacity:0.1}
.home-container .e-con-inner:before {background-image:url(/wp-content/uploads/home-container-top-rechts.svg); top:26px; right:0; width:12.5vw; height:auto; aspect-ratio:1; }
.home-container .e-con-inner:after {background-image:url(/wp-content/uploads/home-container-onder-links.svg); bottom:26px; left:0; width:11.25vw; height:auto; aspect-ratio:1/0.5; }