/* ===============================
   Base Typography & Body
   =============================== */
body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
}
strong {
    font-weight: 600;
}
b {
    font-weight: 600;
}
 a:link {
            color: #bfc06e;
        }

        a:visited {

            color: #bfc06e;
        }

        a:hover {
            background-color: #000000;
            color: #c2c29a;
        }

        a:active {
            background-color: #cc0000;
            color: #000000;
        }

        .video-container {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 30px;
            height: 0;
            overflow: hidden;
        }

        .video-container iframe,
        .video-container object,
        .video-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
 /* june 19-2026 */
/* Events landing page cards */
/* ===== Simple Catalog Cards ===== */

.event-card {
    position: relative;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;

    display: flex;
    flex-direction: column;
    gap: 8px;

    transition: all 0.15s ease-in-out;
}

.event-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border-color: #bbb;
}

/* Image */
.event-card img.card-thumb {
   /* width: 100%;*/
	/*height: 269px;*/
    /* height: 249px;*/
    object-fit: cover;
    border-radius: 4px;
}

/* Full-card click target */
.event-card a.stretched-link::after {
    content: "";
   position: absolute;
   inset: 0;
    z-index: 1;
}

/* Ensure text stays above clickable layer */
.event-card h3,
.event-card p {
    position: relative;
    z-index: 2;
}