/* For navigation menu */
.navigationBar {
	overflow: hidden;
}
	
/* For texts in navigation bar */
.navigationBar a {
	font-size: 15px;
	color: white;
}
	
/* The dropdown div */
.downMenu {
	float: left;
	overflow: hidden;
}
	
/* For downButton to work as menu */
.downMenu .downBtn {
	padding: 15px 15px;
	background-color: inherit;
}
	
/* To hide mega menu */
.downMenu-content {
	position: absolute;
	display: none;
	background-color: rgb(7, 7, 7);
	width: 50%;
}

.megaMenu {
	background-color: rgb(7, 7, 7);
	width: 100%;
}
	
/* To show mega menu on hover */
.downMenu:hover .downMenu-content {
	display: block;
    z-index: 50;
}
	
/* Create columns in mega menu*/
.menuCol {
	padding: 10px;
}


/* Style the columns */
.menuCol a {
	float: none;
	color: rgb(255, 255, 255);
	padding: 7px;
	display: block;
	text-decoration: none;
}

.menuCol a:hover {
	color:grey;
}

.view-all-link { 
	text-decoration: none;
	color: white;
	font-weight:  700;
	font-size: 1.7rem !important;
}

.mobileMenuList {
	display:list-item
}