/* adds some margin below the link sets  */
.navbar .mega-dropdown-menu div[class*="col"] {
	margin-bottom: 1rem;
}
.navbar .mega-dropdown-menu {
	border: none;
	background-color: #fff !important;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
/* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
	padding-top: 0px;
	padding-bottom: 0px;
}
/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
	padding: .5rem .5rem;
	margin: 0 .25rem;
}
/* makes the dropdown full width  */
.navbar .mega-dropdown {
	position: static;
}
.navbar .mega-dropdown-menu {
	width: 100%;
	left: 0;
	right: 0;
	top: 87px;
	display: block;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.3s linear;
}
/* shows the dropdown menu on hover */
.navbar .mega-dropdown:hover .mega-dropdown-menu, .navbar .mega-dropdown .mega-dropdown-menu:hover {
	display: block;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.3s linear;
}
.navbar .mega-dropdown-menu {
	border: 1px solid rgba(0,0,0,.15);
	background-color: #fff;
}
}