@import "helpers.less";

#header {
  min-height: 50px;
}

@media (max-width: 768px) {
  .icon-casa {
    background: url("imgs/casas_icon.png");

    &.i-cni { .icon(0, 0, 95px, 50px); }
    &.i-sesi { .icon(-110px, 0, 95px, 50px); }
    &.i-senai { .icon(-220px, 0, 130px, 50px); }
    &.i-iel { .icon(90px, 0, 95px, 50px); }
  }
  .nav.casas-mobile > li > a {
    padding: 5px 15px;
  }
  .navbar.navbar-fixed-top{
    height: 80px;
  }
  .navbar.navbar-fixed-top + header {
      padding-top: 1px!important;
  }
  .navbar-fixed-top .search-mobile .icon:first-child {
    margin: 12px 30px;
    -webkit-transform: scale(1.5);
  }
  .navbar input.icon.ic-search{
    top: 20px;
    -webkit-transform: scale(1.6);
  }
  .search-mobile .nav > li > a{
    padding-top: 15px;
  }
  .navbar-form .form-control.search,
  input.more-results,
  .tt-dataset-suggest{
    width: 680px;
    font-size: 28px;
  }
  .navbar-form .form-control.search{
    height: 60px;
  }
  .tt-suggestion p {
    font-size: 28px;
  }
  .navbar-collapse.header-casas{
      margin-left: 20px;
  }
}

@media (max-width: 320px) {
  .icon-casa {
    &.i-cni {
      .icon(-16px, -7px, 45px, 14px);
    }
    &.i-sesi {
      .icon(-86px, -7px, 55px, 14px);
    }
    &.i-senai {
      .icon(-166px, -7px, 73px, 14px);
    }
    &.i-iel {
      .icon(-264px, -7px, 40px, 14px);
    }
  }
  .search-mobile {
    display: none;
  }
  .navbar.navbar-fixed-top {
    height: 48px;
  }
  .nav.casas-mobile > li > a {
    padding: 5px 3px;
  }
}