:root {
  --dark-purple: #671CC7;
  --mid-purple: #963bd4;
  --light-purple: #B591E3;
  --dark-gey: #343a40;
  --mid-grey: #878787;
  --light-grey: #dfdfdf;
}
a { 
  color: #000;
}
.navbar__logo {
  width: 230px;
}
.navbar__logo::before {
  width: 230px;
  content: url("/customisations/images/optimal-hosting-logo-2.svg");
}
.icon {
  border: 1px solid var(--dark-purple);
}
.jumbotron .badge::before {
  background-image: linear-gradient(20deg, var(--dark-purple), var(--light-purple));
}
.table thead th {
  background-image: linear-gradient(20deg, var(--dark-purple), var(--light-purple));
}
.btn-primary {
  background-color: var(--dark-purple);
  border: 1px solid var(--dark-purple);
}
.btn-primary:hover {
  background-color: #fff;
  color: #000;
}
.btn-lg {
  padding: 10px 20px;
}
.tombstone {
  background-image: linear-gradient(20deg, var(--dark-purple), var(--light-purple));
}
.tombstone .icon {
  border: 1px solid #fff;
}
.tombstone .btn-primary {
  padding: 8px 18px;
}
.tombstone--popular:before {
  background-color: var(--dark-gey);
}
#domain-search {
  background-image: linear-gradient(20deg, var(--dark-purple), var(--light-purple));
}
.input-group-append .btn {
  background-color: var(--dark-purple);
}
.input-group-append .btn .fas:before {
  color: #fff;
}
.badge-primary {
  background-color: var(--light-purple);
  padding: 5px 10px;
}
.text-primary {
  color: var(--dark-purple)!important;
}
.fas:before {
  color: var(--dark-purple);
}
.tombstone .fas:before {
  color: #fff;
}
#news {
  background-image: linear-gradient(20deg, var(--dark-purple), var(--light-purple)); 
}
.faq .card-header {
  background-image: linear-gradient(20deg, var(--dark-purple), var(--light-purple)); 
}
.dom-search .fas:before {
  color: #fff;
}
.dom-search .btn-primary {
  border: 1px solid #fff;
}
.nav .fas:before {
  color: var(--light-purple);
}
.input-group-text {
  background-color: var(--light-grey);
}