/* Add an anchor ID for blog section scroll */
#content::before {
  content: '';
  display: block;
  height: 80px; /* offset for fixed header */
  margin-top: -80px;
}

/* One Strong Mother — single-row header (desktop >=901px) */
@media(min-width:901px){
#masthead{position:relative;}
#masthead .header-social{display:none!important;}
#masthead .header-t{padding:12px 0!important;}
#masthead .header-t .wrapper{justify-content:flex-start!important;align-items:center!important;}
#masthead .site-branding{width:auto!important;flex:0 0 auto!important;text-align:left!important;margin:0!important;}
#masthead .site-title a{font-size:22px!important;line-height:1.1!important;white-space:nowrap!important;}
#masthead .header-t .top-right{margin-left:auto!important;width:auto!important;flex:0 0 auto!important;}
#masthead .main-header{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;z-index:5!important;pointer-events:none!important;}
#masthead .main-header .wrapper{width:100%!important;max-width:1170px!important;margin:0 auto!important;display:flex!important;justify-content:flex-end!important;padding:0 66px 0 0!important;pointer-events:none!important;}
#masthead .main-header .menu-wrap{width:auto!important;flex:0 0 auto!important;margin:0!important;pointer-events:auto!important;}
#masthead .sticky-header{display:none!important;}
#masthead .main-header ul.menu{display:flex!important;align-items:center!important;}
#masthead .main-header ul.menu > li{margin:0 0 0 22px!important;padding:0!important;}
#masthead .main-header ul.menu > li > a{font-size:14px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;padding:0!important;color:#2D2D2D!important;}
#masthead .main-header ul.menu > li > a:hover{color:#009688!important;}
}

/* osm-hero-fix — post hero was min-height:500px, pushing the first line of every
   article below the fold. ~87% of readers are mobile arrivals from Pinterest, so
   the article has to be visible on landing. Desktop 500->320, mobile 500->auto. */
body.single .entry-header{min-height:320px!important;padding-top:40px!important;padding-bottom:40px!important;}
body.single .entry-header .entry-title{font-size:38px!important;line-height:1.15!important;}
@media(max-width:900px){
body.single .entry-header{min-height:0!important;padding-top:26px!important;padding-bottom:26px!important;}
body.single .entry-header .entry-title{font-size:27px!important;line-height:1.2!important;}
}