@charset "UTF-8";
/* xl - DESKTOP STYLES */
/* =========================================================
   Programme type colours – Programme Calendar
   Change a category's colour in :root only.
   Colours are kept light so the default dark text stays readable.
   ========================================================= */
:root {
  --type-short-course: #ffe680;
  /* Public Short Course – light yellow */
  --type-professional-qualification: #ffc4c4;
  /* light pink */
  --type-professional-certification: #ffa39c;
  /* light red / coral */
  --type-agent-development: #a9d3ff;
  /* Agency Management – light blue */
  --type-e-learning: #9fe0da;
  /* light teal */
  --type-on-demand: #ffcc85;
  /* light orange */
  --type-events: #bdf296;
  /* light green */
  --type-study-tour: #d6c2f5;
  /* not in mockup – light purple placeholder */
  --type-default: #dddedf;
  /* fallback when no type is set */
  --type-text: #1a1a1a;
  --type-line-width: 4px;
}
/* ---------- Programme cards ---------- */
/* Map each slug (data-programme) to its colour */
.programme-query {
  --type-color: var(--type-default);
}
.programme-query[data-programme="short-course"] {
  --type-color: var(--type-short-course);
}
.programme-query[data-programme="professional-qualification"] {
  --type-color: var(--type-professional-qualification);
}
.programme-query[data-programme="professional-certification"] {
  --type-color: var(--type-professional-certification);
}
.programme-query[data-programme="agent-development"] {
  --type-color: var(--type-agent-development);
}
.programme-query[data-programme="e-learning"] {
  --type-color: var(--type-e-learning);
}
.programme-query[data-programme="on-demand"] {
  --type-color: var(--type-on-demand);
}
.programme-query[data-programme="events"] {
  --type-color: var(--type-events);
}
.programme-query[data-programme="study-tour"] {
  --type-color: var(--type-study-tour);
}
/* Coloured line along the top of the card */
.programme-query {
  border-top: var(--type-line-width) solid var(--type-color);
}
/* Programme type bubbles – one pill per type link */
.programme-query > .div-absolute {
  background: transparent;
  padding: 0;
  left: auto;
  /* stay pinned to the top-right */
  max-width: calc(100% - 16px);
}
.programme-query > .div-absolute > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  font-size: 0;
  /* hides the ", " between links */
}
.programme-query > .div-absolute a {
  --pill-color: var(--type-default);
  background-color: var(--pill-color);
  color: var(--type-text);
  font-size: 14px;
  line-height: 21px;
  padding: 4px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
.programme-query > .div-absolute a[href*="/programmes_type/short-course/"] {
  --pill-color: var(--type-short-course);
}
.programme-query > .div-absolute a[href*="/programmes_type/professional-qualification/"] {
  --pill-color: var(--type-professional-qualification);
}
.programme-query > .div-absolute a[href*="/programmes_type/professional-certification/"] {
  --pill-color: var(--type-professional-certification);
}
.programme-query > .div-absolute a[href*="/programmes_type/agent-development/"] {
  --pill-color: var(--type-agent-development);
}
.programme-query > .div-absolute a[href*="/programmes_type/e-learning/"] {
  --pill-color: var(--type-e-learning);
}
.programme-query > .div-absolute a[href*="/programmes_type/on-demand/"] {
  --pill-color: var(--type-on-demand);
}
.programme-query > .div-absolute a[href*="/programmes_type/events/"] {
  --pill-color: var(--type-events);
}
.programme-query > .div-absolute a[href*="/programmes_type/study-tour/"] {
  --pill-color: var(--type-study-tour);
}
/* ---------- "Select Level" filter buttons (WP Grid Builder facet 1) ---------- */
/* "All" keeps the site's default green active style.
   !important is needed because the site's stylesheet sets the active colour with !important. */
.wpgb-facet-1 .wpgb-button:has(input[value="short-course"]) {
  --type-color: var(--type-short-course);
}
.wpgb-facet-1 .wpgb-button:has(input[value="professional-qualification"]) {
  --type-color: var(--type-professional-qualification);
}
.wpgb-facet-1 .wpgb-button:has(input[value="professional-certification"]) {
  --type-color: var(--type-professional-certification);
}
.wpgb-facet-1 .wpgb-button:has(input[value="agent-development"]) {
  --type-color: var(--type-agent-development);
}
.wpgb-facet-1 .wpgb-button:has(input[value="e-learning"]) {
  --type-color: var(--type-e-learning);
}
.wpgb-facet-1 .wpgb-button:has(input[value="on-demand"]) {
  --type-color: var(--type-on-demand);
}
.wpgb-facet-1 .wpgb-button:has(input[value="events"]) {
  --type-color: var(--type-events);
}
.wpgb-facet-1 .wpgb-button:has(input[value="study-tour"]) {
  --type-color: var(--type-study-tour);
}
.wpgb-facet-1 .wpgb-button[aria-pressed="true"]:not(:has(input[value=""])) {
  background-color: var(--type-color) !important;
  color: var(--type-text) !important;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F24283-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADLA%3BAAAA%3BACuBA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAD%2FBA%3BACkCA%3BAAAA%3BAAAA%3BADlCA%3BACuCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BADxEA%3BAAAA%3BAAAA%3BAC8EA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%22%7D */