/* ======= Variables ======= */
/* :root {
	--brand-green: #40ad49;
	--brand-red: #e72b2f;
	--neutral-dark: #0b0b0c;
	--neutral-altdark: #0d0f13;
	--neutral-light: #fff;
} */

/* ======= Tabs ======= */
body:not(.elementor-editor-active) .c-tabs{
    display: none;
}
body:not(.elementor-editor-active) .c-tabs.u-active-tab{
    display: flex;
}

/* ======= Tabs - Line Button (see aanbodcard.css) ======= */
.c-tabs .c-aanbodcard__linecont::after{
	background-color: var(--brand-red) !important;
}

.c-tabs:hover .c-aanbodcard__linecont::after {
	transform-origin: left;
	transform: scaleX(1);
}

/* ======= Tabs - Card ======= */
.c-tabs__card{
    min-height: 480px !important;
}

/* ======= Tabs - menu items ======= */
.c-tabs__menuitem{
    width: auto !important;
    padding-bottom: 4px !important;
}

.c-tabs__menuitem:hover{
    cursor: pointer;
}

.c-tabs__menuitem::after{
    content: '';
	width: 100% !important;
	height: 2px;

	position: absolute;
	bottom: 0;
	left: 0;

	background-color: var(--brand-green);
	transform: scaleX(0);
	transform-origin: left;

	transition: transform 0.3s ease;
}

.c-tabs__menuitem:hover::after,
.u-active-tab.c-tabs__menuitem::after {
	transform: scaleX(1);
}

@media(max-width: 1200px){
    .c-tabs__menuitem{
        width: 25% !important;
        padding-bottom: 4px !important;
    }
}

@media(max-width: 1024px){
    .c-tabs__menuitem{
        width: 30% !important;
    }
}

@media(max-width: 767px){
    .c-tabs__menuitem{
        width: 48% !important;
    }
}

@media(max-width: 480px){
    .c-tabs__menuitem{
        width: 100% !important;
    }
}