/* CSS Document used for the coffee table homework assignment
Author: Samuel Barnes II
Course: ITWP 1000
File: styles.css
Information on using external CSS style sheet is located in Chapter 3.
Information on media queries is located in Chapter 7.
Information on tables and CSS formatting for tables is located in Chapter 8.
*/

/* General page styling */
body {
  margin-top: 1em;
  margin-bottom: auto;
  font-family: Arial, sans-serif;
}

h1 {
  text-align: center;  /* fixed typo from 'test-align' */
  font-size: 2.5em;
}

/* Paragraph and div styling */
p, div {
  margin: 10px;
  padding: 20px; /* fixed space typo from '20 px' */
  line-height: 1.5em;
}

/* Main and section titles */
.main-title {
  text-align: center;
}

.section-title {
  text-align: center;
  font-family: Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  font-weight: bold;
  font-size: 1.75em;
  padding-bottom: 0.5em;
}

/* Table styling */
table {
  margin: auto;
  border: 5px solid #3f2a14;
  width: 100%;
  border-spacing: 0;
}

td, th {
  border-style: none;
  padding: 0.5em;
  width: auto;
}

tfoot td {
  font-size: 9px;
  font-style: italic;
  text-align: center;
}

/* Zebra striping for even rows */
tr:nth-of-type(even) {
  background-color: #f0f0f0; /* changed from pink to light grey */
}

/* Override last row background to white */
tbody tr:last-child {
  background-color: white !important;
}

/* Header row styling */
thead:first-of-type {
  background-color: #3f2a14;
  color: #FFF;
}

/* Responsive image class */
.responsive {
  max-width: 100%;
  height: auto;
  border: 1px solid #51471A;
  border-radius: 10px;
}

/* Price and specialty columns */
td.price {
  white-space: nowrap;
}

td.specialty {
  white-space: nowrap;
}

/* ID for validation text */
#validation {
  text-align: center;
}

/* Media query that hides images on small screens */
@media only screen and (max-width: 550px) {
  img {
    display: none;
  }
}