/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
 /* dark blue #004188 */

.dark #header, #header.dark, 
.dark #header-wrap {
	background-color: var(--themecolor);
}

.dark .menu-link {
	color:  var(--yellow);
}

.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link
 {
	color:  white !important;
}

.btn-success {
	background-color: var(--themecolor);
	border-color: var(--themecolor);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active  {
	background-color: var(--themehovercolor);
	border-color: var(--themehovercolor);
}

.sub-menu-container .menu-item:hover > .menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link:hover,
.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link,
.dark .mega-menu-style-2 .mega-menu-title:hover > .menu-link {
	background-color: var(--themehovercolor);
	border-color: var(--themehovercolor);
}

@media (min-width: 992px) {
	.dark .primary-menu:not(.not-dark) .sub-menu-container,
	.dark .primary-menu:not(.not-dark) .mega-menu-content {
		background-color: var(--themecolor);
	}

	.menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*='col']) {
		width: 230px;
	}

	.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item > .menu-link {
		color:  var(--yellow);
	}
}