@mixin drop-shadow {
  -moz-box-shadow: 1px 2px 3px $middle-gray;
  -webkit-box-shadow: 1px 2px 3px $middle-gray;
  box-shadow: 1px 2px 3px $middle-gray;
}

@mixin offset-drop-shadow {
  -moz-box-shadow: 1px 2px 3px $light-gray;
  -webkit-box-shadow: 1px 2px 3px $light-gray;
  box-shadow: 1px 2px 3px $light-gray;
}
@mixin dark-gray-background {
  background-color: $dark-gray;
  color: $white;
  @include colored-links($yellow);
}
@mixin middle-blue-2-background {
  background-color: $middle-blue-2;
  color: $white;
  @include colored-links($yellow);
}
@mixin middle-gray-background {
  background-color: $middle-gray;
  color: $white;
  @include colored-links($yellow);
}
@mixin colored-links($color) {
  a, .uc-faux-link {
    color: $color;
    fill: $color;
    @include dotted-underline;
    &:hover {
      text-decoration: none;
    }
  }
}
@mixin dotted-underline {
  text-decoration: underline;
  @include experimental("text-decoration-style", dotted, true, false, false, false, false, true);
}
@mixin hide-accessible {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding:0;
  border:0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}