/*
==============================
Page: All
Section: Navbar
==============================
*/

.navbar-main {
  width:100%;
}
.navbar-brand img {
  width:235px;
  max-width: 270px;
  height:auto;
}
.menu-items {
  list-style:none;
}
.menu-items li {
  margin-bottom:1rem;
}
.menu-items li a {
  color: #232F3D;
}
.navbar-transition.scrolled {
  background-color:#fff;
  box-shadow:0 0px 2px rgba(0,0,0,.3);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.navbar-transition.scrolled .navbar-brand {
  opacity:1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
#navbar {
	background-color: #0072CE;
	color:#232F3D;
	position: fixed;
	top: 84px;
	right: 0;
	left: 0;
	height: 100vh;
	padding-top: 15px;
	z-index: 99;
}
.logged-admin #navbar {
  padding-top:40px;
}
.top-bar {
  position:relative;
  z-index:101;
}
.top-bar-include #navbar {
  padding-top:52px;
}
.top-bar-include.logged-admin #navbar {
  padding-top:45px;
}
.navbar-nav {
  padding-left:45px;
  padding-right:45px;
}
.navbar-nav .nav-link{
  text-align: left;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Montserrat';
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 19px;
}
.navbar-icon-menu i {
  font-size:1.6em;
}
.close-menu {
	position: absolute;
	right: 35px;
	top: 0;
	z-index: 100;
  background-color: #fff;
}
.logged-admin .close-menu {
	top: 24px;
	z-index: 100;
}
.top-bar-include .close-menu {
  top:0px;
}
.top-bar-include.logged-admin .close-menu {
  top: 22px;
}

.close-menu span {
  font-size:3.5em;
  line-height:1em;
}
.scrolled-items {
  display:none;
}
.navbar-transition.scrolled .initial-header {
  display:none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.navbar-transition.scrolled .scrolled-items {
  display:block;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.navbar-nav .nav-item:last-child .nav-link {
  padding-right:0;
}
.dropdown-item:focus,
.dropdown-item:active{
  background-color: transparent;
}
.telefonos-mobile{
  opacity: 0.9;
  font-family: 'Montserrat';
  font-size: 12px;
  letter-spacing: 0.94px;
  line-height: 15px;
}

/*
==============================
Page: All
Section: Navbar for header with margin top
==============================
*/

/* .margin-top-content .site-content {
  margin-top:7vh;
} */
.margin-top-content .navbar-transition {
  background-color:#fff;
}
/*
==============================
Navbar - Media Queries
==============================
*/

@media (min-width: 992px) {
  #navbar {
    background-color: #fff;
    color:#232F3D;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    padding-top: 15px;
    z-index: 99;
  }
  .top-bar-include.logged-admin #navbar {
    padding-top:130px;
  }
  .navbar-nav {
    padding-left:20%;
    padding-right:20%;
  }
  .navbar-nav .nav-link{
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    color: inherit;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu{
    transform: translate3d(-43%, 52px, 0px) !important;
    left: 50% !important;
    padding: 0 15px;
    min-width: 180px;
  }
  .dropdown-menu .dropdown-item{
    text-transform: uppercase;
    text-align: center;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-right: 0;
    padding-left: 0;
    font-size: 0.7em;
    letter-spacing: 1px;
    border-bottom: 1px solid blue;
    white-space: normal;
  }
  .menu-item:last-of-type .dropdown-item {
    border-bottom: 0;
  }
  .navbar-brand img {
    width:430px;
    max-width: 450px;
    height:auto;
  }
  .menu-items li a {
    color: #FFF;
  }
  .navbar-transition.scrolled .menu-items li a {
    color:#232F3D;
  }
  #navbar {
    background-color:transparent;
    position:relative;
    height:auto;
    padding:0;
  }
  .menu-items li {
    margin-bottom:0;
  }
  .navbar-transition.scrolled .navbar-brand img {
    width:400px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
  }
  .navbar-nav {
    padding-left:0;
    padding-right:0;
  }

  /* TOP BAR AZUL */
  .margin-1{
    margin-right: 7px;
  }
  .separator {
    font-size: 13px;
  }
  .header-emails,
  .icon-red-social{
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.72px;
    line-height: 15px;
  }
  .header-emails:hover,
  .header-emails:focus{
    color: #fff;
  }
  .navbar-nav .nav-link{
    font-family: 'Montserrat';
    font-size: 14px;
    color: #4A4A4A;
    font-weight: 500;
    letter-spacing: 0.37px;
    line-height: 18px;
    text-transform: uppercase;
  }

  /* NAVBAR MENU */
  #navbar #main-menu:nth-last-child() {
    background-color: red!important;
  }
  #navbar #main-menu .menu-item .nav-link{
    margin-left: 30px;
  }
  .navbar-expand-lg .navbar-nav .nav-link.padding-0{
    padding-right: 0px;
  }
  /* #main-menu .menu-item.active a.nav-link{
    border-bottom: 2px solid #0072CE;
  } */

  #main-menu .menu-item.active a.nav-link::after{
    content: "";
    border-bottom: 2px solid #0072CE;
    width: 75%;
    display: block;
    margin: 1px auto;
  }
}