/* ============================================================
   ALPINE RESORTS - BLOG CONTENT CSS START
   Blog/archive/single-post content only. Header styles stay in
   alpine-gold-floating-header.css.
   ============================================================ */

/* ===== BLOG CONTENT BASE START ===== */
body.blog,
body.archive,
body.search,
body.single-post{
  --ar-blog-gold:#d4af37;
  --ar-blog-gold-light:#f0d47a;
  --ar-blog-forest:#0f2318;
  --ar-blog-ink:#213326;
  --ar-blog-muted:#617064;
  --ar-blog-paper:#fff;
  --ar-blog-cream:#f8f3ea;
  --ar-blog-border:rgba(15,35,24,.12);
  --ar-blog-shadow:0 20px 55px rgba(15,35,24,.12);
  background:linear-gradient(180deg,#fbf8f1 0%,var(--ar-blog-cream) 100%);
}

body.blog *,
body.archive *,
body.search *,
body.single-post *{box-sizing:border-box}

body.blog > .container,
body.archive > .container,
body.search > .container,
body.single-post > .container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-right:24px !important;
  padding-bottom:80px;
  padding-left:24px !important;
  background:transparent !important;
}

body.blog .page_content,
body.archive .page_content,
body.search .page_content,
body.single-post .page_content{
  width:100% !important;
  max-width:1180px;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
}

body.blog .site-main,
body.archive .site-main,
body.search .site-main,
body.single-post .site-main{
  float:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

body.blog #sidebar,
body.archive #sidebar,
body.search #sidebar,
body.single-post #sidebar{display:none !important}
/* ===== BLOG CONTENT BASE END ===== */

/* ===== BLOG LIST POSTS START ===== */
body.blog .blog-post,
body.archive .blog-post,
body.search .blog-post{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px;
}

body.blog .blog_lists,
body.archive .blog_lists,
body.search .blog_lists{
  overflow:hidden;
  margin:0 !important;
  padding:0 !important;
  background:var(--ar-blog-paper);
  border:1px solid var(--ar-blog-border);
  box-shadow:0 14px 38px rgba(15,35,24,.09);
  transition:transform .25s ease,box-shadow .25s ease;
}

body.blog .blog_lists:hover,
body.archive .blog_lists:hover,
body.search .blog_lists:hover{
  transform:translateY(-4px);
  box-shadow:var(--ar-blog-shadow);
}

body.blog .blog_lists:first-child,
body.archive .blog_lists:first-child,
body.search .blog_lists:first-child{grid-column:1/-1}

body.blog .blog_lists article,
body.archive .blog_lists article,
body.search .blog_lists article,
body.blog .blog_lists .entry-header,
body.archive .blog_lists .entry-header,
body.search .blog_lists .entry-header{
  margin:0 !important;
  padding:0 !important;
}

body.blog .blog_lists .post-thumb,
body.archive .blog_lists .post-thumb,
body.search .blog_lists .post-thumb{
  overflow:hidden;
  aspect-ratio:16/10;
  margin:0 !important;
  background:var(--ar-blog-forest);
}

body.blog .blog_lists:first-child .post-thumb,
body.archive .blog_lists:first-child .post-thumb,
body.search .blog_lists:first-child .post-thumb{aspect-ratio:21/9}

body.blog .blog_lists .post-thumb:empty,
body.archive .blog_lists .post-thumb:empty,
body.search .blog_lists .post-thumb:empty{display:none}

body.blog .blog_lists .post-thumb a,
body.archive .blog_lists .post-thumb a,
body.search .blog_lists .post-thumb a{
  display:block;
  height:100%;
}

body.blog .blog_lists .post-thumb img,
body.archive .blog_lists .post-thumb img,
body.search .blog_lists .post-thumb img{
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  transition:transform 5s ease;
}

body.blog .blog_lists:hover .post-thumb img,
body.archive .blog_lists:hover .post-thumb img,
body.search .blog_lists:hover .post-thumb img{transform:scale(1.06)}

body.blog .blog_lists h2,
body.archive .blog_lists h2,
body.search .blog_lists h2{
  margin:0 !important;
  padding:26px 30px 0 !important;
  color:var(--ar-blog-ink);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(25px,2.4vw,38px);
  font-weight:400;
  line-height:1.12;
}

body.blog .blog_lists:first-child h2,
body.archive .blog_lists:first-child h2,
body.search .blog_lists:first-child h2{font-size:clamp(31px,3vw,48px)}

body.blog .blog_lists h2 a,
body.archive .blog_lists h2 a,
body.search .blog_lists h2 a{
  color:inherit !important;
  text-decoration:none !important;
}

body.blog .blog_lists .postmeta,
body.archive .blog_lists .postmeta,
body.search .blog_lists .postmeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 13px;
  margin:14px 30px 0 !important;
  padding:0 !important;
  color:var(--ar-blog-muted);
  font:700 11px/1.2 'Roboto Condensed',Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.blog .blog_lists .post-date,
body.blog .blog_lists .post-categories,
body.archive .blog_lists .post-date,
body.archive .blog_lists .post-categories,
body.search .blog_lists .post-date,
body.search .blog_lists .post-categories{
  float:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.blog .blog_lists .post-comment,
body.archive .blog_lists .post-comment,
body.search .blog_lists .post-comment{display:none !important}

body.blog .blog_lists .post-categories a,
body.archive .blog_lists .post-categories a,
body.search .blog_lists .post-categories a{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border:1px solid rgba(212,175,55,.34);
  color:#8d6f1c !important;
  background:rgba(212,175,55,.08);
  text-decoration:none !important;
}

body.blog .entry-summary,
body.archive .entry-summary,
body.search .entry-summary{
  margin:0 !important;
  padding:18px 30px 30px !important;
  color:var(--ar-blog-muted);
  font-size:15px;
  line-height:1.75;
}

body.blog .read-more a,
body.archive .read-more a,
body.search .read-more a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 22px;
  color:var(--ar-blog-forest) !important;
  background:linear-gradient(135deg,var(--ar-blog-gold-light),var(--ar-blog-gold));
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,10px 100%);
  font:800 12px/1 'Roboto Condensed',Arial,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none !important;
}
/* ===== BLOG LIST POSTS END ===== */

/* ===== SINGLE BLOG POST START ===== */
body.single-post .page_content{max-width:980px}

body.single-post article.single-post{
  overflow:hidden;
  margin:0 !important;
  padding:0 0 60px !important;
  background:var(--ar-blog-paper);
  border:1px solid var(--ar-blog-border);
  box-shadow:var(--ar-blog-shadow);
}

body.single-post article.single-post > .entry-header,
body.single-post article.single-post > .postmeta,
body.single-post .entry-content{
  max-width:860px;
  margin-right:auto !important;
  margin-left:auto !important;
  padding-right:44px !important;
  padding-left:44px !important;
}

body.single-post article.single-post > .entry-header{padding-top:46px !important}

body.single-post .single_title{
  margin:0 !important;
  color:var(--ar-blog-ink);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(34px,4.2vw,58px);
  font-weight:400;
  line-height:1.05;
}

body.single-post article.single-post > .postmeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:16px !important;
  margin-bottom:26px !important;
  color:var(--ar-blog-muted);
  font:700 11px/1.2 'Roboto Condensed',Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.single-post article.single-post > .postmeta .post-comment{display:none !important}

body.single-post article.single-post > .post-thumb{
  margin:0 !important;
  padding:0 !important;
  background:var(--ar-blog-forest);
}

body.single-post article.single-post > .post-thumb img{
  display:block;
  width:100% !important;
  height:auto !important;
  max-height:620px;
  object-fit:cover;
}

body.single-post .entry-content{
  padding-top:42px !important;
  color:var(--ar-blog-ink);
  font-size:17px;
  line-height:1.85;
}

body.single-post .entry-content > hr:first-child,
body.single-post .entry-content > h1:first-of-type{display:none}

body.single-post .entry-content p{
  margin:0 0 24px !important;
  color:#314337;
}

body.single-post .entry-content h2,
body.single-post .entry-content h3{
  margin:46px 0 18px !important;
  color:var(--ar-blog-forest);
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  line-height:1.16;
}

body.single-post .entry-content h2{
  font-size:clamp(28px,3vw,40px);
}

body.single-post .entry-content h2::before{
  content:"";
  display:block;
  width:44px;
  height:2px;
  margin:0 0 14px;
  background:var(--ar-blog-gold);
}

body.single-post .entry-content a{
  color:#8d6f1c !important;
  font-weight:700;
  text-underline-offset:3px;
}
/* ===== SINGLE BLOG POST END ===== */

/* ===== BLOG CONTENT RESPONSIVE START ===== */
@media(max-width:900px){
  body.blog .blog-post,
  body.archive .blog-post,
  body.search .blog-post{grid-template-columns:1fr}

  body.blog .blog_lists:first-child .post-thumb,
  body.archive .blog_lists:first-child .post-thumb,
  body.search .blog_lists:first-child .post-thumb{aspect-ratio:16/10}
}

@media(max-width:640px){
  body.blog > .container,
  body.archive > .container,
  body.search > .container,
  body.single-post > .container{
    padding-right:20px !important;
    padding-bottom:56px;
    padding-left:20px !important;
  }

  body.blog .blog_lists h2,
  body.archive .blog_lists h2,
  body.search .blog_lists h2{
    padding:22px 20px 0 !important;
    font-size:28px;
  }

  body.blog .blog_lists:first-child h2,
  body.archive .blog_lists:first-child h2,
  body.search .blog_lists:first-child h2{font-size:30px}

  body.blog .blog_lists .postmeta,
  body.archive .blog_lists .postmeta,
  body.search .blog_lists .postmeta,
  body.blog .entry-summary,
  body.archive .entry-summary,
  body.search .entry-summary{
    margin-right:20px !important;
    margin-left:20px !important;
    padding-right:0 !important;
    padding-left:0 !important;
  }

  body.single-post article.single-post > .entry-header,
  body.single-post article.single-post > .postmeta,
  body.single-post .entry-content{
    padding-right:22px !important;
    padding-left:22px !important;
  }

  body.single-post article.single-post > .entry-header{padding-top:32px !important}

  body.single-post .entry-content{
    padding-top:30px !important;
    font-size:16px;
    line-height:1.78;
  }
}
/* ===== BLOG CONTENT RESPONSIVE END ===== */

/* ============================================================
   ALPINE RESORTS - BLOG CONTENT CSS END
   ============================================================ */