/*
  ** COLORS **
  red: rgb(186,42,55), #BA2A37
  yellow: rgb(240,202,89), #F0CA59
  brighter yellow: # FDCC52
  purple: rgb(112,68,146), #704492

  Yellows
  # FDCC52
  # FCBD20

  Orange
  # DDB439

*/

.font_purple {
  color: #704492;
}

input.arkhos_input {
  /*
  background-color: rgb(112, 69, 145);
  */
  color: #704492;
  border-color: #704492;
  /* border-radius: 26px; */
  border-radius: 4px;
  padding: 11px;
  padding-left: 16px;
  font-size: 14px;
}
input.arkhos_input.small {
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.text_display.small {
  border-radius: 4px;
  border: 1px solid #704492;
  color: #704492;
  background-color: #e9ecef;
  font-size: 12px;
  padding: 10px 16px;
}
div.text_display a {
  color: #704492;
}

button {
  cursor: pointer;
}

.btn-squat {
  font-size: 11px;
  padding: 11px 43px;
}

.btn-full {
  width: 100%;
}

.btn-dark.focus, .btn-dark:focus {
    box-shadow: 0 0 0 1px rgba(52,58,64,.5);
}

.btn-purple {
  color: #FDCC52;
  background-color: #704492;
  border: 1px solid;
  border-color: #704492; }
  .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active {
    color: #704492;
    border-color: #704492;
    border-color: #FDCC52;
    background-color: #FDCC52; }

.btn-yellow {
  color: #704492;
  background-color: #F0CA59;
  border: 1px solid;
  border-color: #704492; }
  .btn-yellow:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active {
    color: #F0CA59;
    border-color: #704492;
    background-color: #704492; }