/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/




/*non sticky state (de header is niet sticky een heeft nu wel text-shadow)*/
.l-header.bg_transparent:not(.sticky) .ush_menu_1 {
    text-shadow: -1px 2px 6px black;
    transition: text-shadow 0.3s ease;
}
/*Hover stat (ewanner de header niet sticky is en je hover er boven)*/
.l-header.bg_transparent:hover:not(.sticky) .ush_menu_1 {
    text-shadow: none !important;
    transition: text-shadow 0.3s ease;
	
}
}
/* Sticky state(wanneer de haeder sticky word) */
.l-header.sticky .ush_menu_1 {
    text-shadow: none !important;

}
.ush_menu_1 .w-nav-item.level_1>a:not(.w-btn):focus, .no-touch .ush_menu_1 .w-nav-item.level_1.opened>a:not(.w-btn), .no-touch .ush_menu_1 .w-nav-item.level_1:hover>a:not(.w-btn)
{
	color:#2078BE!important;
}

/* Default transparent header background */
.l-header.bg_transparent:not(.sticky) .l-subheader.at_middle {
    background: var(--color-header-transparent-bg);
}

/* Hover state for transparent header */
.l-header.bg_transparent:not(.sticky) .l-subheader.at_middle:hover {
    transition: background 0.3s ease, color 0.3s ease;
    background: rgba(255, 255, 255, 0.95);
    color: #0056a4;
}

/* Remove text-shadow for active menu items in non-sticky state */
.l-header.bg_transparent:not(.sticky) .ush_menu_1.type_desktop .w-nav-item.level_1.current-menu-item>a:not(.w-btn),
.l-header.bg_transparent:not(.sticky) .ush_menu_1.type_desktop .w-nav-item.level_1.current-menu-ancestor>a:not(.w-btn),
.l-header.bg_transparent:not(.sticky) .ush_menu_1.type_desktop .w-nav-item.level_1.current-page-ancestor>a:not(.w-btn) {
    text-shadow: none;
}

/* Remove text-shadow for current menu item */
.l-header:not(.sticky) .ush_menu_1 .current-menu-item .current_menu > a {
    text-shadow: none !important;
}

/* Hover state for transparent header affecting ush_image_1 */
.l-header.bg_transparent:not(.sticky) .l-subheader.at_middle:hover .w-image.ush_image_1 {
    background: transparent !important;
    transition: background 0.3s ease, color 0.3s ease;
}
.w-nav.type_desktop .menu-item[class*="columns"] .menu-item-has-children .w-nav-anchor.level_2:hover
{
	color: #2078BE !important; /* Tekst wordt wit bij hover */
    background: #0056a4 !important; /* Achtergrond wordt blauw bij hover */
    transition: color 0.3s ease, background 0.3s ease; /* Smooth overgang */
}

.w-nav.type_desktop .menu-item[class*="columns"] .menu-item-has-children .w-nav-anchor.level_2 {
	font-size: 24px;
	font-weight: bold;
	background: none !important;
	color: inherit !important;
}