/* The <body> tag in our html doc has id='bootstrap'-override'. This id is adding to every selector in our stylesheet to give our styles priority over bootstrap. See here for how CSS prioritizes conflicting style instructions: https://stackoverflow.com/questions/20721248/how-can-i-override-bootstrap-css-styles */

/* To select an element that is a DECSENDENT of another element leave a space. This captures children, grandchildren, etc. Example: "#value .class". Refference: https://css-tricks.com/child-and-sibling-selectors/ */

/* controls the error message for too restrictive search criteria */
#bootstrap-overrides #no_results {
  text-align: center;
  vertical-align: center;
  padding: 10px;
  font-style: italic;
}

/* makes all column divs in a row div with class=equal display as the same height */
/* not currently used, but may be helpful in future */
#bootstrap-overrides .equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

#bootstrap-overrides #standings_table_div{
     margin: 0 auto;
     max-width: 800px; 
}