:root { --shf-dark-green: #2d4a22; --shf-sage: #8fb180; --shf-border: #e9efec; --shf-bg-soft: #f9fbf9; } /* --- Page Container --- */ .shf-event-list-wrapper { max-width: 1100px; margin: 0 auto 60px; } /* --- Hero Header Alignment (Matches "Our Focus") --- */ .shf-events-hero { padding: 80px 20px 40px; background-color: var(--shf-bg-soft); margin-bottom: 40px; } .shf-hero-content { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; align-items: flex-start; } .shf-events-hero h1 { font-size: 3.5rem; color: var(--shf-dark-green); margin: 0; line-height: 1.1; font-weight: 700; } .shf-events-hero .shf-subtitle { font-size: 1.25rem; color: #666; margin-top: 15px; font-weight: 500; } /* --- Search & Bar Button Colors --- */ /* Find Events Button */ .tribe-common .tribe-common-c-btn-primary, .tribe-events-c-search__button { background-color: var(--shf-sage) !important; border-radius: 8px !important; padding: 12px 24px !important; font-weight: 700 !important; text-transform: uppercase !important; transition: background 0.3s ease !important; } .tribe-common .tribe-common-c-btn-primary:hover, .tribe-events-c-search__button:hover { background-color: var(--shf-dark-green) !important; } /* Subscribe to Calendar Button */ .tribe-events-c-subscribe-dropdown__button { background-color: transparent !important; color: var(--shf-sage) !important; border: 2px solid var(--shf-sage) !important; border-radius: 8px !important; font-weight: 700 !important; } .tribe-events-c-subscribe-dropdown__button:hover { background-color: var(--shf-sage) !important; color: #fff !important; } /* Active View underline (List/Month/Day) */ .tribe-events-c-view-selector__button::after { background-color: var(--shf-dark-green) !important; } /* --- Event Card Enhancements --- */ .tribe-common .tribe-events-calendar-list__event-row { background: #fff; border: 1px solid var(--shf-border); border-radius: 12px; margin-bottom: 30px; padding: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); transition: transform 0.3s ease; } .tribe-common .tribe-events-calendar-list__event-row:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.08); } .tribe-events-calendar-list__event-title.tribe-common-h6 a { color: var(--shf-dark-green) !important; text-decoration: none; font-size: 1.8rem; font-weight: 700; } .tribe-events-calendar-list__event-date-tag-datetime { color: var(--shf-sage) !important; } @media (max-width: 768px) { .shf-events-hero h1 { font-size: 2.8rem; } .shf-hero-content { align-items: center; text-align: center; } } .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { padding-top:4rem; padding-bottom:0; } /* --- iCal "Juiced Up" CTA Section --- */ .shf-ical-cta { background-color: var(--shf-bg-soft); border: 2px dashed var(--shf-sage); border-radius: 12px; padding: 40px; text-align: center; margin: 40px 0; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-top:4rem !important; margin-bottom:4rem !important; } .shf-ical-cta h3 { color: var(--shf-dark-green); font-size: 1.5rem; margin: 0; font-weight: 700; } .shf-ical-cta p { color: #555; max-width: 500px; margin: 0 auto; line-height: 1.5; } /* Target the actual button generated by the template */ .shf-ical-cta .tribe-events-c-subscribe-dropdown { margin-top: 10px; }