:root {
  --ss-primary-color: #dfb200;
  --ss-primary-color-hover: #e4b400;
}

.ss-btn-primary {
	background-color: var(--ss-primary-color);
	border-color: var(--ss-primary-color);
  color: white;
}

.ss-btn-primary:hover {
	background-color: var(--ss-primary-color-hover);
	border-color: var(--ss-primary-color-hover);
  color: white;
}

.ss-btn-outline-primary {
  background-color: white;
  color: var(--ss-primary-color);
  border-color: var(--ss-primary-color);
}

.ss-btn-outline-primary:hover {
  background-color: var(--ss-primary-color);
  color: white;
  border-color: var(--ss-primary-color);
}

.ss-bg-primary {
  background-color: var(--ss-primary-color);
}

.ss-text-primary {
  color: var(--ss-primary-color);
}

.ss-border-primary {
  border: 1px solid var(--ss-primary-color) !important;
}

.ss-price-color {
	color: var(--ss-primary-color);
}

.ss-svg-color-primary {
  fill: var(--ss-primary-color);
}

.ss-border-color-primary {
  border-color: var(--ss-primary-color)!important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--ss-primary-color);
  background-color: white;
  border: 1px solid var(--ss-primary-color);
}

.nav-link {
  display: block;
  padding: .5rem 1rem;
  color: var(--ss-primary-color);
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.form-check-input:checked {
  background-color: var(--ss-primary-color);
  border-color: var(--ss-primary-color);
}