@import 'pallete';

body {
  font-family: Roboto, sans-serif !important;
}

.brand {
  color: #000070 !important;
}
.inverted.brand {
  background-color: #000070 !important;
  color: white !important;
}
.button.brand {
  box-shadow: none !important;
}
.title.image {
  width: 15rem;
}

header {
  #franja {
    background-color: #707070;
    color: white !important;

    .menu {
      color: inherit !important;

      .spacer {
        width: 3rem;
      }
      .input {
        height: 1.3rem !important;
      }
    }
  }
  .menu {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    .logo {
      font-size: 2rem;
      font-weight: 900;
    }

    #productos_menu .menu {
      border: none;
      box-shadow: none;

      .item:hover {
        background-color: $gris-medio !important;
      }
    }
  }
}

a {
  color: inherit !important;
}

.menu {
  font-family: inherit !important;
}
.item {
  font-family: inherit !important;
  color: inherit !important;
}

#contacto {
  background-color: $gris-claro;
  padding-top: 3rem;
  padding-bottom: 3rem;

  .header {
    color: $azul-oscuro !important;
    font-weight: 900;
  }
  .form .button {
    background-color: $marca;
    color: white;
  }
}

footer {
  background-color: $marca;
  color: white;
  margin: 0;

  .menu {
    margin: 0 !important;

    .label {
      background-color: white !important;
      color: $marca !important;
    }
  }
}