/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

.relative{
	position: relative;
}
.gradient-text {
    background: var(--Primary-Colors-Gradient, radial-gradient(141.42% 141.42% at 100% 100%, #030734 0%, #2568D9 65.61%, #A0B0CD 90.1%, #AAB6CC 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.e-n-tabs-heading {
    background-color: #F4F4F4;
    align-self: center;
    border-radius: 100px;
    padding: 8px;
}

/* Default/inactieve state - reset naar juiste kleuren */
.elementor-widget-n-tabs .e-n-tab-title {
    transition: none !important;
    color: #7A7A7A ;
}

.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-title-text {
    color: #7A7A7A ;
} 

.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon svg,
.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon svg path {
    fill: #7A7A7A ;
    color: #7A7A7A ;
}

/* Hover state */
.elementor-widget-n-tabs .e-n-tab-title:hover {
    background: radial-gradient(
        141.42% 141.42% at 100% 100%,
        #030734 0%,
        #2568D9 65.61%,
        #A0B0CD 90.1%,
        #AAB6CC 100%
    );
    border-radius: 100px;
}

.elementor-widget-n-tabs .e-n-tab-title:hover .e-n-tab-title-text {
    color: #ffffff !important;
}

/* Hover - iconen wit maken */
.elementor-widget-n-tabs .e-n-tab-title:hover .e-n-tab-icon svg,
.elementor-widget-n-tabs .e-n-tab-title:hover .e-n-tab-icon svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Active state */
.elementor-widget-n-tabs .e-n-tab-title.e-active,
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] {
    background: radial-gradient(
        141.42% 141.42% at 100% 100%,
        #030734 0%,
        #2568D9 65.61%,
        #A0B0CD 90.1%,
        #AAB6CC 100%
    );
    border-radius: 100px;
    color: #ffffff;
}

.elementor-widget-n-tabs .e-n-tab-title.e-active span,
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] span {
    color: #ffffff;
}

/* Active - iconen wit maken */
.elementor-widget-n-tabs .e-n-tab-title.e-active .e-n-tab-icon svg,
.elementor-widget-n-tabs .e-n-tab-title.e-active .e-n-tab-icon svg path,
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg,
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

.ratio43 img{
	aspect-ratio: 4/3;
	object-fit: cover;
}

.w-corner-br-20 {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}

.w-corner-br-40 {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
}

.w-corner-tl-32 {
clip-path: polygon(
32px 0,
100% 0,
100% 100%,
0 100%,
0 32px
);
}

.cut-corner {
  clip-path: polygon(
    0 0,
    100% 0,
    100% 85%,
    92% 100%,
    0 100%
  );
  overflow: hidden;
}

.cut-corner-left {
  clip-path: polygon(
    10% 0,  
    100% 0,  
    100% 100%,
    0 100%,   
    0 10%     
  );
  overflow: hidden;
}

.gradient-background {
  background: radial-gradient(
    141.42% 141.42% at 100% 100%,
    #030734 0%,
    #2568D9 65.61%,
    #A0B0CD 90.1%,
    #AAB6CC 100%
  );
}

.gradient-button .elementor-button {
    background: radial-gradient(
    141.42% 141.42% at 100% 100%,
    #030734 0%,
    #2568D9 65.61%,
    #A0B0CD 90.1%,
    #AAB6CC 100%
  );
	padding: 12px 24px 12px 24px;
}

form.cta-form .input{
	height: 50px;
}

.elementor-nav-menu .menu-item-has-children > a {
  cursor: pointer;
}