.em-select > select{
  display: block;
  height: 100%;
}

a.em-carousel-arrow:hover {
  text-decoration: none;
}

a.em-button-default:hover {
  color: white;
}

hr {
  opacity: 1;
  border: 0;
  border-top: 1px solid #D1D3D4;
  height: 0;
}

/* Didn't want to universally override Materialize so use form-field-override on em-form-field */
.form-field-override input:not([type]):not(.browser-default),
.form-field-override input[type=text]:not(.browser-default),
.form-field-override input[type=password]:not(.browser-default),
.form-field-override input[type=email]:not(.browser-default),
.form-field-override input[type=tel]:not(.browser-default),
.form-field-override textarea:not(.browser-default) {
  height: auto;
  margin-bottom: 0;
}

.form-field-override .em-input-append > button.em-icon-eye-slash,
.form-field-override .em-input-append > button.em-icon-eye {
  background: transparent !important;
}

.form-field-override .em-field-label label {
  color: black;
}

/* Override UI Kit teal active effect to something more ember friendly */
button.em-on-click:active:hover:focus {
  background-color: transparent!important;
}

/* Allows for builder sticky header to extend beyond the gutter */
.sticky-nav-override {
  width: calc(100% + var(--em-gutter-spacing) * 2);
  transform: translateX(-2.5%);
}