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

#primary {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fbf7ef;  // light tint of gold #cc9933
}

#secondary,
#tertiary {
  display: none;
}

.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: 1630px) {
  .site {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1230px) and (max-width: 1629px) {
  .site {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 650px) and (max-width: 1094px) {
  .site {
    font-size: 1.5rem;
  }
}

/* Content-sidebar */
@media screen and (min-width: 1095px) {
  #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: 0 1rem 1rem 1rem;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -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);
  }
  #content #primary {
    margin-left: 27.640%;
    margin-right: 27.640%;
  }
  
  .site-main {
      padding: 1rem;
  }
}

/* Single column, tablets and mobile */
@media screen and (max-width: 1094px) {
  #content {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  #content #primary {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 1rem 1rem;
    padding: 1rem;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -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);
  }
}