@media all {
    /* happenings */
    #happenings ul.event_list { grid-template-columns:repeat(3, 1fr); gap:var(--spacing-1L); }

    #happenings ul.event_list .photo_box { position:relative; }
    #happenings ul.event_list .photo_box img { width:100%; }

    #happenings ul.event_list .content_box { margin:0px auto; padding:var(--spacing-1L) 0px; }
    
    #happenings ul.event_list .content_box .store_name { margin:0px 0px var(--spacing-2S) 0px; font-size:var(--font-size-1S); text-transform:uppercase; letter-spacing:1px; }
    
    #happenings ul.event_list .content_box h2 { margin-top:0px; font-size:var(--font-size-1L); }

    #happenings ul.event_list .content_box .body { background-color:var(--color-white); }
    #happenings ul.event_list .content_box .details { display:none; margin-top:var(--spacing-1S); padding-top:var(--spacing-1S); border-top:1px var(--color-gray) dashed; }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1000px) {
    #happenings ul.event_list { grid-template-columns:1fr 1fr; }
    #happenings ul.event_list .content_box h2 { font-size:var(--font-size-1L); font-weight:var(--font-weight-bold); }

    #happenings ul.event_list .content_box .store_name,
    #happenings ul.event_list .content_box .details { font-size:var(--font-size-0);}
}

@media (max-width:700px) {
    #happenings ul.event_list { grid-template-columns:1fr; }
    #happenings ul.event_list .photo_box img {height:300px; object-fit:cover; }
}

@media (max-width:500px) {

}