/* Garvin Exteriors individual blog article layout */
body.blog-page .article-shell{
  display:block !important;
  position:relative !important;
  padding:64px 24px 88px !important;
  background:#fff !important;
  min-height:0 !important;
}
body.blog-page .article-wrap{
  display:block !important;
  width:min(100%, 980px) !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:0 !important;
  position:relative !important;
}
body.blog-page .article-back{
  display:inline-block !important;
  position:static !important;
  margin:0 0 42px !important;
  color:#111 !important;
  text-decoration:none !important;
  border-bottom:1px solid #111 !important;
}
body.blog-page .article-content,
body.blog-page .article-head,
body.blog-page .article-body{
  display:block !important;
  position:static !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin-left:0 !important;
  margin-right:0 !important;
  float:none !important;
  transform:none !important;
}
body.blog-page .article-head{
  padding:0 !important;
  margin:0 0 48px !important;
}
body.blog-page .article-head .eyebrow{
  display:block !important;
  position:static !important;
  margin:0 0 16px !important;
}
body.blog-page .article-head h1{
  display:block !important;
  position:static !important;
  width:100% !important;
  max-width:900px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  font-size:clamp(42px,6vw,72px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
body.blog-page .article-meta{
  display:block !important;
  position:static !important;
  margin:0 0 34px !important;
  color:#666 !important;
  line-height:1.5 !important;
}
body.blog-page .article-featured{
  display:block !important;
  position:static !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  margin:0 !important;
}
body.blog-page .article-body{
  max-width:820px !important;
  margin:0 auto !important;
  padding:0 !important;
  font-size:19px !important;
  line-height:1.7 !important;
  color:#202020 !important;
}
body.blog-page .article-body > *{
  position:static !important;
  float:none !important;
  transform:none !important;
}
body.blog-page .article-body p{margin:0 0 22px !important;}
body.blog-page .article-body h2{
  margin:46px 0 18px !important;
  font-size:34px !important;
  line-height:1.15 !important;
}
body.blog-page .article-body h3{
  margin:38px 0 16px !important;
  font-size:27px !important;
  line-height:1.2 !important;
}
body.blog-page .article-body img{
  display:block !important;
  position:static !important;
  max-width:100% !important;
  width:auto !important;
  height:auto !important;
  margin:32px auto !important;
  float:none !important;
}
body.blog-page .article-body figure{
  display:block !important;
  position:static !important;
  width:100% !important;
  max-width:100% !important;
  margin:32px 0 !important;
  float:none !important;
}
body.blog-page .article-body figure img{margin:0 auto !important;}
@media(max-width:700px){
  body.blog-page .article-shell{padding:40px 20px 64px !important;}
  body.blog-page .article-back{margin-bottom:30px !important;}
  body.blog-page .article-head{margin-bottom:38px !important;}
  body.blog-page .article-head h1{font-size:clamp(36px,12vw,52px) !important;}
  body.blog-page .article-body{font-size:17px !important;}
  body.blog-page .article-body h2{font-size:29px !important;}
}