@import url("/bethellibrary/files/includes/css/header-signature.css");
/* --------------------- */
/* Calendar layout for KuskoCon */
#agenda3col .col-md-4:nth-of-type(2) {border-left: 1px solid #eee; border-right: 1px solid #eee;}
/* Layout / headings */
.agenda-day-title {
  font-size: 1.35rem;
  margin-bottom: 1rem;
}

/* Card border + badge use a CSS variable that you set per age_level */
.event-card {
  border: 2px solid var(--age-color, #6c757d);
  border-radius: 20px !important;
}

/* Top-right age badge */
.age-badge {
  position: absolute;
  top: 0rem;
  right: 0rem;
  padding: .5rem .8rem .5rem .8rem;
  border-radius: .25rem;
  background: var(--age-color, #6c757d);
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  border-top-right-radius: 15px !important;
  border-bottom-left-radius: 10px !important;
}

/* You asked to control these in CSS */
.event-time { font-weight: 600; }
.event-title { /* h3 already */ }
.event-location { font-style: italic; }
.event-categories { font-size: 0.95rem; opacity: 0.9; }

/* ---- AGE LEVEL COLOR MAPPING (EDIT THESE) ---- */
/* Match EXACT text from col J (age_level) */
.event-card[data-age="13+"] { --age-color: #F45197; }
.event-card[data-age="14+"] { --age-color: #236192; }
.event-card[data-age="18+"] { --age-color:  #DF6A2E; }
.event-card[data-age="Kids and Family"] { --age-color: #ffcd00; }
.event-card[data-age="All Ages"] { --age-color: #111c4e; }

/* Fallback if age text changes */
.event-card[data-age=""] { --age-color:  #66665D; }

/* END Calendar layout for KuskoCon */
/* --------------------- */