.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;
}

.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: rgba(0,0,0,.8);
z-index: 500;
}
.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, .navbar-light .navbar-nav .nav-link:hover{
color:#7c7771;
}
.navbar-nav li.nav-item.mobileNavMargin {
margin: .2% 0px;
}
.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;
}
.dropdown-item {
font-family:'friz';
color:#7c7771;
}

#navLogo{
position:absolute;
}

/* 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: 380px) and (max-width: 991px){
.navbar-collapse{
font-size:1.2rem;
position: absolute;
top:70px;
height: calc(100vh - 81px);
width: 100vw;
left: 0px;
padding: 15px;
background-color: rgba(0,0,0,.8);
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;
border-left:1px solid #7c7771;
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:#7c7771;
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:#000;
border-bottom:2px solid #000;
}
}

/* 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;
}
a.navbar-brand img{
height:60px;
margin-right:72px;
transition:all .3s;
}
a.navbar-brand img.navLogoShrink{
height:40px;
}
.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);
transition:all .3s;
}
.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:12rem;
}
.navbar-light .navbar-nav .nav-link{
font-size:1rem;
}
.homeHero{
margin-top:105px;
}
}