@import "./colors.less";
@import "./variables.less";

@bgDefault      : @text-color;
@bgHighlight    : @text-color;
@colDefault     : @base-color;
@colHighlight   : @base-color;

a.navbar-brand, .navbar-brand:hover, .navbar-brand:focus{
	padding: 0px 15px;
  border-top: 5px solid @bgDefault !important;
}

a.navbar-brand img {
    height: 78px;
    width: auto;
    display: inline;
    text-rendering: optimizeLegibility;
}

a.navbar-brand span{
    font-weight : 600;
    margin-left: 20px;
}

@media (min-width:1400px) {
  a.navbar-brand img {
    height: 78px;
    width: auto;
  }
}

div.navbar-header{
	height: 78px;
}

.navbar-collapse{
	border-top: none;
}



@dropDown       : false;
.ddm() when (@dropDown) {
  > .dropdown-menu {
    background-color: @bgDefault;
    > li > a {
      color: @colDefault;
      &:hover,  &:focus {
        color: @colHighlight;
        background-color: @bgHighlight; }}
    .divider {
      background-color: @bgHighlight;}}}
.navbar-inverse {
  margin-bottom: 20px;
  background-color: @bgDefault;
  border-bottom: none;
  .navbar-brand {
    color: @colDefault;
    &:hover, &:focus {
    border-top: 1px solid @text-color;
      color: @colHighlight; }}
  .navbar-text {
    color: @colDefault; }
  .navbar-nav {
    > li {
      > a {
        padding: 29px;
        border-top: 5px solid @bgDefault;
        color: @colDefault;
        .weight-scale(6);
        transition: color 0.5s;
        &:hover,  &:focus {
          color: darken(@colHighlight,15%); }}
      .ddm }
    > .active {
        .weight-scale(6);
      > a, > a:hover, > a:focus {
        color: @colHighlight;
        border-top: 5px solid @base-color;
        background-color: @bgHighlight; }}
    > .open {
      > a, > a:hover, > a:focus {
        color: @colHighlight;

        background-color: @bgHighlight; }}}
  .navbar-toggle {
    border-color: @bgHighlight;
    &:hover, &:focus {
      background-color: @bgHighlight; }
    .icon-bar {
      background-color: @colDefault; }}
  .navbar-collapse,
  .navbar-form {
    border-color: @colDefault; }
  .navbar-link {
    color: @colDefault;
    &:hover {
      color: @colHighlight; }}}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav li a{
    border-top: 1px solid darken(@base-color, 20%);
    padding: 15px;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu {
    > li > a {
      color: @colDefault;

      &:hover, &:focus {
        color: @colHighlight; }}
    > .active {
      > a, > a:hover, > a:focus {
        color: @colHighlight;
        background-color: @bgHighlight; }}}
}

.modal-dialog {
    width: 750px !important;
    margin: 150px auto !important;
}
.container-bar{
  font-family: 'Roboto Slab Light';
}
