input[type='submit'] {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0.5em;
  text-transform: uppercase;
  transition: all 400ms ease-in-out;
}

input[type='submit'][disabled] {
  background-color: #f39100;
  cursor: default;
}

input[type='submit']:not([disabled]):focus, input[type='submit']:not([disabled]):hover {
  background-color: #0078ca;


}

.nam-contract:not(:first-child) {
  margin-top: 4em;
}

.nam-input-container {
  display: flex;
  flex-flow: column nowrap;
  margin: 1em 0;
}


.nam-input-container.nam-error > input {
  border-color: #f39100;
}

.nam-input-container.nam-error > input:focus {
  background-color: #f39100;
}

.nam-input-container > label {
  color: rgba(0, 0, 0, 0.55);
  display: block;
  font-size: .8em;
  padding-top: .5em;
  text-transform: capitalize;
}

.nam-input-container > input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  outline: none;
  padding: 1em;
  transition: all 400ms ease-in-out;
}

.nam-input-container > input:focus {
  background-color: #f2f2f2;
}

.nam-message {
  color: #f39100;
  font-size: .90em;
  transition: height 400ms ease-in-out;
}


.nam-toolbar > h1 {
  font-size: 1.5em;
  font-weight: normal;
}




.nam-menu .nam-menu-toggle:hover {
  background-color: #f39100;
  color: white;
}

.nam-menu > a {
  display: block;
  height: 2em;
  line-height: 2em;
  padding: 0 1em;
  text-transform: uppercase;
}