/* Variables */
:root {
  --widow-gold: #d6961f;
  --widow-gold-dark: #855600;
  --widow-gold-tint: #9c6600;
  --widow-gold-greyed: #63543a;
}

INPUT:-webkit-autofill,
SELECT:-webkit-autofill,
TEXTAREA:-webkit-autofill {
  animation-name: onautofillstart;
}
INPUT:not(:-webkit-autofill),
SELECT:not(:-webkit-autofill),
TEXTAREA:not(:-webkit-autofill) {
  animation-name: onautofillcancel;
}
@keyframes onautofillstart {
  from {
  }
}
@keyframes onautofillcancel {
  from {
  }
}

.grad-rep {
  background: repeating-linear-gradient(45deg, #ff9100 33vw, #cae000 100vw, #ff9100 133vw);
}

.body-h80-min {
  min-height: 90vh;
}
/* Default height for small devices */
#intro {
  height: 400px;
}

/* Height for devices larger than 576px */
@media (min-width: 576px) {
  #intro {
    height: 450px;
  }
}

/* Custom Gold widow Buttons */
.btn-outline-gold {
  color: var(--widow-gold) ;
  border-color: var(--widow-gold) ;
}
.btn-outline-gold:hover {
  color: var(--widow-gold-dark) ;
  background-color: rgba(0, 0, 0, 0.02);
}
.btn-outline-gold.active,
.btn-outline-gold.dropdown-toggle.show,
.btn-outline-gold.focus,
.btn-outline-gold:active,
.btn-outline-gold:focus {
  color: var(--widow-gold-dark) ;
  background-color: transparent;
}
.btn-outline-gold.active:focus,
.btn-outline-gold.dropdown-toggle.show:focus,
.btn-outline-gold:active:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-outline-gold.disabled,
.btn-outline-gold:disabled {
  color: var(--widow-gold-dark) ;
}

.btn-gold {
  color: #fff;
  background-color: var(--widow-gold) ;
}
.btn-gold.focus,
.btn-gold:focus,
.btn-gold:hover {
  color: #fff;
  background-color: var(--widow-gold-tint) ;
}
.btn-check:active + .btn-gold,
.btn-check:checked + .btn-gold,
.btn-gold.active,
.btn-gold:active,
.show > .btn-gold.dropdown-toggle {
  color: #fff;
  background-color: var(--widow-gold-dark) ;
}
.btn-check:active + .btn-gold:focus,
.btn-check:checked + .btn-gold:focus,
.btn-gold.active:focus,
.btn-gold:active:focus,
.show > .btn-gold.dropdown-toggle:focus {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
.btn-gold.disabled,
.btn-gold:disabled {
  color: #fff;
  background-color: var(--widow-gold-greyed);
}
.bg-gold {
  background-color: var(--widow-gold-tint) !important;
}