/*
 * This is a manifest file that'll be compiled into home.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require modules/layouts/header_nav
 */

@import "common/header";
@import "common/sandbox_banner";
@import "common/button_to";
@import "bootstrap-sprockets";
@import "bootstrap";

#header{
  background-color: #07519B;
  color: #07519B;
  background-attachment: fixed, fixed,  fixed;
  background-position: top left,  center center,  center center;
  background-size: auto,  cover,  cover;
  overflow: hidden;
  position: relative;
  text-align: center;
  min-height: 388px;
}

.photon-header-nav-container {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 2;
  @media (max-width: 800px) {
    position: inherit;
    display: block;
    top: 0;
  }
}

.alert {
  margin-top: -1em;
  margin-bottom: 1em;

  &.bg-danger, &.bg-warning {
    color: #000;
  }
}

section#footer {
  padding: 1em 0;
}
