/**
 * @file
 * Subtheme specific CSS.
 */

.alert-wrapper {
  position: unset;
}

/* Responsive branding assembled from the supplied individual artwork. */
.site-branding--last-one-out .band-brand {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.band-brand__horizontal {
  position: relative;
  display: block;
  width: 356px;
  height: 120px;
}

.band-brand__name {
  position: absolute;
  top: 13px;
  left: 12px;
  width: 280px;
  height: 44px;
}

.band-brand__door {
  position: absolute;
  top: 4px;
  right: 0;
  width: 59px;
  height: 116px;
}

.band-brand__tear {
  position: absolute;
  left: 0;
  display: flex;
  height: 7px;
}

.band-brand__tear--top {
  top: 0;
  width: 356px;
}

.band-brand__tear--bottom {
  top: 62px;
  width: 300px;
}

.band-brand__tear > img {
  flex: 0 0 24px;
  width: 24px;
  height: 7px;
}

.band-brand__tear-fill {
  flex: 1 1 auto;
  min-width: 0;
  background: url('../images/branding/tear-strip-bkgnd.png') repeat-x center / auto 7px;
}

.band-brand__badge {
  display: none;
  width: 150px;
  height: auto;
}

@media (max-width: 575.98px) {
  .band-brand__horizontal {
    display: none;
  }

  .band-brand__badge {
    display: block;
  }
}