* {
  font-size: 0.9rem;
}

a:link {
  display: block;
  text-decoration: inherit;
  color: inherit;
  width: 100%;
  height: 100%;
}

a:visited {
  display: block;
  text-decoration: inherit;
  color: inherit;
  width: 100%;
  height: 100%;
}

.nav-menu {
  position: relative;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  text-align: center;
  padding-top: 1rem;
}

.nav-menu:after {
  position: absolute;
  content: " ";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #aaa;
  z-index: 1;
}

.nav-menu__item {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border: 0.06rem solid #aaa;
  background: #ececec;
  display: inline-block;
}

.nav-menu__item:hover {
  background: #fff;
}

.link-active {
  background: #fff;
  color: #000;
  z-index: 2;
  border-bottom-color: #fff;
}

.invisible-button {
  height: 100%;
  width: 100%;
  border: 0;
  padding: 0;
  background: inherit;
}

.nav-menu__anchor {
  padding: 0.1rem 0 0.2rem 0;
}

.login-nav-bar {
  grid-template-columns: 4rem 30rem auto 6rem fit-content(26rem) 6rem 5rem;
  background-color: #000;
  color: #fff;
  display: grid;
  text-align: center;
}

.login-nav-bar-logged-in {
  grid-template-columns: 4rem 30rem auto 6rem fit-content(26rem) 6rem 5rem;
  background-color: #000;
  color: #fff;
  display: grid;
  text-align: center;
}

.login-nav-menu__item {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  background-color: black;
  border: none;
  color: white;
}

.login-nav-menu__item:hover {
  text-decoration: underline;
  color: white;
}

.login-nav-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #000;
}

.main-nav-bar {
  grid-template-columns:
    6rem max-content minmax(0em, 4fr) 6fr minmax(6em, 1fr) minmax(6em, 1fr)
    minmax(9em, 1fr) minmax(9em, 1fr) 6rem;
  background-color: #fff;
  color: #000;
  padding: 0rem;
  display: grid;
  text-align: center;
  overflow-x: visible;
}

.main-nav-menu__item {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 1.25rem;
  line-height: 8.5rem;
}

.main-nav-menu__item:hover {
  text-decoration: underline;
}

.main-menu-item {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.scenario-nav-items {
  grid-template-columns: repeat(6, 1fr);
  background-color: #fff;
  color: #000;
  display: grid;
  text-align: center;
}

.pale-background {
  background-color: #fdf6ec;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.box-shadow {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
}

.custom-footer {
  grid-template-columns: max-content auto max-content;
  display: inline-grid;
  vertical-align: middle;
  background: #fff;
  color: #000;
  line-height: 5rem;
  padding: 0 8rem;
  height: 5rem;
}

.center-image {
  margin: auto;
}

.planning-footer {
  background-color: #f8991d;
  font-family: "Bebas Neue", cursive;
  font-size: 2.5rem;
  color: #000000;
  /* color: white */
}

.footer-grid {
  grid-template-rows: max-content max-content;
  display: grid;
}

.page-grid {
  height: 100vh;
  grid-template-rows: max-content auto max-content;
  display: grid;
}

.page-grid-element {
  background-color: red;
}

.custom-box-container {
  margin: auto;
  width: 35rem;
}

.main-box {
  text-align: center;
  background-color: white;
  width: 35rem;
  padding: 2rem;
  justify-content: center;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border: 0px solid #000000;
}

.text-left {
  text-align: left;
}

.btn-primary {
  background-color: #367D41;
  border-color: #367D41;
  width: 100%;
  color: white !important;
}

.btn-primary:hover {
  background-color: #3e8346;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #3e904b;
  border-color: #3e904b;
}

.active-link {
  background-color: #3e904b;
  color: white !important;
}

.extra-space {
  width: 800px;
}

.extra-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.footer-extras {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

.align-right {
  float: right;
  padding-top: 0.8rem;
}

.extra-padding-right {
  padding-right: 5rem;
}

.bottom-links {
  color: #707175;
  /* color: #818285; */

}

.pointer {
  cursor: pointer;
}

.nav-bar-text {
  font-size: 1.1rem !important;
}

.blue-link {
  color: blue !important;
  display: inline !important;
}

.form-group {
  margin-bottom: 1rem;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}