/* =========================================================
   NURIA REALTY — NAVBAR
========================================================= */

.nr-navbar{
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(0,0,0,.06);
  padding:18px 0;
  transition:all .25s ease;
}

.nr-brand{
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:2.5px;
  color:var(--nr-dark) !important;
}

.nr-brand::after{
  content:'.';
  color:var(--nr-red);
}

.nr-navbar .nav-link{
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:1.4px;
  color:#333 !important;
  margin:0 8px;
  font-weight:500;
}

.nr-navbar .nav-link:hover{
  color:var(--nr-red) !important;
}

.nr-contact-btn{
  display:inline-flex;
  padding:10px 18px;
  border:1px solid var(--nr-red);
  color:var(--nr-red);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:1.3px;
  font-weight:600;
}

.nr-contact-btn:hover{
  background:var(--nr-red);
  color:#fff;
}

.nr-lang-switch{
  font-size:.76rem;
  letter-spacing:1.5px;
  color:#777;
  font-weight:600;
}

.nr-lang-switch:hover{
  color:var(--nr-red);
}

.navbar-toggler:focus{
  box-shadow:none;
}

/* Mobile */
@media (max-width:991px){
  .nr-navbar{
    padding:14px 0;
  }

  .navbar-collapse{
    background:#fff;
    padding:24px 0 14px;
  }

  .nr-navbar .nav-link{
    margin:8px 0;
  }

  .nr-contact-btn{
    margin-top:10px;
  }
}
/* =========================================================
   STICKY NAVBAR
========================================================= */

.nr-navbar {
    position: sticky;
    top: 0;
    z-index: 999;
    
    background: rgba(255,255,255,.92);
    
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-bottom: 1px solid rgba(0,0,0,.04);

    transition:
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

/* =========================================================
   NAVBAR ON SCROLL
========================================================= */

.nr-navbar.scrolled {

    background: rgba(255,255,255,.96);

    box-shadow:
        0 10px 30px rgba(0,0,0,.04);
}