/**
 * common.css
 *
 * CSS common to the website
 */

/***********************************************************************
 * 'W3-dropdown'
 **********************************************************************/
/* used for chevron icons */
.w3-dropdown-click:not(.active) i.activeState,
.w3-dropdown-click.active i.inactiveState {
  display: none;
}

/***********************************************************************
 * 'Tabbed Accordian'
 **********************************************************************/
/* used for chevron icons */
.accordion:not(.active) i.activeState,
.accordion.active i.inactiveState {
  display: none;
}

/* used to hide/unhide content */
.accordion:not(.active) + div {
  display: none;
}

/***********************************************************************
 * styling for the 'Tabbed Navigation'
 **********************************************************************/
.rowTabNav > .btnTabNav {
  padding: 0.5em 16px;
  width: auto;
}

/* non btnTabNav 'Tabbed Navigation' button(s) */
.rowTabNav > :not(.btnTabNav) {
  padding: 0.5em 16px;
  width
}

/* hide inactive 'Tabbed Navigation' content */
.rowTabNav > .btnTabNav.active {
  cursor: default;
}

.tabNavContent > :not(.active) {
  display: none;
}

/***********************************************************************
 * contextual colors
 **********************************************************************/
.text-muted {
  color: #6c757d!important;
  color: #999!important;
}
.text-primary {
  color: #007bff!important;
}
.text-success {
  color: #28a745!important;
}
.text-info {
  color: #17a2b8!important;
}
.text-warning {
  color: #ffc107!important;
}
.text-danger {
  color: #dc3545!important;
}

/***********************************************************************
 * Alerts colors
 **********************************************************************/
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

/***********************************************************************
 * Close container icon (X) styling
 **********************************************************************/
.fa-times {
  cursor: pointer;
  padding-right: 6px;
}

/***********************************************************************
 * Trophy colors
 **********************************************************************/
.trophy-1st {
  color: gold;
}
.trophy-2nd {
  color: silver;
}