/*
Theme Name: Enfold Child - LPC
Theme URI: https://www.londonpolishedconcrete.com
Description: London Polished Concrete child theme for Enfold
Author: LPC
Author URI: https://www.londonpolishedconcrete.com
Template: enfold
Version: 1.0.0
*/


/* ===== LPC BLOG TEMPLATE: Hide original ALB content on single posts ===== */
.single-post #main > .avia-section { display: none !important; }
.single-post #main > .container_wrap { display: none !important; }
.single-post #main > #after_section_5 { display: none !important; }
.single-post #lpc-blog-template { display: block !important; }
.single-post #lpc-blog-template .avia-section { display: block !important; }

/* ===== LPC NEWS PAGE: Magazine-style card grid ===== */

/* Grid container */
.blog .content.av-content-full {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 40px 24px 60px !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 32px !important;
  float: none !important;
}

/* Featured first post - full width horizontal layout */
.blog .post-entry:first-child {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 1.3fr 1fr !important;
  gap: 0 !important;
}

/* Card base */
.blog .post-entry {
  background: #fff !important;
  border-radius: 6px !important;
  border-top: 3px solid #B78458 !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
}

.blog .post-entry:first-child {
  display: grid !important;
}

.blog .post-entry:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important;
}

/* Image area - override Enfold float sizing */
.blog .post-entry .blog-meta {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  float: none !important;
}

.blog .post-entry .blog-meta a.small-preview {
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  overflow: hidden !important;
  float: none !important;
  position: relative !important;
}

.blog .post-entry:first-child .blog-meta {
  height: 100% !important;
}

.blog .post-entry:first-child .blog-meta a.small-preview {
  height: 100% !important;
  min-height: 340px !important;
}

/* Images fill container with cover */
.blog .post-entry .blog-meta img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
  float: none !important;
  transition: transform 0.4s ease !important;
}

.blog .post-entry:hover .blog-meta img {
  transform: scale(1.05) !important;
}

/* Content area */
.blog .post-entry .entry-content-wrapper {
  padding: 22px 26px !important;
  text-align: center !important;
  float: none !important;
  width: auto !important;
}

.blog .post-entry:first-child .entry-content-wrapper {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 36px 40px !important;
  text-align: center !important;
}

/* Meta info (date, category) */
.blog .post-entry .post-meta-infos {
  font-family: 'Lexend', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: #B78458 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  display: block !important;
  margin-bottom: 10px !important;
}

.blog .post-entry .post-meta-infos a {
  color: #B78458 !important;
  text-decoration: none !important;
}

/* Titles */
.blog .post-entry h2.post-title {
  font-family: 'Lexend', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #333333 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  margin: 0 0 8px 0 !important;
}

.blog .post-entry h2.post-title a {
  color: #333333 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.blog .post-entry h2.post-title a:hover {
  color: #B78458 !important;
}

.blog .post-entry:first-child h2.post-title {
  font-size: 1.5rem !important;
  margin-bottom: 12px !important;
}

/* Excerpt text - truncated to 3 lines */
.blog .post-entry .entry-content {
  font-family: 'Lexend', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 300 !important;
  color: #666 !important;
  line-height: 1.6 !important;
  margin-top: 4px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Read more link */
.blog .post-entry .entry-content .more-link {
  display: inline-block !important;
  margin-top: 14px !important;
  font-family: 'Lexend', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: #B78458 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  text-decoration: none !important;
  padding-bottom: 3px !important;
  border-bottom: 2px solid transparent !important;
  transition: border-color 0.2s ease !important;
}

.blog .post-entry .entry-content .more-link:hover {
  border-bottom-color: #B78458 !important;
}

/* Hide visual clutter */
.blog .post-entry .post_delimiter,
.blog .post-entry .post_author_timeline,
.blog .post-entry footer.entry-footer {
  display: none !important;
}

/* Pagination full width */
.blog .pagination,
.blog nav.pagination,
.blog .content > nav {
  grid-column: 1 / -1 !important;
}

/* Mobile responsive */


/* Cap featured post height */
.blog .post-entry:first-child {
  max-height: 400px !important;
}

@media (max-width: 768px) {
  .blog .content.av-content-full {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 24px 16px !important;
  }
  .blog .post-entry:first-child {
    grid-template-columns: 1fr !important;
  }
  .blog .post-entry:first-child .blog-meta a.small-preview {
    height: 240px !important;
    min-height: unset !important;
  }
}
/* ===== LPC NEWS PAGE: Footer fix to match homepage ===== */

/* Override blog card styles for footer template */
#footer-template,
#footer-template .post-entry {
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  max-width: none !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  overflow: visible !important;
}

#footer-template .post-entry:hover {
  transform: none !important;
  box-shadow: none !important;
}

#footer-template .template-page.content {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
}

#footer-template .entry-content-wrapper {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 50px 24px 30px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  text-align: left !important;
}

/* Footer columns */
#footer-template .flex_column.av_three_fourth {
  width: 70% !important;
  float: none !important;
  flex: none !important;
}

#footer-template .flex_column.av_one_fourth {
  width: 25% !important;
  float: none !important;
  flex: none !important;
  margin-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

#footer-template .avia-image-container {
  text-align: right !important;
}

#footer-template .avia-image-container img {
  width: auto !important;
  height: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
}

/* Hide blog-meta if it appears in footer */
#footer-template .blog-meta {
  display: none !important;
}