.elementor-1876 .elementor-element.elementor-element-94e7d39{--display:flex;}.elementor-1876 .elementor-element.elementor-element-a9c8619{--spacer-size:80px;}.elementor-1876 .elementor-element.elementor-element-9c18484{--display:flex;}.elementor-1876 .elementor-element.elementor-element-fb893c8{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1876 .elementor-element.elementor-element-a9c8619{--spacer-size:12px;}}/* Start custom CSS for html, class: .elementor-element-4521a66 *//* =========================
   UPDATE CARD – BE BROADBAND STYLE
========================= */
.update-card {
  max-width: 1000px;
  margin: 0 auto 16px;
  padding: 14px 16px;
  background: #ffffff;
  border: 1px solid #dfe5ea;
}

/* Status bars */
.status-Outage {
  border-left: 6px solid #d93025;
}

.status-Maintenance {
  border-left: 6px solid #f4b400;
}

.status-Degraded {
  border-left: 6px solid #fb8c00;
}

.status-Resolved {
  border-left: 6px solid #2e7d32;
  opacity: 0.65;
}

/* =========================
   HEADER
========================= */
.update-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.update-title {
  font-size: 15px;
  font-weight: 700;
  color: #112f48;
}

/* Status pill – flatter */
.update-status {
  font-size: 11px;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 2px;
  background: #eef2f5;
  color: #112f48;
  text-transform: uppercase;
}

/* =========================
   META
========================= */
.update-meta {
  font-size: 12px;
  color: #5f6b77;
  margin-bottom: 6px;
}

/* =========================
   MESSAGE
========================= */
.update-message {
  font-size: 14px;
  color: #112f48;
  line-height: 1.5;
}

/* =========================
   BE BROADBAND – LEGEND FIX
========================= */
.updates-legend-wrap {
  max-width: 1000px;
  margin: 20px auto 24px auto;
  padding: 16px;
  border-top: 1px solid #e5e9ec;
}

/* Force proper layout */
.updates-legend {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

/* Legend pills */
.legend-item {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 600;
  background: #f6f8fa;
  color: #112f48;
  border: 1px solid #e1e5e8;
  border-radius: 4px; /* squarer = Be Broadband */
  white-space: nowrap;
}

/* Status dots */
.legend-item::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

/* Colours */
.legend-item.outage::before { background: #d93025; }
.legend-item.maintenance::before { background: #f9ab00; }
.legend-item.degraded::before { background: #fb8c00; }
.legend-item.resolved::before { background: #2e7d32; }
.legend-item.info::before { background: #1a73e8; }/* End custom CSS */