:root {
  --primary-color: #ff4a00;
  --secondary-color: #000000;
  --g3-primary-btn__bg-color: #ff4a00;
}

/* Buttons */

.g3-button--primary,
.g3-button--secondary,
.canvas__zoom-button,
.g3-dropdown-button__button--primary,
.data-dictionary__switch-button--active,
.popup__title {
  background-color: var(--primary-color);
}

.g3-button--primary:hover,
.g3-button--secondary:hover,
.canvas_zoom-button:hover,
.g3-dropdown-button__button--primary:hover,
.data-dictionary__switch-button:hover {
  background-color: var(--secondary-color);
}

.g3-button--default:active, .g3-button--default:active svg path {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  fill: var(--primary-color);
}

/* fix for hard-coded orange button on File download page */
.button-primary-orange {
  background-color: var(--primary-color);
  color: #000000
}
.button-primary-orange:hover {
  background-color: var(--secondary-color);
  color: #ffffff
}

/* Nav Bars and Footer */

.top-bar,
.top-bar__header,
.top-icon-button.body-typo {
  background-color: var(--primary-color);
  color: #000000
}

.top-bar__link {
  border-right: 2px solid #000000;
}

.nav-button:hover,
.button-active {
  border-bottom: 3px solid var(--primary-color);
}

.nav-bar__logo-img {
  height: unset;
  width: 248px;
  margin-top: 0px;
  margin-right: 8px;
  content: url('/src/img/logo.png');
}

.footer__version-area {
  width: 600px;
}

.h3-typo:hover {
  border-bottom: 3px solid var(--primary-color);
}

/**
 * hide footer versions from view, according to NIH guidelines that require
 * footer to contain only links.
 */
.footer {
  background-color: var(--primary-color);
}

.footer-container {
  background-color: var(--primary-color);
}

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

/* Data Explorer */

.filter-group__tab,
.g3-filter-group__tab {
  border-top: 1px solid var(--primary-color);
  border-right: 1px solid var(--primary-color);
  border-left: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.tier-access-selector__radio-input:checked + .tier-access-selector__customized-radio-input::after {
  background-color: var(--primary-color);
}

.filter-group__tab--selected,
.g3-filter-group__tab--selected {
  background-color: var(--primary-color);
  color: #fff;
}

.aggregation-card .bucket-item .bucket-count {
  color: var(--secondary-color);
}

.aggregation-card input[type='checkbox']:checked {
  background: var(--secondary-color);
}

.g3-single-select-filter__checkbox:checked {
  background: var(--primary-color);
}

.sqon-clear {
  background-color: var(--primary-color);
}

.sqon-value {
  background-color: var(--secondary-color);
}

.sqon-value-group, .sqon-more, .sqon-less {
  color: var(--primary-color);
}

.input-range__track--active,
.rc-slider-track,
.g3-single-select-filter__count .g3-icon--under {
  background-color: var(--primary-color);
}

/* Charts */

tspan.special-number,
.special-number,
.form-special-number,
.g3-single-select-filter__count {
  color: var(--primary-color);
}

.special-number {
  fill: var(--primary-color);
}

.data-explorer__charts tspan.special-number,
.data-explorer__charts .special-number,
.data-explorer__charts .form-special-number {
  color: var(--secondary-color);
}

.data-explorer__charts .special-number {
  fill: var(--secondary-color);
}

.explorer-button-group__dropdown {
  margin-right: 10px;
}

/* Other */
.protected-content {
  background-color: #e9f7f4;
} 

/* Index Changes */

.introduction__icon {
  display: none;
}

.index-button-bar {
  width: 100%;
  background-color: #ffffff;
}

.index-button-bar__thumbnail-button {
  background-color: inherit;
  border: none;
}

.index-button-bar__icon {
  filter: hue-rotate(292deg);
}

.index-button-bar__thumbnail-title {
  display: none;
}

@media screen and (max-width: 1170px) {
  .index-button-bar {
    padding: 0 10%;
  }
}

.login-page__side-box {
  filter: hue-rotate(292deg);
}
