/* STYLES FOR NAVIGATION MENU */

.navbar-tall{padding:20px 10px;}
.navbar-brand{margin-bottom:-20px;margin-right:20px; margin-left:20px;padding:6px 20px; background-color: #23223f;}
.nav-icons{position: absolute; right:0px; z-index: 99;margin-top:13px;}
#locationIcon{margin-top:2px;}
 img.logo-menu{width:120px;}

.nav-item a {
  font: 20px "Passion One", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 700;
}
.navbar-nav{height:100%;}
.nav-item.active a:not(.dropdown-item){
  /* font-size: 28px;  */
  color:#FFF;
}
/* .nav-item:not(.dropdown){padding-bottom:10px;} */
.nav-item.dropdown{padding-bottom:10px;}

.nav-link{padding: 0 10px!important;}

/* DROPDOWNS */
.dropdown-toggle:after{display:none;}
.dropdown-menu{ border-radius: 0 !important; z-index:999; top:0;  background-color: #23223f; }
.dropdown-menu a{color:#FFF; font: 16px "Public Sans Thin", sans-serif;text-transform: uppercase;}
.dropdown-small{
  font-size:14px; 
  right:0;
  left:auto;
  text-transform:none;
  max-height:250px;
  overflow:auto;
  top: 58px;
}

.dropdown-item{padding: 12px;}
.dropdown-item .item-small{padding: 6px 12px;text-transform:none;}

.dropdown-menu>li:first-child, .dropdown-menu>li:first-child .dropdown-item,
.dropdown-menu>li:last-child, .dropdown-menu>li:last-child .dropdown-item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown:hover .dropdown-menu {
  display: block;
}

#locationDropdown{
  padding-top:20px;
  margin-block-start: -7px;
}

/* ============
     RESPONSIVE 
============= */

@media (min-width: 998px) {
  .nav-item{padding-bottom:20px;}
  .dropdown-small{max-height:400px;}
  #locationDropdown{
    padding-top:0px;
  }

}
@media (min-width: 768px) {
  .navbar-nav{margin-top:20px}
  .nav-icons{right:10px; bottom:0px;}
  .offcanvas{flex-direction: row;}
  .navbar-tall{padding-bottom: 0px !important;} /*padding-top:50px !important; */
  .nav-item{padding-bottom:10px;padding-top:10px;}
  img.logo-menu{width:165px;}
  .navbar-nav{margin-top:0px;}
 
  .dropdown-menu{
    /* margin-top:16px!important; */
    top: 100%;
    margin-top: 0px;
    background-color: #3c3b89;
  }
  #locationDropdown{margin-block-start: 0;}

  .nav-item.dropdown:hover{background-color: #3c3b89;color:#FFF;}

}

@media (max-width: 767px) {
  
  .offcanvas{background-color: #23223f !important;width:90%!important;}
  .offcanvas.offcanvas-start{border-right:0px!important;}
  /* .offcanvas-body{overflow-y:hidden;} */
  .navbar-nav .dropdown-menu:not(.dropdown-small){
    display:block !important;
    position: relative !important;
    margin-left: 20px;
    margin-bottom:20px;
  }
  .navbar-toggler{position: absolute; left:6px;}
  .navbar-toggler.collapsed ~ .navbar-collapse { transition: left 400ms ease-in;}
}

/* ============
     SEARCH 
============= */

.togglesearch{
  background: #3c3b89;
  position: absolute;
  top: 130%;
  right: 0%;
  height: 3em;
  line-height: 100%;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  /* border-top:4px solid #3c3b89; */
  
}

.togglesearch:before{
  content: "";
  position: absolute;
  top: -55%;
  right: 5%;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid transparent;
  border-bottom: 14px solid #3c3b89;
}
 
.togglesearch input[type="text"]{
  width: 10em;
  height: 100%;
  padding: 10px;
  margin-left: 0px;
  border: 1px solid #3c3b89;
  outline: none;
}