/* ---------------------------------------------------------------------------
 * Cache-busted by WOOLIE_VERSION (woolie/settings.py). The token is stamped onto
 * this file's URL by woolie/storage.py, so there is no query string to write in
 * the template. If you EDIT this file, BUMP WOOLIE_VERSION - otherwise the URL is
 * byte-identical after the deploy and returning users keep the cached copy.
 * (The rollup bundles are keyed to woolie_frontend/package.json instead.)
 * ------------------------------------------------------------------------ */
/*
 * Globals
 */


/* Custom default button */
.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  background-color: black;
  opacity: 1;
}

.cover-container {
  /* max-width: 42em; */
  max-width: 75%;
}

/* Fade bottom of cover image to black - for cases where content exceeds background image */
.cover-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* width: 100%;
  height: 100%; */
  background: linear-gradient(180deg, rgb(0% 0% 0% / 0) 0%, rgb(0% 0% 0% / 0.000244140625) 6.25%, rgb(0% 0% 0% / 0.001953125) 12.5%, rgb(0% 0% 0% / 0.006591796875) 18.75%, rgb(0% 0% 0% / 0.015625) 25%, rgb(0% 0% 0% / 0.030517578125) 31.25%, rgb(0% 0% 0% / 0.052734375) 37.5%, rgb(0% 0% 0% / 0.083740234375) 43.75%, rgb(0% 0% 0% / 0.125) 50%, rgb(0% 0% 0% / 0.177978515625) 56.25%, rgb(0% 0% 0% / 0.244140625) 62.5%, rgb(0% 0% 0% / 0.324951171875) 68.75%, rgb(0% 0% 0% / 0.421875) 75%, rgb(0% 0% 0% / 0.536376953125) 81.25%, rgb(0% 0% 0% / 0.669921875) 87.5%, rgb(0% 0% 0% / 0.823974609375) 93.75%, rgb(0% 0% 0%) 100% );
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); */
  background-position: 50% 50%;
  background-size: 100% 200%;
  z-index: -1;
}

/*
 * Header
 */

.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .5);
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}