:root{--color-primary: #455465;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #0074be;--color-state-hover: #006ab4;--color-state-focus: #006ab4;--color-state-active: #0059a3;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fafafa;--nav-text-color: var(--color-text);--nav-selected-color: var(--color-state);--nav-border-colour: rgba(128, 128, 128, 0.2);--nav-width: 15rem;--nav-collapsed-width: 5rem;--nav-button-size: 1.25rem;--nav-logo-width: 7.5rem;--nav-logo-height: 7.5rem;--nav-logomark-width: 2.5rem;--nav-logomark-height: 2.5rem;--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled);--page-content-padding-desktop: calc(var(--gap-base) * 8)}.tui-theme_inspire-navItem{--tui-theme_inspire-navItem-height: 2.75rem;--tui-theme_inspire-navItem-indicator-height: 2rem;--tui-theme_inspire-navItem-top-level-nav-item-padding: 10px;--tui-theme_inspire-navItem-nav-item-padding: 6px;display:flex;flex-grow:1;flex-wrap:wrap;height:var(--tui-theme_inspire-navItem-height);padding-top:calc(var(--gap-base) * 1);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem--navExpanded{height:100%}.tui-theme_inspire-navItem__icon{width:1.2em;height:1.2em;margin:auto}.tui-theme_inspire-navItem__icon--navExpanded{margin:calc(var(--gap-base) * 3) auto auto calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem .tui-theme_inspire-navItem{padding-top:0}.tui-theme_inspire-navItem--selected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem--selected:before{height:var(--tui-theme_inspire-navItem-indicator-height);margin-top:calc(var(--gap-base) * 1);border-right:calc(var(--gap-base) * 1) solid var(--nav-selected-color);border-top-right-radius:calc(var(--gap-base) * 1);border-bottom-right-radius:calc(var(--gap-base) * 1);content:""}.tui-theme_inspire-navItem .tui-theme_inspire-navItem--selected:before{margin-top:0}.tui-theme_inspire-navItem--link{flex-wrap:nowrap}.tui-theme_inspire-navItem__heading{display:flex;flex-grow:1;align-items:flex-start;padding:0;background-color:inherit;border:none;border-radius:var(--btn-radius)}.tui-theme_inspire-navItem__heading--childSelected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem__heading--depth-0{margin-left:calc(var(--gap-base) * 5);font-weight:600}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 4)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-0 .tui-theme_inspire-navItem__headingAction{margin:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-1{margin-left:calc(var(--gap-base) * 10);font-weight:400}.tui-theme_inspire-navItem__heading--depth-1.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 9)}.tui-theme_inspire-navItem__heading--depth-2{margin-left:calc(var(--gap-base) * 13)}.tui-theme_inspire-navItem__heading--depth-2.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 12)}.tui-theme_inspire-navItem__heading--link{color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__heading--link:hover,.tui-theme_inspire-navItem__heading--link:focus{color:var(--nav-tab-text-color);text-decoration:none}.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected{color:var(--nav-selected-color)}@media (hover:hover){.tui-theme_inspire-navItem__heading:hover{background-color:color-mix(in srgb, var(--nav-tab-text-color) 10%, transparent)}}.tui-theme_inspire-navItem__heading:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navItem__headingText{flex-grow:1;margin:auto;padding:var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 3);text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tui-theme_inspire-navItem__headingText--depth-0{padding:var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__headingAction{flex-basis:1.5rem;flex-shrink:0;height:1.5rem;margin:calc(var(--gap-base) * 1) calc(var(--gap-base) * 2);padding:var(--tui-theme_inspire-navItem-nav-item-padding);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__children{flex-basis:100%;margin-bottom:calc(var(--gap-base) * 2);margin-left:0;list-style:none}.tui-theme_inspire-navigation__toggle{position:absolute;z-index:1;width:var(--nav-button-size);height:var(--nav-button-size);margin:calc(var(--gap-base) * 4);color:var(--color-text)}.tui-theme_inspire-navigation__toggle--overlay{display:block}.tui-theme_inspire-navigation__toggle--expand{display:none}@media (min-width:992px){.tui-theme_inspire-navigation__toggle{left:var(--nav-collapsed-width)}.tui-theme_inspire-navigation__toggle--overlay{display:none}.tui-theme_inspire-navigation__toggle--expand{position:fixed;display:block;margin:calc(var(--gap-base) * 1);background-color:var(--color-neutral-3);opacity:0;transition:opacity var(--transition-button-duration) var(--transition-button-function) 1s}.tui-theme_inspire-navigation__toggle--expand:hover,.tui-theme_inspire-navigation__toggle--expand:focus,.tui-theme_inspire-navigation__toggle--expand:has(~ .tui-theme_inspire-navigation>.tui-theme_inspire-navigation__nav:hover),.tui-theme_inspire-navigation__toggle--expand:has(~ .tui-theme_inspire-navigation>.tui-theme_inspire-navigation__nav:focus-within){opacity:1;transition-delay:0s}.tui-theme_inspire-navigation__toggle--navExpanded{left:var(--nav-width)}.tui-theme_inspire-navigation__toggle-icon{--rotate-r: rotateY(0deg);--rotate-l: rotateY(180deg);transform:var(--rotate-r);transition-duration:0.5s}.dir-rtl .tui-theme_inspire-navigation__toggle-icon{transform:var(--rotate-l)}.tui-theme_inspire-navigation__toggle-icon--expanded{transform:var(--rotate-l)}.dir-rtl .tui-theme_inspire-navigation__toggle-icon--expanded{transform:var(--rotate-r)}}.tui-theme_inspire-navigation__toggle--navHidden{left:0}.tui-theme_inspire-navigation{position:relative;z-index:var(--zindex-navbar);display:none;flex-direction:column;overflow:visible}@media (min-width:992px){.tui-theme_inspire-navigation{display:flex;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav{position:fixed;display:flex;flex-direction:column;width:var(--nav-collapsed-width);height:100%;background-color:var(--nav-bg-color);border-right:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__heading{margin:auto;border-bottom:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logomark-width);max-height:var(--nav-logomark-height);margin:calc(var(--gap-base) * 8) 0}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse{float:right;width:var(--nav-button-size);height:var(--nav-button-size);margin-top:calc(var(--gap-base) * 4);margin-right:calc(var(--gap-base) * -3);color:var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__items{display:flex;flex-direction:column;gap:calc(var(--gap-base) * 1);height:100%;margin:0;padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) 0;overflow-y:auto;list-style:none}.tui-theme_inspire-navigation--overlaid{position:fixed;z-index:var(--zindex-nav-overlay);display:flex;width:var(--nav-width)}@media (min-width:992px){.tui-theme_inspire-navigation--overlaid{position:relative;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}.tui-theme_inspire-navigation--desktopExpanded{display:none}@media (min-width:992px){.tui-theme_inspire-navigation--desktopExpanded{display:flex;width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}}.tui-theme_inspire-navigation--hidden{display:none}.tui-settingsFormBrand__testEmailInfoButton{align-self:center}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}:root{--nav-bg-color: #fafafa;--nav-text-color: #262626;--nav-selected-color: #005942;--color-primary: #a9c23f;--color-state: #174a5b;--color-text: #262626;--footer-bg-color: #005942;--footer-text-color: #ffffff;--color-state-hover: #0d4051;--color-state-focus: #0d4051;--color-state-active: #002f40;--footer-text-color-hover: #f5f5f5;}
/* ================================
	Greater Wellington Council brand palette
	Forest = primary dark green
	Kaitoke = secondary light green
	Nui = primary blue/teal
   ================================ */
:root {
  --forest: #005942;
  --kaitoke: #a9c23f;
  --kaitoke-light: #f2f7ea;
  --nui: #174a5b;
  --blocks-bg: #fafafa;
}

/* ================================
	Global link + action colours
	Overrides Totara Inspire defaults
   ================================ */
/* Links - default and interactive states */
a {
  color: var(--nui);
}

a:hover,
a:focus {
  color: var(--forest);
}

.tui-btn--variant-primary,
.tui-btn--variant-default {
  svg {
    color: white;
  }
}

/* Buttons - GWC blue/teal applied to background, border, and text across Totara and Bootstrap buttons variant */
.btn,
.tui-btn--variant-primary,
.tui-btn--variant-default {
  background-color: var(--nui);
  border-color: var(--nui);
  color: #fff;
}
/* Buttons - hover state shifts to GWC to GWC primary dark green */
.btn:hover,
.tui-btn--variant-primary:hover,
.tui-btn--variant-default:hover {
  background-color: var(--forest);
  border-color: var(--forest);
  color: white;
}

/* SVG icons, inline links, and active tabl link - GWC blue/teal */
.tui-svgIcon,
.tui-link,
.tui-tabBar__tab--active a {
  color: var(--nui);
}

/* Progress bar fill, lozenges, and acitve tab underline indicator - GWC blue/teal */
.tui-progress__bar,
.tui-lozenge,
.tui-tabBar__tab--active a::after {
  background-color: var(--nui);
}

/* ================================
    Global typography
   ================================ */
/* Base font for body text */
body {
  font-family: "aptos-display", sans-serif;
}

/* Headings - bold weight applied across all levels */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "aptos-display", sans-serif;
  font-weight: 700;
}

/* Body text and inline/block elements - regular weight */
body,
p,
li,
td,
span {
  font-family: "aptos-display", sans-serif;
  font-weight: 400;
}

/* ================================
    Login page
   ================================ */
/* Login button — overrides default blue/teal with dark green */
#page-login-index .tui-btn.tui-btn--variant-primary.tui-btn--hasContent {
  background-color: var(--forest);
}

/* Login page logo — constrain dimensions to prevent oversizing */
#page-login-index .tui-core_auth-loginNav__image {
  max-width: 190px !important;
  height: 3rem;
}

/* ================================
    Toolbar
   ================================ */

/* Icon and toolbar text color */
.tui-svgIcon,
.userToolbar,
.userToolbar .usertext {
  color: var(--nui);
}

/* Adjust user button layout in the menubar */
.menubar .userbutton {
  .usertext {
    padding-top: 0.3rem;
  }

  /* Hide avatar in the toolbar */
  .avatar {
    display: none;
  }
}

/* ================================
    Navigation
   ================================ */

.tui-theme_inspire-navigation__nav {
  .tui-theme_inspire-navigation__headingLogo {
    max-width: 190px !important;
  }

  /* Highlight the fully expanded active nav item */
  [aria-current="page"]
    .tui-theme_inspire-navItem__heading.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--navExpanded.tui-theme_inspire-navItem__heading--depth-0 {
    background-color: #e9f5f3;
    color: var(--forest);
    font-weight: bold;
  }
}

/* Nav item base styles (BEM: --link modifier and __heading element) */
.tui-theme_inspire-navItem {
  /* Shared background, spacing, and shape for links and headings */
  &--link a,
  &__heading {
    background-color: #e9f5f3;
    margin: 0 0 5px 10px;
    border-radius: 4px;
  }

  /* Selected state — invert colors */
  &__heading--selected a {
    background-color: var(--forest);
    color: white;
  }
}

/* ================================
    Shared blocks
   ================================ */

/* Base block styling */
.block {
  background-color: var(--blocks-bg);
  padding: 1rem;
  border-radius: 3px;
  border: none;

  /* Inner header spacing */
  .block-header {
    padding: 5px 5px 0;
  }

  /* Remove decorative underline from block titles */
  .block-title::after {
    box-shadow: none;
  }
}

/* Block title typography */
.title.block-title h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--forest);
}

/* Side post region — inherits block background, removes padding */
#block-region-side-post {
  background-color: var(--blocks-bg);
  padding: 0;
}

/* =========================
	Page heading
   ========================= */
/* Heading styles */
.page-heading h1 {
  color: var(--forest);
  font-weight: bold;
}

/* =========================
	Explore page
   ========================= */
#page-totara-catalog-explore {
  /* Main content area */
  #region-main {
    background-color: #f9f9f9;
    padding: 1rem 2rem;
  }

  /* Forest green headings across the page, cards, and scollers */
  .tui-pageHeading__title,
  .tui-cardScroller__title-header,
  .tui-learningCard__title {
    color: var(--forest);
    font-weight: bold;
  }

  /* Learning card body - white background, rounded corners removed, green bottom accent */
  .tui-learningCard__body {
    background-color: #ffffff;
    border-bottom: 6px solid var(--nui);
    border-radius: 4px;
    border-radius: 0;
  }

  /* Learning card image - remove rounded corners */
  .tui-learningCard__image {
    border-radius: 0;
  }

  /* Bottom region and it's catalog block share the same background */
  #region-bottom {
    background-color: var(--blocks-bg);
    margin-top: 3rem;

    .block_totara_catalog {
      background-color: var(--blocks-bg);
    }
  }
}

/* Explore filter bar - white background */
.tui-totara_catalog-filterBarExplore__bar {
  background-color: #ffffff;
}

/* =========================
	Seminar activity page
  ========================= */
#page-mod-face-to-face-view {
  /* Main content area — light background */
  #region-main {
    background-color: var(--blocks-bg);
  }

  /* Event dashboard title and upcoming/past session headings — dark green, bold */
  .mod_facetoface__event-dashboard__title,
  #mod_facetoface__event-dashboard--upcoming h2,
  #mod_facetoface__event-dashboard--past h2 {
    font-weight: bold;
    color: var(--forest);
  }

  /* Session row — subtle green tint to distinguish from page background */
  .mod_facetoface__sessionlist__table__sessionrow {
    background-color: #e9f5f3;
  }

  /* Buttons and inputs — restyled to GWC dark green, square corners */
  .btn,
  input {
    color: var(--blocks-bg);
    background-color: var(--forest);
    border-radius: 0;
    border: none;
    font-size: medium;
    font-weight: bold;
    padding: 10px;
  }
}

/* =========================
	Competency rubric table
========================= */
.gw-comp-rubric-table {
  border-collapse: collapse;
  margin: 1rem;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--forest);

  /* Shared cell borders — GWC blue/teal */
  th,
  td {
    border: 2.5px solid var(--nui);
  }

  /* Header cells */
  th {
    padding: 1rem;
  }

  /* Data cells — top-aligned with capped width */
  td {
    padding: 0.6rem;
    vertical-align: top;
    max-width: 15rem;
  }

  /* Highlighted column — GWC secondary green */
  .gw-comp-col-highlight {
    background-color: var(--kaitoke);
  }

  /* light tint of secondary green */
  .gw-comp-col-light {
    background-color: var(--kaitoke-light);
    color: var(--forest);
  }
}

/* =========================
	Competency profile page
========================= */
#page-totara-competency-profile-details-index {
  /* Page title and section headings — dark green, bold */
  .tui-pageHeading__title,
  .h3 {
    font-weight: bold;
    color: var(--forest);
  }

  /* Default small button — restyled to GWC dark green, square corners */
  .tui-btn.tui-btn--variant-default.tui-btn--size-sm.tui-btn--hasContent {
    color: var(--blocks-bg);
    background-color: var(--forest);
    border-radius: 0;
    padding: 10px;
    font-weight: bold;
    font-size: medium;
    border: none;
  }

  /* Assignment status label — dark green, bold */
  .tui-grid-item.tui-competencyDetailAssignment__status span {
    color: var(--forest);
    font-weight: bold;
  }

  /* Active tab underline indicator and pending progress circle — GWC blue/teal */
  .tui-tabBar__tab--active a.tui-tabBar__link::after,
  .tui-progressTrackerNavCircleAchievement--pending.tui-progressTrackerNavCircleAchievement__middle {
    background-color: var(--nui);
  }

  /* Progress tracker connectors and achievement circle layers — GWC blue/teal */
  .tui-progresstrackernav__itemcontentwrapper:before,
  .tui-progressTrackerNavCircleAchievement__outer,
  .tui-progressTrackerNavCircleAchievement__middle,
  .tui-progressTrackerNavCircleAchievement__inner {
    background-color: var(--nui);
    color: var(--nui);
  }
}

/* =========================
	Pathway course pages
========================= */
.format-pathway {
  /* Page heading, section title, and course name — dark green, bold */
  .page-heading h1,
  .tui-format_pathway-progressNavigation__sectionTitle.block,
  .tui-format_pathway-courseInformation__baseName {
    color: var(--forest);
    font-weight: bold;
  }

  /* Course information panel — subtle green tint */
  .tui-format_pathway-courseInformation {
    background-color: #e9f5f3;

    /* Lozenge badges and progress bar — dark green */
    .tui-lozenge,
    .tui-progress__bar {
      background-color: var(--forest);
    }
  }

  /* Activity content area — light background with padding */
  .tui-format_pathway-activityView__activityContent {
    background-color: var(--blocks-bg);
    padding: 25px;
  }

  /* Default button — restyled to GWC dark green, square corners */
  .tui-btn.tui-btn--variant-default.tui-btn--hasContent {
    color: var(--blocks-bg);
    background-color: var(--forest);
    border-radius: 0;
    border: none;
    font-size: medium;
    font-weight: bold;
    padding: 10px;
  }

  /* Selected step in workflow progress tracker — GWC blue/teal */
  .tui-progressTrackerNavCircleWorkflow--selected
    .tui-progressTrackerNavCircleWorkflow__inner {
    background-color: var(--nui);
  }

  .tui-progressTrackerNavCircleWorkflow__icon--done {
    color: white;
  }
}

/* =========================
	Quiz
========================= */
#page-mod-quiz-attempt {
  span.qnbutton {
    color: var(--forest);
  }
}

/* =========================
	Footer
========================= */
/* Site footer — GWC dark green background with white text */
.custom-footer {
  background-color: var(--forest);
  color: #ffff;
  display: flex;
  align-items: center;
  justify-content: space-between;

  /* Footer text — small, no bottom margin */
  p {
    font-size: 12px;
    margin-bottom: 0;
  }

  /* Footer logos — fixed width */
  img {
    width: 120px;
  }

  /* Multiple logos — space between first and second */
  .img-container img:first-child {
    margin-right: 1rem;
  }
}

/* Hide Totara "Powered by" default footer */
.page-footer-poweredby {
  display: none;
}

/* =========================
	People Leader - Competencies dashboard
========================= */
/* #page-totara-dashboard-7 {
  #block-region-top {
    display: flex;
    flex-wrap: wrap;

  .block {
    flex: 0 0 16%;
    max-width: 16%;
    padding: 0;
    margin: 0;
  }
  }
} */

.tui-totara_competency-competencyCharts__chart {
  width: 60%;
  margin: 0 auto;
  padding: 20px;
}

.tui-totara_competency-competencyCharts__grid {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* =========================
	Transparent graph block
========================= */
.graphtransparent {
  height: 200px;
  background: transparent;

  h2 {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    text-align: center;
  }

  .block-content,
  .block_totara_report_graph__chart {
    height: 100%;
    padding: 0;
    max-width: 220px;
  }

  .rb-chartjs__chart {
    max-height: 100px;
  }

  .footer {
    display: none;
  }
}

/* =========================
	Dashboard featured links block
	Remove parent block styling
========================= */
:is(
  .block_totara_featured_links,
  .block_totara_featured_links .block-content,
  .block_totara_featured_links .block-totara-featured-links-layout
),
#dashlinks {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* =========================
	Dashboard featured links tiles
	Square promo tiles with bottom-right graphic
========================= */

.path-totara-dashboard:not(.editing) {
  #dashlinks {
    /* display: flex;
    justify-content: flex-start; */

    .block {
      background: transparent !important;
      border: none !important;
      padding: 0 !important;
      box-shadow: none !important;
    }

    .block-totara-featured-links-tile {
      border-radius: 0;
      background: transparent !important;
      box-shadow: none;
    }

    .block-totara-featured-links-content-container {
      position: relative;
      width: 100%;
    }

    .block-totara-featured-links-link {
      position: absolute;
      inset: 0;
      z-index: 3;
    }

    .block-totara-featured-links-content {
      position: relative;
      overflow: hidden;
      min-height: 180px;
      display: flex;
      /* align-items: flex-start; */
      /* justify-content: center; */
      padding-top: 2.2rem;
      padding-bottom: 1.2rem;
    }

    .block-totara-featured-links-content::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      width: 75%;
      height: 75%;
      background-image: url("https://gwlearn.likeminded.nz/assets/weave-texture.png");
      background-repeat: no-repeat;
      background-position: bottom right;
      background-size: contain;
      pointer-events: none;
      z-index: 1;
    }

    .block-totara-featured-links-content h3 {
      position: relative;
      z-index: 2;
      margin-top: 0.3rem;
      margin: 0;
      color: #fff;
      font-size: 1.4rem;
      font-weight: 700;
    }

    .block-totara-featured-links-tile {
      transition: filter 0.5s ease;
    }

    .block-totara-featured-links-tile:hover
      .block-totara-featured-links-content {
      filter: brightness(1.1);
    }

    .block-totara-featured-links-content::before,
    .block-totara-featured-links-tile::before,
    .block-totara-featured-links-tile::after {
      content: none !important;
      display: none !important;
      background: none !important;
      opacity: 0 !important;
    }

    .block-totara-featured-links-tile,
    .block-totara-featured-links-content {
      filter: none !important;
      opacity: 1 !important;
      mix-blend-mode: normal !important;
    }

    > *:nth-child(1) .block-totara-featured-links-content {
      background-color: var(--nui) !important;
      border-radius: 3px !important;
    }

    > *:nth-child(2) .block-totara-featured-links-content {
      background-color: var(--forest) !important;
      border-radius: 3px !important;
    }

    > *:nth-child(3) .block-totara-featured-links-content {
      background-color: var(--kaitoke) !important;
      border-radius: 3px !important;
    }

    > *:nth-child(4) .block-totara-featured-links-content {
      background-color: #00bab3 !important;
      border-radius: 3px !important;
    }

    > *:nth-child(5) .block-totara-featured-links-content {
      background-color: var(--nui) !important;
      border-radius: 3px !important;
    }

    > *:nth-child(6) .block-totara-featured-links-content {
      background-color: var(--forest) !important;
      border-radius: 3px !important;
    }

    > *:nth-child(7) .block-totara-featured-links-content {
      background-color: var(--kaitoke) !important;
      border-radius: 3px !important;
    }

    > *:nth-child(8) .block-totara-featured-links-content {
      background-color: #00bab3 !important;
      border-radius: 3px !important;
    }
  }
}

/* =========================
	Evidence form cleanup
========================= */
#page-totara-evidence-create {
  #fitem_id_name,
  #fitem_id_customfield_verification {
    display: none;
  }
}

/* =========================
	Dashboard 5 heading
========================= */
#page-totara-dashboard-5 #region-main h3 {
  color: var(--forest);
  font-size: 30px;
  font-weight: bold;
}

/* =========================
	User profile edit cleanup
========================= */
#page-user-editadvanced #id_moodle_picture {
  display: none;
}

/* =========================
	Hide participant user picture column
========================= */
:is(#page-course-view-site, #page-course-view-pathway)
  #participantsform
  .no-overflow
  table
  :is(thead th, tbody td).c1 {
  display: none;
}

:is(#page-course-view-site, #page-course-view-pathway)
  #participantsform
  .participantslist
  li
  a {
  display: none;
}

/* =========================
	Contact table utility
========================= */
.contact-table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
  table-layout: auto;
  margin-top: 32px;

  th {
    background-color: #1b4d3b;
    color: #ffffff;
    font-weight: 600;
    white-space: nowrap; /* prevents wrapping = keeps it tight */
    width: 1%; /* key trick: shrink to content */
  }

  td {
    background-color: #e7f3f1;
    color: #1b4d3b;
    width: auto; /* fills remaining space */
  }

  th,
  td {
    padding: 12px 16px;
    text-align: left;
  }
}

/* =========================
	Pathway heading bar component - CAN DELETE IF NOT USED
========================= */

.pathway-heading-bar {
  background-color: #e7f3f1;
  color: #1b4d3b;
  font-size: 1.375rem;
  font-weight: 600;

  padding: 12px 16px;
  margin: 32px 0 0 0;

  border-radius: 6px 6px 0px 0px;
}

/* =========================
	Pathway welcome text - CAN DELETE IF NOT USED
========================= */

.pathway-welcome-text {
  background-color: #ffffff;
  font-size: 1rem;
  padding: 12px 16px;
  border-radius: 0px 0px 6px 6px;
}

/* =========================
	Main container texture
========================= */
.tui-format_pathway-activityView__activityContent {
  position: relative;
  overflow: hidden;

  > * {
    position: relative;
    z-index: 1;
  }
}

.tui-format_pathway-activityView__activityContent::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 220px;
  height: 220px;
  background-image: url("https://gwlearn.likeminded.nz/assets/weave-texture.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}

/* =========================
	Global banner system
	Shared responsive behaviour for page banners
========================= */
/* =========================
	Global banner system
	Shared responsive behaviour for page banners
========================= */
.userToolbar::after {
  content: "";
  display: block;
  width: 100%;
  height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  margin-top: 0;
}

@media (max-width: 1500px) {
  .userToolbar::after {
    height: 160px;
  }
}

@media (max-width: 1200px) {
  .userToolbar::after {
    height: 120px;
  }
}

@media (max-width: 900px) {
  .userToolbar::after {
    height: 90px;
    background-position: left center;
  }
}

@media (max-width: 600px) {
  .userToolbar::after {
    height: 60px;
    background-position: left center;
  }
}

/* =========================
	Banner images by page type
========================= */
/* My Learning dashboard + Administrator dashboard*/
#page-totara-dashboard-1,
#page-totara-dashboard-2 {
  .userToolbar::after {
    background-image: url("https://ako.gw.govt.nz/assets/ako-main-banner.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    width: 100%;
    padding-top: 20%;
    height: 0;
  }
}

/* Explore */
#page-totara-catalog-explore .userToolbar::after {
  background-image: url("https://gwlearn.likeminded.nz/assets/explore-banner.png");
}

/* Seminar activity */
#page-mod-facetoface-view .userToolbar::after {
  background-image: url("https://gwlearn.likeminded.nz/assets/learn-banner.png");
}

/* Pathways */
.format-pathway .userToolbar::after {
  background-image: url("https://gwlearn.likeminded.nz/assets/learn-banner.png");
}

/* All course pages */
[id^="page-course-view"] .userToolbar::after {
  background-image: url("https://gwlearn.likeminded.nz/assets/learn-banner.png");
}

#inst1044, #inst1044 .block_totara_report_graph__chart, #inst1044 .block-content {
height: 3000px !important;
}

#inst1044 canvas {
height: 2900px !important;
}