/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 4's default CSS.
 These are theme independent and should work with any Bootstrap 4 theme mod.
*/

/*.two-level a:hover.nav-link {color:#fff; background:#e73d30;}
.two-level .nav-item.active .nav-link {color:#fff; background:#e73d30;}
.two-level .nav-item.show a.highlighted {color:#fff; background-color:#e73d30;}

.two-level a.bg-light:hover, .two-level a.bg-light:focus,
.two-level button.bg-light:hover,
.two-level button.bg-light:focus, .two-level button.bg-light:active {
  background-color: #e73d30 !important; color:#fff;
}*/



.two-level .navbar-brand {
  color:#fff; padding: 0.85rem; font-size:1rem; margin-right:0.1rem; background:rgba(0,0,0,0.2);
}

.two-level a.navbar-brand:hover, .two-level a.navbar-brand:focus {
 color:#fff; background-color:#e73d30; text-shadow: 1px 1px 2px rgba(0,0,0, 0.8);
}

.two-level .navbar-nav .show > .nav-link,
.two-level .navbar-nav .nav-link.show {
	color:#fff; background-color:#e73d30;
}

.two-level .navbar-toggler {
  color:#fff;
  border-color: rgba(0, 0, 0, 0.1);
}

.two-level a.bg-light:hover,
.two-level a.bg-light:focus,
.two-level .navbar-nav a:hover.nav-link,
.two-level a:hover.dropdown-item {
  background-color: #e73d30 !important; color:#fff;
}

.two-level li.dropdown a:hover.dropdown-item.has-submenu {background:#e73d30;}


.two-level .navbar-nav .active > .nav-link,
.two-level .navbar-nav .nav-link.active, .two-level .bg-light {
  background-color: #004F6E !important; color:#fff;
}

.two-level li.dropdown a.highlighted.bg-light {background:#004F6E ; color:#fff;}


/*----------------My Edits-----------------*/
.two-level {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}


.two-level.fixed {
    top: 54px;
	overflow: visible;
}

.two-level.slide-up {
    -webkit-transform: translateY(-54px);
    -ms-transform: translateY(-54px);
    transform: translateY(-54px);
}


.two-level .navbar-toggler {border:none;border-radius:0; padding: 1rem 0.75rem; font-size:1rem; font-weight:500; color:#fff;}
.two-level button.navbar-toggler:focus {box-shadow:none;}

/* Change Dropdown Icon State */
.two-level .navbar-toggler:after {position:relative; top:3px; padding:0.5rem; font-family:'the-luxury-circle';}
.two-level .navbar-toggler[aria-expanded="false"]:after {content:'\39';}
.two-level .navbar-toggler[aria-expanded="true"]:after {content:'\21';}

.two-level .navbar-toggler[aria-expanded="true"] {border-bottom:1px solid #e3e4e8;}


.two-level .navbar {
	padding:0;
	-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.07);
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.07);/*border-bottom:1px solid #e3e4e8;*/
}
.two-level .dropdown-item {
padding: 0.5rem 1.5rem;    
color: #6c757d;
border-radius: 0 !important;
font-size: 0.9rem;
text-transform: none;
letter-spacing: 0.05rem;
border-bottom: 1px solid #fff;
}

.two-level .navbar-nav .nav-link {
	font-size: 0.8rem;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.08rem;
	padding:1rem; color:#fff;
}
.two-level .navbar-nav .nav-link.has-submenu {
	padding:1rem 1.35rem 1rem 1rem;
}

.two-level .navbar-nav .nav-item {position:relative;}
.two-level .navbar-nav .nav-item:after {content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:rgba(255,255,255,0.2);}

.two-level .nav-item:last-child:after {display:none;}


/* Carets in collapsible mode (make them look like +/- buttons) */
.navbar-nav.sm-collapsible .sub-arrow {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -0.8rem 0.5rem 0 0;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: .25rem;
	padding: 0.2rem 0.5rem;
	text-align: center;
}
.navbar-nav.sm-collapsible .sub-arrow::before {
	content: "\28"; font-family:"the-luxury-circle";
}
.navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
	content: "\29"; font-family:"the-luxury-circle";
}
.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {
	border-color: rgba(255, 255, 255, .1);
}


/* make sure there's room for the carets */
.navbar-nav.sm-collapsible .has-submenu {
	padding-right: 3em;
}
/* keep the carets properly positioned */
.navbar-nav.sm-collapsible .nav-link,
.navbar-nav.sm-collapsible .dropdown-item {
	position: relative;
}


/* Nav carets in expanded mode */
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .3rem;
	vertical-align: 0.8rem;
}
/* point the arrows up for .fixed-bottom navbars */
.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,
.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after {
	border-top: 0;
	border-bottom: .3em solid;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow::before {content:'\28'; font-family:"the-luxury-circle"; position:absolute; font-size:0.6rem; font-weight:normal; color:#c7c7c7;}




/* Dropdown carets in expanded mode */
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow {
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	margin-top: -.4rem;
	margin-right: 1rem;
}
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow::before {content:'\2b'; font-family:"the-luxury-circle"; position:absolute; font-size:0.6rem; font-weight:normal; color:#c7c7c7;}

.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	margin-top: -.3em;
	margin-right: 1em;
	border-top: .3em solid transparent;
	border-bottom: .3em solid transparent;
	border-left: .3em solid;
}
/* make sure there's room for the carets */
.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
	padding-right: 2em;
}


/* Scrolling arrows for tall menus */
.navbar-nav .scroll-up,
.navbar-nav .scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.navbar-nav .scroll-up-arrow,
.navbar-nav .scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid;
	border-left: 7px solid transparent;
}
.navbar-nav .scroll-down-arrow {
	top: 6px;
	border-top: 7px solid;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid transparent;
}


/* Add some spacing for 2+ level sub menus in collapsible mode */
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
	margin: .5em;
}


/* Fix SmartMenus sub menus auto width (subMenusMinWidth/subMenusMaxWidth options) */
.navbar-nav:not([data-sm-skip]) .dropdown-item {
	white-space: normal;
}
.navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item {
	white-space: nowrap;
}


@media only screen and (min-width: 1024px) {
/*	.two-level .navbar {
	border-bottom: 1px solid #e3e4e8;
	}*/
	.two-level.fixed {
		top: 100px;
		overflow: visible;
	}
	.two-level.slide-up {
		-webkit-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		transform: translateY(-100px);
	}
	.two-level a:focus, .two-level .navbar-nav .nav-link:focus {background-color:#e73d30; color:#fff;}
}

@media only screen and (max-width:992px)  {
	.navbar-collapse {
		max-height: 320px;
		overflow-x:hidden;
		overflow-y: auto;
		background: #fff;
	}
	.two-level .navbar-nav .nav-item {border-bottom: 1px solid rgba(0,0,0,0.05);}
	.two-level .navbar-nav .nav-item:last-child {border:none;}
	
	.two-level .navbar-nav .nav-link {
		padding: 0.7rem 1rem;
		color:#222;
	}
	
	.two-level .navbar-nav .show > .nav-link {color:#fff; background-color:#004f6e;}
	
	.two-level {min-height:51px;}
	.two-level .navbar {position:fixed; top:0; width:100%;}
}