// =============================================================================
// footer.scss - Footer styles
// ========================================================================== */
footer:not(.playbill-footer),
.footer {
  background: $footer-bg;
  background-position: 50% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: $footer-box-shadow;
  margin-top: $footer-margin-top;
  padding: $footer-padding-y $footer-padding-x;
  position: relative;
  &:after {
    background: $brand-primary;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: .9375rem;
  }
  &:before {
    background: rgba($white, .8);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}