/*
Theme Name: FWCC-CMCA
Theme URI: https://fwccamericas.org
Template: jupiterx
Author: FWCC-CMCA
Author URI: https://fwccamericas.org
Description: Theme for FWCC-CMCA website.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,e-commerce,featured-images,full-width-template,threaded-comments,blog,custom-colors,grid-layout,rtl-language-support,footer-widgets,theme-options,translation-ready,custom-menu
Version: 1.0.1761786850
Updated: 2025-10-30 01:14:10

*/

/* ===== Events page: legacy list layout ===== */
.fwcc-events-feed { margin-block: 2rem; }

/* Section titles (orange, serif-ish look approximated) */
.fwcc-events-feed h2 {
  color: #d35400;              /* tweak if you have exact brand orange */
  font-weight: 700;
  letter-spacing: .2px;
  margin: 0 0 1rem;
}

/* A single row: badge | main | thumb */
.fwcc-event-row {
  display: grid;
  grid-template-columns: 84px 1fr 120px;
  gap: 18px;
  align-items: start;
  padding: 12px 0;
}

/* Left date badge (red) */
.fwcc-event-badge {
  width: 84px; min-width: 84px;
  background: #d62828;         /* match legacy red */
  color: #fff;
  border-radius: 4px;
  text-align: center;
  padding: 10px 6px;
  line-height: 1;
  display: grid;
  place-items: center;
}
.fwcc-badge-day { font-size: 22px; font-weight: 800; }
.fwcc-badge-mon { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; }
.fwcc-badge-yr  { font-size: 12px; font-weight: 700; margin-top: 4px; opacity: .95; }

/* Middle: title/meta/excerpt */
.fwcc-event-title { margin: 0 0 .25rem; font-size: 1.1rem; line-height: 1.3; text-transform: uppercase; }
.fwcc-event-title a { text-decoration: none; color: #333; }
.fwcc-event-title a:hover { text-decoration: underline; }

.fwcc-event-meta { margin: 0 0 .5rem; color: #888; font-weight: 600; }
.fwcc-event-excerpt { margin-top: 20px; }
.fwcc-event-excerpt p { margin: 0 0 .75rem; }
.fwcc-event-more a { color: #000 !important; font-weight: 700; text-decoration: none; }
.fwcc-event-more a:hover { text-decoration: underline; }

/* Right: small image thumb */
.fwcc-event-thumb { text-align: right; }
.fwcc-event-thumb-img { border-radius: 6px; display: inline-block; }

/* Row separator */
.fwcc-event-sep {
  border: 0; border-top: 1px solid #e5e7eb;
  margin: 14px 0 20px;
}

/* Responsive stacking */
@media (max-width: 900px) {
  .fwcc-event-row { grid-template-columns: 72px 1fr 100px; gap: 40px; }
}
@media (max-width: 700px) {
  .fwcc-event-row { grid-template-columns: 60px 1fr; }
  .fwcc-event-thumb { display: none; }
}

.fwcc-events-feed__past { padding-top: 30px; }

.fwcc-events-feed__past .fwcc-event-sep { display: none; }

/* Single Event (full width, no sidebar) */

.fwcc-event-heading h1 {
    font-family: "adobe-garamond-pro", Sans-serif !important;
    font-size: 28px !important;
}

.single-event .fwcc-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(16px, 2vw, 32px);
}

/* Header layout: badge | title/meta | small image */
.fwcc-event-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 24px;
  align-items: start;
  margin-bottom: 24px;
}

/* Date badge */
.fwcc-date-badge {
  display: inline-grid;
  place-items: center;
  width: 72px;
  padding: 8px 6px;
  background: #d62828;         /* adjust to brand red */
  color: #fff;
  border-radius: 4px;
  text-align: center;
  line-height: 1;
}
.fwcc-date-badge__day { font-size: 22px; font-weight: 800; }
.fwcc-date-badge__mon { font-size: 14px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }
.fwcc-date-badge__yr  { font-size: 12px; font-weight: 700; opacity: .9; margin-top: 4px; }

/* Title + meta */
.fwcc-event-title { margin: 0 0 6px; font-size: clamp(24px, 3.5vw, 36px); line-height: 1.2; }
.fwcc-event-meta  { margin: 0; color: #6b7280; font-weight: 600; }

/* Right-side thumbnail */
.fwcc-event-thumb { margin: 0; }
.fwcc-event-thumb img { display: block; width: 170px; height: auto; border-radius: 6px; }

/* Content spacing */
.fwcc-event-content { margin-top: 28px; }
.fwcc-event-content p { margin: 0 0 1em; }

/* Responsive: stack on small screens */
@media (max-width: 800px) {
  .fwcc-event-header {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .fwcc-date-badge {
    width: 64px;
  }
  .fwcc-event-thumb img {
    width: 140px; /* slightly larger when stacked */
  }
}