/*Menu*/
.menu-style {
	text-align: left;
	position: relative;
}

.menu-style a {
	border-radius: 0;
}

.menu-style [class*="uk-icon-"] {
	display: none;
}

#astroid-sticky-header {
	background-color: transparent;
}

.astroid-header-section .astroid-header-sticky > div {
	background-color: var(--background-box);
	box-shadow: var(--material-shadow);
	border: 1px solid var(--border-color);
	border-radius: 15px;
	margin-top: 10px;
}

.megamenu-container {
	background: var(--background-box);
	z-index: 1000;
	width: 500px;
	padding: 0;
	border-radius: 10px;
	box-shadow: var(--material-shadow);
	border: 1px solid var(--border-color);
	overflow: hidden;
}

.astroid-nav li {
	margin: 15px;
}

@media (min-width: 1660px) {
	.astroid-nav > li:first-child {
		margin-left: 0;
	}
}

.astroid-nav > li > a[href="#"] {
	cursor: default;
}

.astroid-nav > li.nav-item-parent > a:hover,
.nav-item-dropdown div ul li a.nav-link:hover,
.astroid-nav li a.nav-link:hover,
#astroid-sticky-header .astroid-nav .nav-link:hover,
.astroid-nav > li.uk-open > a {
	color: #737373;
	background-color: transparent;
	border-bottom: 2px solid #737373;
}

.nav-item-dropdown div ul li a.nav-link:hover {
	border-bottom: none;
}

.nav-item-dropdown li {
	margin: 0;
	padding: 0;
}

.astroid-nav > li.nav-item-parent > a,
.megamenu-container li.nav-item-submenu > a,
.astroid-nav li a.nav-link,
#astroid-sticky-header .astroid-nav .nav-link {
	color: var(--text-color-faded);
	text-transform: uppercase;
	font-weight: 500;
	padding: 5px 0;
	transition: none;
}

#astroid-sticky-header .astroid-nav li.nav-item-level-1 {
	margin: 5px 15px;
}

.megamenu-container li.nav-item-submenu > a {
	padding: 10px 15px;
}

.astroid-nav > li.nav-item-active > a.nav-link,
#astroid-sticky-header .astroid-nav > li.nav-item-active > .nav-link {
	background-color: transparent;
	color: var(--main-color);
	border-bottom: 2px solid var(--main-color);
}

.megamenu-container li.nav-item-submenu > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
	color: var(--text-color-faded);
	background-color: var(--background-box-acc);
	border-bottom: none;
}

.uk-open > .uk-dropdown,
.uk-open > .uk-dropdown-blank {
	display: block;
	animation: fullScreenAnimation 0.2s ease-in-out;
}

.uk-navbar-toggle {
	font-size: 20px;
	margin: 10px;
	float: left;
	border-radius: 10px;
	position: relative;
	z-index: 1000;
}

.uk-navbar-toggle:hover {
	transition: all 0.1s;
	transform: scale(1.1);
}

.uk-navbar-toggle:after {
	top: 3px;
	position: relative;
	color: #737373;
}

.uk-nav-offcanvas li a.nav-link:active,
.megamenu-container li.nav-item-submenu > a:active,
.megamenu-container li.nav-item-submenu > a.active {
	background-color: var(--main-color-lite);
	color: #fff;
}

.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
	margin: 0;
}

.uk-dropdown {
	top: 65px !important;
}

.astroid-nav > li > a {
	text-transform: uppercase;
	font-size: 18px;
	padding: 0;
	font-weight: 500;
}

.astroid-nav > li.nav-item-parent > a:after {
	line-height: 35px;
}

.full-height {
	height: 100vh;
}

.half-height {
	height: 50vh;
}

.flex-grid-2 > * {
	flex-basis: 40%;
}

html {
	background: #fff;
}

.uk-nav-navbar > li > a:focus,
.astroid-nav > li > a:focus {
	color: #737373;
	border-bottom: 2px solid #737373;
}

/*Sidebars*/
aside .uk-panel.jmoddiv {
	background-color: #fff;
	border-radius: 10px;
	padding: 15px;
	box-shadow: var(--material-shadow);
}

aside .uk-panel.jmoddiv .uk-nav li {
	margin: 0 -15px;
	border-radius: 0;
}

aside .uk-panel.jmoddiv .uk-nav li a.nav-link {
	padding: 5px 15px;
}

/*Offcanvas*/
.uk-offcanvas {
	animation: fade-in 0.2s;
	background: rgba(0, 0, 0, 0.4);
	animation-fill-mode: backwards;
}

.uk-nav-offcanvas {
	border-radius: 15px;
	background-color: #fff;
	box-shadow: var(--material-shadow);
	margin: 15px;
	margin-top: 100px;
	overflow: hidden;
}

.uk-offcanvas-bar {
	background: transparent;
	width: 320px;
}

.uk-active > .uk-offcanvas-bar {
	animation: materialJumpIn 0.3s ease-in-out;
}

.uk-offcanvas .uk-nav > li > a {
	padding: 5px 15px;
}

.uk-nav-offcanvas li a.nav-link {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-transform: uppercase;
	width: 400px;
	max-width: 100%;
	height: 50px;
	align-items: center;
	margin: 15px;
	padding: 0 10px;
	background: none;
	color: #737373;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	border-radius: 0;
	font-weight: 500;
}

ul.uk-nav-sub {
	padding: 0;
}

.uk-offcanvas .uk-active > a {
	color: var(--main-color);
}

.uk-nav-parent-icon > .nav-item-parent > a:after {
	margin-right: 0;
}

html .uk-nav.uk-nav-offcanvas > li.nav-item-active > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
	background: rgb(240, 240, 240);
	color: #737373;
	transition: all 0.1s;
}

.uk-nav-offcanvas li li a.nav-link:hover,
.uk-nav-offcanvas li li a.nav-link:active {
	transition: all 0.15s;
	background: #e4e4e4;
}

ul.uk-nav-sub {
	padding: 0;
}

.uk-nav-parent-icon > .nav-item-parent > a:after {
	margin-right: 10px;
}

.uk-nav > li li > a {
	padding: 5px 15px;
	color: #737373;
}

.uk-nav-offcanvas > .uk-open > a {
	color: #737373;
}

.uk-nav > li > div {
	border-top: 1px solid rgb(226, 226, 226);
	border-bottom: 1px solid rgb(226, 226, 226);
}

.uk-offcanvas-page {
	position: fixed;
	-webkit-transition: margin-left 0.3s ease-in-out;
	transition: margin-left 0.3s ease-in-out;
	margin-left: 0;
}