/* Select Field
   ========================================================================== */

// select { display: none; }
select.browser-default { display: block; }

select {
  background-color: $select-background;
  width: 100%;
  box-sizing: border-box;
  padding: $select-padding;
  border: $select-border;
  border-radius: $select-radius;
  height: $input-height;

  //remove moz
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  // Focused input style
  &:focus:not([readonly]), &:focus-within:not([readonly]) {
    border-bottom: 1px solid $input-focus-color;
    box-shadow: 0 0px 1px 1px $input-focus-color;
  }
  option {
    padding: .5em;
    text-transform: none;
    color: $off-black;
    display: block;
  }
}

select:not([multiple]) {
  background-position: right 1em center;
  background-size: 13px auto;
  background-repeat: no-repeat;
  background-image: url(../../img/icons/chevron-down-grey.svg);
}

select[multiple] {
  height:auto;
  min-height: $input-height;
}

.filter-select {
  min-width: 33.33%;
}