/* NOTE: These are just for example right now. Will need to be updated as theming progresses. */

body {
  color: #12173f;
}

a,
a:hover,
a:active,
a:focus {
  color: #5d76a9;
}

/*h1 a,
h2 a,
h3 a,
h4 a {
  color: white;
}*/

/*h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,*/
.footer-bottom a:hover,
.footer-top a:hover {
  color: #ccc;
}

a:hover,
a:active,
a:focus {
  color: #5d76a9;
}

.btn.active,
.field-name-field-etowah-arena-btn a,
.news-block__hover-area__link-icon,
.gallery-row__hover-area__link-wrapper-icon {
  color: #ffffff;
}

.box-score-team-toggle.active,
.etowah-game-block,
.button-primary,
.team-contact__method--live-chat__link,
.news-block__hover-area__link-icon,
.gallery-row__hover-area__link-wrapper-icon,
.field-name-field-etowah-arena-btn a {
  background-color: #000;
}
/* Stats Game Block Panel always has a black background unless overridden by the team. */
.game-block-panel-stats {
  background-color: #000;
}

.team-contact__method--email__link:hover {
  color: #000;
}

.button-primary:hover,
.team-contact__method--live-chat__link:hover,
.field-name-field-etowah-arena-btn a:hover {
  background-color: #b0b0b0;
}

.tag__title {
  background-color: #5d76a9;
  color: white;
}

.image_wisl_mask .selected img,
.image_wisl_mask a:hover img {
  border: 2px solid #000 !important;
}

.page {
  background-color: #12173f;
}

.page .fixed {
  background-color: #000;
}

.main-nav__menu-item > ul {
  background-color: #222222;
}
@media (min-width: 768px) {
  /*.main-nav__menu-item > .em-hover {
    background-color: #000;
  }*/
  .main-nav__menu-item.em-ti > .em-hover {
    background-color: #000;
  }
}
@media (min-width: 768px) {
  .main-nav__menu-item > ul {
    background-color: #5d76a9;
  }
}

.search-box__icon--on,
.search-box__form-wrapper,
.btn-group-global-language,
.global-language-mobile--on,
button.active,
button.btn-default.active,
  .roster__player__footer a {
  background-color: #000;
}

.social-bar__mobile-icon--on,
.social-bar--header {
  background-color: #000;
}
@media (min-width: 768px) {
  .social-bar--header {
    background-color: rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 768px) {
  .em-mobile-active > a {
    background-color: #000;
  }
}

.mobile-menu-hamburger {
  background-color: #000;
}

@media (min-width: 768px) {
  .em-ssmu a:hover,
  .em-smu a:hover {
    color: #000;
    background-color: transparent;
    /* if we need a bg color on rollover, add here */
  }
}

@media (min-width: 768px) {
  .em-smu > li.block:hover {
    background-color: #5d76a9;
  }
}

.nav-pills-stats-leaders li.active .pos,
.roster__player__info__stats--item {
  color: #000;
}

/*
 * Team sub-nav.
 */
.menu-block-ctools-main-menu-1 .nav-pills > li.active > a,
.menu-block-ctools-main-menu-1 .nav > li > a:hover {
  color: #000;
}

/*
 * Text that appears over color backgrounds.
 * Add variable to replace white if needed.
 */
.front #content {
  color: #fff;
}

.not-front #content {
  color: #12173f;
}

.footer-top {
  background-color: #000;
}

/*Photo Gallery Customization*/
#nbaImageGrid,
.nbaImageGallery .action,
[class*="pane-photo-gallery-tag-filters-pane-"],
[class*="pane-etowah-taxonomy-tag-filters-pane"] {
  background-color: #5d76a9;
}

.view-remove-all-filters a {
  color: #5d76a9;
}

#loadmore-galleries:hover,
#loadmore-galleries:active,
#loadmore-galleries:focus {
  color: #5d76a9;
}

.footer-bottom {
  background-color: #474747;
}