.darkgray{background-color: #212121;}

.button.button-full {font-size: 1.8rem;}

.contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f5f5;
    color: #111;
    transition: all 0.3s ease;
}

.contact-card {
    transition: all 0.3s ease;
    border-radius: 12px;
}

.contact-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 1rem 2rem rgba(0,0,0,.1);
}

.contact-card:hover .contact-icon {
    background: #111;
    color: #fff;
}

.footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-links li {
	display: flex;
	align-items: center;   /* vertical center icon + text */
	gap: 8px;
	margin-bottom: 8px;    /* optional */
}

.footer-links li::before {
	content: "\f0da"; /* fa-caret-right */
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	display: inline-block; /* important */
	line-height: 1;        /* removes extra glyph height */
	flex-shrink: 0;
	/* optional tiny nudge if needed */
	/* transform: translateY(1px); */
}

.footer-links li a {
	line-height: 1.2;      /* optional, keeps text clean */
}

/* EVENTS PAGE */
/* Clickable media area with consistent height */
.event-media{
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-top-left-radius: .375rem; /* matches Bootstrap card rounding */
  border-top-right-radius: .375rem;
  text-decoration: none;
}

/* Image cropping */
.event-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Badge on media */
.event-badge{
  position: absolute;
  top: .75rem;
  left: .75rem;
}

/* Placeholder styling */

.event-placeholder-text{
  font-size: .95rem;
}

/* Subtle hover */
.event-card{
  transition: transform .12s ease, box-shadow .12s ease;
}