@charset "UTF-8";

/* MyAtos ICONFONT */
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot?-d4jyxw&version=2.0.1');
  src: url('../fonts/iconfont.eot?#iefix-d4jyxw&version=2.0.1') format('embedded-opentype'),
    url('../fonts/iconfont.woff?-d4jyxw&version=2.0.1') format('woff'),
    url('../fonts/iconfont.ttf?-d4jyxw&version=2.0.1') format('truetype'),
    url('../fonts/iconfont.svg?-d4jyxw#iconfont&version=2.0.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* MyAtos ICONFONT */

.logo-img {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0.6;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3em;
  padding: 0;
  margin-left: 0;
  border-left: none;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.logo-img:before {
  content: '\e602';
}

nav.navbar {
  padding-bottom: 0;
}
nav.subbar {
  padding-top: 0 !important;
  padding-bottom: 0.5rem !important;
}
.navbar-title {
  display: inline-block;
  vertical-align: middle;
}

.navbar-brand.logo {
  padding: 5px 15px;
}

.navbar-nav .nav-link {
  color: hsla(0, 0%, 100%, 0.5);
}
.navbar-nav .active > .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar-nav .show > .nav-link,
.navbar-brand,
.navbar-brand:focus,
.navbar-brand:hover {
  color: #fff;
}