/* -------
   M A I N
   ------- */

html, body {
  min-height: calc(100vh - 50px);
}

body {
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll !important;
  -webkit-font-smoothing: antialiased;
  font-family: 'Crimson Text';
  font-weight: 400;
  font-style: normal;
}


/* ----------------------------
   G E N E R A L  C L A S S E S
   ---------------------------- */

.line-top {
  border-top: 1px solid lightgray;
}

.line-bottom {
  border-bottom: 1px solid lightgray;
}

.shadow-bottom {
  -webkit-box-shadow: 0px 3px 10px 4px;
  box-shadow: 0px 3px 10px -4px rgba(0,0,0,.75);
}

.shadow-top {
  -webkit-box-shadow: 0px -3px 10px 4px;
  box-shadow: 0px -3px 10px -4px rgba(0,0,0,.75);
}

.drop-shadow {
  filter: drop-shadow(4px 4px 2px hsla(0, 0%, 0%, 0.4));
}

::placeholder {
  font-weight: 700;
  color: lightgrey;
}

::-webkit-input-placeholder {
  font-weight: 700;
  color: lightgrey;
}

::-webkit-input-placeholder {
  font-weight: 700;
  color: lightgrey;
}

::-moz-placeholder {
  font-weight: 700;
  color: lightgrey;
}

:-ms-input-placeholder {
  font-weight: 700;
  color: lightgrey;
}

::-ms-input-placeholder {
  font-weight: 700;
  color: lightgrey;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: black;
  cursor: pointer;
}

/* -----------
   B U T T O N
   ----------- */

button {
  text-align: center;
  white-space: nowrap;
  padding: 12.0px 24px;
  font-family: 'Crimson Text';
  font-weight: 700;
  font-size: 20px;
  cursor: pointer;
  background-color: #403a3a;
  color: white;
  border: 1px solid #403a3a;
  border-radius: 35px;
}

button:active, button:focus, button:hover {
  background-color: transparent !important;
  color: #403a3a;
}

button:disabled {
  background-color: gray !important;
  border-color: gray !important;
  color: darkgray !important;
  cursor: auto;
}