/**
 *	novion medusa.css
 *	v1.0 - 16-10-2025 - Shadn Reda - Algemene layout met custom kleuren
 *	Copyright 2006 Medusa, Media Usage Advice B.V. All rights reserved.
 * 
 */

.bold a{
    font-weight: 600 !important;
}

/* menu header */
.expertisesEnOver a {
    color: var(--e-global-color-bee93f8) !important;
}

.expertisesEnOver nav ul li a:hover {
    text-decoration: underline;
}

.expertisesEnOver nav ul li a:hover::before,
.expertisesEnOver nav ul li a.elementor-item-active::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f04b";
    margin-left: 9px;
    font-size: 16px;
    vertical-align: middle;
    padding: 16px 0px 0px 0px;
    position: absolute;
    top: -12px;
    left: -18px;
    width: 34px;
    height: 100%;
    z-index: 0;
    transition: all 0.3s;
    color: var(--e-global-color-secondary);
}

.geelColor{
    color: var( --e-global-color-secondary );
}
.turkooisColor{
    color: var( --e-global-color-primary );
}

.menu_Top #menu_contact {
    border: 1px solid var(--e-global-color-text) !important;
    margin-right: 10px;
    margin-left: 10px;
    background-color: var( --e-global-color-text );
    /* color: #ffffff; */
    padding: 10px;
    border-radius: 4px;
    margin: 3px 0px 0px 0px;
	padding-right: 6px;
}
.menu_Top #menu_contact .e-n-menu-icon svg {
	fill: var(--e-global-color-bee93f8);
	top: 2px;
	position:relative;
}
.menu_Top #menu_contact:hover {
    border: 1px solid var(--e-global-color-primary) !important;
	background-color:var(--e-global-color-primary) !important;
}
.menu_Top #menu_contact span {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}
.menu_Top #menu_contact:hover span {
    color:var(--e-global-color-bee93f8) !important;
}
.menu_Top #menu_contact .e-n-menu-icon  {
	order: 2;
}
.menu_Top #menu_support {
    border: 1px solid var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-primary) !important;
    padding: 9px;
    border-radius: 4px;
    margin: 3px 0px 0px 0px;
	padding-right: 6px;
}
.menu_Top #menu_support:hover {
    border-color:var( --e-global-color-text) !important;    
    background-color:var( --e-global-color-text) !important;    
}
.menu_Top #menu_support span {
    color: var(--e-global-color-bee93f8) !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}
.menu_Top #menu_support svg {
    fill:var(--e-global-color-bee93f8);  
	top: 2px;
	position:relative;
}
.menu_Top #menu_support .e-n-menu-icon  {
	order: 2;
}

@media (max-width: 1180px) {
	.menu_Top #menu_contact, .menu_Top #menu_support {
    margin-left: 81px;
    width: 164px;
	}
	.menu_Top .e-n-menu-wrapper{
	    padding: 30px 15px 30px 15px;
	    background-color:var(--e-global-color-bee93f8) !important;   
	}
}
@media (max-width: 767px) {
    .menu_Top #menu_contact, .menu_Top #menu_support {
        margin-left: 15px;
        width: 164px;
    }
}

.elementor-2209 .elementor-element.elementor-element-4f5e546:before {
    height: 0px !important;
}
.elementor-2209 .elementor-element.elementor-element-9ba6342:before {
    height: 0px;
}

@media (min-width: 1180px) {
    .e-n-menu-title.e-current::before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    background-image: url(https://novion.nl/wp-content/uploads/2025/10/Path-2764.svg);
    background-size: contain;
    background-repeat: no-repeat;
    left: 38%;
    top: 52px;
    transition: width 0.5s ease, height 0.5s ease, left 0.5s ease, top 0.5s ease;
    }
	#menu_support.e-n-menu-title.e-current::before,
	#menu_contact.e-n-menu-title.e-current::before {
		display:none;
	}
    .header-scrolled .e-n-menu-title.e-current::before {
        width: 25px;
        height: 12px;
        left: 42%;
        top: 33px;
        transition: width 0.5s ease, height 0.5s ease, left 0.5s ease, top 0.5s ease;
    }
}

@media (min-width: 1180px) {
    #expertiesMenu.activeExpertise .e-n-menu-title-container::before {
        content: "";
        position: absolute;
        width: 19px;
        height: 19px;
        background-image: url(https://novion.nl/wp-content/uploads/2025/10/Path-2764.svg);
        background-size: contain;
        background-repeat: no-repeat;
        left: 38%;
        top: 52px;
        transition: width 0.5s ease, height 0.5s ease, left 0.5s ease, top 0.5s ease;
    }

    .header-scrolled #expertiesMenu.activeExpertise .e-n-menu-title-container::before {
        width: 25px;
        height: 12px;
        left: 42%;
        top: 36px;
        transition: width 0.5s ease, height 0.5s ease, left 0.5s ease, top 0.5s ease;
    }

}





@media (min-width: 1180px) {
    #overMenu.activeOverMenu .e-n-menu-title-container::before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    background-image: url(https://novion.nl/wp-content/uploads/2025/10/Path-2764.svg);
    background-size: contain;
    background-repeat: no-repeat;
    left: 38%;
    top: 52px;
    transition: width 0.5s ease, height 0.5s ease, left 0.5s ease, top 0.5s ease;

    }

    .header-scrolled #overMenu.activeOverMenu .e-n-menu-title-container::before {
        width: 25px;
        height: 12px;
        left: 42%;
        top: 33px;
        transition: width 0.5s ease, height 0.5s ease, left 0.5s ease, top 0.5s ease;
    }

    .menu_Top #menu_contact,
    .menu_Top #menu_support {
        height: 39px;
    }

}

.menu_Top .e-n-menu-content {
    transition:  0.5s;
}


.menu_Top .elementor-widget-n-menu .e-n-menu-item {
    align-items: center;
}

/* #cloudDiensten span.e-n-accordion-item-title-header:first-of-type { */
    /* margin-left: 40px; */
/* } */

/* #cloudDiensten span.e-n-accordion-item-title-header:first-of-type::before { */
    /* content: ""; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0px; */
    /* width: 50px; */
    /* height: 50px; */
    /* background-color: brown; */

/* } */

/* #cloudDiensten span.e-n-accordion-item-title-header:first-of-type::before { */
    /* content: ""; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* width: 50px; */
    /* height: 50px; */

    /* Replace the color with your image */
    /* background-image: url('your-image-path.jpg'); */
    /* background-size: cover; */
    /* makes it fill the box */
    /* background-repeat: no-repeat; */
    /* prevent tiling */
    /* background-position: center; */
    /* center it nicely */

    /* optional, remove or adjust if needed */
    /* border-radius: 4px; */
/* } */



.elementor-button-icon svg.e-font-icon-svg.e-fas-angle-right {
    fill: var(--e-global-color-secondary);
    margin-bottom: -5px !important;
}
.loopItemActualiteit .elementor-button-icon svg.e-font-icon-svg.e-fas-angle-right {
    fill: var(--e-global-color-secondary);
    margin-bottom: -1px !important;
}
.padding_0_LR.e-con-boxed.e-parent {
	padding-left:0px !important;
	padding-right:0px !important;
}
.padding_0_LR .e-con {
    --container-default-padding-right: 10px;
    --container-default-padding-left: 20px;
}
a .textLoopCarrouselProjecten {
	color: var(--e-global-color-text);
}
a:hover .textLoopCarrouselProjecten {
	color: var(--e-global-color-primary);
}
a.meerProjecten {
	color: var(--e-global-color-secondary);
}
/* .aTagHover a { */
	/* color: var(--e-global-color-text) !important; */
/* } */
 /* .aTagHover a:hover { */
	/* color: var(--e-global-color-secondary) !important; */
/* } */
#werkenBij{
    padding-right: 30px;
}
.e-n-menu-title{


}

.header-scrolled #e-n-menu-content-1252,
.header-scrolled #e-n-menu-content-1251{
    margin-top: -5px !important;
}



.zoom-hover {
    overflow: hidden;
    text-align: center; /* afbeelding gecentreerd houden */
}
.zoom-bg,
.zoom-hover img {
    transition: transform 0.8s ease;
    display: inline-block; /* behoudt centrering */
}
.zoom-hover:hover img {
    transform: scale(1.04);
}

.zoom-hover {
    overflow: hidden;
}
.zoom-bg:hover{
    transform: scale(1.04);
}