/* Progress Bar CSS */
#progress-bar h4 {
  color: var(--gt-black);
  font-family: var(--font-roboto-condensed);
  font-weight: 500;
  font-size: 1.1rem;
  text-transform: uppercase;
}

.progress {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--gt-white);
}

.progress-bar.gold {
  color: var(--gt-black) !important;
  background: var(--gt-gold) !important;
}

.progress-bar.blue {
  color: var(--gt-white) !important;
  background: var(--gt-blue) !important;
}
.progress-bar.black {
  color: var(--gt-white) !important;
  background: var(--gt-black) !important;
}

.progress-bar.warm-gray {
  color: var(--gt-black) !important;
  background: var(--gt-warm-gray) !important;
}

.progress-bar.white {
  color: var(--gt-black) !important;
  background: var(--gt-white) !important;
}

.progress-bar.progress-bar-striped.transparent {
  color: var(--gt-black);
  background: transparent;
}

.progress-bar.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;
  background-size: 1rem 1rem !important;
  font-size: 3vh;
  font-weight: 700;
}
/* Bar Background */
.progress.black {
  background: var(--gt-black) !important;
}

.progress.white {
  background: var(--gt-white) !important;
}

.progress.blue {
  background: var(--gt-blue) !important;
}

.progress.gold {
  background: var(--gt-gold) !important;
}

.progress.warm-gray {
  background: var(--gt-warm-gray) !important;
}

.progress.transparent {
  background: transparent !important;
}