/*
 * Theme Name: Golden
 *
 * Layout: Sidebar-Content-Sidebar
 *
 * Learn more: https://developer.wordpress.org/themes/basics/template-files/
*/

#content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

#primary,
#secondary,
#tertiary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #fbf7ef;  // light tint of gold #cc9933
    -webkit-box-shadow: 1px 15px 22px 7px rgba(51,51,51,0.38);
    -moz-box-shadow: 1px 15px 22px 7px rgba(51,51,51,0.38);
    box-shadow: 1px 15px 22px 7px rgba(51,51,51,0.38);
    margin-bottom: 1rem;
}

.entry-header,
.page-header,
.entry-content,
.entry-footer,
.tag-links,
.post-navigation,
.comments-area,
.paging-navigation {
    padding: 0;
    margin: 0;
}

@media screen and (min-width: 1460px) {
.site {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1198px) and (max-width: 1459px) {
  .site {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 914px) and (max-width: 1197px) {
  #content,
  .grid-item {
    font-size: 2.125rem;
  }
}
@media screen and (min-width: 755px) and (max-width: 914px) {
  #content,
  .grid-item {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 550px) and (max-width: 755px) {
  #content,
  .grid-item {
    font-size: 1.125rem;
  }
}
/* Sidebar content sidebar */
@media screen and (min-width: 1197px) {
  #content {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  #content #primary {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 1rem;
    padding: 1rem;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 47.3272662277%;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 44.721%;
  }
  #content #secondary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 27.640%;
    margin: 1rem;
    padding: 1rem;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  #content #tertiary {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 27.640%;
    margin: 1rem;
    padding: 1rem;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  
}
/* Left sidebar below */
@media screen and (min-width: 914px) and (max-width: 1196px) {
  #content {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #content #primary {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 63.103021636%;
    margin: 0 1rem 1rem 1rem;
    width: 61.805%;
    padding: 1rem;
  }
  #content #secondary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 29.7696883036%;
    margin: 1rem;
    width: 38.195%;
    padding: 1rem;
  }
  #content #tertiary {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 100%;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin: 1rem;
    padding: 1rem;
  }
}
/* Single column, tablets */
@media screen and (min-width: 367px) and (max-width: 913px) {
  #content {
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    margin: 0 1rem 0 1rem;
  }
  #content #primary {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    padding: 1rem;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
  #content #secondary {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    padding: 1rem;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
  #content #tertiary {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    padding: 1rem;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
}
/* Full width, mobile */
@media screen and (max-width: 366px) {
  #content {
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    margin: 0 1rem 1rem 1rem;
  }
  #content #primary {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    padding: 1rem;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
  #content #secondary {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    padding: 1rem;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
  #content #tertiary {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    padding: 1rem;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
}