.navbar-fixed-top {
position: fixed;
top: 0px;
right: 0;
left: 0;
z-index: 1030;
}

.navbar-light .navbar-toggler {
border:0px solid transparent;
}

.navbar-brand{
padding:0px;
}

a.navbar-brand img{
height:45px;
width:auto;
}
#navLogo{
position:absolute;
}
.navbar-nav{
text-align:center;
}
.navbar-collapse {
font-size: 1.2rem;
position: absolute;
top: 60px;
height: calc(100vh - 71px);
width: 100vw;
left: 0px;
padding: 15px;
background-color: #000;
overflow-y: scroll;
z-index: 500;
}
.navbar-nav ul p{
color:  #7c7771;
font-weight: bold;
}
.navbar-nav li.nav-item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 5% 0px;
transition: all .85s;
}
.navbar-light .navbar-nav .nav-link{
font-family:'friz';
color:#9d9791;
text-transform:uppercase;
}
.navbar-light .navbar-nav .nav-link:focus{
color:#9d9791;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
color:#9d9791;
}
.navbar-nav li.nav-item.mobileNavMargin {
margin: .2% 0px;
}
.navbar-nav li.nav-item.indent{
margin-left:12px;
}
.dropdown, .navbar-nav .dropdown-menu{
border-radius:0px;
background-color:transparent;
}
.dropdown-menu{
border-left: 1px solid #7c7771;
margin-right: 25px;
border-radius: 0px;
}
.dropdown-menu .dropdownLinks{
border-left:1px solid #7c7771;
}
a.dropdown-item.navTitleItem{
font-weight:600;
letter-spacing:.05rem;
margin-top:5px;
padding-left:.75rem;
border-bottom: 1px dotted #7c7771;
}
a.dropdown-item.navTitleItem:first-of-type{
margin-top:0px;
}
.dropdown-item {
font-family:'friz';
color:#7c7771;
}
a.dropdown-item:not([href]){
color:#7c7771;
}


/* MULTI-LEVEL DROPDOWNS */
	ul.dropdown-menu.openUnder{
	height:0px;
	}
	ul.dropdown-menu.openUnder.show{
	position: relative;
	left: 0px;
	height:100%;
	margin:0px;
	padding:0px 0px 0px 1rem;
	border-top:1px dotted #7c7771;
	border-bottom:1px dotted #7c7771;
	border-left:none;
	box-shadow: none;
	}
	.dropdown-submenu {
	  position: relative;
	}
	.dropdown-submenu a::after {
	  transform: rotate(-90deg);
	  position: relative;
	  top: .8em;
	  float:right;
	}
	.dropdown-submenu .dropdown-menu {
	  top: 0;
	  left: 100%;
	  margin-left: .1rem;
	  margin-right: .1rem;
	}




/* TRANSPARENT VERSION OF MAIN NAV */
#mainNav{
transition:all .3s;
}
#mainNav.transNav{
background-color: rgba(0,0,0,.6) !important;
}
#mainNav.transNav a.nav-link{
/* color:#fff; */
/* text-shadow:2px 2px 3px #000; */
}
#mainNav.transNav a.nav-link:hover{
border-bottom:2px solid #fff;;
}
.whiteNavLogo{
opacity:0;
}
.navbar-light .navbar-toggler-icon.whtToggleIcon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media only screen and (max-height: 480px) and (orientation: portrait){
.navbar-nav li.nav-item {
margin: 3% 0px;
}
}

@media only screen and (min-width: 350px) and (max-width: 991px){
.navbar-collapse{
font-size:1.2rem;
position: absolute;
top:70px;
height: calc(100vh - 81px);
width: 100vw;
left: 0px;
padding: 15px;
z-index: 500;
}
.navbar-nav{
height:100%;
}
a.navbar-brand img{
height:55px;
width:auto;
}
.navbar-nav li.nav-item{
display: flex;
align-items: center;
justify-content: center;
flex-direction:column;
margin:5.2% 0px;
transition:all .85s;
}

.navbar-nav .dropdown-menu{
background:transparent;
border:none;
margin-right: 25px;
border-radius:0px;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
color:#7c7771;
}
.navbar-light .navbar-nav .nav-link {
font-size:1.2rem;
}
.dropdown-item{
color:#7c7771;
}
.dropdown-item:hover{
color:#9d9791;
background-color:transparent;
}
.navbar-nav li.nav-item.mobileNavMargin{
margin:.2% 0px;
}
}

/* MD BREAKPOINT */
@media only screen and (min-width: 992px){
.navbar{
padding: .5rem 2rem;
}
.navbar-light .navbar-nav .nav-link{
margin-right: 40px;
padding-bottom:3px;
border-bottom:2px solid transparent;
}
.navbar-light .navbar-nav .nav-link:hover{
color:#7c7771!important;
border-bottom:2px solid #000;
}
a.dropdown-item:not([href]) {
    color: #7c7771;
}
}

/* iPAD LANDSCAPE */
@media only screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape){
.navbar-nav li.nav-item {
margin: 3% 0px;
}
.navbar-nav li.nav-item.mobileNavMargin {
margin: .1% 0px;
}
}

/* XL BREAKPOINT */
@media only screen and (min-width: 1200px){
.navbar{
align-items:flex-end;
}
.navbar-fixed-top {
top: 12px;
}
.navbar-expand-xl .navbar-collapse {
left: 315px;
}
.navbar-collapse {
top:auto;
bottom: 8px;
height: auto;
width: auto;
padding:0px;
background-color: transparent;
overflow-y:visible;
}
a.navbar-brand img{
height:60px;
margin-right:72px;
transition:all .3s;
}
a.navbar-brand img.navLogoShrink{
height:40px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
color:#7c7771;
}
.navbar-nav ul.columns{
columns:3 auto;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
/* width:1140px; */
margin-top:7px;
padding:1rem 0;
border:0px transparent;
background-color: #fff;
box-shadow:3px 3px 5px rgba(0,0,0,.5);
}
.navbar-expand-xl .navbar-nav .dropdown-menu.transNav {
background-color: rgba(0,0,0,.7);
box-shadow:none;
}
.navTitle.transnav {
color:rgba(255,255,255,.9);
}
.dropdown-item {
color:#7c7771;
padding:.3rem 1rem .3rem .3rem;
text-align:left;
transition:all .3s;
}
.dropdown-item.transNav {
color:rgba(255,255,255,.8);
}
.dropdown-item:focus, .dropdown-item:hover {
background-color:transparent;
transition:all .3s;
}
.dropdown-item.transNav:focus, .dropdown-item.transNav:hover {
color:#fff;
}
.navbar-light .navbar-nav .nav-link{
color: #7c7771;
font-size:.875rem;
transition:all .2s;
}
#mainNav.transNav a.nav-link{
color:#fff;
}
.navbar-nav li.nav-item{
margin:0px;
transition:all .3s;
}
}


/* 1440w BREAKPOINT */
@media only screen and (min-width: 1440px){
.navbar{
align-items:flex-end;
}
.navbar-fixed-top {
top: 12px;
}
.navbar-expand-xl .navbar-collapse {
left: 315px;
}
a.navbar-brand img{
height:78px;
margin-right:72px;
}
a.navbar-brand img.navLogoShrink{
height:45px;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
margin-top:7px;
min-width:17rem;
}
.navbar-light .navbar-nav .nav-link{
font-size:1rem;
}
.homeHero{
margin-top:105px;
}
}