/* ---------------------------------------------------
  GLOBALS
----------------------------------------------------- */
:root {
  --mag-blue-color: #202f55;
  --mag-blue-dark-color: #182446;
  --mag-green-color: #080;
  --mag-green-dark-color: #060;
  --mag-grey-color: #6F5E6A;
  --mag-grey-dark-color: #534750;
  --bg-grey-color: #eee;
  --menu-speed: 0.75s;
}

html,
body {
  height: 100%;
  background-color: #333;
}

body {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-shadow: .1rem .1rem .3rem rgba(0, 0, 0, .9);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 42em;
}

a,
a:focus,
a:hover {
  color: #ddd;
}

/* ---------------------------------------------------
  HEADER STYLES
----------------------------------------------------- */

.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: #999;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  color: #ddd;
  border-bottom-color: #ddd;
}

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

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

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}

.cover {
  padding: 0 1.5rem;
}

.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}

h1.cover-heading:hover {
  text-shadow: 2px 2px 12px #000
}

.mastfoot {
  color: rgba(255, 255, 255, .5);
}

#covered {
  background-repeat: no-repeat;
}

a.foot-link {
  color: #999;
}

a.foot-link:hover {
  text-decoration: underline;
  color: #ddd;
}

/* ---------------------------------------------------
  CUSTOM BUTTONS STYLES
----------------------------------------------------- */

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}

 /** Magnolia Blue **/
 .btn-magblue {
  color: #fff;
  background-color: var(--mag-blue-color);
  border-color: var(--mag-blue-dark-color);
}

.btn-magblue:hover {
  color: #fff;
  background-color: var(--mag-blue-dark-color);
  border-color: var(--mag-blue-color);
}

.btn-magblue.focus,
.btn-magblue:focus {
  box-shadow:0 0 0 .2rem rgba(32,47,85,.5)
}

.btn-magblue.disabled,
.btn-magblue:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.btn-magblue:not(:disabled):not(.disabled).active,
.btn-magblue:not(:disabled):not(.disabled):active,
.show>.btn-magblue.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-magblue:not(:disabled):not(.disabled).active:focus,
.btn-magblue:not(:disabled):not(.disabled):active:focus,
.show>.btn-magblue .dropdown-toggle:focus {
  box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
}

/** Magnolia Green **/
.btn-maggreen {
  color: #fff;
  background-color: var(--mag-green-color);
  border-color: var(--mag-green-dark-color);
}

.btn-maggreen:hover {
  color: #fff;
  background-color: var(--mag-green-dark-color);
  border-color: var(--mag-green-color);
}

.btn-maggreen.focus,
.btn-maggreen:focus {
  box-shadow: 0 0 0 .2rem rgba(0,128,0,.5)
}

.btn-maggreen.disabled,
.btn-maggreen:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.btn-maggreen:not(:disabled):not(.disabled).active,
.btn-maggreen:not(:disabled):not(.disabled):active,
.show>.btn-maggreen.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-maggreen:not(:disabled):not(.disabled).active:focus,
.btn-maggreen:not(:disabled):not(.disabled):active:focus,
.show>.btn-maggreen .dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

/** Neutral Grey **/
.btn-neutral {
  color: #fff;
  background-color: var(--mag-grey-color);
  border-color: var(--mag-grey-dark-color);
}

.btn-neutral:hover {
  color: #fff;
  background-color: var(--mag-grey-dark-color);
  border-color: var(--mag-grey-color);
}

.btn-neutral.focus, .btn-neutral:focus {
  box-shadow: 0 0 0 .2rem rgba(111,94,106,.5)
}

.btn-neutral.disabled, .btn-neutral:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.btn-neutral:not(:disabled):not(.disabled).active,
.btn-neutral:not(:disabled):not(.disabled):active,
.show>.btn-neutral.dropdown-toggle{
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn-neutral .dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}