/**! Custom Styles Go Here (for easy template updating) **/
.nav-bar .logo {
  max-height: 44px;
  max-width: 190px;
}

.nav-bar div {
  data-fixed-at: 200;
}

/**nav bar logo height adjustment**/
.gradient--active .nav--fixed.bg--primary.nav-bar {
  background: #222;
}

/**nav bar color change after scroll down**/
.nav-bar:not(.nav--fixed) .logo-fixed {
  display: none;
}

/** to show a different logo after scroll down**/
/* .gradient--active .bg--primary {
  background: linear-gradient(to right, #173f35 100%, #008c74 0%);
} */

/** to change the color to brand color**/