// U.S. Bar Disclaimer Banner
//
// This banner lives at the top of every page and identifies the site as an official government
// website.
//
// Markup:
// <section class="banner slab-beta">
//   <span class="banner-left">An official website of the U.S. Government <img class="banner-image" src="{{ site.baseurl }}/public/img/us-flag-small.png" alt="U.S. flag signifying that this is a United States Federal Government website"></span>
//   <span class="banner-right">This site is in development. <a class="link-alpha" title="Learn about this site's development" tabindex="0" href="https://github.com/onrr/doi-extractives-data/issues/">See what's new</a>.</span>
// </section>
//
// Styleguide blocks.banner

.banner {
  @include clearfix();
  @include heading('para-sm');
  @include font-size(0.8);

  font-weight: $weight-light;
  padding: ($base-padding / 2) $base-padding-large;
  text-align: center;

  @include respond-to(small-to-huge) {
    padding-left: $page-padding;
    padding-right: $page-padding;
  }
}

// .banner-centered {
//   display: none;
//
//   @include respond-to(tiny-up) {
//     display: block;
//   }
// }
//
.banner-right {
  text-align: center;

  @include respond-to(tiny-up) {
    float: right;
  }
}

.banner-image {
  padding-left: $base-padding-lite / 2;
  margin-bottom: -1px;
  margin-right: 3px;
}

.home-bottom-links {
  h2,
  .h2 {
    font-size: 24px;
    margin-bottom: 0;
  }
}
