/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */
.event-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; }
.event-card { display: block; color: inherit; border-bottom: 1px solid #444; padding-bottom: 1rem; }
.event-card img,
.event-detail > img { width: 100%; height: auto; box-shadow: 4px 6px 12px rgba(0,0,0,.5); }

.event-detail img.float-left  { float: left;  margin: .3rem 1.5rem 1rem 0; }
.event-detail img.float-right { float: right; margin: .3rem 0 1rem 1.5rem; }
.event-detail img.float-left,
.event-detail img.float-right { width: 220px; height: 220px; border-radius: 6px; }

.event-detail h2 { clear: both; }

@media (max-width: 600px) {
  .event-detail img.float-left,
  .event-detail img.float-right { float: none; display: block; margin: 0 0 1rem 0; }
}


.event-date { font-style: italic; color: #c49a63; margin: .8rem 0 .2rem; }
.event-card h2 { font-size: 1.4rem; margin: 0; }

.event-detail h2::before,
.event-detail h2::after { content: none !important; display: none !important; }
.event-detail h2 { border-top: 0 !important; padding-top: 0; }