/*
Theme Name:   Three Times Child
Description:  A child theme for the Three Times a Mourner website
Author:     SkillAllHumans
Author URI:   https://skillallhumans.com
Template:   twentyfourteen
Version:    1.0
*/

/* Import parent theme styles */
@import url("../twentyfourteen/style.css");

/* Import other style sheets */
@import url("./css/about.css");
@import url("./css/contact.css");
@import url("./css/essays.css");
@import url("./css/fonts.css");
@import url("./css/footer.css");
@import url("./css/home.css");
@import url("./css/media.css");
@import url("./css/navigation.css");
@import url("./css/purchase.css");
@import url("./css/sidebar.css");
@import url("./css/single-blurb.css");
@import url("./css/single-essay.css");
@import url("./css/single-event.css");

/* Standard vars */
:root{
  --color--gold: rgba(137, 108, 13, 1);
  --color--gold-fade: rgba(137, 108, 13, 0.1);
  --color-silver: rgba(140, 140, 140, 1);
  --color-silver-fade: rgba(140, 140, 140, 0.);
}

/* Custom CSS */
.post-thumbnail {
  background: none;
}
body {
  background-color: transparent;
}

/* Force full-width */
.site-content {
  float: none;
  width: 100%;
  min-width: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  padding: 0;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta {
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

/* Override content width */
.full-width .site-content,
.header-main,
/* .site-header, */
#masthead {
  max-width: 100% !important;
}

#masthead {
  min-width: 100% !important;
}
.site-content .content-area {
  float: none;
  width: 100%;
  max-width: 100% !important;
  margin: 0;
}

/* Remove sidebar spacing */
.content-sidebar,
.sidebar {
  display: none;
}

.site {
  min-width: 100%;
  width: 100%;
}

/* .site-header {
  position: sticky;
  top: 0;
  z-index: 999;
} */

.content-area {
  float: none;
  margin: 0 auto;
  width: 100%;
}

/* mobile menu */
@media screen and (max-width: 672px) {
  /* .site-header, */
  .primary-navigation,
  .menu-toggle {
    display: block !important;
  }
}


/* Add media query overrides */
@media screen and (min-width: 1008px) {
  .content-area {
    float: none;
    width: 100%;
    margin: 0;
  }
}

@media screen and (min-width: 846px) {
  .content-area, .content-sidebar {
    padding-top: 12px;
  }
}