/*

This file is only loaded for local testing. This is a copy of some of the
contents of the style.css file loaded by my Wordpress child template

*/

html {
  font-size : 62.5%;
}

.instruments-list {
  font-family: "Open Sans",Arial,Helvetica,sans-serif;
  font-size : 14px;
  font-size : 1.4rem;
}

.instruments-list table {
  font-family: "Open Sans",Arial,Helvetica,sans-serif;
  width : auto;
  min-width : 0;
  display : table;
  border-collapse : collapse;
  font-size : 14px;
  font-size : 1.4rem;
}

.instruments-list table, .instruments-list th, .instruments-list td, .instruments-list tr {
  border: 1px solid #777;
  background-color : #fdf5e6; /* OldLace */
}

.instruments-list td, #instruments-list th {
  padding-left : 5px;
  padding-right : 5px;
  padding-top : 0px;
  padding-bottom : 0px;
  vertical-align : top
}

.instruments-list th {
  background-color : #f1e8d9;
}

.instruments-list table.wood-strings-brass td:nth-child(2) {
  white-space : nowrap;  /* don't allow range column to wrap */
}

/* for small screens matching this max width */
@media only screen and (max-width: 360px) {
  .instruments-list table.wood-strings-brass td:nth-child(2) {
    white-space : normal;  /* allow range column to wrapping */
  }
}
