/* 
 * Custom CSS
 *
 * Create a custom.css file to add custom styles to your menu.
 */


/* --- General --- */

.ubermenu {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 30px;
} 

.ubermenu .ubermenu-item {} /* li */
.ubermenu .ubermenu-target {} /* li a */
.ubermenu .ubermenu-target-text {} /* li a span */

.ubermenu .ubermenu-sub-indicator {
	font-size: 15px;
}

.ubermenu .ubermenu-item-layout-image_only {
    margin-bottom: 20px;
}

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
    box-shadow: transparent !important;
}

/* --- First Level --- */
/* ul */
.ubermenu .ubermenu-nav {  
}

.ubermenu .ubermenu-nav a {
	padding: 8px 24px;	
	color: #004A97;
}

.ubermenu .ubermenu-nav a:hover { 
	color: #F43B3B;
}

.ubermenu .ubermenu-item.ubermenu-item-level-0 { 
	font-size: 18px; 
}


.ubermenu .ubermenu-image:not(.ubermenu-image-lazyload) {
    height: 163px;
}


/* --- Second Level --- */
/* ul ul */
.ubermenu .ubermenu-submenu {
	background-color: #E9F0F8;
	font-family: "lato", sans-serif; 
}

.ubermenu-has-submenu-flyout .ubermenu-submenu {
	padding: 20px 0;
}

.ubermenu .ubermenu-item.ubermenu-item-level-1 {
	 font-size: 16px;
} 
 
    .ubermenu .ubermenu-submenu .ubermenu-submenu-type-stack {
        margin-left: 15px;
        font-size: 16px;  
    }

    .ubermenu .ubermenu-submenu .ubermenu-submenu-type-stack a { 
        color: #5B87C6;
    }
 
    .ubermenu .ubermenu-submenu .ubermenu-submenu-type-stack a:hover { 
        color: #F43B3B;
    }

	.ubermenu-responsive .ubermenu-tab > .ubermenu-target { 
		border: 0;
	}
 

	@media(max-width: 1024px) {

		.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
			position: relative;
			padding: 0;
		}

        .ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu .sub-comp > ul {
            padding-left: 30px ;
            position: relative;
        }

        .ubermenu .ubermenu-tab .ubermenu-tab-content-panel {
            border-width: 0 !important;
        }

        .ubermenu.ubermenu-main:not(.ubermenu-responsive-collapse) {
            max-height: 195px;
            overflow: scroll !important;
        }
	}

	@media(min-width: 768px) {

	}

	@media(min-width: 1025px) {
		.ubermenu { 
			padding: 0 80px 0 230px; 
		} 

		/* --- First Level --- */
		.ubermenu .ubermenu-item.ubermenu-item-level-0 > a {  
			 padding: 33px 25px 33px 20px;
		}

		.ubermenu .ubermenu-item.ubermenu-item-level-0 > a:hover {  
			 color: #347DE3;
		}


		.ubermenu .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target .ubermenu-sub-indicator {
			color: #DAE6F4;
		}

        .ubermenu .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target{ 
            z-index: 600!important;
            border: 0;
        } 

		.ubermenu .ubermenu-item.ubermenu-item-level-1 {
			 font-size: 15px;
		} 
		 
		    .ubermenu .ubermenu-submenu .ubermenu-submenu-type-stack { 
		        font-size: 13px;  
		    }

        .ubermenu .ubermenu-item.ubermenu-item-level-0.ubermenu-item-has-children:hover > .ubermenu-target:before,
        .ubermenu .ubermenu-item.ubermenu-item-level-0.ubermenu-item-has-children:hover > .ubermenu-target:after { 
            left: 0;
            position: absolute;           
            display: block;
            width: 100%;
        }

        .ubermenu .ubermenu-item.ubermenu-item-level-0.ubermenu-item-has-children:hover > .ubermenu-target:before { 
            border-bottom: 3px solid #F43B3B;
            bottom: -1px;         
            content: "";
            height: 3px;
            z-index: 1;
        }

        .ubermenu .ubermenu-item.ubermenu-item-level-0.ubermenu-item-has-children:hover > .ubermenu-target:after {
            color: #F43B3B;  
            content: "\f0dd";
            font-family: "icomoon"; 
            font-size: 28px;
            line-height: 18px;
            bottom: 6px;
            height: 5px;
            text-align: center;
            z-index: 600!important;
        }

        .ubermenu .ubermenu-tabs-group { 
            padding: 20px 0!important;
			border: 0;
        }

            .ubermenu .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-target {
                border-bottom: 1px solid #CEDEEE;
                padding: 24px 20px;
				font-size: 18px;
            }

            .ubermenu .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-target:hover,
            .ubermenu .ubermenu-tabs-group > .ubermenu-tab.ubermenu-active > .ubermenu-target {
                background-color: #F6FAFD;
				color: #F43B3B;
            }

		.ubermenu .ubermenu-tab-content-panel,
		.ubermenu .ubermenu-tab-content-panel .ubermenu-submenu {
			background-color: #F6FAFD;
			border: 0;
		}

        .ubermenu .ubermenu-autoclear>.ubermenu-column-full {
            height: 190px;
        }
	}