//
// Close
// --------------------------------------------------

.close {
  float: right;
  line-height: 1;
  text-shadow: none;
  font-size: $font-size-base;

  @include themes(color, color-new-body-light);

  &:hover,
  &:focus {
    color: inherit;
    text-decoration: none;
    cursor: pointer;

    @include themes(color, color-new-heading);
  }

  &:before {
    content: "\f00d";
    font-family: $font-family-awesome;
  }

  &-right-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
}