/*
Theme Name: thesimplest child
Text Domain: thesimplest-child
Template: thesimplest
Version: 1.0
author: Chris Wright


All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/


:root {
  --color-accent: rgb(34,36,38,.4);
  --color-border: rgba(34,36,38,.1);
  --color-table-bg: rgb(0,0,50,.02);
  --color-text: rgb(0,10,20,.8);
}

.site-header {
  padding: 0;
}

.home .entry-thumbnail {
  max-height: 500px;
  overflow: hidden;
}

.single .entry-thumbnail img {
  max-height: 500px;
  width: auto;
}

.ingredients {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 30px;
}


.section {
    width: 100%;
    border: 1px solid var(--color-accent);
    font-size: .9em;
    margin: 0 0 10px 0;
    border-radius: 3px;
}

.single h3 {
  font-size: 24px;
  margin-top: 30px;
}

/* .section h3 {
  margin: 0 0 10px 0;
  padding: 8px 12px;
  font-size: 1.4em;
  background-color: var(--color-accent);
  color: var(--color-text);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
} */

.section h5 {
  margin: 0px;
  padding: 0;
  font-size: 1.2em;
}

.section-table-row {
  display: flex;
  border-bottom: 1px solid var(--color-border);
}

.section-table-row:last-of-type {
  border-bottom: none;
}

.section-table-row.two > div {
  width: calc(100% / 2);
  padding: 10px;
}

.section-table-row.three > div {
  width: calc(100% / 3);
  padding: 10px;
}

.section-table-row.four > div {
  width: calc(100% / 4);
  padding: 10px;
}

.section-table-row.five > div {
  width: calc(100% / 5);
  padding: 10px;
}

.section-table-row:nth-child(even) {
  background-color: var(--color-table-bg);
}

.row {
  margin: 0;
}

.spacer {
  height: 100px;
  width: 100%;
}

#loader.visible {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: white;
  overflow: scroll;
}



@media (min-width: 1000px) {
    /* .section {
      width: calc(50% - 7px);
    } */
    .section.full {
      width: 100%;
    }
    /* .section:nth-of-type(2n) {
      margin-right: 10px;
    } */
  }