.evt-main-section .event-column { height: auto !important; display: flex; flex-direction: column; } /* fallback for slider cards */ .slider .event-column { box-sizing: border-box; } .slider .event-content { display: flex; flex-direction: column; } .slider .event-button { margin-top: auto; } /* Slider container - critical for proper containment */ .slider, .row.slider { width: 100%; overflow: visible; box-sizing: border-box; } /* Slick slide styling */ .slider .slick-slide { overflow: visible; box-sizing: border-box; height: auto; } /* Event column width fix */ .slider .event-column { box-sizing: border-box; } /* Desktop: min-height for visual consistency */ @media (min-width: 1025px) { .slider .event-column { min-height: 480px; } .slider .event-content { min-height: 400px; } } /* Tablet optimization */ @media (max-width: 1024px) { .slider .event-column { min-height: 360px; } .slider .event-content { min-height: 280px; } } @media (max-width: 768px) { .slider .event-column { min-height: 300px; } .slider .event-content { min-height: 220px; } } /* Mobile: no min-height constraints, let content size naturally */ @media (max-width: 480px) { .slider .event-column { min-height: unset; height: auto; } .slider .event-content { min-height: unset; height: auto; } .slider .slick-slide { height: auto !important; } .event-item { width: 100% !important; max-width: 100% !important; } .slick-prev-reg-btn, .slick-next-reg-btn { width: 30px; height: 30px; padding: 5px; } .slick-prev-reg-btn img, .slick-next-reg-btn img { width: 100%; height: auto; } } /* SHOW MORE - hide via class so JS can remove the class to reveal, preserving layout */ .hidden-event { display: none !important; }