@charset "UTF-8";
.background-layer.dates .bg-layer__2 {
  left: 120px;
  bottom: 32px;
}

.question__bg-girl {
  width: 254px;
}

.content .content__list-icon.icon-bg .content__list-icon_bg {
  width: 36px !important;
  height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  box-shadow: 0 3px 12px rgba(34, 197, 94, 0.25);
  top: 50%;
  transform: translateY(-50%);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.content .content__list-icon.icon-bg .content__list-icon_bg img {
  position: static !important;
  transform: none !important;
  min-height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  width: 18px !important;
  height: 18px !important;
  filter: brightness(0) invert(1);
}
.content .content__list-icon li {
  padding: 8px 0 8px 46px !important;
  min-height: 36px;
  list-style-type: none !important;
}

/* ============================================================
   Dates page — modern article content styling
   ============================================================ */
/* Alert-info on this page — slightly elevated */
.content .alert-info {
  font-size: 1rem !important;
  font-weight: 500;
  line-height: 1.6;
}

/* Session overview icon list items */
.content .content__list-icon.icon-bg .content__list-icon_item {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* ===== Active session header — connect to card below ===== */
.content h3.content__section-name-important {
  background: linear-gradient(135deg, #2F80ED, #1A6DD4) !important;
  border-radius: 16px 16px 0 0 !important;
  margin-bottom: 0 !important;
  box-shadow: 0 6px 20px rgba(47, 128, 237, 0.3) !important;
  letter-spacing: 0.3px;
  font-size: 1.15rem;
  padding: 4px 0 4px 18px !important;
}

/* ===== Active session card — square top, flush with header ===== */
.objectives__list.content__list-icon-box.bg {
  border: 1px solid rgba(47, 128, 237, 0.1) !important;
  border-top: none !important;
  border-radius: 0 0 16px 16px !important;
  box-shadow: 0 6px 24px rgba(47, 128, 237, 0.1), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
  padding: 16px 20px 14px !important;
  margin-top: 0 !important;
  background: linear-gradient(180deg, #f6faff, #fff 40%) !important;
}
.objectives__list.content__list-icon-box.bg h2 {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(47, 128, 237, 0.08);
}
.objectives__list.content__list-icon-box.bg h2 span.text-lg {
  color: #1A6DD4;
  font-weight: 700;
  font-size: 1.05rem !important;
}

/* ===== Past session (.old): style .old itself as the header container ===== */
/* The contest name is a plain text node — we style the wrapper div as the header */
.content .old {
  background: #f7f8f9;
  border: 1px dashed #ccc;
  border-radius: 15px 15px 0 0;
  border-bottom: none;
  padding: 13px 15px 0;
  font-size: 1.1rem;
  font-weight: 400;
  color: #888;
  line-height: 1.4rem;
  margin-top: 12px;
  margin-bottom: 0;
}
.content .old::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(https://cdn.brainring.co.uk/public/images/icons/icon_speaker-blue.png) no-repeat center/contain;
  margin-right: 5px;
  vertical-align: middle;
}
.content .old > .objectives__list.content__list-icon-box.bg {
  border: 1px dashed #ccc !important;
  border-top: 1px solid rgba(0, 89, 128, 0.07) !important;
  border-radius: 0 0 16px 16px !important;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 6px 0px !important;
  margin: 13px -15px 0 !important;
  background: #fff !important;
}

/* ===== Timeline list ===== */
.objectives__list.content__list-icon-box.bg ul.mt-3 {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 4px 0 0 !important;
  position: relative;
  /* Vertical connecting line */
}
.objectives__list.content__list-icon-box.bg ul.mt-3::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 16px;
  bottom: 16px;
  width: 3px;
  background: linear-gradient(to bottom, #2F80ED 60%, rgba(47, 128, 237, 0.08));
  border-radius: 3px;
}
.objectives__list.content__list-icon-box.bg ul.mt-3 li {
  list-style: none !important;
  position: relative;
  padding: 8px 0 8px 30px !important;
  line-height: 1.55;
  border-bottom: 1px solid rgba(47, 128, 237, 0.05);
  font-size: 0.95rem;
  /* Timeline dot */
}
.objectives__list.content__list-icon-box.bg ul.mt-3 li:last-child {
  border-bottom: none;
}
.objectives__list.content__list-icon-box.bg ul.mt-3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2.5px solid #2F80ED;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.1);
}
.objectives__list.content__list-icon-box.bg ul.mt-3 li strong, .objectives__list.content__list-icon-box.bg ul.mt-3 li b {
  color: #1A6DD4;
  font-weight: 700;
}

/* ===== Mobile: session icons ===== */
@media screen and (max-width: 900px) {
  .content .content__list-icon.icon-bg .content__list-icon_bg {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(34, 197, 94, 0.3);
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .content .content__list-icon.icon-bg .content__list-icon_bg img {
    position: static !important;
    transform: none !important;
    width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
  }

  .content .content__list-icon li {
    padding-left: 58px !important;
    min-height: 48px;
    line-height: 1.5;
  }
}
/* Past session (.old) — muted timeline */
.old .objectives__list.content__list-icon-box.bg ul.mt-3::before {
  background: linear-gradient(to bottom, #bbb, rgba(170, 170, 170, 0.08));
}
.old .objectives__list.content__list-icon-box.bg ul.mt-3 li::before {
  border-color: #bbb;
  box-shadow: 0 0 0 3px rgba(170, 170, 170, 0.08);
}
.old .objectives__list.content__list-icon-box.bg ul.mt-3 li strong, .old .objectives__list.content__list-icon-box.bg ul.mt-3 li b {
  color: #888;
}