.bg-primary {
  --bg-opacity: 1;
  background-color: #e0823d;
  background-color: rgba(224, 130, 61, var(--bg-opacity));
}

.border-primary {
    --border-opacity: 1;
    border-color: #208b34;
    border-color: rgba(32, 139, 52, var(--border-opacity));
}

.hover\:bg-primary:hover {
    --bg-opacity: 1;
    background-color: #e0823d;
    background-color: rgba(224, 130, 61, var(--bg-opacity));
}

.hover\:border-primary:hover {
    --border-opacity: 1;
    border-color: #208b34;
    border-color: rgba(32, 139, 52, var(--border-opacity));
}

.focus\:bg-primary:focus {
    --bg-opacity: 1;
    background-color: #e0823d;
    background-color: rgba(224, 130, 61, var(--bg-opacity));
}

header.bg-white {
    background-image: linear-gradient(to right, #bf2201, #fcdf77);
}

header a.bg-primary {
    color: #111111;
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
}

a.bg-primary {
    --bg-opacity: 1;
    background-color: #208b34;
    background-color: rgba(32, 139, 52, var(--bg-opacity));
}

.if-logo-w {
  --bg-opacity: 1;
  background-color: #e0823d;
  background-color: rgba(224, 130, 61, var(--bg-opacity));
  padding: 5px;
  border-radius: 3px;
}