:root {
	--cnvs-themecolor: #1e488f;
	--cnvs-themecolor-rgb: 30, 72, 143;
}


#header .menu-link div {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	color: #374151;
	padding-right: 1rem;
}

#header.full-header .primary-menu .menu-container > .menu-item.current > .menu-link div,
#header.full-header .primary-menu .menu-container > .menu-item:hover > .menu-link div,
#header.full-header .primary-menu .menu-container > .menu-item:focus-within > .menu-link div {
	color: #1e488f;
}

#header.sticky-header-shrink,
#header.sticky-header-shrink #header-wrap {
	box-shadow: 0px 1px 6px 0 rgba(52, 52, 52, 0.3);
}

@media (min-width: 992px) {
	#header.full-header .header-row {
		display: flex;
		align-items: center;
	}

	#header.full-header .primary-menu {
		flex: 1;
		display: flex;
		justify-content: center;
	}

	#header.full-header .primary-menu .menu-container {
		display: flex;
		justify-content: center;
	}

	#header.full-header .header-misc {
		margin-left: auto;
		display: flex;
		align-items: center;
	}
}

.sub-menu-container .menu-link div {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	color: #374151;
}

/* Primary Menu Submenu Indicators
-----------------------------------------------------------------*/

.primary-menu .menu-container > .menu-item.has-submenu > .menu-link div > i.sub-menu-indicator {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.45rem;
	font-size: 0.75rem;
	color: #58606e;
	opacity: 0.85;
	transform: rotate(-90deg);
	transform-origin: center;
	transition: transform 0.3s ease;
}

.primary-menu .menu-container > .menu-item.has-submenu:hover > .menu-link div > i.sub-menu-indicator,
.primary-menu .menu-container > .menu-item.has-submenu:focus-within > .menu-link div > i.sub-menu-indicator,
.primary-menu .menu-container > .menu-item.has-submenu.menu-item-open > .menu-link div > i.sub-menu-indicator {
	transform: rotate(0deg);
}

.primary-menu .menu-item .sub-menu-container .menu-item > .menu-link div > i.sub-menu-indicator {
	transform: rotate(-90deg);
	transition: transform 0.3s ease;
}

.primary-menu .menu-item .sub-menu-container .menu-item.menu-item-open > .menu-link div > i.sub-menu-indicator,
.primary-menu .menu-item .sub-menu-container .menu-item:hover > .menu-link div > i.sub-menu-indicator,
.primary-menu .menu-item .sub-menu-container .menu-item:focus-within > .menu-link div > i.sub-menu-indicator {
	transform: rotate(0deg);
}
/* ----------------------------------------------------------------
	Custom CSS

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

/* Logo Switching on Scroll with Fade Transition
-----------------------------------------------------------------*/
#logo {
	position: relative;
}

#logo a {
	position: relative;
	display: inline-flex;
	align-items: center;
}

#logo .logo-shrink {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	display: flex !important;
	pointer-events: none;
}
#logo .logo-default.is-hidden-immediate,
#logo .logo-dark.is-hidden-immediate,
#logo .logo-shrink.is-visible-immediate {
	transition-duration: 0s !important;
}
#logo .logo-default.is-hidden,
#logo .logo-dark.is-hidden {
	opacity: 0;
}

#logo .logo-shrink.is-visible {
	opacity: 1;
}