/* Correct logo selector */
img.custom-logo {
  max-height: 72px !important;
  width: auto !important;
}

.custom-logo-link {
    align-items: center !important;
}

/* === LELS BRIEF  NEWSPACK DESIGN SYSTEM === */

/* Logo size */
.site-header .site-logo img {
	  max-height: 80px !important;
	  width: auto !important;
}

/* Header padding */
.site-header {
	  padding: 0.75rem 2rem !important;
}

/* Site title */
.site-header .site-title {
	  font-size: 15px !important;
	  letter-spacing: 0.08em !important;
	  text-transform: uppercase !important;
}

/* Site description */
.site-header .site-description {
	  font-size: 11px !important;
	  letter-spacing: 0.04em !important;
	  opacity: 0.75 !important;
}

/* Nav links */
.main-navigation .nav-menu a {
	  font-size: 12px !important;
	  letter-spacing: 0.06em !important;
	  text-transform: uppercase !important;
	  font-weight: 500 !important;
}

/* Article grid card titles */
.entry-title {
	  font-size: 13px !important;
	  line-height: 1.3 !important;
	  font-weight: 700 !important;
}

/* Author byline color */
.posted-by a,
.entry-meta a {
	  color: #2E7D6B !important;
}

/* Remove Powered by Newspack footer text */
.site-info .site-info-text {
	  display: none !important;
}

/* Footer background */
.site-footer {
	  background: #111111 !important;
	  color: #ffffff !important;
}

.site-footer a {
	  color: #2E7D6B !important;
}

/* Content padding */
.site-content {
	  padding-top: 2rem !important;
}

/* Article card image height */
.post-thumbnail img {
	  height: 200px !important;
	  object-fit: cover !important;
	  width: 100% !important;
}
}
}
}
}
}
}
}
}
}
}
}
}

/* Force 3-column grid */
.home .post-grid article,
.blog .post-grid article,
body:not(.single) 













/* Limit featured article excerpt to 3 lines */
.site-main > article:first-child .entry-content p {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

/* ===== ONLABOR-STYLE HOMEPAGE LAYOUT ===== */

/* Single column layout */
.home .site-main {
  display: block !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* Article card: flex row with image left, content right */
.home .site-main > article {
  width: 100% !important;
  max-width: 100% !important;
    flex-direction: row !important;
  gap: 20px !important;
  padding: 24px 0 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  align-items: flex-start !important;
}

/* Thumbnail: fixed width left column */
.home .site-main > article figure.post-thumbnail {
  width: 220px !important;
  min-width: 220px !important;
  height: 150px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.home .site-main > article figure.post-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  }

/* Content: take remaining space */
.home .site-main > article .entry-container {
  flex: 1 !important;
  min-width: 0 !important;
}

/* Date - red uppercase */
.home .site-main > article .entry-meta,
.home .site-main > article .posted-on {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #c0392b !important;
  margin-bottom: 6px !important;
  }

/* Author */
.home .site-main > article .byline {
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #555 !important;
}

/* Title */
.home .site-main > article .entry-title {
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  margin: 4px 0 8px !important;
}

/* Excerpt — 3 line clamp */
.home .site-main > article .entry-content p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #555 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

/* Mobile: stack image above content */
@media (max-width: 640px) {
  .home .site-main > article {
    flex-direction: column !important;
  }
  .home .site-main > article figure.post-thumbnail {
    width: 100% !important;
    height: 200px !important;
  }
}


/* Force fix thumbnail sizing (override Newspack flex-basis:100%) */
.home .site-main > article.entry figure.post-thumbnail,
.home .site-main > article figure.post-thumbnail {
  flex-basis: 220px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  width: 220px !important;
  max-width: 220px !important;
  height: 150px !important;
}

.home .site-main > article.entry .entry-container {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 240px) !important;
}


/* Remove top gap homepage */
.home .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* ===== ABOUT US PAGE ===== */
.page-id-22 .entry-content {
  max-width: 700px;
  margin: 0 auto;
  padding: 40px 20px;
}

.lels-team {
  display: flex;
  gap: 48px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.lels-team-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
  min-width: 160px;
}

.lels-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 16px;
  border: 3px solid #2E6B4F;
}

.lels-avatar svg {
  display: block;
}

.lels-member-info h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
  color: #1a1a1a !important;
}

.lels-title {
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #2E6B4F !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

@media (max-width: 480px) {
  .lels-team {
    flex-direction: column;
    align-items: center;
  }
}


/* Hide featured image on About Us page */
.page-id-22 .post-thumbnail,
.page-id-22 figure.post-thumbnail {
  display: none !important;
}

/* Remove top gap on About Us page */
.page-id-22 .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove top gap on homepage */
.home .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}



/* About Us - OnLabor editorial style */
.page-id-22 #secondary { display: none !important; }
.page-id-22 .content-area { width: 100% !important; float: none !important; }
.page-id-22 .site-main { display: flex !important; justify-content: center !important; }
.page-id-22 .main-content { max-width: 1100px !important; width: 100% !important; padding: 0 2rem !important; }
.page-id-22 .entry-header { text-align: left !important; }
.page-id-22 .entry-title { font-size: 2.2rem !important; font-weight: 700 !important; border-bottom: 3px solid #2E6B4F !important; padding-bottom: 0.5rem !important; margin-bottom: 1.5rem !important; }
.page-id-22 .entry-content { text-align: left !important; }
.page-id-22 .lels-team { display: flex !important; flex-direction: column !important; gap: 2.5rem !important; margin-top: 1.5rem !important; }
.page-id-22 .lels-team-member { display: flex !important; flex-direction: row !important; align-items: center !important; column-gap: 60px !important;
    row-gap: 2.5rem !important; text-align: left !important; }
.page-id-22 .lels-avatar { flex-shrink: 0 !important; }
.page-id-22 .lels-avatar svg { display: block !important; }
.page-id-22 .lels-member-info { flex: 1 !important; }
.page-id-22 .lels-member-info h3 { font-size: 1.2rem !important; font-weight: 700 !important; margin: 0 0 0.3rem 0 !important; font-family: 'Playfair Display', serif !important; }
.page-id-22 .lels-role { font-size: 0.75rem !important; letter-spacing: 0.1em !important; color: #2E6B4F !important; text-transform: uppercase !important; margin: 0 !important; font-weight: 600 !important; }

/* Hide Jetpack "Like this" widget sitewide */
.sharedaddy, .sd-like-enabled, .sd-block.sd-like { display: none !important; }

/* Hot Topics page styling */
.page-id-969 .entry-title { font-size: 2.2rem !important; font-weight: 700 !important; border-bottom: 3px solid #2E6B4F !important; padding-bottom: 0.5rem !important; margin-bottom: 1.5rem !important; }
.hot-topics-section h2 { font-size: 1.2rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: #2E6B4F !important; border-left: 4px solid #2E6B4F !important; padding-left: 0.75rem !important; margin-top: 2.5rem !important; margin-bottom: 0.5rem !important; }
.page-id-969 .entry-content p { color: #444 !important; margin-bottom: 0.75rem !important; }
.hot-topics-list { list-style: none !important; padding: 0 !important; margin: 0 0 1rem 0 !important; border-top: 1px solid #e0e0e0 !important; }
.hot-topics-list li { border-bottom: 1px solid #e0e0e0 !important; padding: 0.75rem 0 !important; }
.hot-topics-list li a { color: #111 !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.95rem !important; }
.hot-topics-list li a:hover { color: #2E6B4F !important; }

/* Apply same left-aligned centered layout as About Us */
.page-id-969 #secondary { display: none !important; }
.page-id-969 .content-area { width: 100% !important; float: none !important; }
.page-id-969 .site-main { display: flex !important; justify-content: center !important; }
.page-id-969 .main-content { max-width: 1100px !important; width: 100% !important; padding: 0 2rem !important; }
.page-id-969 .entry-header { text-align: left !important; }

/* Footer - 3 column layout */
.site-footer .widget-area { padding: 3rem 2rem 2rem !important; max-width: 1100px !important; margin: 0 auto !important; }
.lels-footer-columns { display: flex !important; gap: 3rem !important; flex-wrap: wrap !important; }
.lels-footer-col { flex: 1 !important; min-width: 180px !important; }
.lels-footer-col h4 { font-size: 0.75rem !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #a0c4a0 !important; margin: 0 0 1rem !important; }
.lels-footer-col p, .lels-footer-col li { font-size: 0.875rem !important; color: #ccc !important; line-height: 1.6 !important; margin: 0 0 0.4rem !important; }
.lels-footer-col ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.lels-footer-col a { color: #ccc !important; text-decoration: none !important; }
.lels-footer-col a:hover { color: #fff !important; }
.site-footer .site-info { border-top: 1px solid #333 !important; padding: 1.25rem 2rem !important; max-width: 1100px !important; margin: 0 auto !important; font-size: 0.8rem !important; color: #888 !important; }

/* Hide Powered by Newspack */
.site-info a[href*="newspack"], .site-info .imprint { display: none !important; }

/* Hot Topics - make article links clearly clickable */
.hot-topics-list li a { color: #2E6B4F !important; text-decoration: underline !important; font-weight: 600 !important; font-size: 0.95rem !important; }
.hot-topics-list li a:hover { color: #1a4a30 !important; }

/* Hot Topics - make article links clearly clickable */
.hot-topics-list li a { color: #2E6B4F !important; text-decoration: underline !important; font-weight: 600 !important; }
.hot-topics-list li a:hover { color: #1a4a30 !important; }

/* === RECENT PUBLICATIONS TITLE === */
.home .site-main {
	    }
.home .site-main::before {
	    content: "Recent Publications";
	    display: block;
	    width: 100% !important;
	    font-size: 1.75rem !important;
	    font-weight: 700 !important;
	    color: #1a1a1a !important;
	    padding: 1rem 0 0.75rem !important;
	    margin-bottom: 1.5rem !important;
	    border-bottom: 3px solid #2E6B4F !important;
	    font-family: inherit !important;
	    letter-spacing: 0.02em !important;
	    order: -1 !important;
}

/* === 2-COLUMN GRID (override 3-column) === */
.home .site-main > article {
	    width: calc(50% - 2rem) !important;
	    max-width: calc(50% - 2rem) !important;
}
}
}
}

/* === HOMEPAGE CARD LAYOUT FIX - vertical stack, proper width === */

/* Show only 4 articles on homepage */
.home .site-main > article:nth-of-type(n+5) {
	    display: none !important;
}

/* Make each card fill available width (reduce gap) */
.home .site-main > article {
	    width: calc(50% - 1rem) !important;
	    max-width: calc(50% - 1rem) !important;
	    margin: 0 0.5rem 2.5rem !important;
	    flex-direction: column !important;
	    }

/* Image on top: full card width */
.home .site-main > article figure.post-thumbnail {
	    width: 100% !important;
	    max-width: 100% !important;
	    flex: none !important;
	    margin: 0 !important;
}

.home .site-main > article figure.post-thumbnail img {
	    width: 100% !important;
	    height: 220px !important;
	    object-fit: cover !important;
	    }

/* Content below image: full width */
.home .site-main > article .entry-container {
	    width: 100% !important;
	    flex: 1 !important;
	    padding: 1rem 0 0 !important;
	    min-width: 0 !important;
}
}
}
}
}
}

/* === GRID LAYOUT: 2 columns === */
body.home .site-main {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem !important;
    max-width: 1100px !important;
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}
body.home .site-main::before {
    grid-column: 1 / -1 !important;
}
body.home .site-main > article.entry {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 0 1.5rem !important;
    }

/* === GRID LAYOUT: 2 columns === */
body.home .site-main {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem !important;
    max-width: 1100px !important;
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}
body.home .site-main::before {
    grid-column: 1 / -1 !important;
}
body.home .site-main > article.entry {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 0 1.5rem !important;
    }

/* === LIMIT TO 4 ARTICLES === */
body.home .site-main > article.entry:nth-of-type(n+5) {
    display: none !important;
}

/* === ARTICLE CARD STYLING === */
body.home .site-main > article.entry {
    background: #f7f7f7 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
    display: flex !important;
    flex-direction: column !important;
}
body.home .site-main > article.entry figure.post-thumbnail {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: block !important;
    float: none !important;
    flex-shrink: 0 !important;
}
body.home .site-main > article.entry figure.post-thumbnail img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
    max-width: 100% !important;
}
body.home .site-main > article.entry .entry-container {
    padding: 1.25rem 1.5rem 1.5rem !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-basis: auto !important;
}
body.home .site-main > article.entry .entry-title {
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
    margin-bottom: 0.6rem !important;
    margin-top: 0 !important;
}
body.home .site-main > article.entry .entry-meta {
    font-size: 0.78rem !important;
    margin-top: auto !important;
}
body.home .site-main > article.entry .entry-summary {
    display: none !important;
}

/* === HIDE EXCERPT ON HOMEPAGE CARDS === */
body.home .site-main > article.entry .entry-content,
body.home .site-main > article.entry .jetpack-blog-display {
    display: none !important;
}

/* === 2-COLUMN HOMEPAGE GRID === */
body.home .site-main {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 2rem !important;
  align-items: start !important;
}

body.home .site-main > article {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  min-width: 0 !important;
  background: #f7f7f7 !important;
}

/* Hide articles after 4 */
body.home .site-main > article:nth-of-type(n+5) {
  display: none !important;
}

/* Hide excerpts and body text on cards */
body.home .site-main > article .entry-summary,
body.home .site-main > article .entry-content {
  display: none !important;
}

/* Article title size */
body.home .site-main > article .entry-title {
  font-size: 0.75rem !important;
  line-height: 1.4 !important;
  margin-bottom: 0.6rem !important;
  margin-top: 0 !important;
}


/* === ARTICLES PAGE (/blog-feed/) === */
/* Grey card background */
.page-id-2 .wp-block-newspack-blocks-homepage-articles article {
  background: #f7f7f7 !important;
}

/* Match title size to homepage */
.page-id-2 .wp-block-newspack-blocks-homepage-articles .entry-title {
  font-size: 0.75rem !important;
  line-height: 1.4 !important;
  margin-bottom: 0.4rem !important;
}

/* Hide sidebar on Articles page */
.page-id-2 .widget-area,
.page-id-2 aside.sidebar {
  display: none !important;
}

/* Full-width layout on Articles page */
.page-id-2 .newspack-page-columns {
  grid-template-columns: 1fr !important;
}


/* === ARTICLES PAGE — full-width content === */
.page-id-2 .entry,
.page-id-2 .entry-content,
.page-id-2 .entry-content > .wp-block-newspack-blocks-homepage-articles {
  max-width: 100% !important;
  width: 100% !important;
}

.page-id-2 .newspack-single-header,
.page-id-2 h1.page-title {
  max-width: 1140px !important;
}


/* Articles page — expand main content to fill full width (sidebar is hidden) */
.page-id-2 .main-content {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}


/* Social sidebar position adjustment */
#lels-social-sidebar { top: calc(50% + 100px) !important; }

/* Social sidebar position adjustment */
#lels-social-sidebar { top: calc(50% + 100px) !important; }

/* Social sidebar position */
#lels-social-sidebar { top: calc(50% + 100px) !important; }





/* ============================================
   MOBILE RESPONSIVE OPTIMIZATIONS
   ============================================ */
@media (max-width: 768px) {

  /* Prevent horizontal scrolling */
  html, body {
    overflow-x: hidden;
    max-width: 100%;
  }

  /* ---- HEADER ---- */
  /* Give title room so it doesn't clip at right edge behind hamburger */
  .site-branding {
    padding-right: 56px !important;
    box-sizing: border-box !important;
  }

  .site-title, .site-title a {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    max-width: 100% !important;
  }

  /* Reduce logo size */
  .site-logo img, .custom-logo {
    max-height: 48px !important;
    width: auto !important;
  }

  /* ---- CONTENT LAYOUT ---- */
  /* Fix site-main flex on ALL page templates */
  .page-id-22 .site-main,
  .page-id-969 .site-main,
  .site-main {
    display: block !important;
    flex-direction: unset !important;
  }

  /* Fix entry-header: force full width as flex item */
  .entry-header, .page-header, .archive-header {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
  }

  /* Page/post title */
  .entry-title, .page-title, h1.entry-title, .archive-title {
    font-size: 1.8rem !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
    white-space: normal !important;
    width: 100% !important;
  }

  /* Fix content width */
  .entry-content, .page-content, .main-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Reduce excess top padding in page/archive headers on mobile */
  .entry-header, .archive-header {
    padding-top: 16px !important;
    margin-top: 0 !important;
  }

  /* ---- TEAM SECTION (About Us) ---- */
  .page-id-22 .lels-team,
  .lels-team {
    flex-direction: column !important;
    align-items: center !important;
    gap: 40px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .page-id-22 .lels-team-member,
  .lels-team-member {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .page-id-22 .lels-member-info,
  .lels-member-info {
    text-align: center !important;
    margin-top: 14px !important;
    width: 100% !important;
  }

  .lels-member-info h3 {
    font-size: 1.15rem !important;
    word-break: break-word;
  }

  /* ---- INTEREST FORM BAR ---- */
  #lels-interest-bar {
    padding: 14px 16px 20px !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #lels-interest-bar h3 {
    font-size: 1rem !important;
    margin: 0 0 10px !important;
  }

  #lels-interest-bar .lels-bar-fields {
    flex-direction: column !important;
    gap: 8px !important;
  }

  #lels-interest-bar input[type="text"],
  #lels-interest-bar input[type="email"],
  #lels-interest-bar textarea,
  #lels-interest-bar select {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }

  /* Images */
  img, video {
    max-width: 100% !important;
    height: auto;
  }
}