: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: #FFFFFF;--nav-text-color: #002249;--nav-selected-color: #00B8E4;--color-primary: #455465;--color-state: #002249;--color-text: #002249;--footer-bg-color: #575A5D;--footer-text-color: #ffffff;--color-state-hover: #00183f;--color-state-focus: #00183f;--color-state-active: #00072e;--footer-text-color-hover: #f5f5f5;}
/* ==========================================================================
   TOTARA 20 UPGRADE FIX - font-size / spacing scaling (v2, scoped)
   ---------------------------------------------------------------
   This stylesheet was written assuming 1rem = 10px (the "62.5%" trick).
   The Totara 20 base theme doesn't set that scale, so every rem value
   in this file was rendering ~1.6x too large - oversized text, oversized
   padding/margin/gaps, the homepage hero overlapping itself, catalogue
   cards ballooning, etc.

   Last pass fixed this with a global `html { font-size: 62.5% }` - that
   worked for THIS file, but it also changed the root scale for core
   Totara/Tui components elsewhere on the page that assume a 16px root,
   which is what broke other things.

   This pass instead converts every rem value used IN THIS FILE (font
   sizes, padding, margin, gaps, line-heights) to its intended fixed
   pixel equivalent (old rem value x 10 = px). Nothing here depends on
   the root font-size any more, so core theme components outside these
   selectors are untouched. No global html/body rule has been changed,
   no selectors added/removed/reworked - this pass is purely a unit
   conversion for sizing and spacing.
   ========================================================================== */

/* ==========================================================================
   TOTARA 20 UPGRADE FIX - catalogue search bar + stray divider lines
   ---------------------------------------------------------------
   1) Search bar: flex-grow through the nested wrapper divs wasn't taking
      effect even after two attempts (confirmed via inspect element the
      input wasn't stretching). Switched to absolute positioning instead:
      the input's wrapper is pinned left:0/right:64px (leaving room for
      the button), and the button is pinned to the right edge, both inside
      a position:relative row with a fixed min-height. This sizes things
      by fixed geometry rather than flex-grow math, which is much harder
      for anything else on the page to quietly override.

   2) Grey divider lines: these look like default block-wrapper "card"
      borders that Totara 20 draws around/between blocks by default,
      which the old theme either didn't have or something else in the
      base theme was masking. This is a best-effort fix targeting the
      two block wrappers you flagged (Current Learning + the My Learning
      quick-links block) and the catalogue search/filter bar, plus any
      literal <hr> inside them.
   ========================================================================== */
/* Confirmed via inspect element: heading boldness site-wide is driven by
   Totara's own design-system custom properties (--font-h3-weight etc.),
   not by individual heading rules - the "Featured Learning" title turned
   out to be a plain <h3> in an unrelated block, not something reachable
   via block-title selectors at all. Overriding the token directly fixes
   it (and any other h3 relying on the same default) in one place. */
:root {
    --font-h3-weight: 800;
    /* Drives the left-nav "selected" accent bar (a ::before pseudo-element
       using border-right to draw what visually reads as a left-side bar -
       confirmed via Styles panel, not a mistake in how it was inspected),
       plus the icon (fill:currentColor inheriting from
       .tui-theme_inspire-navItem__heading--childSelected) and the "My
       Learning" heading text color when one of its children is selected.
       Same single-design-token pattern as --font-h3-weight above - the
       earlier border-left/box-shadow removal on .tui-theme_inspire-
       navItem--selected (further down this file) was aimed at the wrong
       property/pseudo-element and never actually did anything; left in
       place as harmless, but this is the real fix. */
    --nav-selected-color: #002249;
    /* Tui-framework components (.tui-select, .tui-formLabel, .tui-btn,
       .tui-dataTableCell, etc.) reference font-family:var(--font-family)
       rather than the hardcoded "Noto Sans" stack the rest of this file
       uses directly - confirmed via several Computed-tab captures this
       session showing var(--font-family) resolving to a plain system
       font stack (-apple-system, BlinkMacSystemFont, "Segoe UI"...).
       Same single-design-token pattern as the two above: this one
       override should bring every Tui component's font in line at once,
       rather than a separate font-family fix per component as they turn
       up. */
    --font-family: "Noto Sans", Verdana, Arial, Helvetica, sans-serif;
}

#page-totara-catalog-index .tw-catalog__primaryFilter,
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary {
    border-top: none;
    border-bottom: none;
}
#page-totara-catalog-index .tw-catalog__primaryFilter hr,
#page-totara-catalog-index .tw-catalog__primaryFilter:before,
#page-totara-catalog-index .tw-catalog__primaryFilter:after {
    display: none;
}

.pagelayout-dashboard .block_current_learning,
.pagelayout-dashboard .block_current_learning .card,
.pagelayout-dashboard .block_current_learning .block-header,
.pagelayout-dashboard .latait-my-learning-dash-block,
.pagelayout-dashboard .latait-my-learning-dash-block .card,
.pagelayout-dashboard .latait-my-learning-dash-block .block-header {
    border-top: none;
    box-shadow: none;
}
.pagelayout-dashboard .block_current_learning hr,
.pagelayout-dashboard .latait-my-learning-dash-block hr {
    display: none;
}
/* Broadened to ALL dashboard blocks (not just Current Learning / My
   Learning) - the same default block-wrapper divider lines are showing up
   around Featured Learning too, so this looks like a systemic Totara 20
   default rather than something specific to those two blocks. Also now
   extended to course pages (.pagelayout-incourse / .pagelayout-course) -
   the exact same grey border/divider pattern showed up around the course
   navigation block and the "Rate this course" card there too. */
.pagelayout-dashboard .block,
.pagelayout-dashboard .block .card,
.pagelayout-dashboard .block .block-header,
.pagelayout-incourse .block,
.pagelayout-incourse .block .card,
.pagelayout-incourse .block .block-header,
.pagelayout-course .block,
.pagelayout-course .block .card,
.pagelayout-course .block .block-header {
    border: none !important;
    box-shadow: none !important;
}
.pagelayout-dashboard .block hr,
.pagelayout-incourse .block hr,
.pagelayout-course .block hr {
    display: none;
}
/* Confirmed via inspect element: these lines aren't real borders at all -
   Totara's core theme draws them with a ::after pseudo-element on
   .block-title (content:"" + box-shadow inset), which is why border-*
   overrides above never touched it. content:none removes the pseudo-
   element's box entirely rather than fighting its box-shadow/height. */
.pagelayout-dashboard .block .block-title::after,
.pagelayout-incourse .block .block-title::after,
.pagelayout-course .block .block-title::after {
    content: none !important;
}
/* Confirmed via inspect element: real border-top on individual course rows,
   and on the block's panel-footer (which turned out to have TWO separate
   rules drawing a border-top - a compound ".block .panel-footer" one and a
   plain ".panel-footer" one with a slightly different colour - only
   disabling the first left the second one's lighter grey line visible). */
.pagelayout-dashboard .block_current_learning .panel-body ul li+li {
    border-top: none !important;
}
.pagelayout-dashboard .block .panel-footer,
.pagelayout-dashboard .panel-footer {
    border-top: none !important;
}
/* ==========================================================================
   END: search bar / divider line fix
   ========================================================================== */

.totaraNav_prim .masthead_logo--header_img {
    height: 42px;
}
html {
    --s-blue-block-patten-bg: 82px;
    --c1-tait-b-2xd: #0098bd;
    --c2-tait-b: #00B8E4;
    --c3-tait-b-1xd: #00a8d0;
    --_g-blue-block-patten-bg: var(--c3-tait-b-1xd) 0 120deg,#0000 0;
}
/*!
  ---------------------------------------------------------------

   START: Tait Communications Custiom CSS

  ---------------------------------------------------------------
*/
/* Confirmed via inspect element: this rule was written for v17, where the
   catalogue's "Find learning" title was an <h2>. Totara 20 renders it as
   an <h1> instead - same class, different tag - so the old h2-specific
   selector stopped matching and it started showing when it shouldn't.
   Made it tag-agnostic so it's not tied to whichever heading level Totara
   happens to use. */
#page-totara-catalog-index .tw-catalogManageBtns a.btn[href*=setdefaulthome],#page-totara-catalog-index .tw-catalog__title {
    display:none;
}
/* "Customise this page / Configure catalogue / Explore content marketplace /
   Create" button row: pushed to the right of its flex row via margin-left:auto
   (robust regardless of whether the hidden .tw-catalog__title above is the
   only sibling or not), and border/text recolored to Tait Grey - was picking
   up default/visited link colors (blue/purple) rather than any deliberate
   styling. */
#page-totara-catalog-index .tw-catalogManageBtns {
    margin-left:auto;
}
#page-totara-catalog-index .tw-catalogManageBtns__btn,
#page-totara-catalog-index .tw-catalogManageBtns__btn:focus,
#page-totara-catalog-index .tw-catalogManageBtns__btn:visited {
    color:#002249;
    /* Border removed per direction given, matching the softer shadow-only
       style used elsewhere on this page (search bar, category dropdown,
       filter pills) - the shared button rule further down still supplies
       the box-shadow, this just drops the border-color it also sets. */
    border: none;
}
#page-totara-catalog-index .tw-catalogManageBtns__btn:hover {
    color:#002249;
    border: none;
}
#page-totara-catalog-index #tw-catalogMagageBtns_menu a {
    color:#002249;
}
body {
    background:#f8f9fa;
    font-family:"Noto Sans",Verdana,Arial,Helvetica,sans-serif;
    font-weight:400;
    color:#1f1f21;
}
body b,body strong {
    font-weight:700;
}
body h1,body h2,body h3,body h4,body h5,body h6 {
    font-family:"Noto Sans",Verdana,Arial,Helvetica,sans-serif;
    font-weight:800;
}
/* v2.65: base body/heading text recolored from rgb(31,31,33)/#1f1f21 to
   Tait Navy #002249, for h1-h4 and body copy (p) specifically - h5/h6
   intentionally left out per the request. Scoped to these tags rather
   than changing the shared `body { color:#1f1f21 }` rule above, since
   that base rule is inherited by many other elements (lists, spans,
   table cells, etc.) sitewide that weren't asked for here and could ripple
   unpredictably. Any element elsewhere in this file with its own more
   specific color rule (still using #1f1f21) is untouched by this and will
   keep its current color - this only changes h1-h4/p wherever nothing
   more specific already governs them. */
body h1,
body h2,
body h3,
body h4,
body p {
    color: #002249;
}
body .latait-h2,body .latait-h5,body .latait-h6,body .latait-heading-large,body .latait-heading-large,body .latait-heading-large {
    display:block;
    font-weight:800;
}
body .latait-h2,body .latait-heading-large {
    font-size:30px;
}
body .latait-h5 {
    font-size:22px;
}
body .latait-h6 {
    font-size:18px;
}
body a {
    /* Was #2d48a2 (a different, unrelated blue) - changed to match Tait
       Navy, consistent with the :visited state below which was already
       navy. */
    color:#002249;
    text-decoration-color:#002249;
}
body a:hover {
    color:#822782;
}
body a:visited {
    color:#002249;
}
/* Report table completion-date cells (e.g. "23 Mar 2026" on Record of
   Learning) - was inheriting the plain body text color (#1f1f21), not
   navy. */
.course_completion_timecompleted {
    color:#002249;
}
/* Active/selected left-nav item text: was Tait Blue via --nav-selected-
   color (same mechanism traced early in this project for the Course
   Catalog nav highlight). Changed to navy text + light-blue highlight
   background per updated direction. These two rules only ever covered
   the anchor's own text color for the directly-selected item - the
   accent bar and the icon/heading color on a collapsed ancestor turned
   out to be driven by the --nav-selected-color token itself (now
   overridden at :root above), not by border-left/box-shadow on this
   selector - that removal below was aimed at the wrong property and
   never did anything; left in place as harmless. */
.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected,
.tui-theme_inspire-navItem--link.tui-theme_inspire-navItem--selected {
    color: #002249;
}
#inst5054 {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 2px #00255033;
    /* Estimated starting value for "space matching the userToolbar-to-
       breadcrumb gap" - not measured against a confirmed exact px value,
       adjust once you can compare both gaps side by side live. */
    margin-top: 16px;
}
/* .block.block_fake - generic Totara sidebar "fake" block wrapper (the
   "Learning" nav block on Learning Plans / Required Learning / Record of
   Learning, also reused as the sidebar block on program pages, etc.).
   Was completely unstyled here, so it fell back to a plain grey 0.8px
   border with no white-card treatment - unlike #inst5054 above, which
   already has one. Navy border/white bg per direction given.
   background-color needed the extra `div` qualifier: .latait-page-
   content-wrap .block (further down this file, ~line 1283) is the same
   specificity (two classes) and comes later in the file, so it was
   winning and keeping this at #f9fafa - confirmed via Styles panel.
   margin-top moved to #page-content below rather than kept here: putting
   it on the block alone only pushed the sidebar down, leaving it
   misaligned with #region-main's heading (confirmed via screenshot) -
   putting it on their shared parent keeps both sides level, sitewide. */
/* White-card recipe (bg/radius/shadow/padding) matched from
   #block-region-side-pre above, per direction given, added on top of the
   navy border already here from a previous session - worth a look live
   in case having both a solid navy border AND a soft shadow reads as too
   heavy; easy to drop the border if so. */
/* v2.76: navy border removed per direction given, matching the lighter
   reference look on #block-region-side-pre (confirmed via Computed tab:
   that card has no border at all, just background/radius/shadow) - the
   shadow alone now defines the edge, rather than shadow + solid border
   together. */
div.block.block_fake {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 2px #00255033;
    padding: 16px;
    margin-bottom: 16px;
}
#page-content {
    margin-top: 16px;
}
.tui-theme_inspire-navItem--selected {
    background-color: #e3f0f5;
    border-left: none;
    box-shadow: none;
}
/* Program page "Progress"/"Requirements" pill toggle (button.tui-totara_
   program-navigationPill--selected) - core theme default, no existing
   override in this file (confirmed via grep), background-color was
   Tait Blue rgb(0,184,228) via Computed tab. Text/icon inside is already
   white per the theme, so navy background alone gives the same contrast
   the blue version had. */
.tui-totara_program-navigationPill--selected {
    background-color: #002249;
}
.totaraNav {
    margin-bottom:0;
}
@media only screen and (min-width: 1400px) {
    .totaraNav {
        position:sticky;
        top:0;
        z-index:99999;
    }
}
.totaraNav_prim {
    background:#000;
}
.totaraNav_prim .totaraNav_prim--toggleNav_target {
    background:inherit;
    color:#fff;
}
.totaraNav_prim .totaraNav_prim--list_showMobile {
    background:#000;
}
.totaraNav_prim .totaraNav_prim--list_close {
    color:#fff;
}
.totaraNav_prim .totaraNav_prim--list_item_link {
    color:#fff;
}
.totaraNav_prim .totaraNav_prim--s-blue-block-patten-bgide,.totaraNav_prim .usermenu .toggle-display {
    color:#fff;
}
.totaraNav_prim .navExpand--list_item_link {
    background:#000;
    color:#fff;
}
.totaraNav_prim .navExpand--list_item_link:hover,.totaraNav_prim .navExpand--list_item_link:focus,.totaraNav_prim .navExpand--list_item_link:active:focus {
    background:#000;
    color:#00b8e4;
}
.totaraNav_prim .totaraNav_prim--list_item_selected a:hover,.totaraNav_prim .totaraNav_prim--list_item_selected a:focus,.totaraNav_prim .totaraNav_prim--list_item_selected a:active:focus {
    color:#fff;
}
.totaraNav_prim .navExpand--listSecond .navExpand--list_item_link {
    border-color:#1f1f21;
}
.totaraNav_prim .login a.btn.btn-xs {
    display:none;
}
.totaraNav_sub {
    background:#1f1f21;
    color:#fff;
}
.totaraNav_sub .totaraNav_sub--list_item {
    border-right:solid 1px rgb(11.2375,11.2375,11.9625);
}
.totaraNav_sub .totaraNav_sub--list_item:first-child {
    border-left:solid 1px rgb(11.2375,11.2375,11.9625);
}
.totaraNav_sub .totaraNav_sub--list_item_link {
    background:inherit;
    color:#fff;
    transition:200ms ease;
}
.totaraNav_sub .totaraNav_sub--list_item_link:hover,.totaraNav_sub .totaraNav_sub--list_item_link:focus,.totaraNav_sub .totaraNav_sub--list_item_link:active:focus {
    background:rgb(11.2375,11.2375,11.9625);
    color:#fff;
}
.totaraNav_sub .totaraNav_sub--list_item_selected a {
    font-weight:400;
    background:rgb(1.35625,1.35625,1.44375);
    color:#00b8e4;
}
.totaraNav_sub .totaraNav_sub--list_item_selected a:hover,.totaraNav_sub .totaraNav_sub--list_item_selected a:focus,.totaraNav_sub .totaraNav_sub--list_item_selected a:active:focus {
    background:rgb(1.35625,1.35625,1.44375);
    color:#00b8e4;
}
.breadcrumb-container.container-fluid {
    max-width:none;
    background:#dcdee0;
}
#page-totara-catalog-index .breadcrumb-container.container-fluid {
    /* Course Catalog has no deeper breadcrumb hierarchy to show here, so
       this was rendering empty - just an awkward bar taking up space
       with nothing in it. Hidden for this page specifically. */
    display: none;
}
.breadcrumb-container.container-fluid li:before {
    color:#1f1f21;
}
.breadcrumb-container.container-fluid li a {
    color:#1f1f21;
    text-decoration:underline;
}
.breadcrumb-container.container-fluid .row {
    max-width:none;
    margin:0;
    display: flex;
    align-items: center;
}
/* v2.66: previously this shared selector only set border-radius/font-
   weight, deliberately left color untouched because recoloring it felt
   too broad (see individual .breadcrumb-button / .dp-add-plan-link /
   catalog-manage-button exceptions elsewhere in this file). Decision now
   made to standardize sitewide: every one of these button types gets
   Navy #002249 border/text plus 4px corners (previously 0) directly here,
   rather than continuing to chase each newly-found instance (e.g. report
   builder "Export" button) with its own one-off wrapper-scoped rule. The
   more specific exceptions elsewhere (which set the identical navy now
   anyway) are left in place rather than removed, since they're harmless
   duplicates and still useful landing spots for any future per-component
   tweak. The color:#000 group directly below is unaffected - it's a
   separate, more specific rule that comes later in the cascade, so those
   particular buttons (legacy id_submitbutton/id_submitbutton2, tui plain
   (non-"--prim")) keep their existing black text as before. */
button,input.form-submit,input[type=button],input[type=submit],input[type=reset],.link-as-button,.btn-default,input#id_submitbutton,input#id_submitbutton2,.btn-primary,.tui-formBtn--prim,.tui-iconBtn--prim,.tui-actionLink--prim,#notice .singlebutton+.singlebutton input,.submit.buttons input[name=cancel],.tw-catalogManageBtns__btn,.tw-catalogResultsShare__btn,.tw-evidence__header_titleBtns_buttons_link,.tui-formBtn {
    border-radius:4px;
    font-weight:600;
    color:#002249;
    /* Border removed (was border-color:#002249, with width/style coming
       from the browser/bootstrap default) per direction given, extending
       the same softer shadow-only look already applied to the catalog
       manage buttons to every button using this shared rule - Create new
       learning plan, and the generic report builder buttons (Search,
       Clear, Show/Hide Columns, Export, etc.) on Record of Learning and
       similar report pages. */
    border: none;
    box-shadow: 0 0 2px #00255033;
}
button:hover,button:focus,input.form-submit:hover,input.form-submit:focus,input[type=button]:hover,input[type=button]:focus,input[type=submit]:hover,input[type=submit]:focus,input[type=reset]:hover,input[type=reset]:focus,.link-as-button:hover,.link-as-button:focus,.btn-default:hover,.btn-default:focus,input#id_submitbutton:hover,input#id_submitbutton:focus,input#id_submitbutton2:hover,input#id_submitbutton2:focus,.btn-primary:hover,.btn-primary:focus,.tui-formBtn--prim:hover,.tui-formBtn--prim:focus,.tui-iconBtn--prim:hover,.tui-iconBtn--prim:focus,.tui-actionLink--prim:hover,.tui-actionLink--prim:focus,#notice .singlebutton+.singlebutton input:hover,#notice .singlebutton+.singlebutton input:focus,.submit.buttons input[name=cancel]:hover,.submit.buttons input[name=cancel]:focus,.tw-catalogManageBtns__btn:hover,.tw-catalogManageBtns__btn:focus,.tw-catalogResultsShare__btn:hover,.tw-catalogResultsShare__btn:focus,.tw-evidence__header_titleBtns_buttons_link:hover,.tw-evidence__header_titleBtns_buttons_link:focus,.tui-formBtn:hover,.tui-formBtn:focus {
    color:#002249;
    border: none;
}
input.form-submit,input#id_submitbutton,input#id_submitbutton2,.path-admin .buttons input[type=submit],td.submit input,.tui-formBtn,.tui-iconBtn,.tui-actionLink,.tui-toggleSwitch__btn {
    color:#000;
}
input.form-submit:hover,input.form-submit:active,input.form-submit:active:focus,input.form-submit:focus,input.form-submit:visited,input#id_submitbutton:hover,input#id_submitbutton:active,input#id_submitbutton:active:focus,input#id_submitbutton:focus,input#id_submitbutton:visited,input#id_submitbutton2:hover,input#id_submitbutton2:active,input#id_submitbutton2:active:focus,input#id_submitbutton2:focus,input#id_submitbutton2:visited,.path-admin .buttons input[type=submit]:hover,.path-admin .buttons input[type=submit]:active,.path-admin .buttons input[type=submit]:active:focus,.path-admin .buttons input[type=submit]:focus,.path-admin .buttons input[type=submit]:visited,td.submit input:hover,td.submit input:active,td.submit input:active:focus,td.submit input:focus,td.submit input:visited,.tui-formBtn:hover,.tui-formBtn:active,.tui-formBtn:active:focus,.tui-formBtn:focus,.tui-formBtn:visited,.tui-iconBtn:hover,.tui-iconBtn:active,.tui-iconBtn:active:focus,.tui-iconBtn:focus,.tui-iconBtn:visited,.tui-actionLink:hover,.tui-actionLink:active,.tui-actionLink:active:focus,.tui-actionLink:focus,.tui-actionLink:visited,.tui-toggleSwitch__btn:hover,.tui-toggleSwitch__btn:active,.tui-toggleSwitch__btn:active:focus,.tui-toggleSwitch__btn:focus,.tui-toggleSwitch__btn:visited {
    color:#000;
}
/* Reports page grid/list view toggle - SVG icons use fill:currentColor,
   so color here recolors them directly. Was in the shared black-text
   group above (.tui-toggleBtn), pulled out and given navy instead since
   that's what was actually asked for; the other classes in that group
   weren't part of this request, so left untouched rather than guessing
   they should change too. */
.tui-toggleBtn {
    color:#002249;
}
.tui-toggleBtn:hover,.tui-toggleBtn:active,.tui-toggleBtn:active:focus,.tui-toggleBtn:focus,.tui-toggleBtn:visited {
    color:#002249;
}
/* Reports page: "Report exports queue" / "Create report" / "Add scheduled
   report" - Tui-native buttons (.tui-btn), not covered by the shared
   legacy button rule above (that one targets plain <button>/input[type=
   submit]/.btn-default etc., a different component system). Same softer
   navy/shadow-only treatment as everywhere else. */
.tui-btn.tui-btn--variant-default {
    color:#002249;
    border: none;
    box-shadow: 0 0 2px #00255033;
}
/* Reports page tiles/list items - rounded corners, soft shadow, no
   border, matching the card treatment used elsewhere; covers both the
   grid/tile view and the --list variant since they share this base
   class. The outline shown when a tile/row is clicked/focused should
   pick up this same rounding automatically (browsers clip a focus
   outline to the element's own border-radius) - flag it if that doesn't
   hold true live. */
.tui-totara_reportbuilder-listingReportItem {
    border: none;
    border-radius: 8px;
    box-shadow: 0 0 2px #00255033;
    /* Without this, the rounded corners only showed on the outer shadow -
       the __info child's own white background fill is a plain square
       box, so it was poking past the rounded corners rather than being
       clipped to them. */
    overflow: hidden;
}
.tui-totara_reportbuilder-listingReportItem__info {
    background-color: #ffffff;
}
/* "61 items" count text - was inheriting plain body text color (#1f1f21),
   never explicitly colored. */
.tui-totara_reportbuilder-reportsList__overview {
    color: #002249;
}
/* Scheduled Reports table (and similar Tui data tables) - cell content
   was inheriting plain body text color (#1f1f21), never explicitly
   colored. */
.tui-dataTableCell__content {
    color: #002249;
}
/* Tui select dropdowns (e.g. the report Format field, "Add a new
   scheduled report to the list") - navy border + matching soft shadow,
   consistent with the rest of the site rather than the default grey
   border. */
.tui-select__input {
    border-color: #002249;
    box-shadow: 0 0 2px #00255033;
}
/* Tui form labels (e.g. "Add a new scheduled report to the list:") - was
   inheriting plain body text color, never explicitly colored. Font
   itself is fixed via the --font-family token override above. */
.tui-formLabel {
    color: #002249;
}
/* List view specifically: the base rule above already set border:none,
   but the theme's own .tui-totara_reportbuilder-listingReportItem--list
   modifier re-declares a border-top (confirmed via Computed tab:
   rgb(199,199,199) solid 0.8px still showing), and being a two-class
   compound selector it's more specific than our single-class rule, so it
   was winning back just for that one edge. Also adding a bit of gap
   between rows so they read as distinct cards rather than one solid
   block (list view still wants to stay fairly compact, so kept small),
   and trimmed the height down by roughly a third (was 70px, now ~47px)
   to match. */
.tui-totara_reportbuilder-listingReportItem--list {
    border-top: none;
    margin-bottom: 6px;
    height: 47px;
}
/* Reports featured-link tile: confirmed against the live site that both
   layers are meant to be visible together - the tile's own inline
   background-image (Picture13.png, the diamond/people illustration) is
   NOT meant to be hidden. Live shows it sized/positioned as a smaller
   decorative graphic (not stretched full-bleed), sitting over the navy
   ::before hero image behind it. An earlier version of this fix wrongly
   hid the tile's own image entirely via background-image:none - reverted.
   Still outstanding: the actual background-size/position live uses for
   the tile's own image, to stop it rendering full-bleed/oversized on
   test the way it currently does - need a clearer screenshot of live's
   Styles panel for this element to get the exact values rather than
   guess at them. The content-container transparency fix below is
   unrelated and still needed regardless, so it's kept. */
/* The content-container wrapper (holding the h3/paragraph) for this tile
   isn't styled anywhere else in this file for the #latait-catalog-
   pathway-cta context specifically - only .block-totara-featured-links-
   content itself was set transparent, not its own container. If that
   container has an opaque default background from the theme, it sits at
   normal stacking order (z-index:auto) and would fully cover the
   negative-z-index ::before pseudo underneath it, exactly like the tile's
   own inline background-color did. */
#latait-catalog-pathway-cta .block-totara-featured-links-tile .block-totara-featured-links-content-container {
    background-color: transparent;
}
/* Same bug pattern as the Ask Jensen hero text: the sitewide
   `body h1,h2,h3,h4,p {color:#002249}` rule matches this tile's h3/p
   directly and wins over the white text this dark hero needs -
   inheritance from a parent color has no specificity, so it always
   loses to a direct rule no matter how weak. */
#latait-catalog-pathway-cta .block-totara-featured-links-tile h3,
#latait-catalog-pathway-cta .block-totara-featured-links-tile p {
    color: #ffffff;
}
/* Keeps the text column clear of the diamond graphic on the right,
   rather than running full-width underneath it. */
#latait-catalog-pathway-cta .block-totara-featured-links-tile .block-totara-featured-links-content {
    max-width: 60%;
}
/* Simplified approach: rather than continuing to fight the ::before
   pseudo-element's stacking (z-index:-1 behind its own parent, requiring
   every ancestor layer - tile, content-container - to be individually
   made transparent, which kept getting undone across edits), both images
   are now set directly on the tile itself via CSS's multiple-background
   support: a comma-separated list paints in order, first-listed on top.
   Diamond graphic (Picture13.png) on top, navy hero (latait-homepage-
   banner.jpg) behind it, both as real backgrounds on one element - no
   pseudo-element, no z-index, no transparency cascade to maintain. */
/* Simplified approach: rather than continuing to fight the ::before
   pseudo-element's stacking (z-index:-1 behind its own parent, requiring
   every ancestor layer - tile, content-container - to be individually
   made transparent, which kept getting undone across edits), both images
   are now set directly on the tile itself via CSS's multiple-background
   support: a comma-separated list paints in order, first-listed on top.
   Diamond graphic (Picture13.png) on top, navy hero (latait-homepage-
   banner.jpg) behind it, both as real backgrounds on one element - no
   pseudo-element, no z-index, no transparency cascade to maintain.
   The two layers are deliberately NOT the same size: the mesh banner is
   given a fixed, shorter height (190px) anchored to the top, while the
   diamond is sized via contain against the tile's full 252px height -
   so the diamond naturally reaches further down than the mesh does,
   hanging past the bottom of the banner into the plain area below it,
   matching the live reference. Adjust the 190px if the banner needs to
   read thinner or taller relative to the diamond. */
#block-totara-featured-links-tile-344 {
    background-image:
        url('https://tait-totara.testing.catlearn.nz/pluginfile.php/14121/block_totara_featured_links/tile_background/344/Picture13.png'),
        url('https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-homepage-banner.jpg') !important;
    background-size: contain, 100% 190px !important;
    background-position: calc(100% - 60px) -10px, top center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-color: transparent !important;
    height: 252px;
    overflow: visible;
}
#latait-sub-notice div[id*=block-totara-featured-links-tile-] {
    position:relative;
    display:block;
    box-shadow:none;
    overflow:visible;
    height:auto;
    padding:20px;
    background-image:none;
    background-color:#00b8e4;
    background:conic-gradient(from -60deg at 50% 33.3333333333%, var(--_g-blue-block-patten-bg)),conic-gradient(from 120deg at 50% 66.6666666667%, var(--_g-blue-block-patten-bg)),conic-gradient(from 60deg at 66.6666666667%, var(--c3-tait-b-1xd) 60deg, var(--c2-tait-b) 0 120deg, rgba(0, 0, 0, 0) 0),conic-gradient(from 180deg at 33.3333333333%, var(--c1-tait-b-2xd) 60deg, var(--_g-blue-block-patten-bg)),linear-gradient(90deg, var(--c1-tait-b-2xd) 16.6666666667%, var(--c2-tait-b) 0 50%, var(--c1-tait-b-2xd) 0 83.3333333333%, var(--c2-tait-b) 0);
    background-size:calc(1.732*var(--s-blue-block-patten-bg)) var(--s-blue-block-patten-bg);
}
#latait-sub-notice div[id*=block-totara-featured-links-tile-]:before {
    position:absolute;
    display:block;
    z-index:0;
    padding:0;
    border-radius:inherit;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#00b8e4;
    background:linear-gradient(90deg, rgb(0, 184, 228) 64%, rgba(0, 184, 228, 0) 100%);
}
#latait-sub-notice div[id*=block-totara-featured-links-tile-] a.block-totara-featured-links-link {
    display:inline-block;
    position:relative;
    width:auto;
    height:auto;
    padding:8px 18px;
    margin:0;
    border-radius:8px;
    background:#1f1f21;
    color:#fff;
    text-decoration:none;
    transition:background 200ms ease-in-out;
}
#latait-sub-notice div[id*=block-totara-featured-links-tile-] a.block-totara-featured-links-link .sr-only {
    position:relative;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:none;
    border:0;
    position:relative;
    padding-left:28px;
}
#latait-sub-notice div[id*=block-totara-featured-links-tile-] a.block-totara-featured-links-link .sr-only:before {
    position:absolute;
    display:inline-block;
    width:22px;
    height:22px;
    top:1px;
    left:0;
    content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23ffffff"><path d="M240-640h360v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85h-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640Zm0 480h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM240-160v-400 400Z"/></svg>');
}
#latait-sub-notice div[id*=block-totara-featured-links-tile-] a.block-totara-featured-links-link:hover {
    background:#fff;
    color:#1f1f21;
}
#latait-sub-notice div[id*=block-totara-featured-links-tile-] a.block-totara-featured-links-link:hover .sr-only:before {
    content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23000000"><path d="M240-640h360v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85h-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640Zm0 480h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM240-160v-400 400Z"/></svg>');
}
#latait-sub-notice div[id*=block-totara-featured-links-tile-] .block-totara-featured-links-content {
    display:block;
    position:relative;
    box-sizing:border-box;
    background-color:rgba(0,0,0,0);
    padding:20px 0 0 0;
    color:#1f1f21;
}
#latait-sub-notice div[id*=block-totara-featured-links-tile-] .block-totara-featured-links-content p {
    color:inherit;
}
#latait-sub-notice div[id*=block-totara-featured-links-tile-] .block-totara-featured-links-content h3 {
    display:none;
}
#page-totara-catalog-index .tw-catalog__overlay:after {
    background:#f9fafa;
}
#page-totara-catalog-index .tw-grid {
    padding-left:0;
    padding-right:0;
}
#page-totara-catalog-index .tw-catalog__primaryFilter {
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    margin-bottom:10px;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary {
    background:#ffffff;
    border-radius:10px;
    /* v2.76: navy border removed per direction given, matching the
       lighter reference look on #block-region-side-pre - pill shape and
       radius untouched, shadow alone now defines the edge. (The category/
       search divider that used to need this color via border-color:
       inherit has since been removed too, so nothing depends on this
       being set beyond this rule itself.) */
    box-shadow: 0 0 2px #00255033;
}
@media only screen and (min-width: 768px) {
    #page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary {
        border-radius:100px;
    }
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type {
    /* Divider removed per direction given - was border-right:solid 2px
       with border-color:inherit (picking up the outer pill's navy),
       leaving a visible line between the category and search segments
       while every other edge of this bar is now borderless. */
    border-right:none;
    border-radius:100px 0 0 100px;
    padding:8px 0;
    margin:0;
    width:100%;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type:after {
    display:none;
}
@media only screen and (min-width: 768px) {
    #page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type {
        width:20%;
        padding:8px 0 8px 10px;
    }
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__label {
    position:absolute;
    display:block;
    top:-8px;
    left:22px;
    z-index:10;
    padding:2px 4px;
    background:#f9fafa;
    color:#7f9591;
    line-height:normal;
    font-size:12px;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__expandable {
    padding-left:10px;
    z-index:8;
    width:100%;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__expandable a {
    color:#1f1f21;
    text-decoration:none;
    font-weight:400;
    transition:color 200ms ease-in-out;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__expandable a.tw-selectTree__current {
    padding-left:14px;
    padding-right:14px;
    display:block;
    text-align:left;
    border:solid 2px #7f9591;
    color:hsl(240,3.125%,32.5490196078%);
    border-radius:8px;
    background:#f9fafa;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__expandable a.tw-selectTree__current:hover,#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__expandable a.tw-selectTree__current:active {
    border-color:#1f1f21;
    color:#1f1f21;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__expandable a.tw-selectTree__current {
    /* Explicit border:none (not just omitting border-color) since the
       base rule above this one still declares `border:solid 2px
       #7f9591`, which would otherwise show through once this rule stops
       setting border-color. Shadow-only per direction given, matching
       the outer search bar pill. */
    border: none;
    box-shadow: 0 0 2px #00255033;
    color: #002249;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__label {
    color: #002249;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__expandable a.tw-selectTree__current .tw-selectTree__current_icon {
    position:absolute;
    top:16px;
    right:14px;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__expandable a.tw-selectTree__active {
    border-color:#1f1f21;
    color:#1f1f21;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:first-of-type .tw-selectTree__expandable .tw-selectTree__option {
    width:calc(100% - 10px);
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type {
    padding:0;
    margin:0;
    width:100%;
    border-radius:0 100px 100px 0;
}
@media only screen and (min-width: 768px) {
    #page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type {
        width:80%;
    }
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type {
    position: relative !important;
    max-width: none !important;
    border-color: #002249;
    background-color: #ffffff;
}
/* The pill border/width is actually drawn by .tw-selectRegionPrimary__selector
   (above), not by .tw-selectSearchText - there's at least one plain wrapper
   in between that's narrower than the full pill. Making .tw-selectSearchText
   position:relative (previous attempt) anchored the absolutely-positioned
   field/button to that narrower inner box instead of the true outer edge -
   that's why the button ended up floating mid-way rather than at the far
   right. Leaving this element un-positioned lets its absolutely-positioned
   descendants skip past it and anchor to the pill itself instead. */
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText {
    padding:0;
    transition:color 200ms ease-in-out;
    position: static;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__field {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 64px !important;
    width: auto !important;
    max-width: none !important;
    display: flex;
    align-items: center;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__field_input {
    width: 100% !important;
    max-width: none !important;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText:hover input,#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText:focus input {
    color:#1f1f21;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText:hover input::placeholder,#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText:focus input::placeholder {
    color:#1f1f21;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText:hover .tw-selectSearchText__btn,#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText:focus .tw-selectSearchText__btn {
    color:#1f1f21;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type input {
    color:#1f1f21;
    padding:14px 20px 14px 38px;
    margin:4px;
    border:0 none;
    width:100%;
    /* Rounded on all four corners so the :focus outline below (which
       browsers clip to the element's own border-radius, not its
       container's) doesn't come out square on the side facing the
       category dropdown. */
    border-radius: 28px;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type input:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type input::placeholder {
    color:hsl(240,3.125%,32.5490196078%);
    opacity:1;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__btn {
    color:#002249;
    border:solid 2px #002249;
    background-color:#ffffff;
    margin:0;
    width:56px;
    height:56px;
    line-height:normal;
    line-height:56px;
    font-weight:700;
    border-radius:50%;
    transition:background 200ms ease-in-out;
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    transform: translateY(-50%);
    /* Filled icon-button treatment per direction given: navy bg, white
       icon (see the .flex-icon rule below), rather than the outline
       style used for text buttons elsewhere. */
    background-color: #002249;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__btn .flex-icon {
    color: #ffffff;
    font-size: 22px;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__btn:hover,#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__btn:active {
    background:hsl(169.0909090909,9.4017094017%,82.1176470588%);
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__btn:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__field_clear {
    z-index:1000;
    left:0;
    top:12px;
    right:auto;
    font-weight:700;
    text-decoration:none;
    font-size:24px;
    height:40px;
    width:40px;
    padding:0;
    line-height:normal;
    text-align:center;
    line-height:40px;
    border-radius:50%;
    color:#1f1f21;
    transition:background 200ms ease-in-out;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__field_clear:hover,#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__field_clear:active {
    background:hsl(169.0909090909,9.4017094017%,82.1176470588%);
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__field_clear:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
#page-totara-catalog-index .tw-catalog__aside {
    width:100%;
    margin-bottom:10px;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectRegionPanel {
    padding-left:0;
    padding-right:0;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectRegionPanel__selector {
    padding:0;
    width:auto;
    display:inline-flex;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectRegionPanel__heading,#page-totara-catalog-index .tw-catalog__aside h3 {
    display:none;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list {
    margin-bottom:0;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li {
    margin-bottom:0;
    display:inline-block;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link {
    /* Switched from #f9fafa to pure white per direction given. */
    background:#ffffff;
    position:relative;
    /* Border removed per direction given, matching the softer shadow-
       only style used elsewhere on this page. */
    border: none;
    color:#002249;
    border-radius:20px;
    padding:4px 14px;
    width:auto;
    position:relative;
    cursor:pointer;
    text-decoration:none;
    transition:all 200ms cubic-bezier(0.5, 0.1, 0.75, 1.35);
    box-shadow: 0 0 2px #00255033;
}
/* Selected pill: core theme already gives this its navy background and
   white text/checkmark, but the color:#002249 above matches on this same
   element too (both classes live on the one <a>) and, being more
   specific (ID-scoped), was winning - navy text on a now-navy background,
   nearly invisible. Explicit white restores the contrast, matching the
   checkmark icon it sits next to. */
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link.tw-selectMulti__link_active {
    color:#ffffff;
}
/* The color above doesn't reach the label text on its own: the theme has
   its own rule directly targeting the text span
   (.tw-selectMulti__link_active .tw-selectMulti__link_text {color:var(
   --color-neutral-7)}), which beats an inherited value from the anchor
   regardless of how weak that selector is - confirmed via Styles panel,
   our anchor-level rule was showing crossed out/losing. Targeting the
   same span directly, with our usual ID-scoped specificity, wins instead. */
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link_active .tw-selectMulti__link_text {
    color:#ffffff;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link:hover {
    /* Was border-color:#1f1f21 - no visible border to color any more, so
       the shadow itself darkens slightly on hover instead as the
       equivalent feedback cue. */
    box-shadow: 0 0 3px #00255055;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link:hover .tw-selectMulti__link_text {
    color:#1f1f21;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link:before {
    margin-right:20px;
    content:"";
    display:none;
    width:7px;
    height:15px;
    position:absolute;
    top:8px;
    left:18px;
    border-right:2px solid hsl(240,3.125%,32.5490196078%);
    border-bottom:2px solid hsl(240,3.125%,32.5490196078%);
    transform:rotate(45deg);
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link_close {
    display:none;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link_active {
    background:#002249;
    border-color:#002249;
    color:#ffffff;
    padding-left:40px;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link_active:before {
    display:block;
    border-color:#ffffff;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link_active:hover {
    border-color:#002249;
}
#page-totara-catalog-index .tw-catalog__results {
    width:100%;
}
#page-totara-catalog-index .tw-catalog__results .tw-catalog__results_overview {
    padding:0;
}
#page-totara-catalog-index .tw-catalog__results .tw-catalog__results_overview .tw-catalogResultsCount {
    width:100%;
    text-align:center;
}
#page-totara-catalog-index .tw-catalog__results .tw-catalog__results_overview .tw-catalogResultsCount p {
    margin:0 auto;
}
#page-totara-catalog-index .tw-catalog__results .tw-catalog__results_overview .tw-catalogResultsShare {
    display:none;
}
#page-totara-catalog-index .tw-catalog__results .tw-catalogResultsEmpty {
    text-align:center;
}
#page-totara-catalog-index .tw-catalog__results .tw-catalogResultsEmpty .tw-catalogResultsEmpty_text {
    position:relative;
    padding-top:40px;
}
#page-totara-catalog-index .tw-catalog__results .tw-catalogResultsEmpty .tw-catalogResultsEmpty_text:before {
    animation:hithere 1s ease 1;
    top:0;
    margin-left:-16px;
    left:50%;
    display:block;
    position:absolute;
    content:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path d="M6.2,16h1.5v-0.2c0-1.2,0.4-2.2,1.2-3c0.8-0.8,1.8-1.2,3-1.2s2.2,0.4,3,1.2c0.8,0.8,1.2,1.8,1.2,3V16h1.5v-0.2c0-1.6-0.6-3-1.7-4.1C15,10.6,13.6,10,12,10s-3,0.6-4.1,1.7c-1.1,1.1-1.7,2.5-1.7,4.1V16z M7.1,9.2c0.7-0.1,1.4-0.4,2.2-0.8C10,8,10.6,7.5,11.1,7L9.9,6C9.6,6.4,9.1,6.8,8.5,7.1C7.9,7.5,7.4,7.7,6.9,7.7L7.1,9.2z M16.9,9.2l0.2-1.5c-0.5-0.1-1-0.3-1.6-0.6c-0.6-0.3-1.1-0.7-1.4-1.1l-1.1,1c0.4,0.5,1.1,1,1.8,1.5S16.2,9.1,16.9,9.2z M12,22c-1.4,0-2.7-0.3-3.9-0.8S5.8,20,4.9,19.1c-0.9-0.9-1.6-2-2.1-3.2S2,13.4,2,12s0.3-2.7,0.8-3.9S4,5.8,4.9,4.9s2-1.6,3.2-2.1S10.6,2,12,2s2.7,0.3,3.9,0.8s2.3,1.2,3.2,2.1s1.6,2,2.1,3.2C21.7,9.3,22,10.6,22,12s-0.3,2.7-0.8,3.9c-0.5,1.2-1.2,2.3-2.1,3.2c-0.9,0.9-2,1.6-3.2,2.1S13.4,22,12,22z M12,20c2.2,0,4.1-0.8,5.7-2.3c1.5-1.5,2.3-3.4,2.3-5.7s-0.8-4.1-2.3-5.7C16.1,4.8,14.2,4,12,4S7.9,4.8,6.3,6.3S4,9.8,4,12s0.8,4.1,2.3,5.7C7.9,19.2,9.8,20,12,20z"/></svg>');
    width:32px;
    height:32px;
}
@media(min-width: 500px) {
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item--multi-column {
        flex-basis:100%;
    }
}
@media(min-width: 650px) {
    #page-totara-catalog-index .tw-catalog__results .tw-grid {
        display:flex;
        gap:20px;
        flex:1;
    }
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item--multi-column {
        flex-basis:calc(50% - 10px);
    }
}
@media(min-width: 1160px) {
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item--multi-column {
        flex-basis:calc(33% - 10px);
    }
}
@media(min-width: 1200px) {
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item--multi-column {
        flex-basis:calc(33% - 10px);
    }
}
@media(min-width: 1360px) {
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item--multi-column {
        flex-basis:calc(25% - 15px);
    }
}
@media(min-width: 1400px) {
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item--multi-column {
        flex-basis:calc(25% - 15px);
    }
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item {
    position:relative;
    padding:12px 0 0 0;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow {
    position:relative;
    border-radius:14px;
    overflow:hidden;
    overflow:visible;
    border:solid 2px rgba(0,0,0,0);
    background:rgba(0,0,0,0);
    transition:border-color 600ms ease-in;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__image {
    position:absolute;
    overflow:hidden;
    border-radius:12px;
    height:100%;
    width:100%;
    opacity:.8;
    z-index:1;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__image .tw-catalogItemNarrow__image_ratio_img {
    background-size:cover;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__image .tw-catalogItemNarrow__image_ratio_img::after {
    content:"";
    display:block;
    width:100%;
    left:0;
    bottom:0;
    z-index:2;
    position:absolute;
    height:200px;
    transition:height 200ms ease-in-out;
    background:linear-gradient(0deg, #1f1f21 10% 10%, transparent 100%);
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content {
    margin:28% 10px 10px 10px;
    background-color:#f9fafa;
    padding:20px;
    border-radius:0 8px 8px 8px;
    position:relative;
    z-index:10;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__hero {
    top:-20px;
    left:0;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__hero .tw-catalogItemNarrow__hero_text {
    z-index:9000;
    font-weight:normal;
    font-size:12px;
    line-height:normal;
    border-radius:8px 8px 0 0;
    letter-spacing:1px;
    text-transform:uppercase;
    background-color:#f9fafa;
    box-shadow:none;
    color:#000;
    max-width:100%;
    overflow:hidden;
    padding:4px 8px 0 8px;
    text-overflow:ellipsis;
    text-transform:inherit;
    border:0 none;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__progress .progress {
    border:none 0;
    background-color:hsl(240,3.125%,92.5490196078%);
    box-shadow:inset 0px 2px 0px hsl(240,3.125%,72.5490196078%);
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__progress .progress .bar {
    border-radius:50px 0 0 50px;
    box-shadow:inset 0px 2px 0px rgba(0,0,0,.1);
    background-color:#7fd262;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__progress .progress .bar[style="width:100%"] {
    background:#facc18;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__progress .progress .bar[style="width:100%"] .progressbar__text {
    display:block;
    text-align:center;
    visibility:hidden;
    position:relative;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__progress .progress .bar[style="width:100%"] .progressbar__text::after {
    width:100%;
    content:" Completed";
    visibility:visible;
    position:absolute;
    top:0;
    left:0;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__progress .progress .progressbar__text {
    color:#000;
    font-weight:normal;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__title {
    font-size:20px;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__title .tw-catalogItemNarrow__title_featured {
    position:absolute;
    opacity:0;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__textarea_group .tw-catalogItemNarrow__textarea_group_item {
    color:#1f1f21;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__iconRow {
    color:#1f1f21;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .latait-new-tab-btn {
    position:absolute;
    padding:0;
    border:solid 2px #000;
    line-height:30px;
    width:40px;
    height:40px;
    border-radius:50%;
    font-size:px;
    bottom:30px;
    right:30px;
    z-index:9000;
    overflow:hidden;
    text-indent:-9999px;
    background-color:#fff;
    transition:opacity 400ms ease-in;
    transition-delay:200ms;
    opacity:0;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .latait-new-tab-btn::after {
    content:"";
    display:block;
    position:absolute;
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M190-99q-37.18 0-64.09-26.91Q99-152.82 99-190v-580q0-37.59 26.91-64.79Q152.82-862 190-862h267v92H190v580h580v-267h92v267q0 37.18-27.21 64.09Q807.59-99 770-99H190Zm216-243-63-64 364-364H517v-92h345v345h-92v-189L406-342Z"/></svg>') no-repeat 50% 0;
    width:20px;
    height:20px;
    top:8px;
    left:8px;
    background:#000;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .latait-new-tab-btn:hover {
    opacity:1;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .latait-program-card .tw-catalogItemNarrow__content {
    background-color:rgb(54.6,216.3263157895,255);
}
@media(min-width: 1200px) {
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow {
        height:260px;
    }
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content {
        position:absolute;
        bottom:10px;
        left:10px;
        width:calc(100% - 20px);
        margin:0;
    }
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__noprogress,#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__progress,#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__textarea_group,#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__iconRow {
        height:0;
        overflow:hidden;
        margin:0;
        padding:0;
        display:block;
        transition:400ms ease-in-out;
    }
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow:hover {
        border:solid 2px #1f1f21;
    }
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow:hover .tw-catalogItemNarrow__noprogress,#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow:hover .tw-catalogItemNarrow__progress {
        height:20px;
    }
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow:hover .tw-catalogItemNarrow__textarea_group {
        height:28px;
    }
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow:hover .tw-catalogItemNarrow__iconRow {
        height:36px;
    }
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow:hover~.latait-new-tab-btn {
        opacity:1;
    }
    #page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow:hover .tw-catalogItemNarrow__image_ratio_img::after {
        height:100%;
    }
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__progress)::after,#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__progress)::before,#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__progress .bar[style="width:100%"])::after,#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__progress .bar[style="width:100%"])::before {
    position:absolute;
    content:"";
    padding:0;
    z-index:900;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__progress)::before,#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__progress .bar[style="width:100%"])::before {
    border-radius:14px;
    width:28px;
    height:28px;
    top:0;
    right:14px;
    background:#1f1f21;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__progress)::after,#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__progress .bar[style="width:100%"])::after {
    width:30px;
    height:30px;
    top:5px;
    right:19px;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__progress)::after {
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M200-120v-640q0-33 23.5-56.5T280-840h400q33 0 56.5 23.5T760-760v640L480-240 200-120Zm80-122 200-86 200 86v-518H280v518Zm0-518h400-400Z"/></svg>') no-repeat 50% 0;
    background-color:#fff;
    width:18px;
    height:18px;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__progress .bar[style="width:100%"])::after {
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>') no-repeat 50% 0;
    background-color:#fff;
    width:18px;
    height:18px;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__title_featured) .tw-catalogItemNarrow::after,#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__title_featured) .tw-catalogItemNarrow::before {
    position:absolute;
    content:"";
    padding:0;
    z-index:900;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__title_featured) .tw-catalogItemNarrow::before {
    content:"Featured Content";
    line-height:27px;
    font-size:12px;
    color:#fff;
    padding-left:28px;
    border-radius:14px;
    width:140px;
    height:28px;
    top:-14px;
    right:14px;
    background:#1f1f21;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__title_featured) .tw-catalogItemNarrow::after {
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m640-480 80 80v80H520v240l-40 40-40-40v-240H240v-80l80-80v-280h-40v-80h400v80h-40v280Zm-286 80h252l-46-46v-314H400v314l-46 46Zm126 0Z"/></svg>') no-repeat 50% 0;
    background-color:#fff;
    width:18px;
    height:18px;
    top:-9px;
    right:128px;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__title_featured):has(.tw-catalogItemNarrow__progress) .tw-catalogItemNarrow::before {
    right:44px;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item:has(.tw-catalogItemNarrow__title_featured):has(.tw-catalogItemNarrow__progress) .tw-catalogItemNarrow::after {
    right:158px;
}
#page-totara-catalog-index .tw-catalogPagination {
    text-align:center;
}
#page-totara-catalog-index .tw-catalogPagination .tw-catalogPagination__btn {
    padding:12px 24px;
    /* Border removed, background switched from #f9fafa to white, and
       shadow added, matching the softer style used elsewhere on this
       page (search bar, category dropdown, filter pills, manage
       buttons). */
    border: none;
    box-shadow: 0 0 2px #00255033;
    color:#002249;
    background:#ffffff;
    width:auto;
    display:inline-block;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    transition:all 200ms ease-in-out;
    border-radius:8px;
}
#page-totara-catalog-index .tw-catalogPagination .tw-catalogPagination__btn:hover {
    color:#002249;
    background:#e3f0f5;
}
.totara_core__QuickAccess_group a {
    color:#002249;
}
.latait-page-content-wrap .modified {
    display:inline;
    background:#f9fafa;
    padding:4px 8px;
    font-size:14px;
}
#latait-course-paging {
    display:block;
    padding:40px 0 0 0;
    display:block;
}
#latait-course-paging .latait-previous,#latait-course-paging .latait-next {
    display:block;
    width:calc(50% - 10px);
}
#latait-course-paging .latait-previous a,#latait-course-paging .latait-next a {
    position:relative;
    color:#1f1f21;
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    border:solid 2px #7f9591;
    padding:10px 20px;
    background:#f9fafa;
}
#latait-course-paging .latait-previous a:hover,#latait-course-paging .latait-next a:hover {
    background:#00b8e4;
    border-color:rgb(0,142.8421052632,177);
    transition:.4s ease;
}
#latait-course-paging .latait-previous a:before,#latait-course-paging .latait-previous a:after,#latait-course-paging .latait-next a:before,#latait-course-paging .latait-next a:after {
    position:absolute;
    top:11px;
    font-weight:400;
    font-family:"FontAwesome" !important;
}
#latait-course-paging .latait-previous a:focus,#latait-course-paging .latait-next a:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
#latait-course-paging .latait-previous {
    float:left;
}
#latait-course-paging .latait-previous a {
    padding-left:42px;
}
#latait-course-paging .latait-previous a:before {
    left:20px;
    content:"";
}
#latait-course-paging .latait-next {
    float:right;
}
#latait-course-paging .latait-next a {
    padding-right:42px;
}
#latait-course-paging .latait-next a:before {
    right:20px;
    content:"";
}
.laitait-scorm-container {
    background:#1f1f21;
    margin-bottom:20px;
    padding:56.25% 0 0 0;
    position:relative;
    border:solid 10px #f9fafa;
}
.laitait-scorm-container:before,.laitait-scorm-container:after {
    z-index:1;
    position:absolute;
    color:#f9fafa;
    top:50%;
    left:50%;
    font-weight:400;
}
.laitait-scorm-container:before {
    margin:-60px 0 0 -17px;
    font-size:40px;
    font-family:"FontAwesome";
    content:"";
    animation:spin 1600ms infinite linear;
}
.laitait-scorm-container:after {
    margin:-14px 0 0 -80px;
    content:"Loading activity";
    width:160px;
    text-align:center;
    height:28px;
}
.laitait-scorm-container iframe.laitait-scorm-frame {
    z-index:10;
    position:absolute;
    top:0;
    left:0;
    border:none 0;
    width:100%;
    height:100%;
    visibility:visible;
}
#scormviewform {
    background:#1f1f21;
    position:relative;
    margin:0;
    padding:56.25% 0 0 0;
    display:block;
    width:100%;
    text-align:center;
}
#scormviewform input.btn {
    position:absolute;
    top:50%;
    left:50%;
    margin:-40px 0 0 -60px;
    padding:0;
    width:120px;
    height:80px;
    background:#00b8e4;
    color:#1f1f21;
    font-size:20px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.latait-page-content-wrap .block,.latait-page-content-wrap #region-main {
    border-radius:0;
    box-shadow:none;
    background:rgba(0,0,0,0);
    border-radius:12px;
}
.latait-page-content-wrap .block {
    background:#f9fafa;
}
/* Confirmed via inspect element: this generic card-background rule was
   also catching the Featured Learning block's outer wrapper, showing as a
   pale strip above/below the tiles where the wrapper's own padding peeks
   out past the inner (differently-coloured) content area. Scoped back out
   for this specific block only - other blocks still get the card look. */
.latait-page-content-wrap .block:has(#latait-featured-catalog) {
    background: transparent !important;
}
.latait-page-content-wrap .block li {
    padding:4px 0;
}
.pagelayout-incourse #region-main,.pagelayout-course #region-main {
    background:#f9fafa;
}
.latait-hidden-block {
    display:none;
}
/* Removed the fragile background-image/gradient illusion that used to
   live here (hard-coded percentages meant to visually line up with the
   nav column's width at specific breakpoints - which is exactly what
   drifted out of sync in v20, causing the nav to bleed into the lighter
   grey background). #block-region-side-pre is already position:sticky
   with its own max-height:100vh (a self-contained, viewport-bound
   sidebar) - so we can just colour that real box directly below instead
   of faking its width/position with a page-wide gradient. */
@media only screen and (min-width: 1580px) {
    .pagelayout-incourse.used-region-side-pre.empty-region-side-post .col-md-9,.pagelayout-course.used-region-side-pre.empty-region-side-post .col-md-9 {
        width:70%;
        left:30%;
    }
    .pagelayout-incourse.used-region-side-pre.empty-region-side-post .col-md-3,.pagelayout-course.used-region-side-pre.empty-region-side-post .col-md-3 {
        width:30%;
    }
}
@media only screen and (min-width: 992px) {
    .pagelayout-incourse.used-region-side-pre.empty-region-side-post #block-region-side-pre,.pagelayout-course.used-region-side-pre.empty-region-side-post #block-region-side-pre {
        padding-right:0;
        padding-top:16px;
        padding-bottom:16px;
        top:110px;
        position:sticky;
        overflow-y:scroll;
        max-height:100vh;
        background-color: #ffffff;
        border-radius: 4px;
        box-shadow: 0 0 2px #00255033;
    }
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block,.pagelayout-incourse.used-region-side-pre.empty-region-side-post #region-main,.pagelayout-course.used-region-side-pre.empty-region-side-post .block,.pagelayout-course.used-region-side-pre.empty-region-side-post #region-main {
    background:rgba(0,0,0,0);
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post #region-main,.pagelayout-course.used-region-side-pre.empty-region-side-post #region-main {
    padding-top:0;
}
@media only screen and (min-width: 992px) {
    .pagelayout-incourse.used-region-side-pre.empty-region-side-post #region-main,.pagelayout-course.used-region-side-pre.empty-region-side-post #region-main {
        padding-left:28px;
        padding-right:10px;
    }
}
@media only screen and (min-width: 1402px) {
    .pagelayout-incourse.used-region-side-pre.empty-region-side-post #region-main,.pagelayout-course.used-region-side-pre.empty-region-side-post #region-main {
        padding-left:40px;
        padding-right:20px;
    }
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings {
    background:inherit;
    color:#1f1f21;
    padding:0;
    margin-bottom:20px;
    display:block;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-header,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block-header,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-header,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block-header {
    padding:0;
    min-height:auto;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-header h2,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block-header h2,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-header h2,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block-header h2 {
    margin-top:-4px;
    display:inline-block;
    padding:4px 8px;
    line-height:normal;
    background:rgb(24,210.4210526316,255);
    font-size:14px;
    font-weight:400;
    color:#1f1f21;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-control-actions,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block-control-actions,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-control-actions,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block-control-actions {
    background:#f9fafa;
    box-shadow:inset 0 -3px hsl(240,3.125%,8.5490196078%);
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-control-actions span,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-control-actions a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block-control-actions span,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block-control-actions a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-control-actions span,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-control-actions a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block-control-actions span,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block-control-actions a {
    border-color:#7f9591;
    color:#1f1f21;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-control-actions .menu span,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-control-actions .menu a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block-control-actions .menu span,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block-control-actions .menu a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-control-actions .menu span,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-control-actions .menu a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block-control-actions .menu span,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block-control-actions .menu a {
    color:#1f1f21;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-content,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation li,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block-content,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings li,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-content,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation li,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block-content,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings li {
    padding:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 {
    margin-bottom:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch {
    margin:4px 4px 4px 0;
    padding:10px;
    display:block;
    font-weight:700;
    overflow:visible;
    text-decoration:underline 2px hsl(240,3.125%,52.5490196078%);
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch .flex-icon,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch .flex-icon,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch .flex-icon,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch .flex-icon,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch .flex-icon,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch .flex-icon,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch .flex-icon,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch .flex-icon {
    position:relative;
    float:right;
    top:6px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch .flex-icon:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch .flex-icon:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch .flex-icon:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch .flex-icon:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch .flex-icon:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch .flex-icon:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch .flex-icon:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch .flex-icon:before {
    font-weight:400;
    font-family:"FontAwesome" !important;
    content:"";
    float:right;
    position:relative;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch:hover {
    text-decoration:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch:focus,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch:focus,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch:focus,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch:focus {
    text-decoration:none;
    /* Now matching the classic-blue/2px standard applied sitewide, for
       consistency across all focus outlines. */
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch[aria-expanded=true] .flex-icon:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch[aria-expanded=true] .flex-icon:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch[aria-expanded=true] .flex-icon:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch[aria-expanded=true] .flex-icon:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch[aria-expanded=true] .flex-icon:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch[aria-expanded=true] .flex-icon:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 .branch[aria-expanded=true] .flex-icon:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 .branch[aria-expanded=true] .flex-icon:before {
    font-family:"FontAwesome" !important;
    transform:rotate(-180deg);
    content:"";
    float:right;
    position:relative;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 li.depth_2.contains_branch p.branch a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 li.depth_2.contains_branch p.branch a:after,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 li.depth_2.contains_branch p.branch a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 li.depth_2.contains_branch p.branch a:after,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 li.depth_2.contains_branch p.branch a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 li.depth_2.contains_branch p.branch a:after,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 li.depth_2.contains_branch p.branch a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 li.depth_2.contains_branch p.branch a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 li.depth_2.contains_branch p.branch a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 li.depth_2.contains_branch p.branch a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 li.depth_2.contains_branch p.branch a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 li.depth_2.contains_branch p.branch a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 li.depth_2.contains_branch p.branch a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_1 li.depth_2.contains_branch p.branch a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 li.depth_2.contains_branch p.branch a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree .depth_2 li.depth_2.contains_branch p.branch a:after {
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul {
    margin-left:0;
    margin-bottom:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p {
    margin:0;
    padding:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p a {
    z-index:0;
    color:#1f1f21;
    text-decoration:none;
    display:block;
    padding:10px 28px 10px 28px;
    border-radius:10px 0 0 10px;
    transition:200ms;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p a:hover {
    background:#e6e8e9;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:focus,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:focus,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:focus,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p a:focus,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p a:focus,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p a:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p a:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p a:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p a:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 .active_tree_node,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 .active_tree_node,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon .active_tree_node {
    font-weight:400;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 .active_tree_node a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 .active_tree_node a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon .active_tree_node a {
    background:none;
    color:#1f1f21;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 .active_tree_node a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 .active_tree_node a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon .active_tree_node a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 .active_tree_node a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 .active_tree_node a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon .active_tree_node a:hover {
    text-decoration:none;
    background:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p.branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p.branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p.branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p.branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p.branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p.branch {
    color:#1f1f21;
    text-decoration:none;
    display:block;
    transition:200ms;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p.branch:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p.branch:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p.branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p.branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p.branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p.branch:hover {
    color:#1f1f21;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p.branch a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p.branch a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p.branch a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_2 p.branch a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.depth_3 p.branch a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree ul li.item_with_icon p.branch a {
    display:inline-block;
    border:none 0;
    background:none;
    padding:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree hr,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings .block_tree hr,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree hr,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings .block_tree hr {
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation {
    border-radius:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-header,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-header {
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-header .block-title h2,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-header .block-title h2 {
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block-title:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block-title:before {
    display:inline-block;
    padding:4px 8px;
    line-height:normal;
    content:"Course navigation";
    background:rgb(24,210.4210526316,255);
    font-size:14px;
    font-weight:400;
    color:#1f1f21;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_1 .branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .depth_2 .branch {
    padding-right:20px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown:after,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting:after {
    content:"Only visible when editing";
    display:block;
    padding:1px 8px 4px 8px;
    line-height:normal;
    position:absolute;
    border-radius:0 0 8px 8px;
    right:4px;
    top:0;
    color:#1f1f21;
    background:#ff5f5f;
    font-size:12px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown p,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting p {
    padding:10px 20px;
    margin:0;
    display:block;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown p a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting p a {
    color:#1f1f21;
    text-decoration:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown p a .tfont-var-file-earmark-text,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting p a .tfont-var-file-earmark-text,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown p a .tfont-var-file-earmark-text,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting p a .tfont-var-file-earmark-text {
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown .active_tree_node,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting .active_tree_node {
    font-weight:400;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown .active_tree_node a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting .active_tree_node a {
    background:inherit;
    color:#1f1f21;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_unknown,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li.type_setting {
    position:relative;
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul {
    margin-left:0;
    margin-bottom:0;
    animation:details-content-fade-in .4s ease-out;
    animation-iteration-count:1;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p {
    margin:0;
    padding:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a {
    z-index:0;
    position:relative;
    color:#1f1f21;
    text-decoration:none;
    display:block;
    padding:10px 28px 10px 32px;
    margin-right:0;
    transition:200ms;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:hover {
    color:rgb(50.7625,50.7625,54.0375);
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:focus,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:focus,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:focus,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:after,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:after,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:after {
    z-index:-1;
    content:"";
    display:block;
    border-left:solid 2px #7f9591;
    border-bottom:solid 2px #7f9591;
    position:absolute;
    left:12px;
    top:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:before {
    top:-8px;
    height:calc(100% + 8px);
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:after,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:after,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a:after {
    height:50%;
    width:10px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a span[title=Page],.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a span[title=Page],.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a span[title=Page],.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a span[title=Page],.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a span[title=Page],.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a span[title=Page] {
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a span,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a span,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a span,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p a span,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p a span,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p a span {
    z-index:10;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node {
    font-weight:400;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node a {
    background:none;
    color:#1f1f21;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 .active_tree_node a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 .active_tree_node a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon .active_tree_node a:hover {
    text-decoration:none;
    background:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch {
    color:#1f1f21;
    text-decoration:none;
    display:block;
    transition:200ms;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch:hover {
    color:#1f1f21;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2 p.branch a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3 p.branch a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon p.branch a {
    display:inline-block;
    border:none 0;
    background:none;
    padding:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2:last-child a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3:last-child a:before,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon:last-child a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2:last-child a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3:last-child a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon:last-child a:before {
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2:last-child a:after,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3:last-child a:after,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon:last-child a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_2:last-child a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.depth_3:last-child a:after,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.item_with_icon:last-child a:after {
    border-bottom-left-radius:8px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.current_branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree ul li.current_branch {
    background:#e6e8e9;
    border-radius:10px 0 0 10px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .dimmed_text,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree .dimmed_text {
    color:#1f1f21;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li:has(.dimmed_text),.pagelayout-course.used-region-side-pre.empty-region-side-post .block_course_navigation .block_tree li:has(.dimmed_text) {
    opacity:.4;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block {
    border:solid 2px rgb(0,167.5368421053,207.6);
    margin-right:20px;
    border-radius:10px;
    background:rgb(0,167.5368421053,207.6);
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block .block-header,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block .block-header {
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block .branch,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block .branch {
    text-decoration:none !important;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_2 p,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_3 p,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block li.item_with_icon p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_2 p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_3 p,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block li.item_with_icon p {
    margin:0;
    padding:2px 0 0 0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_2 p a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_3 p a,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block li.item_with_icon p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_2 p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_3 p a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block li.item_with_icon p a {
    border-radius:0 !important;
    display:block;
    padding:10px 28px 10px 28px;
    margin-top:-2px 0 0 0;
    border-top:solid 2px rgb(0,167.5368421053,207.6);
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_2 p a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_3 p a:hover,.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block li.item_with_icon p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_2 p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block li.depth_3 p a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block li.item_with_icon p a:hover {
    background:rgb(0,200.4631578947,248.4) !important;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block_settings.block li.contains_branch a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block_settings.block li.contains_branch a {
    border-radius:0;
    background:#00b8e4;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments {
    background:#fff;
    margin-right:20px;
    border-radius:10px;
    padding:0;
    border:2px solid hsl(169.0909090909,9.4017094017%,74.1176470588%);
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .block-header,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .block-header {
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .content.block-content,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .content.block-content {
    padding:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-list,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-list {
    margin:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-area,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-area {
    max-width:none;
    font-size:16px;
    line-height:20px;
    margin:0;
    padding:0;
    position:relative;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-area .db,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-area .db {
    padding:0;
    margin:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-area .db textarea,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-area .db textarea {
    max-width:100%;
    width:100%;
    border:none 0;
    background:rgba(0,0,0,0);
    padding:10px 10px 40px 10px;
    border-radius:0;
    min-height:100px;
    margin:0;
    resize:vertical;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-area .fd,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-area .fd {
    padding:8px;
    display:block;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-area .fd a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-area .fd a {
    display:inline-block;
    margin:0;
    border-radius:5px;
    text-align:center;
    text-decoration:none;
    padding:4px 8px;
    background:#000;
    color:#fff;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments li[id*=comment-],.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments li[id*=comment-] {
    font-size:16px;
    margin:0;
    padding:0;
    position:relative;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message {
    border-radius:5px;
    margin:8px;
    display:block;
    background:hsl(200,6.3829787234%,94.7843137255%);
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .comment-message-meta,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .comment-message-meta {
    position:relative;
    display:block;
    padding-top:2px;
    color:#7f9591;
    font-size:12px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .comment-message-meta .picture,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .comment-message-meta .picture {
    position:absolute;
    height:34px;
    width:34px;
    border-radius:50%;
    overflow:hidden;
    border:solid 2px hsl(200,6.3829787234%,94.7843137255%);
    top:-4px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .comment-message-meta .picture a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .comment-message-meta .picture a {
    display:block;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .comment-message-meta .picture img,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .comment-message-meta .picture img {
    height:31px;
    width:31px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .comment-message-meta .user a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .comment-message-meta .user a {
    color:#7f9591;
    text-decoration:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text {
    padding:10px 10px 28px 10px;
    position:relative;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text .comment-delete,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text .comment-delete {
    bottom:4px;
    right:4px;
    top:auto;
    padding:0;
    margin:0;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text .comment-delete a,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text .comment-delete a {
    background:hsl(200,6.3829787234%,89.7843137255%);
    display:block;
    padding:4px 8px;
    line-height:normal;
    text-decoration:none;
    color:hsl(200,6.3829787234%,66.7843137255%);
    font-size:12px;
    border-radius:4px;
    height:auto;
    width:auto;
    transition:ease-in-out 300ms;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text .comment-delete a:hover,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text .comment-delete a:hover {
    background:#ff5f5f;
    color:#fff;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text .comment-delete a:before,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text .comment-delete a:before {
    content:"Delete";
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text .comment-delete .flex-icon,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments .comment-message .text .comment-delete .flex-icon {
    display:none;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments li.comment-own-post .comment-message .comment-message-meta,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments li.comment-own-post .comment-message .comment-message-meta {
    text-align:right;
    padding-right:40px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments li.comment-own-post .comment-message .picture,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments li.comment-own-post .comment-message .picture {
    right:-4px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments li.comment-others-post .comment-message .comment-message-meta,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments li.comment-others-post .comment-message .comment-message-meta {
    text-align:left;
    padding-left:40px;
}
.pagelayout-incourse.used-region-side-pre.empty-region-side-post .block.block_comments li.comment-others-post .comment-message .picture,.pagelayout-course.used-region-side-pre.empty-region-side-post .block.block_comments li.comment-others-post .comment-message .picture {
    left:-4px;
}
#latait-catalog-pathway-cta {
    margin-top:0;
    background-color:rgba(0,0,0,0);
}
#latait-catalog-pathway-cta .block-totara-featured-links-tile {
    background-image:none;
    background-color:rgba(0,0,0,0) !important;
    background-size:0px;
    background-position:calc(100% - 60px) -10px;
    border-radius:0;
    margin-top:0;
    box-shadow:none;
    position:relative;
}
@media only screen and (min-width: 992px) {
    #latait-catalog-pathway-cta .block-totara-featured-links-tile {
        background-size:contain;
    }
}
#latait-catalog-pathway-cta .block-totara-featured-links-tile:before,#latait-catalog-pathway-cta .block-totara-featured-links-tile:after {
    content:"";
    left:0;
    top:0;
    z-index:-1;
    width:100%;
    height:inherit;
    margin:20px 20px 22px 20px;
    display:block;
}
#latait-catalog-pathway-cta .block-totara-featured-links-tile:before {
    background:#000;
    background-image:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-homepage-banner.jpg");
    background-size:cover;
    background-position:center;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    transition:ease-in-out 300ms;
}
#latait-catalog-pathway-cta .block-totara-featured-links-tile:after {
    position:absolute;
    width:calc(100% - 40px);
    height:calc(100% - 42px);
    background:rgba(0,0,0,.48);
}
#latait-catalog-pathway-cta .block-totara-featured-links-tile:hover:before {
    box-shadow:0 2px 20px rgba(0,0,0,.28);
}
#latait-catalog-pathway-cta .block-totara-featured-links-tile a.block-totara-featured-links-link {
    border-radius:inherit;
    background-color:rgba(0,0,0,0);
}
#latait-catalog-pathway-cta .block-totara-featured-links-tile .block-totara-featured-links-content {
    top:auto;
    bottom:0;
    box-sizing:border-box;
    max-height:100%;
    overflow:hidden;
    background-color:rgba(0,0,0,0);
    padding:60px;
    text-shadow:0 0 6px rgba(0,0,0,.8);
}
#latait-catalog-pathway-cta .block-totara-featured-links-tile .block-totara-featured-links-content h3 {
    font-size:38px;
}
#latait-dashboard-pathway-cta {
    padding:0;
    margin:0 0 10px 0;
    background-color:rgba(0,0,0,0);
    background:#000;
    background-image:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-homepage-banner.jpg");
    background-size:cover;
    background-position:center;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    transition:ease-in-out 300ms;
}
#latait-dashboard-pathway-cta:after {
    content:"";
    z-index:1;
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.48);
}
#latait-dashboard-pathway-cta .block-totara-featured-links-tile {
    background-color:rgba(0,0,0,0) !important;
    margin:0;
    height:auto;
    flex-grow:1;
    border-radius:0;
    background-position:20px 0;
    background-size:60%;
    position:relative;
    z-index:10;
}
#latait-dashboard-pathway-cta .block-totara-featured-links-tile .block-totara-featured-links-content {
    top:auto;
    bottom:0;
    box-sizing:border-box;
    max-height:100%;
    overflow:hidden;
    background-color:rgba(0,0,0,0);
    padding:20px;
    text-shadow:0 0 6px rgba(0,0,0,.8);
}
#latait-dashboard-pathway-cta .block-totara-featured-links-tile .block-totara-featured-links-content h3 {
    font-size:30px;
}
#page-course-index-category.category-214 .categorypicker,#page-course-index-category.category-214 .generalbox.info,#page-course-index-category.category-214 #coursesearch,#page-course-index-category.category-215 .categorypicker,#page-course-index-category.category-215 .generalbox.info,#page-course-index-category.category-215 #coursesearch {
    display:none;
}
#latait-pathway-no-access,.block.latait-pathway-cat-index-header,.block.latait-pathway-cat-index-pathways,.block.latait-pathway-cat-index-pathway,.block.latait-pathway-cat-index-end {
    position:relative;
}
#latait-pathway-no-access:before,#latait-pathway-no-access:after,.block.latait-pathway-cat-index-header:before,.block.latait-pathway-cat-index-header:after,.block.latait-pathway-cat-index-pathways:before,.block.latait-pathway-cat-index-pathways:after,.block.latait-pathway-cat-index-pathway:before,.block.latait-pathway-cat-index-pathway:after,.block.latait-pathway-cat-index-end:before,.block.latait-pathway-cat-index-end:after {
    z-index:-1;
    display:block;
    position:absolute;
    left:-35px;
    top:0;
    width:calc(100% + 70px);
    height:100%;
}
#latait-pathway-no-access h3,.block.latait-pathway-cat-index-header h3,.block.latait-pathway-cat-index-pathways h3,.block.latait-pathway-cat-index-pathway h3,.block.latait-pathway-cat-index-end h3 {
    font-size:38px;
}
#latait-pathway-no-access {
    margin-top:0;
    background-color:rgba(0,0,0,0);
    margin:0;
}
#latait-pathway-no-access:before {
    content:"";
    background-color:rgb(54.6,216.3263157895,255);
    border:solid 2px #00b8e4;
}
#latait-pathway-no-access .block-totara-featured-links-tile {
    background-image:none;
    box-shadow:none;
    border-radius:0;
    margin:2px 0;
    border:none 0;
}
#latait-pathway-no-access .block-totara-featured-links-tile:before {
    padding-top:440px;
}
@media only screen and (min-width: 500px) {
    #latait-pathway-no-access .block-totara-featured-links-tile:before {
        padding-top:290px;
    }
}
@media only screen and (min-width: 800px) {
    #latait-pathway-no-access .block-totara-featured-links-tile:before {
        padding-top:200px;
    }
}
@media only screen and (min-width: 1020px) {
    #latait-pathway-no-access .block-totara-featured-links-tile:before {
        padding-top:174px;
    }
}
#latait-pathway-no-access .block-totara-featured-links-tile .block-totara-featured-links-content {
    background-color:rgba(0,0,0,0) !important;
    border-radius:0;
    padding:20px;
}
#latait-pathway-no-access .block-totara-featured-links-tile .block-totara-featured-links-content h3,#latait-pathway-no-access .block-totara-featured-links-tile .block-totara-featured-links-content p {
    color:#1f1f21;
}
#latait-pathway-no-access .block-totara-featured-links-tile .block-totara-featured-links-content h3 {
    font-size:38px;
}
.block.latait-pathway-cat-index-header {
    position:relative;
    padding:40px 20px 20px 20px;
    margin:20px 0 10px 0;
    background-color:rgba(0,0,0,0);
    color:#fff;
}
.block.latait-pathway-cat-index-header img {
    margin-top:-100px;
    width:100%;
    max-width:500px;
    height:auto;
    margin-bottom:30px;
}
@media only screen and (min-width: 1000px) {
    .block.latait-pathway-cat-index-header img {
        z-index:1;
        position:absolute;
        right:0;
    }
}
@media only screen and (min-width: 1400px) {
    .block.latait-pathway-cat-index-header img {
        right:40px;
    }
}
@media only screen and (min-width: 1500px) {
    .block.latait-pathway-cat-index-header img {
        max-width:460px;
    }
}
.block.latait-pathway-cat-index-header:before {
    content:"";
    background:#000;
    background-image:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-homepage-banner.jpg");
    background-size:cover;
    background-position:center;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
}
.block.latait-pathway-cat-index-header:after {
    top:0;
    content:"";
    position:absolute;
    background:rgba(0,0,0,.48);
}
.block.latait-pathway-cat-index-header h3,.block.latait-pathway-cat-index-header p {
    position:relative;
    z-index:10;
}
@media only screen and (min-width: 1000px) {
    .block.latait-pathway-cat-index-header h3,.block.latait-pathway-cat-index-header p {
        max-width:50%;
    }
}
@media only screen and (min-width: 1300px) {
    .block.latait-pathway-cat-index-header h3,.block.latait-pathway-cat-index-header p {
        max-width:740px;
    }
}
@media only screen and (min-width: 1500px) {
    .block.latait-pathway-cat-index-header h3,.block.latait-pathway-cat-index-header p {
        max-width:900px;
    }
}
.block.latait-pathway-cat-index-header .no-overflow {
    overflow:visible;
}
.block.latait-pathway-cat-index-pathways {
    padding:40px 20px 0 20px;
    background:rgba(0,0,0,0);
}
.block.latait-pathway-cat-index-pathways .latait-pathway-cat-index-plathway-example {
    width:100%;
    height:auto;
}
.block.latait-pathway-cat-index-pathway {
    padding:40px 20px;
    background:#f9fafa;
}
.block.latait-pathway-cat-index-pathway:before {
    content:"";
    background:#f9fafa;
}
.block.latait-pathway-cat-index-pathway .latait-pathway-panel {
    background:#00b8e4;
    text-align:center;
    border:solid 2px rgb(0,167.5368421053,207.6);
    box-shadow:0 0 10px 0px rgba(0,0,0,.2);
    transition:.2s ease;
}
.block.latait-pathway-cat-index-pathway .latait-pathway-panel:hover {
    box-shadow:0 0 18px 0px rgba(0,0,0,.2);
}
.block.latait-pathway-cat-index-pathway .latait-pathway-panel h4 {
    background:rgb(0,200.4631578947,248.4);
    font-size:28px;
    padding:40px 20px;
    margin:0;
    border-bottom:solid 2px #f9fafa;
}
.block.latait-pathway-cat-index-pathway .latait-pathway-panel h4 span {
    display:block;
    font-size:14px;
    padding:4px 0 0 0;
    font-weight:400;
    color:rgb(0,101.6842105263,126);
}
.block.latait-pathway-cat-index-pathway .latait-pathway-panel ul {
    padding:0;
    margin:0;
}
.block.latait-pathway-cat-index-pathway .latait-pathway-panel ul li {
    list-style:none;
    padding:20px;
    margin:0;
    border-bottom:solid 2px #f9fafa;
    color:rgb(0,126.3789473684,156.6);
}
.block.latait-pathway-cat-index-pathway .latait-pathway-panel ul li:last-child {
    border:none 0;
}
.block.latait-pathway-cat-index-pathway .latait-pathway-panel ul li strong {
    color:#000;
    font-weight:700;
    text-decoration:none;
    position:relative;
}
.block.latait-pathway-cat-index-pathway .latait-pathway-panel ul li strong:after {
    transform:rotate(-10deg);
    top:-8px;
    right:-44px;
    display:inline-block;
    padding:4px 8px;
    line-height:normal;
    font-size:14px;
    background:rgb(250.4322033898,208.4084745763,43.9677966102);
    border-radius:4px;
    content:"Live";
    position:absolute;
}
.block.latait-pathway-cat-index-end {
    padding:40px 20px;
    background:rgba(0,0,0,0);
}
#page-course-index-category.category-214 .course_category_tree .coursebox,#page-course-index-category.category-215 .course_category_tree .coursebox {
    border-radius:0;
    border:0 none;
    box-shadow:none;
    background:rgba(0,0,0,0);
}
#page-course-index-category.category-214 .course_category_tree .coursebox .panel-heading,#page-course-index-category.category-215 .course_category_tree .coursebox .panel-heading {
    border-radius:0;
    padding:0;
    width:100%;
}
#page-course-index-category.category-214 .course_category_tree .coursebox .panel-heading .moreinfo,#page-course-index-category.category-215 .course_category_tree .coursebox .panel-heading .moreinfo {
    display:none;
}
#page-course-index-category.category-214 .course_category_tree .coursebox .panel-heading .coursename,#page-course-index-category.category-215 .course_category_tree .coursebox .panel-heading .coursename {
    display:block;
    background:#888;
    background:linear-gradient(135deg, rgb(136, 136, 136) 74%, rgb(255, 255, 255) 74%);
    transition:.2s ease;
}
#page-course-index-category.category-214 .course_category_tree .coursebox .panel-heading .coursename:hover,#page-course-index-category.category-215 .course_category_tree .coursebox .panel-heading .coursename:hover {
    background:linear-gradient(135deg, rgb(136, 136, 136) 80%, rgb(255, 255, 255) 80%);
}
#page-course-index-category.category-214 .course_category_tree .coursebox .panel-heading a,#page-course-index-category.category-215 .course_category_tree .coursebox .panel-heading a {
    box-shadow:0 0 8px 0px rgba(0,0,0,.1);
    border:solid 2px hsl(240,3.6144578313%,28.5490196078%);
    background-image:none !important;
    padding:20px 140px 20px 40px;
    color:#000;
    background-color:rgba(0,0,0,0);
    font-weight:700;
    font-size:28px;
    text-decoration:none;
    text-indent:0;
    transition:.2s ease;
    border-bottom:solid 2px hsl(240,3.6144578313%,28.5490196078%);
}
#page-course-index-category.category-214 .course_category_tree .coursebox .panel-heading a:before,#page-course-index-category.category-215 .course_category_tree .coursebox .panel-heading a:before {
    transform:rotate(-10deg);
    top:-4px;
    right:40px;
    display:inline-block;
    padding:4px 8px;
    line-height:normal;
    font-size:14px;
    background:#00b8e4;
    border:solid 2px rgb(0,167.5368421053,207.6);
    border-radius:4px;
    content:"This course is available!";
    position:absolute;
}
#page-course-index-category.category-214 .course_category_tree .coursebox .panel-heading a:after,#page-course-index-category.category-215 .course_category_tree .coursebox .panel-heading a:after {
    transform:rotate(-10deg);
    top:20px;
    right:60px;
    display:inline-block;
    padding:4px 8px;
    line-height:normal;
    font-size:14px;
    border:solid 2px rgb(238.243220339,190.8008474576,5.156779661);
    background:rgb(250.4322033898,208.4084745763,43.9677966102);
    border-radius:4px;
    content:"Click to enroll";
    position:absolute;
}
#page-course-index-category.category-214 .course_category_tree .coursebox .panel-heading a:hover,#page-course-index-category.category-215 .course_category_tree .coursebox .panel-heading a:hover {
    box-shadow:0 0 18px 0px rgba(0,0,0,.2);
    background:linear-gradient(135deg, rgb(136, 136, 136) 80%, rgb(255, 255, 255) 80%);
}
#page-course-index-category.category-214 .course_category_tree .coursebox .panel-heading a:active,#page-course-index-category.category-215 .course_category_tree .coursebox .panel-heading a:active {
    transition:none;
}
#page-course-index-category.category-214 .course_category_tree .coursebox .content,#page-course-index-category.category-215 .course_category_tree .coursebox .content {
    background:rgba(0,0,0,0);
    padding:20px 40px 0 40px;
}
#page-course-index-category.category-214 .course_category_tree .coursebox .content .summary,#page-course-index-category.category-215 .course_category_tree .coursebox .content .summary {
    margin:0;
}
#page-course-index-category.category-214 .course_category_tree .coursebox .content .teachers,#page-course-index-category.category-215 .course_category_tree .coursebox .content .teachers {
    display:none;
}
.latait-tip-box {
    border-radius:10px;
    margin:20px 0;
    padding:20px;
    position:relative;
    overflow:hidden;
}
.latait-tip-box a {
    color:inherit;
}
.latait-tip-box a:hover {
    color:inherit;
    opacity:.7;
}
.latait-tip-box i {
    font-size:2em;
    vertical-align:middle;
    width:80px;
    text-align:center;
    display:inline-block;
}
.tip-text {
    vertical-align:middle;
    width:calc(100% - 95px);
    display:inline-block;
    margin:0 !important;
}
.latait-tip-box-info {
    background-color:#cde8f6;
    border:#2697d1 1px solid;
    color:#447eaf;
}
.latait-tip-box-warn {
    background-color:#f8f4d5;
    border:#daba7e 1px solid;
    color:#96722e;
}
.latait-tip-box-error {
    background-color:#ecc8c5;
    border:#d37f78 1px solid;
    color:#b83c37;
}
.latait-tip-box-success {
    background-color:#ddf3d5;
    border:#9ddc86 1px solid;
    color:#597151;
}
.message-box-success {
    background-color:#ddf3d5;
    border:#9ddc86 1px solid;
    color:#597151;
}
#view-program-content .no-overflow:has(.latait-program-banner),#program-content .no-overflow:has(.latait-program-banner) {
    margin-bottom:30px;
}
#view-program-content :nth-child(1 of .notifymessage),#program-content :nth-child(1 of .notifymessage) {
    display:none;
}
#view-program-content .certifpath,#program-content .certifpath {
    padding:18px 18px 18px 68px;
    border-radius:12px;
    background-color:#cde8f6;
    border:#2697d1 1px solid;
    color:#447eaf;
    position:relative;
}
#view-program-content .certifpath::before,#program-content .certifpath::before {
    content:"";
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>') no-repeat 50% 0;
    background-color:#447eaf;
    display:block;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    position:absolute;
    width:30px;
    height:30px;
}
#view-program-content .surround,#program-content .surround {
    position:relative;
}
#view-program-content .surround h3,#program-content .surround h3 {
    padding-top:10px;
}
#view-program-content .surround::before,#program-content .surround::before {
    font-size:14px;
    padding:4px 10px 4px 30px;
    border-radius:6px;
    line-height:normal;
    display:inline-block;
    border:solid 1px #357025;
    content:"Course set";
    background:#ddf1d8;
    color:#357025;
}
#view-program-content .surround::after,#program-content .surround::after {
    position:absolute;
    top:6px;
    left:6px;
    content:"";
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M130-189 81-546q-5-32 15.5-58t52.5-31l61 435 283-40h267q-8 21-24.5 35.5T695-187l-477 66q-33 5-58-15t-30-53Zm190-127q-33 0-56.5-23.5T240-396v-364q0-33 23.5-56.5T320-840h480q33 0 56.5 23.5T880-760v364q0 33-23.5 56.5T800-316H320Zm0-80h480v-364H320v364Zm0 0v-364 364ZM210-200Zm190-400h320v-80H400v80Zm0 120h200v-80H400v80Z"/></svg>') no-repeat 50% 0;
    border:0 none;
    background-color:#357025;
    display:block;
    float:left;
    width:20px;
    height:20px;
}
.latait-program-banner {
    display:block;
    background:#000;
    border:solid 1px hsl(240,3.125%,72.5490196078%);
    background-size:cover;
    padding:10px;
    overflow:hidden;
    border-radius:12px;
    position:relative;
    z-index:0;
    margin-bottom:10px;
}
@media only screen and (min-width: 992px) {
    .latait-program-banner {
        padding:20px;
    }
}
.latait-program-banner .latait-content,.latait-program-banner .latait-summary-content {
    background:#e9ebec;
    display:block;
    padding:18px;
    border-radius:6px;
    z-index:1;
    position:relative;
}
@media only screen and (min-width: 992px) {
    .latait-program-banner .latait-content,.latait-program-banner .latait-summary-content {
        padding:20px;
    }
}
#view-program-content .notifymessage,#view-program-content #progressbar .item,#program-content .notifymessage,#program-content #progressbar .item {
    padding:10px 18px;
    background:#fff;
    border-radius:12px;
    border:solid 1px hsl(240,3.125%,72.5490196078%);
    margin-bottom:10px;
}
#view-program-content .notifymessage p,#view-program-content #progressbar .item p,#program-content .notifymessage p,#program-content #progressbar .item p {
    margin-bottom:8px;
}
#view-program-content .notifymessage p,#program-content .notifymessage p {
    margin-bottom:8px;
}
#view-program-content #progressbar,#program-content #progressbar {
    grid-column-gap:10px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    justify-content:center;
    align-items:center;
}
#view-program-content #progressbar .item,#program-content #progressbar .item {
    width:auto;
}
#view-program-content #progressbar .item .progressbar_container,#program-content #progressbar .item .progressbar_container {
    width:calc(100% - 90px);
    vertical-align:middle;
}
#view-program-content #progressbar .item .progressbar_container .progress,#program-content #progressbar .item .progressbar_container .progress {
    border:none 0;
    background-color:hsl(240,3.125%,92.5490196078%);
    box-shadow:inset 0px 2px 0px hsl(240,3.125%,72.5490196078%);
}
#view-program-content #progressbar .item .progressbar_container .progress .bar,#program-content #progressbar .item .progressbar_container .progress .bar {
    border-radius:50px 0 0 50px;
    box-shadow:inset 0px 2px 0px rgba(0,0,0,.1);
    background-color:#7fd262;
}
#view-program-content #progressbar .item .progressbar_container .progress .bar[style="width:100%"],#program-content #progressbar .item .progressbar_container .progress .bar[style="width:100%"] {
    background:#facc18;
}
#view-program-content #progressbar .item .progressbar_container .progress .bar[style="width:100%"] .progressbar__text,#program-content #progressbar .item .progressbar_container .progress .bar[style="width:100%"] .progressbar__text {
    display:block;
    text-align:center;
    visibility:hidden;
    position:relative;
}
#view-program-content #progressbar .item .progressbar_container .progress .bar[style="width:100%"] .progressbar__text::after,#program-content #progressbar .item .progressbar_container .progress .bar[style="width:100%"] .progressbar__text::after {
    width:100%;
    content:" Completed";
    visibility:visible;
    position:absolute;
    top:0;
    left:0;
}
#view-program-content #progressbar .item .progressbar_container .progress .progressbar__text,#program-content #progressbar .item .progressbar_container .progress .progressbar__text {
    color:#000;
    font-weight:normal;
}
#view-program-content .nextsetoperator-group-and,#view-program-content .display-program,#program-content .nextsetoperator-group-and,#program-content .display-program {
    padding:0;
    border:0 none;
    border-radius:none;
    margin:0;
}
#view-program-content .nextsetoperator .operator-and,#view-program-content .nextsetoperator .operator-or,#view-program-content .nextsetoperator .operator-then,#program-content .nextsetoperator .operator-and,#program-content .nextsetoperator .operator-or,#program-content .nextsetoperator .operator-then {
    display:none;
}
#view-program-content .display-program h3,#view-program-content .display-program p,#program-content .display-program h3,#program-content .display-program p {
    margin-left:54px;
}
#view-program-content .display-program h3+p,#program-content .display-program h3+p {
    margin-bottom:2px;
}
#view-program-content .display-program h3+p strong,#program-content .display-program h3+p strong {
    font-weight:normal;
}
#view-program-content .display-program table,#program-content .display-program table {
    border-collapse:separate;
    border-spacing:0 10px;
}
#view-program-content .display-program thead th,#program-content .display-program thead th {
    border:none 0;
    font-weight:600;
}
#view-program-content .display-program thead .coursename,#view-program-content .display-program thead .launchcourse,#program-content .display-program thead .coursename,#program-content .display-program thead .launchcourse {
    padding-left:54px;
}
#view-program-content .display-program tbody tr,#program-content .display-program tbody tr {
    border-bottom:1px solid #000;
}
#view-program-content .display-program tbody tr td,#program-content .display-program tbody tr td {
    border:none 0;
    vertical-align:middle;
    background:#fff;
    border:none 0;
}
#view-program-content .display-program tbody .coursename,#program-content .display-program tbody .coursename {
    position:relative;
    border-radius:12px 0 0 12px;
    border-top:solid 1px hsl(240,3.125%,72.5490196078%);
    border-left:solid 1px hsl(240,3.125%,72.5490196078%);
    border-bottom:solid 1px hsl(240,3.125%,72.5490196078%);
    padding-left:52px;
}
#view-program-content .display-program tbody .coursename img,#program-content .display-program tbody .coursename img {
    position:absolute;
    left:10px;
}
#view-program-content .display-program tbody .coursename a,#program-content .display-program tbody .coursename a {
    color:#1f1f21;
    text-decoration:none;
    font-weight:400;
    pointer-events:none;
    cursor:default;
}
#view-program-content .display-program tbody .launchcourse,#program-content .display-program tbody .launchcourse {
    border-top:solid 1px hsl(240,3.125%,72.5490196078%);
    border-bottom:solid 1px hsl(240,3.125%,72.5490196078%);
}
#view-program-content .display-program tbody .launchcourse .singlebutton div,#program-content .display-program tbody .launchcourse .singlebutton div {
    margin:0;
}
#view-program-content .display-program tbody .launchcourse input,#program-content .display-program tbody .launchcourse input {
    margin:0;
    border:0 none;
    background:#00b8e4;
    color:#1f1f21;
    border-radius:6px;
}
#view-program-content .display-program tbody .launchcourse input:hover,#program-content .display-program tbody .launchcourse input:hover {
    background:rgb(0,200.4631578947,248.4);
}
#view-program-content .display-program tbody .launchcourse input[disabled=disabled],#program-content .display-program tbody .launchcourse input[disabled=disabled] {
    background:hsl(240,3.125%,92.5490196078%);
    color:hsl(240,3.125%,52.5490196078%);
    border-radius:6px;
}
#view-program-content .display-program tbody .launchcourse input[disabled=disabled]:hover,#program-content .display-program tbody .launchcourse input[disabled=disabled]:hover {
    background:hsl(240,3.125%,92.5490196078%);
    color:hsl(240,3.125%,52.5490196078%);
}
#view-program-content .display-program tbody .lastcol,#program-content .display-program tbody .lastcol {
    border-radius:0 12px 12px 0;
    border-top:solid 1px hsl(240,3.125%,72.5490196078%);
    border-right:solid 1px hsl(240,3.125%,72.5490196078%);
    border-bottom:solid 1px hsl(240,3.125%,72.5490196078%);
}
#view-program-content .display-program tbody .status,#program-content .display-program tbody .status {
    padding-right:18px;
}
#view-program-content .display-program tbody .status .progressbar_container .progress,#program-content .display-program tbody .status .progressbar_container .progress {
    border:none 0;
    background-color:hsl(240,3.125%,92.5490196078%);
    box-shadow:inset 0px 2px 0px hsl(240,3.125%,72.5490196078%);
}
#view-program-content .display-program tbody .status .progressbar_container .progress .bar,#program-content .display-program tbody .status .progressbar_container .progress .bar {
    border-radius:50px 0 0 50px;
    box-shadow:inset 0px 2px 0px rgba(0,0,0,.1);
    background-color:#7fd262;
}
#view-program-content .display-program tbody .status .progressbar_container .progress .bar[style="width:100%"],#program-content .display-program tbody .status .progressbar_container .progress .bar[style="width:100%"] {
    background:#facc18;
}
#view-program-content .display-program tbody .status .progressbar_container .progress .bar[style="width:100%"] .progressbar__text,#program-content .display-program tbody .status .progressbar_container .progress .bar[style="width:100%"] .progressbar__text {
    display:block;
    text-align:center;
    visibility:hidden;
    position:relative;
}
#view-program-content .display-program tbody .status .progressbar_container .progress .bar[style="width:100%"] .progressbar__text::after,#program-content .display-program tbody .status .progressbar_container .progress .bar[style="width:100%"] .progressbar__text::after {
    width:100%;
    content:" Completed";
    visibility:visible;
    position:absolute;
    top:0;
    left:0;
}
#view-program-content .display-program tbody .status .progressbar_container .progress .progressbar__text,#program-content .display-program tbody .status .progressbar_container .progress .progressbar__text {
    color:#000;
    font-weight:normal;
}
#view-program-content .display-program tr:has(.bar[aria-valuenow="100"]) .launchcourse .singlebutton input,#program-content .display-program tr:has(.bar[aria-valuenow="100"]) .launchcourse .singlebutton input {
    background:#fff;
    border:1px solid hsl(240,3.125%,72.5490196078%);
    padding:11px 39px;
}
#view-program-content .display-program tr:has(.bar[aria-valuenow="100"]) .launchcourse .singlebutton input:hover,#program-content .display-program tr:has(.bar[aria-valuenow="100"]) .launchcourse .singlebutton input:hover {
    border:1px solid hsl(240,3.125%,52.5490196078%);
}
#view-program-content .display-program tr:has(.bar[aria-valuenow="100"]) .launchcourse .singlebutton input[disabled=disabled],#program-content .display-program tr:has(.bar[aria-valuenow="100"]) .launchcourse .singlebutton input[disabled=disabled] {
    background:hsl(240,3.125%,92.5490196078%);
    color:hsl(240,3.125%,52.5490196078%);
    border:0 none;
    border-radius:6px;
}
#view-program-content .display-program tr:has(.bar[aria-valuenow="100"]) .launchcourse .singlebutton input[disabled=disabled]:hover,#program-content .display-program tr:has(.bar[aria-valuenow="100"]) .launchcourse .singlebutton input[disabled=disabled]:hover {
    background:hsl(240,3.125%,92.5490196078%);
    color:hsl(240,3.125%,52.5490196078%);
}
.pagelayout-dashboard .block_current_learning {
    background:rgba(0,0,0,0);
}
.pagelayout-dashboard .block_current_learning .block-header .block-title {
    padding-top:0px;
}
.pagelayout-dashboard .block_current_learning .block-header .block-title h2 {
    position: relative;
    padding-left: 44px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 4px !important;
}
.pagelayout-dashboard .block_current_learning .block-header .block-title h2::before {
    position:absolute;
    display:block;
    content:"";
    top:50%;
    left:15px;
    transform: translateY(-50%);
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M200-120v-640q0-33 23.5-56.5T280-840h400q33 0 56.5 23.5T760-760v640L480-240 200-120Z"/></svg>') no-repeat 50% 0;
    background-color:#1f1f21;
    width:22px;
    height:22px;
}
.pagelayout-dashboard .block_current_learning ul li {
    max-width:100%;
    border:none 0;
}
.pagelayout-dashboard .block_current_learning .block-content {
    padding:0;
}
.pagelayout-dashboard .block_current_learning .panel-body .block_current_learning-item,.pagelayout-dashboard .block_current_learning:nth-of-type(2n) {
    background:rgba(0,0,0,0);
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item {
    border-radius:24px 24px 20px 20px;
    padding:0;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item {
    padding:0;
    position:relative;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item span[data-toggle=tooltip] {
    position:absolute;
    display:block;
    width:20px;
    height:20px;
    top:6px;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item a {
    background:#f9fafa;
    width:100%;
    display:inline-flex;
    padding:14px 14px 14px 48px;
    margin:0;
    color:#1f1f21;
    text-decoration:none;
    transition:.1s ease-in-out;
    border-radius:24px 24px 0 0;
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item a {
        width:calc(80% - 4px);
        min-height:48px;
        padding:14px 14px 0 48px;
        border-radius:24px 4px 4px 24px;
        margin:0 4px 0 0;
    }
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item a:hover {
    background:#00b8e4;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item a h3 {
    font-size:16px;
    font-weight:600;
    margin:0;
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item a h3 {
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status {
    background:#f9fafa;
    min-height:48px;
    width:100%;
    display:inline-flex;
    padding:6px 16px 0 16px;
    border-radius:0 0 24px 24px;
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status {
        position:absolute;
        width:20%;
        border-radius:4px 24px 24px 4px;
    }
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .label {
    top:8px;
    position:relative;
    height:20px;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .progressbar_container {
    width:100%;
    padding-top:8px;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .progressbar_container .progress {
    border:none 0;
    background-color:hsl(240,3.125%,92.5490196078%);
    box-shadow:inset 0px 2px 0px hsl(240,3.125%,72.5490196078%);
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .progressbar_container .progress .bar {
    border-radius:50px 0 0 50px;
    box-shadow:inset 0px 2px 0px rgba(0,0,0,.1);
    background-color:#7fd262;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .progressbar_container .progress .bar[style="width:100%"] {
    background:#facc18;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .progressbar_container .progress .bar[style="width:100%"] .progressbar__text {
    display:block;
    text-align:center;
    visibility:hidden;
    position:relative;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .progressbar_container .progress .bar[style="width:100%"] .progressbar__text::after {
    width:100%;
    content:" Completed";
    visibility:visible;
    position:absolute;
    top:0;
    left:0;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .progressbar_container .progress .progressbar__text {
    color:#000;
    font-weight:normal;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-course span[data-toggle=tooltip] {
    left:12px;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-program span[data-toggle=tooltip] {
    left:14px;
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .block_current_learning-program span[data-toggle=tooltip] {
        left:64px;
    }
}
.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item .expand-collapse-icon-wrap {
    background:#f9fafa;
    margin:0;
    display:block;
    float:right;
    width:48px;
    height:48px;
    border-radius:24px;
    position:relative;
    transition:.1s ease-in-out;
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item .expand-collapse-icon-wrap {
        float:left;
        margin:0 4px 0 0;
    }
}
.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item .expand-collapse-icon-wrap:hover {
    background:#00b8e4;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item .expand-collapse-icon-wrap .collapsed-icon,.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item .expand-collapse-icon-wrap .expanded-icon {
    display:none;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item .expand-collapse-icon-wrap[aria-expanded=false]:before {
    position:absolute;
    left:16px;
    top:10px;
    font-weight:400;
    font-family:"FontAwesome" !important;
    content:"";
    float:right;
    transition:.4s ease-in-out;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item .expand-collapse-icon-wrap[aria-expanded=true]:before {
    position:absolute;
    left:16px;
    top:10px;
    font-weight:400;
    font-family:"FontAwesome" !important;
    content:"";
    float:right;
    transition:.4s ease-in-out;
    transform:rotate(-180deg);
}
.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item a {
    width:calc(100% - 54px);
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item a {
        width:calc(80% - 56px);
    }
}
.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item .block_current_learning-row-item__status {
    width:calc(100% - 54px);
    float:left;
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item .block_current_learning-row-item__status {
        width:20%;
    }
}
.pagelayout-dashboard .block_current_learning .block_current_learning-item.block_current_learning-program:has(.collapse.in) {
    background-color:hsl(169.0909090909,9.4017094017%,82.1176470588%);
    box-shadow:0 0 0 4px hsl(169.0909090909,9.4017094017%,82.1176470588%);
    transition:.4s ease-in-out;
}
.pagelayout-dashboard .block_current_learning .current_learning-bundle {
    background-color:rgba(0,0,0,0);
    padding:0;
}
.pagelayout-dashboard .block_current_learning .current_learning-bundle .current_learning-set {
    background-color:inherit;
}
.pagelayout-dashboard .block_current_learning .current_learning-bundle .current_learning-set-stamp {
    padding:8px;
    margin:0;
    display:block;
    overflow:hidden;
}
.pagelayout-dashboard .block_current_learning .current_learning-bundle .current_learning-set-stamp .status-complete,.pagelayout-dashboard .block_current_learning .current_learning-bundle .current_learning-set-stamp .status-unavailable {
    display:inline-block;
    width:auto;
    max-width:none;
    border:1px solid;
    padding:4px 12px;
    color:#1f1f21;
    border-radius:8px;
}
.pagelayout-dashboard .block_current_learning .current_learning-bundle .current_learning-set-stamp .status-complete .flex-icon,.pagelayout-dashboard .block_current_learning .current_learning-bundle .current_learning-set-stamp .status-unavailable .flex-icon {
    color:inherit;
}
.pagelayout-dashboard .block_current_learning .current_learning-bundle .current_learning-set-stamp .status-complete {
    background-color:#7fd262;
    border-color:rgb(90.4118811881,191.8198019802,54.9801980198);
}
.pagelayout-dashboard .block_current_learning .current_learning-bundle .current_learning-set-stamp .status-unavailable {
    background-color:#ff5f5f;
    border-color:rgb(255,33.8,33.8);
}
.pagelayout-dashboard .block_current_learning .current_learning-bundle .current_learning-operator .tfont-var-plus {
    color:#1f1f21;
}
.pagelayout-dashboard .block_current_learning .current_learning-set {
    background-color:inherit;
    padding:10px 8px 6px 22px;
}
.pagelayout-dashboard .block_current_learning .current_learning-set h4 {
    padding:0 20px 0 0;
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course {
    padding:0;
    background-color:inherit;
    margin:4px 0;
    position:relative;
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course:before {
    position:absolute;
    height:160%;
    top:-8px;
    content:"";
    border-left:solid 2px #7f9591;
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course:last-of-type:before {
    display:none;
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course .block_current_learning-row-item__status {
    background:hsl(200,6.3829787234%,90.2843137255%);
    min-height:38px;
    display:inline-flex;
    width:calc(100% - 34px);
    padding:2px 12px 0 12px;
    border-radius:0 0 24px 24px;
    margin:0 4px 0 0;
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course .block_current_learning-row-item__status {
        position:absolute;
        width:20%;
        margin:0 0 0 4px;
        border-radius:4px 24px 24px 4px;
    }
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course .block_current_learning-row-item__status .label {
    top:8px;
    position:relative;
    height:20px;
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course .block_current_learning-row-item__status .progressbar_container {
    width:100%;
    padding-top:8px;
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course .block_current_learning-row-item__status .progressbar_container .progress {
    border:none 0;
    background-color:hsl(240,3.125%,92.5490196078%);
    box-shadow:inset 0px 2px 0px hsl(240,3.125%,72.5490196078%);
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course .block_current_learning-row-item__status .progressbar_container .progress .bar {
    border-radius:50px 0 0 50px;
    box-shadow:inset 0px 2px 0px rgba(0,0,0,.1);
    background-color:#7fd262;
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course .block_current_learning-row-item__status .progressbar_container .progress .bar[style="width:100%"] {
    background:#facc18;
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course .block_current_learning-row-item__status .progressbar_container .progress .bar[style="width:100%"] .progressbar__text {
    display:block;
    text-align:center;
    visibility:hidden;
    position:relative;
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course .block_current_learning-row-item__status .progressbar_container .progress .bar[style="width:100%"] .progressbar__text::after {
    width:100%;
    content:" Completed";
    visibility:visible;
    position:absolute;
    top:0;
    left:0;
}
.pagelayout-dashboard .block_current_learning .current_learning-set .current_learning-course .block_current_learning-row-item__status .progressbar_container .progress .progressbar__text {
    color:#000;
    font-weight:normal;
}
.pagelayout-dashboard .block_current_learning .current_learning-set a {
    background:hsl(200,6.3829787234%,90.2843137255%);
    width:calc(100% - 34px);
    display:inline-flex;
    padding:4px 14px;
    color:#1f1f21;
    text-decoration:none;
    border-radius:24px 24px 0 0;
    font-size:16px;
    font-weight:600;
    margin:0 0 0 30px;
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .current_learning-set a {
        width:calc(80% - 32px);
        min-height:38px;
        padding:4px 14px;
        border-radius:24px 4px 4px 24px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        transition:.1s ease-in-out;
    }
}
.pagelayout-dashboard .block_current_learning .current_learning-set a:hover {
    background:#00b8e4;
}
.pagelayout-dashboard .block_current_learning .current_learning-set a:before {
    position:absolute;
    height:50%;
    width:20px;
    left:0;
    top:0;
    border-radius:0 0 0 12px;
    content:"";
    border-left:solid 2px #7f9591;
    border-bottom:solid 2px #7f9591;
}
.pagelayout-dashboard .block_current_learning .panel-footer {
    background:rgba(0,0,0,0);
    padding:10px 0 10px 15px;
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .panel-footer {
        margin-bottom:80px;
    }
}
.pagelayout-dashboard .block_current_learning .panel-footer .pagination li {
    display:inline-flex;
    margin:0 2px;
}
.pagelayout-dashboard .block_current_learning .panel-footer .pagination li a {
    width:48px;
    height:48px;
    border-radius:24px;
    background:#f9fafa;
    border:solid 2px #7f9591;
    color:hsl(240,3.125%,32.5490196078%);
    text-decoration:none;
    line-height:44px;
    text-align:center;
    padding:0;
    transition:.1s ease-in-out;
}
.pagelayout-dashboard .block_current_learning .panel-footer .pagination li a:hover {
    border-color:#1f1f21;
    color:#1f1f21;
}
.pagelayout-dashboard .block_current_learning .panel-footer .pagination li a[data-page=prev] span,.pagelayout-dashboard .block_current_learning .panel-footer .pagination li a[data-page=next] span {
    position:relative;
    top:-2px;
}
.pagelayout-dashboard .block_current_learning .panel-footer .pagination li.active a {
    border-color:#00b8e4;
    background:#00b8e4;
    color:#1f1f21;
}
.pagelayout-dashboard .block_current_learning .panel-footer .pagination li.disabled a {
    border-color:rgba(0,0,0,0);
    background:hsl(200,6.3829787234%,82.7843137255%);
    color:hsl(200,6.3829787234%,62.7843137255%);
}
/* White-card recipe (bg/radius/shadow/padding) matched from
   #block-region-side-pre, per direction given - replaces the previous
   flat grey #e6e8e9 background. Padding is uniform 16px on all sides
   here rather than the left16/right0 #block-region-side-pre has, since
   this isn't a floated sidebar column - a missing right-side padding
   would leave content sitting flush against the block's right edge. */
#latait-featured-catalog {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 2px #00255033;
    padding: 16px;
}
/* Same missing-heading-style issue as Current Learning / My Learning
   earlier - no explicit font-size/weight was set for this block's title,
   so it was quietly falling back to the theme's (lighter/smaller) default.
   #latait-featured-catalog is a div inside the block, not the block
   itself, so :has() is used to reach the title from the actual block
   wrapper. */
/* NOTE: this turned out to be the wrong target entirely - "Featured
   Learning" is a plain <h3> in a separate block_html block, not a
   .block-title h2 inside #latait-featured-catalog's own block. Left
   harmless/unused; the real fix is the --font-h3-weight override above. */
.block:has(#latait-featured-catalog) .block-title h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}
#latait-featured-catalog .block-totara-featured-links-tile {
    background-color:rgba(0,0,0,0) !important;
    position:relative;
    border-radius:14px;
    overflow:hidden;
    box-shadow:none;
    background-size: cover !important;
    background-position: center !important;
    pointer-events: none;
}
/* Full-tile clickable link. We're not fully certain whether this anchor
   is nested inside .tile or is a sibling of it (evidence has pointed both
   ways at different points), so this selector deliberately doesn't
   require .tile as an ancestor - just "somewhere inside the block" - so
   it matches either way. pointer-events:auto is explicit because .tile
   above now sets pointer-events:none on itself (and inherits to
   descendants) - if this anchor does turn out to be nested inside .tile,
   it needs this to opt back into being clickable. */
#latait-featured-catalog a.block-totara-featured-links-link {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: block;
    pointer-events: auto;
}
/* NOTE: the grey/dark box over the title turned out to be on Course tiles
   too, not just Program tiles - so this specific theory (an extra
   Program-only overlay class) wasn't the actual cause. Leaving this in
   for now since it's harmless, but the real fix will come from inspecting
   the box on a Course tile directly. */
#latait-featured-catalog .block-totara-featured-links-content.block-totara-featured-links-content-bottom,
#latait-featured-catalog .block-totara-featured-links-content.block-totara-featured-links-program {
    background-color: #f9fafa !important;
    background-image: none !important;
    box-shadow: none !important;
    pointer-events: none;
}
#latait-featured-catalog .block-totara-featured-links-content {
    pointer-events: none;
}
/* Restored - this gradient is intentional design (adds depth over the
   photo), it just needed to correctly sit BEHIND the white title card
   rather than on top of it. Now that we know .content-container is a
   genuine child of .tile (not a sibling, as earlier evidence suggested),
   its z-index:5 vs this gradient's z-index:2 are directly comparable
   sibling values within the same .tile stacking context - so the card
   should now win properly. */
#latait-featured-catalog .block-totara-featured-links-tile::after {
    content:"";
    display:block;
    width:100%;
    left:0;
    bottom:0;
    z-index:2;
    position:absolute;
    height:200px;
    background:linear-gradient(0deg, #1f1f21 10%, transparent 100%);
    pointer-events: none;
}
/* Confirmed via inspect element (and by toggling it off directly in
   DevTools): a THIRD, separate pseudo-element - .tile::before, not the
   .content-container ::before/::after we already killed - was covering
   the entire tile with Totara's modal/overlay backdrop token
   (--color-backdrop-standard, a semi-transparent black scrim normally
   used behind modals). That's what was actually washing out the white
   card this whole time.

   First attempt used content:none, which removes the pseudo-element's box
   entirely - that collapsed the tiles to zero height, so something about
   this element's existence was structurally load-bearing even though it
   logically shouldn't have been (height:100% of the tile, not providing
   it). Being more surgical this time: only neutralise the background
   colour itself, leave position/sizing untouched. */
#latait-featured-catalog .block-totara-featured-links-tile::before {
    background: transparent !important;
}
/* Confirmed via inspect element: the clickable <a> AND the visible white
   .content box both live inside .block-totara-featured-links-content-
   container, which paints underneath its sibling .tile by default DOM
   order - explaining both the "won't click" issue (fixed via pointer-
   events above) and this "looks like a dark box, not white" issue (same
   root cause, different symptom). Last attempt used position:relative,
   which broke .content's sizing (it lost its positioning reference and
   collapsed). Using position:absolute + inset:0 instead both fixes the
   stacking AND stretches this container to fill the same space as .tile,
   so .content's own bottom/left absolute values still compute correctly. */
#latait-featured-catalog .block-totara-featured-links-content-container {
    position: absolute;
    inset: 0;
    z-index: 5;
}
/* Confirmed via inspect element (Computed tab): the .content box's OWN
   background genuinely renders as #f9fafa at opacity 1, exactly as
   intended - so it isn't the source of the grey square we're still
   seeing. Spotted in the DOM tree that .content-container has its own
   ::after pseudo-element we'd never inspected or touched - very likely a
   Totara core scrim for this tile variant, sitting on top of our
   otherwise-correct white box.

   Was using content:none here too, but that same technique caused the
   .tile::before fix (below) to collapse tiles to zero height elsewhere -
   switched to only neutralising background, to rule this out as a
   possible contributor to the same collapse. */
#latait-featured-catalog .block-totara-featured-links-content-container::after,
#latait-featured-catalog .block-totara-featured-links-content-container::before {
    background: transparent !important;
}
/* Hover border-highlight, brought back after being stripped out earlier.
   Can't use a plain .tile:hover any more, since .tile is pointer-events:
   none (needed for the click-through fix) - hover states generally don't
   register on elements excluded from hit-testing. Instead, trigger off
   hovering .content-container (which sits in front and IS interactive),
   using the general sibling combinator since .tile is its later sibling. */
/* Hover border-highlight, fixed properly this time. Previous attempt used
   a sibling combinator (~), assuming .content-container was a sibling of
   .tile - it's actually a CHILD of .tile (confirmed via inspect element),
   so that could never have matched. :has() correctly expresses "style
   .tile when its own descendant .content-container is hovered". */
#latait-featured-catalog .block-totara-featured-links-tile:has(.block-totara-featured-links-content-container:hover) {
    box-shadow: inset 0 0 0 2px #1f1f21;
}
#latait-featured-catalog .block-totara-featured-links-content {
    background-color:#f9fafa !important;
    opacity: 1 !important;
    padding:20px;
    border-radius:8px;
    position:absolute;
    width:calc(100% - 20px);
    z-index:999;
    bottom:10px;
    left:10px;
    min-height:110px;
}
/* A fourth pseudo-element, distinct from the .tile::before and
   .content-container ::before/::after already fixed - this one sits on
   .content itself (the white card). Same surgical approach: only strip
   the background, leave sizing/position alone to avoid the zero-height
   collapse content:none caused earlier.

   Correction: #latait-featured-catalog and .block-totara-featured-links-
   layout turned out to be the SAME element (both attributes on one div),
   not ancestor-and-descendant - so a selector requiring .layout to be a
   descendant of the ID could never match anything. Matching the plain
   class chain directly instead (as confirmed live in the cascade), with
   !important to outrank the non-important original. */
#latait-featured-catalog .block-totara-featured-links-content::before,
.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: transparent !important;
}
#latait-featured-catalog .block-totara-featured-links-content h3,#latait-featured-catalog .block-totara-featured-links-content p {
    color:#1f1f21;
}
#latait-featured-catalog .block-totara-featured-links-content p {
    font-size:16px;
}
#latait-featured-catalog .block-totara-featured-links-content .progressbar_container {
    padding-top:8px;
}
#latait-featured-catalog .block-totara-featured-links-content .progressbar_container .progress {
    border:none 0;
    background-color:hsl(240,3.125%,92.5490196078%);
    box-shadow:inset 0px 2px 0px hsl(240,3.125%,72.5490196078%);
}
#latait-featured-catalog .block-totara-featured-links-content .progressbar_container .progress .bar {
    border-radius:50px 0 0 50px;
    box-shadow:inset 0px 2px 0px rgba(0,0,0,.1);
    background-color:#7fd262;
}
#latait-featured-catalog .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] {
    background:#facc18;
}
#latait-featured-catalog .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] .progressbar__text {
    display:block;
    text-align:center;
    visibility:hidden;
    position:relative;
}
#latait-featured-catalog .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] .progressbar__text::after {
    width:100%;
    content:" Completed";
    visibility:visible;
    position:absolute;
    top:0;
    left:0;
}
#latait-featured-catalog .block-totara-featured-links-content .progressbar_container .progress .progressbar__text {
    color:#000;
    font-weight:normal;
}
/* Confirmed via inspect element: "Dashboard", "Featured Learning", and
   "Catalog" (page title) are all plain <h2>/<h3> tags typed into small
   block_html "naked HTML" blocks (used purely as page/section titles),
   inheriting Totara's generic sitewide heading margin - which is fairly
   generous, intended for regular content headings, not tight
   title+description pairs. !important because the Styles panel showed
   our previous (non-important) attempt wasn't even appearing as a
   competing rule for the Catalog page's heading - not just losing a
   specificity fight, but not matching/reaching it at all, so forcing it
   through more forcefully this time. Scoped to these specific "naked
   html" title blocks only, so regular headings elsewhere are untouched. */
.latait-naked-html-block .generated-content--user h2,
.latait-naked-html-block .generated-content--user h3 {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    font-weight: 800 !important;
}
/* The description paragraph is the last thing before the next block
   (e.g. the tiles below Featured Learning) - its own bottom margin is the
   most likely single contributor to that gap, same reasoning as the
   headings above. */
.latait-naked-html-block .generated-content--user p {
    margin-bottom: 0 !important;
}
/* Confirmed via inspect element: the block's own bounding box (122.79px)
   is taller than its heading+text content, meaning the remaining gap is
   padding-bottom on the block itself, not paragraph margin (already
   zeroed above). Explicitly excluding the My Learning panel, since that
   block relies on its own deliberate padding for its pill-button design -
   don't want a blanket rule disturbing that. */
.latait-naked-html-block:not(.latait-my-learning-dash-block) .content.block-content {
    padding-bottom: 0 !important;
}
/* Confirmed via inspect element: explicit margin-bottom:80px !important
   on the Current Learning block's panel-footer (the "Displaying X of Y
   results" row), deliberately set by Totara core at this breakpoint -
   creating the large gap before Featured Learning. */
.pagelayout-dashboard .block_current_learning .panel-footer {
    margin-bottom: 20px !important;
}
.latait-my-learning-dash-block.latait-naked-html-block .title.block-title {
    padding-top:0px;
}
.latait-my-learning-dash-block.latait-naked-html-block .title.block-title h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 4px !important;
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content {
    border-radius:20px;
    padding:8px;
    background-color:hsl(169.0909090909,9.4017094017%,82.1176470588%);
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul {
    margin:0;
    padding:0;
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul li {
    list-style:none;
    margin:8px;
    padding:0;
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul li a {
    display:block;
    background:#f9fafa;
    border:solid 2px #7f9591;
    padding:8px 16px;
    color:hsl(240,3.125%,32.5490196078%);
    text-decoration:none;
    border-radius:10px;
    font-weight:400;
    transition:.1s ease-in-out;
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul li a:hover {
    background:#fff;
    color:#1f1f21;
    border-color:#1f1f21;
}
.block_totara_featured_links:has(#latait-featured-core-training) {
    background:rgba(0,0,0,0);
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-title {
    padding-bottom:0px;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-tile {
    background-color:rgba(0,0,0,0) !important;
    position:relative;
    border-radius:14px;
    overflow:hidden;
    box-shadow:none;
    transition:all 200ms ease-in-out;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-tile::after {
    content:"";
    display:block;
    width:100%;
    left:0;
    bottom:0;
    z-index:2;
    position:absolute;
    height:200px;
    background:linear-gradient(0deg, #1f1f21 10%, transparent 100%);
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-tile:hover {
    box-shadow:inset 0 0 0 2px #1f1f21;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content {
    background-color:#f9fafa;
    padding:14px;
    border-radius:8px;
    position:absolute;
    width:calc(100% - 20px);
    z-index:3;
    bottom:10px;
    left:10px;
    min-height:110px;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content h3,.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content p {
    font-size:14px;
    color:#1f1f21;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content p {
    font-size:16px;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content .progressbar_container {
    padding-top:8px;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content .progressbar_container .progress {
    border:none 0;
    background-color:hsl(240,3.125%,92.5490196078%);
    box-shadow:inset 0px 2px 0px hsl(240,3.125%,72.5490196078%);
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content .progressbar_container .progress .bar {
    border-radius:50px 0 0 50px;
    box-shadow:inset 0px 2px 0px rgba(0,0,0,.1);
    background-color:#7fd262;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] {
    background:#facc18;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] .progressbar__text {
    display:block;
    text-align:center;
    visibility:hidden;
    position:relative;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] .progressbar__text::after {
    width:100%;
    content:" Completed";
    visibility:visible;
    position:absolute;
    top:0;
    left:0;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content .progressbar_container .progress .progressbar__text {
    color:#000;
    font-weight:normal;
}
.block_totara_featured_links:has(#latait-otd-alert-link) {
    background:rgba(0,0,0,0);
    padding-top:20px;
}
.block_totara_featured_links:has(#latait-otd-alert-link)::before,.block_totara_featured_links:has(#latait-otd-alert-link)::after {
    position:absolute;
    content:"";
    padding:0;
    z-index:100;
}
.block_totara_featured_links:has(#latait-otd-alert-link)::before {
    border-radius:18px;
    width:36px;
    height:36px;
    top:16px;
    right:22px;
    background:#1f1f21;
    border:solid 2px #e6e8e9;
}
.block_totara_featured_links:has(#latait-otd-alert-link)::after {
    width:22px;
    height:24px;
    top:23px;
    right:29px;
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m344-60-76-128-144-32 14-148-98-112 98-112-14-148 144-32 76-128 136 58 136-58 76 128 144 32-14 148 98 112-98 112 14 148-144 32-76 128-136-58-136 58Zm94-278 226-226-56-58-170 170-86-84-56 56 142 142Z"/></svg>') no-repeat 50% 0;
    background-color:#fff;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-tile {
    background-color:rgba(0,0,0,0);
    position:relative;
    border-radius:14px;
    box-shadow:none;
    transition:all 200ms ease-in-out;
    border:solid 2px #1f1f21;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-tile:hover {
    border-color:#1f1f21;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-tile::before {
    padding-top:0;
    min-height:100px;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content {
    background-color:#1f1f21;
    padding:24px;
    position:relative;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content h3,.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content p {
    font-size:14px;
    color:#fff;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content p {
    font-size:16px;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content .progressbar_container {
    padding-top:8px;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content .progressbar_container .progress {
    border:none 0;
    background-color:hsl(240,3.125%,92.5490196078%);
    box-shadow:inset 0px 2px 0px hsl(240,3.125%,72.5490196078%);
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content .progressbar_container .progress .bar {
    border-radius:50px 0 0 50px;
    box-shadow:inset 0px 2px 0px rgba(0,0,0,.1);
    background-color:#7fd262;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] {
    background:#facc18;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] .progressbar__text {
    display:block;
    text-align:center;
    visibility:hidden;
    position:relative;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] .progressbar__text::after {
    width:100%;
    content:" Completed";
    visibility:visible;
    position:absolute;
    top:0;
    left:0;
}
.block_totara_featured_links:has(#latait-otd-alert-link) .block-totara-featured-links-content .progressbar_container .progress .progressbar__text {
    color:#000;
    font-weight:normal;
}
/* Breadcrumb button bar (Make home page / Customise this page / Manage
   dashboards, etc.) - originally given its own Tait Grey treatment here
   because recoloring the shared button selector felt too broad at the
   time. v2.66: decision made to standardize ALL buttons sitewide on Navy
   #002249 (shared selector below now carries the color directly), so
   this is updated to match rather than left as a one-off grey exception.
   Rule kept (rather than deleted) only because it's still usefully page-
   agnostic - Dashboard, course pages, etc. - independent of the
   .pagelayout-course rule below. */
.breadcrumb-button .singlebutton input {
    color:#002249;
    border-color:#002249;
}
.breadcrumb-button .singlebutton input:hover,
.breadcrumb-button .singlebutton input:focus {
    color:#002249;
    border-color:#002249;
}
.pagelayout-course .breadcrumb-button {
    margin-bottom:0;
}
.pagelayout-course .breadcrumb-button .singlebutton input {
    padding:4px 8px;
}
/* "Create new learning plan" button (Learning Plans page, #dp-add-plan-link)
   - same root cause as the .breadcrumb-button fix directly above: a plain
   <input type=submit>, picking up core theme's default Tait-blue
   border/text via the shared button selector (~line 328), which only sets
   border-radius/font-weight, not color. Background is already white
   (confirmed via Computed tab), so only border-color/text need swapping
   from Tait blue to Tait Navy. Scoped to .dp-add-plan-link specifically,
   not the shared button selector, to avoid recoloring unrelated
   primary/CTA buttons sitewide. */
.dp-add-plan-link input[type=submit] {
    color: #002249;
    /* border-color here is now a no-op (harmless) - the shared button
       rule above sets border:none (border-style:none), so this
       border-color never actually renders a border regardless of what
       it's set to. Left in place rather than removed, in case a future
       change to the shared rule reintroduces a border-style. */
    border-color: #002249;
}
.dp-add-plan-link input[type=submit]:hover,
.dp-add-plan-link input[type=submit]:focus {
    color: #002249;
    border-color: #002249;
}
/* Fix for label overflowing its own border at narrower viewports (confirmed
   at 1440px wide): #dp-plans-description is a flex row with the
   instructional paragraph and .dp-add-plan-link as siblings.
   .dp-add-plan-link has a core-theme min-width:180px (not present anywhere
   in this file - confirmed via grep - so it's a theme default, not
   something we set), which the flex row happily shrinks it down to once
   the paragraph claims more space. 180px was always tight for this
   label's actual rendered width (~195px at font-weight:600), it just
   wasn't visible at the wider 1914px viewport used for earlier testing,
   where leftover row space let it sit wider than its floor. Raising the
   floor and stopping it from shrinking below its own content fixes this
   regardless of viewport or sibling text length. */
#dp-plans-description .dp-add-plan-link {
    min-width: 210px;
    flex-shrink: 0;
}
.pagelayout-course #completionprogressid {
    display:none;
}
.pagelayout-course ul.topics li {
    max-width:none;
}
.pagelayout-course ul.topics li.section.main[class*=collapsible] {
    margin:0;
    padding:0;
}
.pagelayout-course #latait-course-homepage-introduction .latait-course-banner {
    display:block;
    background:#000;
    background-size:cover;
    padding:10px;
    overflow:hidden;
    border-radius:20px;
    position:relative;
    z-index:0;
}
@media only screen and (min-width: 992px) {
    .pagelayout-course #latait-course-homepage-introduction .latait-course-banner {
        padding:20px;
    }
}
.pagelayout-course #latait-course-homepage-introduction .latait-title,.pagelayout-course #latait-course-homepage-introduction .latait-content {
    position:relative;
}
.pagelayout-course #latait-course-homepage-introduction .latait-title {
    padding:0;
    color:#fff;
    z-index:10;
    margin:0 0 10px 0;
}
@media only screen and (min-width: 992px) {
    .pagelayout-course #latait-course-homepage-introduction .latait-title {
        margin:0 0 20px 0;
        padding:0 20px;
    }
}
@media only screen and (min-width: 1302px) {
    .pagelayout-course #latait-course-homepage-introduction .latait-title {
        margin:20px 0 40px 0;
        font-size:40px;
    }
}
.pagelayout-course #latait-course-homepage-introduction .latait-content,.pagelayout-course #latait-course-homepage-introduction .latait-summary-content {
    background:#e9ebec;
    display:block;
    padding:10px;
    border-radius:10px;
    z-index:1;
    position:relative;
}
@media only screen and (min-width: 992px) {
    .pagelayout-course #latait-course-homepage-introduction .latait-content,.pagelayout-course #latait-course-homepage-introduction .latait-summary-content {
        padding:20px;
    }
}
.pagelayout-course #latait-course-homepage-introduction .latait-content {
    box-shadow:0 0 0 600px rgba(0,0,0,.6);
}
.pagelayout-course #latait-course-homepage-introduction .latait-welcome {
    display:block;
    padding:0 0 8px 0;
    margin:0;
}
@media only screen and (min-width: 992px) {
    .pagelayout-course #latait-course-homepage-introduction .latait-welcome {
        font-size:20px;
    }
}
.pagelayout-course #latait-course-homepage-introduction .latait-intro-video {
    display:block;
    margin:0 0 20px 0;
}
.pagelayout-course #latait-course-homepage-introduction .latait-details {
    padding-top:20px;
    border-top:solid 2px #7f9591;
}
@media only screen and (min-width: 1302px) {
    .pagelayout-course #latait-course-homepage-introduction .latait-details {
        grid-column-gap:32px;
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
.pagelayout-course #latait-course-homepage-introduction .latait-details .latait-intro {
    display:block;
    width:100%;
}
.pagelayout-course li[class*=collapsible] .tw-formatTopics__topic_header {
    margin:0;
    padding:10px;
    padding-right:30px;
    position:relative;
    cursor:pointer;
    background:#f9fafa;
    transition:.2s ease-out;
    /* Previously only got a border in specific states (currently open, or
       last item in the list) - meaning a closed, middle-of-the-list topic
       had no border at all, just a flat row. Adding it unconditionally so
       every topic reads as a consistent bordered card, matching what v17
       had. Same colour/width as the existing open/last-state border
       additions below, so where they overlap (e.g. an open item's header
       bottom edge meeting its content's top edge) it's visually identical
       to a single line, not a doubled one. */
    border: solid 2px #7f9591;
}
@media only screen and (min-width: 1200px) {
    .pagelayout-course li[class*=collapsible] .tw-formatTopics__topic_header {
        padding:20px;
        padding-right:60px;
    }
}
.pagelayout-course li[class*=collapsible] .tw-formatTopics__topic_header:hover {
    background:#e9ebec;
    color:#1f1f21;
}
.pagelayout-course li[class*=collapsible] .tw-formatTopics__topic_header .flex-icon {
    position:absolute;
    right:20px;
    font-size:inherit;
    color:#1f1f21;
}
.pagelayout-course li[class*=collapsible] .tw-formatTopics__topic_header .flex-icon:before {
    font-family:"FontAwesome" !important;
    content:"";
    position:relative;
    transition:.4s ease-out;
}
.pagelayout-course li[class*=collapsible] .tw-formatTopics__topic_header span {
    margin:0;
}
.pagelayout-course li[class*=collapsible] .content {
    background:#f9fafa;
    border:solid 2px #7f9591;
    border-bottom:0;
    /* The header directly above already provides a bottom border of its
       own now - without removing this content box's top border too, the
       two stack into a visually doubled 4px line at the seam. */
    border-top:0;
    overflow:hidden;
}
.pagelayout-course li[class*=collapsible] .summary {
    padding:0;
}
.pagelayout-course li[class*=collapsible] ul.section,.pagelayout-course li[class*=collapsible] ul.hidden {
    padding:0 20px;
    margin:0;
}
@media only screen and (min-width: 1200px) {
    .pagelayout-course li[class*=collapsible] ul.section,.pagelayout-course li[class*=collapsible] ul.hidden {
        padding:0 40px;
    }
}
.pagelayout-course li[class*=collapsible] ul.section li,.pagelayout-course li[class*=collapsible] ul.hidden li {
    position:relative;
    margin-bottom:0;
}
.pagelayout-course li[class*=collapsible] ul.section li:before,.pagelayout-course li[class*=collapsible] ul.section li:after,.pagelayout-course li[class*=collapsible] ul.hidden li:before,.pagelayout-course li[class*=collapsible] ul.hidden li:after {
    z-index:1;
    content:"";
    display:block;
    border-left:solid 2px hsl(169.0909090909,9.4017094017%,72.1176470588%);
    border-bottom:solid 2px hsl(169.0909090909,9.4017094017%,72.1176470588%);
    position:absolute;
    left:2px;
    top:0;
}
.pagelayout-course li[class*=collapsible] ul.section li:before,.pagelayout-course li[class*=collapsible] ul.hidden li:before {
    height:100%;
}
.pagelayout-course li[class*=collapsible] ul.section li:after,.pagelayout-course li[class*=collapsible] ul.hidden li:after {
    height:50%;
    width:18px;
}
.pagelayout-course li[class*=collapsible] ul.section li a,.pagelayout-course li[class*=collapsible] ul.hidden li a {
    margin-left:28px;
    color:#1f1f21;
}
.pagelayout-course li[class*=collapsible] ul.section li a span[title=Page],.pagelayout-course li[class*=collapsible] ul.hidden li a span[title=Page] {
    display:none;
}
.pagelayout-course li[class*=collapsible] ul.section li:last-child:before,.pagelayout-course li[class*=collapsible] ul.hidden li:last-child:before {
    display:none;
}
.pagelayout-course li[class*=collapsible] ul.section li:last-child:after,.pagelayout-course li[class*=collapsible] ul.hidden li:last-child:after {
    border-bottom-left-radius:18px;
}
.pagelayout-course li[class*=collapsible] .activityinstance a {
    font-weight:400;
    font-size:revert;
}
.pagelayout-course li[class*=collapsible]:last-of-type .tw-formatTopics__topic_header {
    border-bottom:solid 2px #7f9591;
}
/* Removing the top border entirely (previous attempt) left a genuine gap
   wherever list items aren't perfectly flush against each other - it
   deleted a line rather than merging two into one. Overlapping instead:
   shifting each subsequent item up by exactly the border width makes its
   own top border land exactly on top of the previous item's bottom
   border. Same colour/width on both, so the overlap reads as a single
   clean line rather than a gap or a doubled one. */
.pagelayout-course li[class*=collapsible]:not(:first-of-type) {
    margin-top: -2px;
}
.pagelayout-course li.hidden span[data-movetext=true],.pagelayout-course li.hidden .tw-formatTopics__topic_content {
    margin:0 !important;
}
.pagelayout-course li[data-open=true][class*=collapsible] .tw-formatTopics__topic_header {
    background:#e9ebec;
    border-bottom:solid 2px #7f9591;
}
.pagelayout-course li[data-open=true][class*=collapsible] .tw-formatTopics__topic_header .flex-icon {
    transform:rotate(-180deg);
}
.pagelayout-course li[data-open=true][class*=collapsible] .summary {
    padding:0 20px;
}
.pagelayout-course li[data-open=true][class*=collapsible] .summary p:first-of-type {
    margin-top:20px;
}
.pagelayout-course li[data-open=true][class*=collapsible] .summary p:last-of-type {
    margin-bottom:0;
}
.pagelayout-course li[data-open=true][class*=collapsible] ul.section {
    padding:20px;
}
.pagelayout-course li[data-open=true][class*=collapsible] ul.section li {
    padding:4px;
    margin-bottom:0;
}
.pagelayout-course li[data-open=true][class*=collapsible] .activityinstance {
    margin:0;
}
.pagelayout-course li[data-open=true][class*=collapsible]:last-child .content {
    border-bottom:solid 2px #7f9591;
}
.pagelayout-course #section-0 {
    margin-bottom:20px;
}
.pagelayout-course #section-0 .tw-formatTopics__topic_header {
    padding:0;
    background:none;
    border:none 0;
}
.pagelayout-course #section-0 .content {
    background:none;
    border:none 0;
}
.pagelayout-course #section-0 ul.section {
    padding:0;
}
.pagelayout-course #section-0 .summary {
    padding:0;
}
.pagelayout-course #section-0 .summary p:first-of-type {
    margin-top:0;
}
.pagelayout-course #section-0 .summary p:last-of-type {
    margin-bottom:20px;
}
#page-course-view-topics li.section.hidden.latait-assessor-section {
    background:hsl(169.0909090909,9.4017094017%,82.1176470588%);
    padding:20px 0 20px 20px;
    border-radius:20px;
}
#page-course-view-topics li.section.hidden.latait-assessor-section hr {
    border-top:solid 2px #7f9591;
}
#page-course-view-topics li.section.hidden.latait-assessor-section .content>div,#page-course-view-topics li.section.hidden.latait-assessor-section span {
    opacity:1;
    color:#1f1f21;
}
#page-course-view-topics li.section.hidden.latait-assessor-section .content>div .dimmed,#page-course-view-topics li.section.hidden.latait-assessor-section .content>div .dimmed_text,#page-course-view-topics li.section.hidden.latait-assessor-section .content>div .activityinstance,#page-course-view-topics li.section.hidden.latait-assessor-section span .dimmed,#page-course-view-topics li.section.hidden.latait-assessor-section span .dimmed_text,#page-course-view-topics li.section.hidden.latait-assessor-section span .activityinstance {
    color:#1f1f21;
    opacity:1;
}
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post .que {
    border-radius:0;
    background:#f9fafa;
}
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post #mod_quiz_navblock {
    background:inherit;
    color:#1f1f21;
    padding:0;
    margin-bottom:20px;
    display:block;
}
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post .block-header {
    padding:0;
    min-height:auto;
}
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post .block-header h2 {
    margin-top:-4px;
    display:inline-block;
    padding:4px 8px;
    line-height:normal;
    background:rgb(24,210.4210526316,255);
    font-size:14px;
    font-weight:400;
    color:#1f1f21;
}
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post .block-content {
    padding-left:0;
}
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post .qnbutton {
    width:100%;
    height:40px;
    line-height:normal;
    line-height:39px;
    padding:0;
    max-width:40px;
    max-height:40px;
    font-size:18px;
    border-radius:0;
    border-color:#1f1f21;
    color:#1f1f21;
    display:block;
}
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post .othernav .endtestlink {
    display:inline;
    color:#1f1f21;
}
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post .othernav #quiz-timer {
    display:block;
}
#page-course-edit #fitem_id_customfield_LataitCustomFieldPathwaySeries {
    margin-bottom:0;
}
#page-course-edit div[id*=fitem_id_customfield_LataitCustomFieldPathwaySeries].femptylabel {
    padding-top:0;
}
#page-course-edit #fitem_id_customfield_LataitCustomFieldPathwayTitle {
    border-radius:12px 12px 0 0;
}
#page-course-edit #fitem_id_customfield_LataitCustomFieldPathwayAssessment {
    border-radius:0 0 12px 12px;
}
#page-course-edit div[id*=LataitCustomField].fitem_fadvcheckbox input {
    appearance:none;
    cursor:pointer;
    height:36px;
    width:56px;
    border-radius:18px;
    display:inline-block;
    position:relative;
    margin:0;
    border:solid 2px hsl(240,3.125%,72.5490196078%);
    background:hsl(240,3.125%,92.5490196078%);
    transition:all 200ms ease;
}
#page-course-edit div[id*=LataitCustomField].fitem_fadvcheckbox input:after {
    content:"";
    position:absolute;
    top:3px;
    left:4px;
    width:26px;
    height:26px;
    border-radius:50%;
    background:hsl(240,3.125%,32.5490196078%);
    transition:all 200ms cubic-bezier(0.5, 0.1, 0.75, 1.35);
}
#page-course-edit div[id*=LataitCustomField].fitem_fadvcheckbox input:before {
    position:absolute;
    transform:translatex(20px);
    margin-right:20px;
    content:"";
    display:block;
    width:6px;
    height:12px;
    opacity:0;
    top:8px;
    left:32px;
    border-right:2px solid #1f1f21;
    border-bottom:2px solid #1f1f21;
    transform:rotate(45deg);
    transition-delay:100ms;
    transition:ease-in 200ms cubic-bezier(0.5, 0.1, 0.75, 1.35);
}
#page-course-edit div[id*=LataitCustomField].fitem_fadvcheckbox input:checked {
    background:rgb(94.6831683168,198.6386138614,58.3613861386);
}
#page-course-edit div[id*=LataitCustomField].fitem_fadvcheckbox input:checked:after {
    transform:translatex(18px);
    z-index:1;
    background:#fff;
}
#page-course-edit div[id*=LataitCustomField].fitem_fadvcheckbox input:checked:before {
    opacity:1;
    z-index:10;
}
#page-course-edit .customfield-multiselect span {
    margin:0 6px 4px 0;
}
#page-course-edit .customfield-multiselect input[id*=LataitCustomField] {
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}
#page-course-edit .customfield-multiselect label[for*=LataitCustomField] {
    background:#f9fafa;
    position:relative;
    border:solid 2px hsl(240,3.125%,72.5490196078%);
    color:hsl(240,3.125%,32.5490196078%);
    border-radius:20px;
    padding:4px 14px;
    width:auto;
    position:relative;
    cursor:pointer;
    transition:all 200ms cubic-bezier(0.5, 0.1, 0.75, 1.35);
}
#page-course-edit .customfield-multiselect label[for*=LataitCustomField]:before {
    margin-right:20px;
    content:"";
    display:none;
    width:7px;
    height:15px;
    position:absolute;
    top:8px;
    left:18px;
    border-right:2px solid hsl(240,3.125%,32.5490196078%);
    border-bottom:2px solid hsl(240,3.125%,32.5490196078%);
    transform:rotate(45deg);
}
#page-course-edit .customfield-multiselect label[for*=LataitCustomField] img {
    display:none;
}
#page-course-edit .customfield-multiselect input[id*=LataitCustomField]:checked+label {
    background:#00b8e4;
    color:#1f1f21;
    padding-left:40px;
}
#page-course-edit .customfield-multiselect input[id*=LataitCustomField]:checked+label:before {
    display:block;
    border-color:#1f1f21;
}
.block-totara-featured-links-layout .block-totara-featured-links-tile {
    border-radius:0;
    overflow:hidden;
    box-shadow:0 0 10px 0px rgba(0,0,0,.2);
}
.block-totara-featured-links-layout .block-totara-featured-links-tile:hover {
    box-shadow:0 0 18px 0px rgba(0,0,0,.2);
}
.block-totara-featured-links-layout.portrait .block-totara-featured-links-tile {
    background-size:110%;
    background-position:top center;
    flex-basis:revert;
    width:100%;
    height:320px;
}
@media(min-width: 480px) {
    .block-totara-featured-links-layout.portrait .block-totara-featured-links-tile {
        max-width:calc(50% - 20px);
    }
}
@media(min-width: 680px) {
    .block-totara-featured-links-layout.portrait .block-totara-featured-links-tile {
        max-width:calc(33.3333333% - 20px);
    }
}
@media(min-width: 1000px) {
    .block-totara-featured-links-layout.portrait .block-totara-featured-links-tile {
        max-width:calc(25% - 20px);
    }
}
@media(min-width: 1400px) {
    .block-totara-featured-links-layout.portrait .block-totara-featured-links-tile {
        max-width:calc(20% - 20px);
    }
}
@media(min-width: 1600px) {
    .block-totara-featured-links-layout.portrait .block-totara-featured-links-tile {
        max-width:calc(16.6666666667% - 20px);
    }
}
.block-totara-featured-links-layout.portrait .block-totara-featured-links-tile .block-totara-featured-links-content {
    border-radius:0;
    padding:20px;
    background:#fff;
    top:34%;
    height:66%;
}
.block-totara-featured-links-layout.portrait .block-totara-featured-links-tile .block-totara-featured-links-content h3 {
    color:#1f1f21;
}
#page-site-index .latait-sitewide-decorative-assets,#page-site-index #region-main div[role=main] {
    display:none;
}
#page-site-index .latait-sitewide-decorative-assets {
    background:hsl(240,3.125%,72.5490196078%);
}
#page-site-index .latait-sitewide-decorative-assets .block-content ul {
    margin:0;
    padding:20px;
    width:100%;
}
#page-site-index .latait-sitewide-decorative-assets .block-content ul li {
    display:inline-block;
    list-style:none;
    padding:0;
    margin:0;
    width:25%;
}
#page-site-index .latait-homepage-zone-1,#page-site-index .latait-homepage-zone-2,#page-site-index .latait-homepage-zone-3,#page-site-index .latait-homepage-zone-4 {
    background:pink;
    padding:40px;
}
#page-site-index .latait-homepage-zone-1 {
    border:solid 1px #000;
    padding-bottom:24px;
    background:#fff;
    background-repeat:no-repeat;
    background-image:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-homepage-banner.jpg");
    background-size:cover;
    background-position:center;
    overflow:hidden;
}
#page-site-index .latait-homepage-zone-1:after {
    z-index:2;
    top:0;
    left:0;
    position:absolute;
    display:block;
    content:"";
    width:100%;
    height:100%;
    background:#000;
    background:linear-gradient(24deg, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0.4) 74%);
}
#page-site-index .latait-homepage-zone-1 #latait-hero-message,#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs {
    position:relative;
    z-index:4;
}
#page-site-index .latait-homepage-zone-1 #latait-hero-message {
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
}
#page-site-index .latait-homepage-zone-1 #latait-hero-message h2,#page-site-index .latait-homepage-zone-1 #latait-hero-message p {
    color:#fff;
}
#page-site-index .latait-homepage-zone-1 #latait-hero-message span {
    color:#00b8e4;
    font-weight:700;
    display:block;
    margin-bottom:10px;
}
#page-site-index .latait-homepage-zone-1 #latait-hero-message h2 {
    font-weight:600;
    font-size:58px;
}
#page-site-index .latait-homepage-zone-1 #latait-hero-message p {
    font-size:28px;
    line-height:38px;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs {
    margin:0;
    padding:20px;
    border-radius:8px;
    box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs {
    display:flex;
    right:0;
    flex-wrap:wrap;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs input[type=radio] {
    display:none;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs label {
    width:50%;
    display:inline-flex;
    cursor:pointer;
    font-weight:normal;
    font-size:14px;
    margin-bottom:10px;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs label span {
    width:100%;
    text-align:center;
    padding:8px;
    border-radius:6px;
    color:hsl(240,3.125%,32.5490196078%);
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs label span:hover {
    color:#1f1f21;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs label:nth-of-type(1) {
    border-radius:8px 0 0 8px;
    padding-right:5px;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs label:nth-of-type(2) {
    border-radius:0 8px 8px 0;
    padding-left:5px;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab {
    width:100%;
    order:1;
    display:none;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab .wrap {
    display:block;
    padding:18px;
    width:100%;
    border-radius:8px;
    background:#e9ebec;
    margin-bottom:10px;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab .info-message {
    border-radius:8px;
    border:solid 1px #bfdbfe;
    background:#e9f3ff;
    color:#2563eb;
    position:relative;
    padding:10px;
    display:block;
    margin-bottom:10px;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab .info-message .flex-icon {
    width:auto;
    background:none;
    padding:0;
    margin:0;
    position:absolute;
    left:18px;
    top:18px;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab .info-message p {
    font-size:16px;
    line-height:24px;
    padding-left:42px;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab p {
    margin:0;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab p.hero-info {
    font-size:22px;
    line-height:32px;
    margin-bottom:10px;
    font-weight:600;
    color:#1f1f21;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab p.foot-note {
    color:hsl(240,3.125%,52.5490196078%);
    padding:10px 10px 0 10px;
    line-height:24px;
    font-size:14px;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab .btn {
    position:relative;
    padding:16px;
    background:#00b8e4;
    color:#1f1f21;
    font-weight:600;
    text-decoration:none;
    font-size:20px;
    text-align:center;
    display:block;
    border-radius:8px;
    transition:all .3s ease-in-out;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab .btn:hover {
    background:rgb(0,200.4631578947,248.4);
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs input[type=radio]:checked+label+.tab {
    display:block;
}
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs input[type=radio]:checked+label span {
    background:#e9ebec;
    color:#1f1f21;
}
#page-site-index .latait-homepage-zone-2 h3 {
    margin:0;
    padding:24px;
    padding-left:40px;
    font-size:28px;
}
#page-site-index .latait-homepage-zone-2 .latait-content-column-x3 {
    overflow:visible;
    column-gap:24px;
}
@media only screen and (min-width: 1200px) {
    #page-site-index .latait-homepage-zone-2 .latait-content-column-x3 {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
#page-site-index .latait-homepage-zone-2 .alt-course-card {
    display:block;
    border-radius:12px;
    position:relative;
    overflow:auto;
    margin-bottom:10px;
    height:340px;
    border:solid 1px hsl(240,3.125%,52.5490196078%);
    transition:transform .3s ease,box-shadow .3s ease;
    box-shadow:1px 23px 22px -18px rgba(0,0,0,0);
}
#page-site-index .latait-homepage-zone-2 .alt-course-card:hover {
    transform:translateY(-10px);
    border-color:#1f1f21;
    box-shadow:1px 23px 22px -18px rgba(0,0,0,.6);
}
#page-site-index .latait-homepage-zone-2 .alt-course-card .latait-competency {
    position:absolute;
    display:block;
    z-index:4;
    bottom:10px;
    left:10px;
}
#page-site-index .latait-homepage-zone-2 .alt-course-card .overlay {
    background-color:hsla(0,0%,100%,.2);
    backdrop-filter:blur(2px);
    position:absolute;
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    z-index:3;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#page-site-index .latait-homepage-zone-2 .alt-course-card .overlay .notice {
    position:absolute;
    background:#1f1f21;
    color:#fff;
    border:solid 1px #fff;
    border-radius:6px;
    display:block;
    padding:4px 10px;
}
#page-site-index .latait-homepage-zone-2 .alt-course-card a.card-image {
    display:block;
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    color:#1f1f21;
    text-decoration:underline;
}
#page-site-index .latait-homepage-zone-2 .alt-course-card a.card-image .title {
    font-size:28px;
    line-height:40px;
}
#page-site-index .latait-homepage-zone-2 .alt-course-card a.card-image .type {
    margin:0;
    padding:0;
    margin-bottom:10px;
    font-size:18px;
}
#page-site-index .latait-homepage-zone-2 .alt-course-card a.card-image .time {
    display:block;
}
#page-site-index .latait-homepage-zone-2 .alt-course-card .info-wrap {
    background:#fff;
    border-radius:6px;
    height:240px;
    position:absolute;
    width:calc(100% - 40px);
    bottom:20px;
    left:20px;
    padding:20px;
}
#page-site-index .latait-homepage-zone-2 .result-notice {
    font-size:16px;
    display:block;
    max-width:100%;
    text-align:center;
}
#page-site-index .latait-homepage-zone-3 {
    background:#000;
    background-image:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-homepage-jensen-hero.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    color:#fff;
    overflow:hidden;
}
#page-site-index .latait-homepage-zone-3:after {
    z-index:2;
    top:0;
    left:0;
    position:absolute;
    display:block;
    content:"";
    width:100%;
    height:100%;
    background:#000;
    background:linear-gradient(24deg, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 74%);
}
#page-site-index .latait-homepage-zone-3 h3,#page-site-index .latait-homepage-zone-3 p,#page-site-index .latait-homepage-zone-3 .sample-list-of-questions,#page-site-index .latait-homepage-zone-3 .result-notice {
    position:relative;
    z-index:8;
}
#page-site-index .latait-homepage-zone-3 h3 {
    font-size:28px;
}
#page-site-index .latait-homepage-zone-3 .sample-list-of-questions {
    margin:0;
    padding:4px;
}
#page-site-index .latait-homepage-zone-3 .sample-list-of-questions li {
    list-style:none;
    margin:0 0 4px 0;
    max-width:100%;
}
#page-site-index .latait-homepage-zone-3 .sample-list-of-questions li a {
    color:#fff;
    background:#000;
    text-decoration:none;
    display:block;
    border-radius:6px;
    padding:14px 28px;
    border:solid 1px #fff;
    transition:all .3s ease-in-out;
}
#page-site-index .latait-homepage-zone-3 .sample-list-of-questions li a:hover {
    color:#000;
    background:#fff;
}
#page-site-index .latait-homepage-zone-3 .result-notice {
    font-size:16px;
    display:block;
    max-width:100%;
    text-align:center;
    margin:10px 0 0 0;
}
#page-site-index .gloss-overlay {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    z-index:9999;
    align-items:center;
    justify-content:center;
}
#page-site-index .gloss-overlay.is-open {
    display:flex;
}
#page-site-index .gloss-box {
    background:#fff;
    color:#1f1f21;
    border-radius:12px;
    width:92vw;
    max-width:900px;
    border:solid 1px #e2e8f0;
    max-height:auto;
    overflow-y:auto;
    padding:28px;
    position:relative;
    z-index:999999;
    box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
}
#page-site-index .gloss-box h4 {
    font-size:28px;
    margin-bottom:10px;
}
#page-site-index .gloss-close {
    position:absolute;
    top:10px;
    right:18px;
    border:none;
    background:#e6e8e9;
    border-radius:15px;
    overflow:hidden;
    cursor:pointer;
    padding:0;
    font-size:0px;
    width:30px;
    height:30px;
}
#page-site-index .gloss-close::before {
    content:"";
    display:block;
    position:absolute;
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>') no-repeat 50% 0;
    width:20px;
    height:20px;
    top:5px;
    left:5px;
    background:#000;
}
#page-site-index .gloss-close:hover {
    filter:brightness(1.15);
}
#page-site-index .gloss-close:focus-visible {
    outline:2px solid pink;
    outline-offset:2px;
}
#page-site-index .latait-homepage-zone-4 .latait-content-column-2x1 {
    border:solid 1px #bfdbfe;
    background:#e9f3ff;
    padding:40px;
    border-radius:12px;
}
#page-site-index .latait-homepage-zone-4 .latait-column {
    min-height:140px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
}
#page-site-index .latait-homepage-zone-4 .latait-column h3 {
    font-size:28px;
}
#page-site-index .latait-homepage-zone-4 .latait-column p {
    margin:0;
}
#page-site-index .latait-homepage-zone-4 .latait-column .btn {
    position:relative;
    padding:16px;
    background:#00b8e4;
    color:#1f1f21;
    font-weight:600;
    text-decoration:none;
    font-size:20px;
    text-align:center;
    display:block;
    border-radius:8px;
    transition:all .3s ease-in-out;
}
#page-site-index .latait-homepage-zone-4 .latait-column .btn:hover {
    background:rgb(0,200.4631578947,248.4);
}
#page-site-index .latait-homepage-zone-4 .latait-column .btn::before {
    display:inline-block;
    content:"";
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M530-600v-220h290v220H530ZM140-460v-360h290v360H140Zm390 320v-360h290v360H530Zm-390 0v-220h290v220H140Zm60-380h170v-240H200v240Zm390 320h170v-240H590v240Zm0-460h170v-100H590v100ZM200-200h170v-100H200v100Zm170-320Zm220-140Zm0 220ZM370-300Z"/></svg>') no-repeat 50% 0;
    border:0 none;
    background-color:#000;
    width:22px;
    height:22px;
    margin:0 10px -4px 0;
}
#page-site-index .latait-homepage-zone-4 p.result-notice {
    font-size:16px;
    display:block;
    max-width:100%;
    text-align:center;
    margin:10px 0 0 0;
}
#page-site-index.notloggedin .latait-homepage-zone-2 .alt-course-card:hover {
    transform:none;
    border-color:hsl(240,3.125%,52.5490196078%);
    box-shadow:none;
}
#page-site-index.notloggedin .latait-homepage-zone-2 .alt-course-card .overlay {
    display:flex;
}
.latait-naked-html-block {
    background:rgba(0,0,0,0) !important;
    padding:0 !important;
}
body.latait-sitewide-feedback {
    background:#f9fafa;
}
body.latait-sitewide-feedback .totaraNav,body.latait-sitewide-feedback .breadcrumb-container,body.latait-sitewide-feedback #block-region-side-pre,body.latait-sitewide-feedback #page-footer,body.latait-sitewide-feedback h2 {
    display:none;
}
body.latait-sitewide-feedback #page,body.latait-sitewide-feedback #page-content,body.latait-sitewide-feedback #region-main {
    padding:0 !important;
    margin:0;
    border:none 0;
    width:100%;
    left:0;
    background:#fff;
}
body.latait-sitewide-feedback #page .row,body.latait-sitewide-feedback #page-content .row,body.latait-sitewide-feedback #region-main .row {
    margin:0;
}
body.latait-sitewide-feedback #page .row:before,body.latait-sitewide-feedback #page .row:after,body.latait-sitewide-feedback #page-content .row:before,body.latait-sitewide-feedback #page-content .row:after,body.latait-sitewide-feedback #region-main .row:before,body.latait-sitewide-feedback #region-main .row:after {
    display:none;
}
body.latait-sitewide-feedback .mform .fitem {
    margin:0;
}
body.latait-sitewide-feedback #feedback_complete_form {
    padding:0;
    margin:0;
    text-align:left;
    background:rgba(0,0,0,0);
}
body.latait-sitewide-feedback #feedback_complete_form h3 {
    margin:8px 0 0 0;
    font-size:28px;
}
body.latait-sitewide-feedback #feedback_complete_form:before {
    display:none;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist legend {
    display:block;
    float:none;
    width:100%;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist legend span {
    color:#1f1f21;
    font-weight:normal;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement {
    display:block;
    width:100%;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement span {
    display:inline-block;
    width:20%;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement span input {
    position:absolute;
    width:0;
    height:0;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement span input:checked+label {
    background:#00b8e4;
    border-color:#00b8e4;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement span input:checked+label:before {
    content:"";
    z-index:10;
    position:absolute;
    top:8px;
    left:50%;
    transform:translate(-50%);
    width:26px;
    height:26px;
    border-radius:50%;
    background:#fff;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement span input:checked+label:after {
    position:absolute;
    z-index:20;
    transform:translatex(20px);
    margin-right:20px;
    content:"";
    display:block;
    width:6px;
    height:12px;
    top:13px;
    left:50%;
    border-right:2px solid #1f1f21;
    border-bottom:2px solid #1f1f21;
    transform:translate(-50%) rotate(45deg);
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement span label {
    text-align:center;
    position:relative;
    width:auto;
    margin:4px;
    cursor:pointer;
    display:block;
    border:solid 1px hsl(240,3.125%,72.5490196078%);
    padding:40px 10px 10px 10px;
    border-radius:6px;
    background:#fff;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement span label:hover {
    cursor:pointer;
    background:hsl(240,3.125%,92.5490196078%);
    border-color:hsl(240,3.125%,52.5490196078%);
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement span label span {
    position:absolute;
    top:6px;
    left:50%;
    transform:translate(-50%);
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement br {
    display:none;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement textarea {
    border:solid 1px hsl(240,3.125%,72.5490196078%);
    padding:10px;
    border-radius:6px;
    resize:none;
}
body.latait-sitewide-feedback #feedback_complete_form .feedback_itemlist .felement textarea:hover {
    border-color:hsl(240,3.125%,52.5490196078%);
}
body.latait-sitewide-feedback #feedback_complete_form .fitemtitle {
    width:100%;
}
body.latait-sitewide-feedback #feedback_complete_form .fitemtitle label {
    margin-bottom:14px;
    color:#1f1f21;
    font-weight:normal;
}
body.latait-sitewide-feedback #fgroup_id_buttonar .felement {
    margin:20px 0 10px 0;
    width:100%;
}
body.latait-sitewide-feedback #fgroup_id_buttonar .felement input {
    border-radius:6px;
}
body.latait-sitewide-feedback #fgroup_id_buttonar .felement .form-submit:hover {
    color:#1f1f21;
    background:rgb(0,200.4631578947,248.4);
    border-color:#00b8e4;
}
body.latait-sitewide-feedback #fgroup_id_buttonar .felement .btn-cancel:hover {
    color:#1f1f21;
    border-color:hsl(240,3.125%,52.5490196078%);
}
body.latait-sitewide-feedback #fgroup_id_buttonar .felement .btn-cancel:active {
    background:rgba(0,0,0,0);
    border-color:hsl(240,3.125%,52.5490196078%);
}
body.latait-sitewide-feedback .latait-modal-feedback-submitted-responce {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100vh;
}
body.latait-sitewide-feedback .latait-modal-feedback-submitted-responce p {
    text-align:center;
    max-width:none;
    position:relative;
}
.pagelayout-incourse #block-region-side-pre .block_feedback,.pagelayout-course #block-region-side-pre .block_feedback {
    padding:0;
    margin:0;
}
.pagelayout-incourse #block-region-side-pre .block_feedback .block-header,.pagelayout-course #block-region-side-pre .block_feedback .block-header {
    display:none;
}
.pagelayout-incourse #block-region-side-pre .block_feedback .block-content,.pagelayout-course #block-region-side-pre .block_feedback .block-content {
    padding:0;
}
.pagelayout-incourse #block-region-side-pre .block_feedback .block-content ul,.pagelayout-incourse #block-region-side-pre .block_feedback .block-content li,.pagelayout-course #block-region-side-pre .block_feedback .block-content ul,.pagelayout-course #block-region-side-pre .block_feedback .block-content li {
    padding:0;
    margin:0;
}
.pagelayout-incourse #block-region-side-pre .block_feedback .block-content .column.c1,.pagelayout-course #block-region-side-pre .block_feedback .block-content .column.c1 {
    width:calc(100% - 20px);
    padding-bottom:4px;
}
.pagelayout-incourse #block-region-side-pre .block_feedback .block-content a,.pagelayout-course #block-region-side-pre .block_feedback .block-content a {
    display:block;
    text-align:center;
    position:relative;
    background:#00b8e4;
    padding:10px 20px;
    border-radius:6px;
    text-decoration:none;
    color:#1f1f21;
}
.pagelayout-incourse #block-region-side-pre .block_feedback .block-content a:hover,.pagelayout-course #block-region-side-pre .block_feedback .block-content a:hover {
    background:rgb(0,200.4631578947,248.4);
}
#local-feedback_modal.local-latait-modal,#feedback_modal.latait-modal {
    display:none;
    position:fixed;
    width:100%;
    inset:0;
    background:rgba(0,0,0,.4);
    z-index:99999;
    align-items:center;
    justify-content:center;
    transition-behavior:allow-discrete;
    opacity:1;
    scale:1;
    overscroll-behavior:contain;
}
#local-feedback_modal.local-latait-modal .modal-content,#feedback_modal.latait-modal .modal-content {
    background:#fff;
    border-radius:12px;
    width:92vw;
    max-width:960px;
    border:solid 1px #e2e8f0;
    overflow-y:auto;
    padding:12.5px;
    position:relative;
    box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
}
#local-feedback_modal.local-latait-modal .modal-content .iframe-container iframe,#feedback_modal.latait-modal .modal-content .iframe-container iframe {
    width:100%;
    height:558px;
    border:0 none;
}
#local-feedback_modal.local-latait-modal .modal-content .close,#feedback_modal.latait-modal .modal-content .close {
    position:absolute;
    text-align:center;
    line-height:revert;
    line-height:40px;
    border-radius:50%;
    width:40px;
    height:40px;
    margin:0;
    top:10px;
    right:10px;
    opacity:1;
    color:#000;
    float:right;
    font-size:32px;
    font-weight:400;
    text-shadow:none;
    text-decoration:none;
}
#local-feedback_modal.local-latait-modal .modal-content .close:hover,#local-feedback_modal.local-latait-modal .modal-content .close:focus,#feedback_modal.latait-modal .modal-content .close:hover,#feedback_modal.latait-modal .modal-content .close:focus {
    background:#e6e8e9;
    cursor:pointer;
}
#local-feedback_modal.local-latait-modal {
    display:flex;
}
/* Old main-nav logo link (a broken/blank 1x1 image, but still a live
   link to the catalog, with "Tait logo" alt text) - superseded by the new
   combined logo now inserted into userToolbar via Latait.js
   (insertHeaderLogo). Hides just the link/image, not the whole heading
   band itself, since that's still needed for layout/height purposes
   below. */
.tui-theme_inspire-navigation__heading a {
    display: none;
}
/* Hiding the old logo link above collapsed this band to ~0.8px (just its
   border-bottom) - its height had been entirely driven by the link/image
   content, never set explicitly anywhere in core theme or here. Set to
   match userToolbar's confirmed 84.8px (Computed tab), so the border-
   bottom this band already has lines up with the bottom of userToolbar
   as intended. */
.tui-theme_inspire-navigation__heading {
    height: 84.8px;
    /* Without this, the explicit height above was still being compressed
       - <nav> is a column flexbox, and flex items shrink by default
       (flex-shrink:1) when the container doesn't have enough room for
       everyone's full size, which the nav items list below was likely
       demanding. Rendered height came out to ~73-74px instead of 84.8,
       varying slightly between captures - consistent with a flex
       shrink calculation, not a hardcoded override. This pins it so the
       explicit height actually holds regardless of what its sibling
       wants. */
    flex-shrink: 0;
    /* The 24px side gaps were margin (core theme:
       .tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-
       navigation__heading { margin: 0 calc(var(--gap-base) * 6) } = 24px
       either side), which pulls the box itself in from the rail's edges -
       so the border-bottom on that box stopped 24px short on both sides
       too. Swapped for padding instead: the box now spans the rail's
       full width (so the border does too), with the same 24px of visual
       inset preserved for whatever sits inside (the nav toggle button
       Latait.js moves in here). !important needed since the theme's own
       margin rule is a more specific two-class selector and would
       otherwise win back. */
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}
/* Desktop nav collapse/expand toggle: already position:fixed, sized via
   var(--nav-button-size) (26x26, unchanged between states), and its own
   `left` already tracks whichever nav width is currently active
   (confirmed via Computed tab: left:80px collapsed, left:240px expanded -
   matching the rail's own width in each state exactly). It never actually
   disappears or resizes; it uses the "stealth" button variant, which has
   no background/border until hovered by design - that's what made it look
   like it faded away. Restyled here as a persistent, visible tab docked to
   the nav's edge using the rail's own background variable, rather than
   changing its position/sizing logic, which was already correct. */
/* Desktop nav collapse/expand toggle. Repositioned to sit within the
   .tui-theme_inspire-navigation__heading band (confirmed via Computed tab:
   heading is 65.8px tall, flush at the rail top, with a subtle divider
   below it) rather than the button's native top:50px (in the nav-items
   area, not the heading). top:20px vertically centers the 26px button
   ((65.8-26)/2 ~ 20px) within that 65.8px band.
   The heading is also inset from the rail's outer edge (24px margin each
   side) - the button's native `left` tracks the rail's full outer width,
   so it was sitting past the heading's own right edge, not "within" it.
   translateX(-24px) nests it back inside that margin without touching the
   underlying dynamic left value (which still needs to differ between
   collapsed/expanded rail widths - a nudge via transform keeps that intact
   rather than requiring two separate hardcoded values).
   Plain square shape now (no border-radius/border) to match the provided
   mockup rather than the earlier rounded-tab treatment.
   The inner SVG icon and its wrapping tui-btn__content are hidden outright
   rather than fought over: Vue's internal enter/leave transition on that
   element couldn't be reliably targeted via normal CSS (not a plain
   transition property we could find and override), so instead this uses a
   plain, always-present background-image on the button itself, using the
   user-provided icons and swapped via the aria-expanded attribute Totara
   already sets - no transition to fight, guaranteed always visible. */
/* Nav collapse/expand toggle: physically moved into
   .tui-theme_inspire-navigation__heading by Latait.js
   (moveNavToggleIntoHeading), so it can be positioned relative to that box
   instead of the viewport - the old position:fixed + hardcoded top value
   broke as soon as page chrome above the rail changed height (this test
   site's red banner), since fixed positioning has no relationship to the
   rail's actual position.
   NOTE: position:relative was originally added here on the heading itself
   to anchor the button, but the heading keeps the same ~24px inset margins
   in both nav states, so in the narrow collapsed rail its own right edge
   sits well short of the rail's true right edge - causing the button to
   visually read as too far left when collapsed. Removed: the button
   (still a DOM child of the heading via Latait.js) now anchors instead to
   <nav> itself, the next ancestor up with position:relative, which spans
   the full rail width with no extra inset in either state. */
/* Nav collapse/expand toggle: physically moved into
   .tui-theme_inspire-navigation__heading by Latait.js
   (moveNavToggleIntoHeading), but positioned (via position:absolute) is
   relative to <nav> itself, not the heading - see note above. top/right
   values reuse the exact same calc() expressions
   .tui-theme_inspire-navigation__items uses for its own top/right padding
   (calc(var(--gap-base) * 5) / * 3)), so this lines up pixel-for-pixel
   with the nav items list below it, rather than an independently guessed
   value.
   opacity:1 !important overrides a core-theme hover/focus-conditional rule
   that was hiding this button by default (couldn't cleanly out-specificity
   every individual hover/focus/:has() variant, so forcing the value
   directly was the reliable fix).
   Icons are user-supplied SVGs already colored for the new light theme
   direction (dark-on-light, matching the site's background moving to
   white via the "Navigation and brand" theme setting). */
.tui-theme_inspire-navigation__toggle--expand {
    background-color: var(--nav-bg-color);
    border: none;
    border-radius: 0;
    position: absolute;
    top: calc(var(--gap-base) * 2.5);
    right: calc(var(--gap-base) * 1.5);
    left: auto;
    transform: none;
    opacity: 1 !important;
    background-image: url('https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/left_panel_open.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}
.tui-theme_inspire-navigation__toggle--expand[aria-expanded="true"] {
    background-image: url('https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/left_panel_close.svg');
}
.tui-theme_inspire-navigation__toggle--expand .tui-btn__content {
    display: none;
}

/* Nav/toolbar going light per updated theme direction: background now set
   via the "Navigation and brand" theme setting (#ffffff, drives
   --nav-bg-color already used above); border added here since theme
   settings don't expose a border option. Right border on the rail
   (vertical divider from main content), bottom border on userToolbar
   (horizontal divider from page content below) - assumed based on each
   bar's orientation since a direction wasn't specified for userToolbar;
   flag if a different side was intended. */
.theme_inspire_nav {
    border-right: 1px solid #e2e8f0;
}
.userToolbar {
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}
/* .col-sm-12 (generic Bootstrap grid column, used sitewide) adds its own
   hardcoded 16px left/right padding - inside the breadcrumb container this
   stacks on top of the padding-left set below, overshooting past the
   intended gap. Scoped to just this instance so the sitewide .col-sm-12
   rule is untouched. */
.breadcrumb-container.container-fluid .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}
.breadcrumb-container.container-fluid {
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}
/* Primary site logo (formerly standalone "Learn at Tait", now the combined
   "Tait Communications | Learn at Tait" mark - main nav logo/logomark being
   replaced with transparent placeholders separately) inserted via
   Latait.js (insertHeaderLogo) into the left edge of the userToolbar bar.
   align-items:center added explicitly on the row itself in case it wasn't
   already relying on that (rather than assume) for vertical centering;
   height matched to the 34px row height of the existing
   quickaccess/notifications/profile icons block (.userToolbar_prim--side),
   confirmed via Computed tab. width:auto scales proportionally regardless
   of source aspect ratio, so this needed no change for the new, wider
   logo - but worth a visual check now that it's the sole visible brand
   mark rather than a small companion piece; may want to be larger than
   34px. */
/* Break the userToolbar and breadcrumb bars out of the shared 1680px
   max-width/auto-margin .container-fluid constraint that centers the main
   content area - these two bars now span the full viewport width instead.
   Left/right gap of 17px derived from the logo's own vertical spacing:
   userToolbar bar is 68px tall, logo is 34px tall and vertically centered,
   giving (68-34)/2 = 17px of breathing room above/below the logo already -
   reused here as the horizontal gap so the logo/breadcrumb text and the
   nav toggle button, and the icons/profile menu on the right, get the same
   visual breathing room instead of the wider page-content gutter used
   elsewhere on the page. */
.userToolbar_prim .container-fluid,
.breadcrumb-container.container-fluid {
    max-width: none;
    margin: 0;
    padding-left: 17px;
    padding-right: 17px;
}
.userToolbar_prim .container-fluid {
    align-items: center;
}
/* userToolbar icons (settings gear, envelope, bell, etc.) were inheriting
   the plain body text color (#1f1f21, near-black) rather than an
   explicit color of their own - these are icon-font glyphs (color
   property affects them directly, unlike a raster image), so a color set
   here on the shared ancestor reaches all of them at once. */
.userToolbar_prim {
    color: #002249;
}
.latait-header-logo {
    display: block;
    height: 52px;
    width: auto;
}
/* The inner .page-navbar (breadcrumb + edit buttons row) already has the
   right spacing on its own - the extra gap was coming from #page-header
   itself (the outer wrapper), which had its own padding-top/bottom and
   margin-bottom independent of that inner row. Fully zeroed at first: now
   nudged back up to 3px top/bottom so the breadcrumb buttons have a small
   breather above/below rather than sitting flush against the band edge -
   confirmed via Computed tab that #page-header.clearfix was sitting at a
   literal 0px before this change. */
#page-header.clearfix {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 0;
}
/* Restoring the gap between the header and whatever comes next (e.g. this
   enrolment banner, or the course content itself) directly on that next
   element instead of on #page-header - so it doesn't reintroduce the
   header's own bottom margin we just removed above. */
.tw-containerCourse-enrolmentBanner {
    margin-top: 20px;
}
.breadcrumb-container.container-fluid ol.breadcrumb {
    padding-left:0;
    padding-right:0;
}
@media only screen and (min-width: 770px) {
    .breadcrumb-container.container-fluid ol.breadcrumb {
        padding-left:12px;
        padding-right:12px;
    }
}
.pagelayout-incourse #region-main,.pagelayout-course #region-main {
    padding:8px;
    padding-bottom:40px;
}
@media only screen and (min-width: 770px) {
    .pagelayout-incourse #region-main,.pagelayout-course #region-main {
        padding:12px;
    }
}
@media only screen and (min-width: 992px) {
    .pagelayout-incourse #region-main,.pagelayout-course #region-main {
        padding:20px;
    }
}
#latait-footer-contnet {
    padding-top:20px;
    padding-bottom:20px;
}
@media only screen and (min-width: 770px) {
    #latait-footer-contnet {
        padding:40px 20px;
    }
}
.latait-content-column-x2,.latait-content-column-x3,.latait-content-column-x4,.latait-content-column-2x1,.latait-content-column-1x2 {
    grid-column-gap:40px;
    display:grid;
    padding-bottom:20px;
}
@media only screen and (min-width: 680px) {
    .latait-content-column-x2,.latait-content-column-x3,.latait-content-column-x4,.latait-content-column-2x1,.latait-content-column-1x2 {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 1480px) {
    .latait-content-column-x3 {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 1610px) {
    .latait-content-column-x4 {
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}
.latait-content-column-2x1 {
    grid-template-columns:none;
}
@media only screen and (min-width: 1220px) {
    .latait-content-column-2x1 {
        grid-template-columns:2fr 1fr;
    }
}
.latait-content-column-1x2 {
    grid-template-columns:none;
}
@media only screen and (min-width: 1220px) {
    .latait-content-column-1x2 {
        grid-template-columns:1fr 2fr;
    }
}
.latait-page-content-wrap {
    color:#1f1f21;
    font-size:19px;
    line-height:28.4px;
}
.latait-page-content-wrap a {
    text-decoration:underline;
}
.latait-page-content-wrap a:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
.latait-page-content-wrap a:hover {
    text-decoration:none;
}
.latait-page-content-wrap p {
    max-width:75ch;
    margin-bottom:24px;
}
.latait-page-content-wrap ul {
    margin-bottom:10px;
}
.latait-page-content-wrap ul li {
    max-width:75ch;
    margin-bottom:10px;
}
.latait-page-content-wrap table.latait-standard-table {
    width:100%;
    background:#fff;
    border:1px solid #525558;
    border-collapse:collapse;
    margin-bottom:20px;
}
.latait-page-content-wrap table.latait-standard-table th,.latait-page-content-wrap table.latait-standard-table td,.latait-page-content-wrap table.latait-standard-table thead th,.latait-page-content-wrap table.latait-standard-table tfoot th,.latait-page-content-wrap table.latait-standard-table caption {
    max-width:75ch;
}
.latait-page-content-wrap table.latait-standard-table thead th,.latait-page-content-wrap table.latait-standard-table tfoot th {
    color:#1f1f21;
    background:#e9ebec;
}
.latait-page-content-wrap table.latait-standard-table caption {
    padding:.5em;
    font-size:16px;
}
.latait-page-content-wrap table.latait-standard-table th,.latait-page-content-wrap table.latait-standard-table td {
    padding:.5em;
    border:1px solid #d3d3d3;
}
.latait-page-content-wrap ul.topics {
    max-width:none;
}
.latait-page-content-wrap .totara_core__myreports__list--grid,.latait-page-content-wrap .totara_core__myreports__list--table {
    max-width:100%;
}
@media(min-width: 680px) {
    .latait-page-content-wrap .totara_core__myreports__list--table {
        columns:2;
        -webkit-columns:2;
        -moz-columns:2;
    }
}
@media(min-width: 1000px) {
    .latait-page-content-wrap .totara_core__myreports__list--table {
        columns:3;
        -webkit-columns:3;
        -moz-columns:3;
    }
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item {
    border:none;
    display:block;
    background:#fff;
    margin-bottom:20px;
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item:first-child,.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item:last-child {
    border:none 0;
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item a {
    position:relative;
    border:none 0;
    background:#fff;
    text-decoration:none;
    height:auto;
    max-height:none;
    box-shadow:0 0 10px 0px rgba(0,0,0,.2);
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item a:hover {
    box-shadow:0 0 18px 0px rgba(0,0,0,.2);
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item__content__image {
    overflow:hidden;
    background:#ccc;
    position:absolute;
    top:0;
    left:0;
    height:100px;
    width:10px;
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item__content__image img {
    display:none;
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item__content__image:has(img):after {
    content:"";
    position:absolute;
    height:200px;
    width:100%;
    top:0;
    left:0;
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item__content__image:has(img[src*=nograph]):after {
    background:#de6e6e;
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item__content__image:has(img[src*=column]):after {
    background:#6ede6e;
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item__content__image:has(img[src*=line]):after {
    background:#5959d9;
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item__content__image:has(img[src*=pie]):after {
    background:#dede6e;
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item__content__image:has(img[src*=bar]):after {
    background:#6edea6;
}
.latait-page-content-wrap .totara_core__myreports__list--table .totara_core__myreports__list__item__content__title {
    display:block;
    margin:0;
    height:auto;
    width:100%;
    padding:10px 20px 10px 28px;
    font-size:16px;
}
.latait-page-content-wrap .totara_core__myreports__list--grid {
    max-width:100%;
}
.latait-page-content-wrap .totara_core__myreports__list--grid .totara_core__myreports__list__item a {
    position:relative;
    border:none 0;
    background:#fff;
    height:180px;
    text-decoration:none;
    overflow:hidden;
    box-shadow:0 0 10px 0px rgba(0,0,0,.2);
}
.latait-page-content-wrap .totara_core__myreports__list--grid .totara_core__myreports__list__item a:hover {
    box-shadow:0 0 18px 0px rgba(0,0,0,.2);
}
.latait-page-content-wrap .totara_core__myreports__list--grid .totara_core__myreports__list__item .totara_core__myreports__list__item__content__image {
    overflow:hidden;
}
.latait-page-content-wrap .totara_core__myreports__list--grid .totara_core__myreports__list__item .totara_core__myreports__list__item__content__image:has(img):after {
    content:"";
    position:absolute;
    height:200px;
    width:100%;
    top:0;
    left:0;
    opacity:.68;
}
.latait-page-content-wrap .totara_core__myreports__list--grid .totara_core__myreports__list__item .totara_core__myreports__list__item__content__image:has(img[src*=nograph]):after {
    background:#de6e6e;
}
.latait-page-content-wrap .totara_core__myreports__list--grid .totara_core__myreports__list__item .totara_core__myreports__list__item__content__image:has(img[src*=column]):after {
    background:#6ede6e;
}
.latait-page-content-wrap .totara_core__myreports__list--grid .totara_core__myreports__list__item .totara_core__myreports__list__item__content__image:has(img[src*=line]):after {
    background:#5959d9;
}
.latait-page-content-wrap .totara_core__myreports__list--grid .totara_core__myreports__list__item .totara_core__myreports__list__item__content__image:has(img[src*=pie]):after {
    background:#dede6e;
}
.latait-page-content-wrap .totara_core__myreports__list--grid .totara_core__myreports__list__item .totara_core__myreports__list__item__content__image:has(img[src*=bar]):after {
    background:#6edea6;
}
.latait-page-content-wrap .totara_core__myreports__list--grid .totara_core__myreports__list__item .totara_core__myreports__list__item__content__title {
    position:absolute;
    background:#fff;
    bottom:0;
    left:0;
    display:block;
    margin:0;
    height:auto;
    width:100%;
    padding:1.2em;
    font-size:16px;
}
.latait-page-content-wrap .latait-tile-strip-x2,.latait-page-content-wrap .latait-tile-strip-x3,.latait-page-content-wrap .latait-tile-strip-x4 {
    grid-column-gap:20px;
    display:grid;
    padding-bottom:14px;
    overflow:hidden;
}
.latait-page-content-wrap .latait-tile-strip-x2 .latait-tile,.latait-page-content-wrap .latait-tile-strip-x3 .latait-tile,.latait-page-content-wrap .latait-tile-strip-x4 .latait-tile {
    margin-bottom:8px;
    border:solid 2px #7f9591;
}
.latait-page-content-wrap .latait-tile-strip-x2 .latait-tile.latait-yes .latait-tile-text,.latait-page-content-wrap .latait-tile-strip-x2 .latait-tile.latait-no .latait-tile-text,.latait-page-content-wrap .latait-tile-strip-x3 .latait-tile.latait-yes .latait-tile-text,.latait-page-content-wrap .latait-tile-strip-x3 .latait-tile.latait-no .latait-tile-text,.latait-page-content-wrap .latait-tile-strip-x4 .latait-tile.latait-yes .latait-tile-text,.latait-page-content-wrap .latait-tile-strip-x4 .latait-tile.latait-no .latait-tile-text {
    position:relative;
}
.latait-page-content-wrap .latait-tile-strip-x2 .latait-tile.latait-yes .latait-tile-text:before,.latait-page-content-wrap .latait-tile-strip-x2 .latait-tile.latait-no .latait-tile-text:before,.latait-page-content-wrap .latait-tile-strip-x3 .latait-tile.latait-yes .latait-tile-text:before,.latait-page-content-wrap .latait-tile-strip-x3 .latait-tile.latait-no .latait-tile-text:before,.latait-page-content-wrap .latait-tile-strip-x4 .latait-tile.latait-yes .latait-tile-text:before,.latait-page-content-wrap .latait-tile-strip-x4 .latait-tile.latait-no .latait-tile-text:before {
    color:#fff;
    content:"Yes";
    padding:4px 8px;
    display:block;
    position:absolute;
    top:-24px;
    right:20px;
}
.latait-page-content-wrap .latait-tile-strip-x2 .latait-tile.latait-yes .latait-tile-text:before,.latait-page-content-wrap .latait-tile-strip-x3 .latait-tile.latait-yes .latait-tile-text:before,.latait-page-content-wrap .latait-tile-strip-x4 .latait-tile.latait-yes .latait-tile-text:before {
    content:"Yes";
    font-weight:700;
    background:#156700;
}
.latait-page-content-wrap .latait-tile-strip-x2 .latait-tile.latait-no .latait-tile-text:before,.latait-page-content-wrap .latait-tile-strip-x3 .latait-tile.latait-no .latait-tile-text:before,.latait-page-content-wrap .latait-tile-strip-x4 .latait-tile.latait-no .latait-tile-text:before {
    content:"No";
    font-weight:700;
    background:#b50800;
}
.latait-page-content-wrap .latait-tile-strip-x2 .latait-tile-image,.latait-page-content-wrap .latait-tile-strip-x3 .latait-tile-image,.latait-page-content-wrap .latait-tile-strip-x4 .latait-tile-image {
    min-height:180px;
    background:#e9ebec;
    border-bottom:solid 2px #7f9591;
}
.latait-page-content-wrap .latait-tile-strip-x2 .latait-tile-text,.latait-page-content-wrap .latait-tile-strip-x3 .latait-tile-text,.latait-page-content-wrap .latait-tile-strip-x4 .latait-tile-text {
    padding:20px 18px 10px 18px;
}
@media only screen and (min-width: 680px) {
    .latait-page-content-wrap .latait-tile-strip-x2,.latait-page-content-wrap .latait-tile-strip-x3,.latait-page-content-wrap .latait-tile-strip-x4 {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 1480px) {
    .latait-page-content-wrap .latait-tile-strip-x3 {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 1610px) {
    .latait-page-content-wrap .latait-tile-strip-x4 {
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}
.latait-page-content-wrap .latait-content-column-x2,.latait-page-content-wrap .latait-content-column-x3,.latait-page-content-wrap .latait-content-column-x4 {
    grid-column-gap:40px;
    display:grid;
    padding-bottom:20px;
}
@media only screen and (min-width: 680px) {
    .latait-page-content-wrap .latait-content-column-x2,.latait-page-content-wrap .latait-content-column-x3,.latait-page-content-wrap .latait-content-column-x4 {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 1480px) {
    .latait-page-content-wrap .latait-content-column-x3 {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 1610px) {
    .latait-page-content-wrap .latait-content-column-x4 {
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}
.latait-page-content-wrap .latait-content-block-important {
    background-color:rgb(24,210.4210526316,255);
    position:relative;
    padding:64px 20px 20px 20px;
    border-radius:10px;
    margin-bottom:20px;
    min-height:120px;
}
@media only screen and (min-width: 1200px) {
    .latait-page-content-wrap .latait-content-block-important {
        padding:20px 20px 20px 180px;
    }
}
.latait-page-content-wrap .latait-content-block-important::before,.latait-page-content-wrap .latait-content-block-important::after {
    position:absolute;
    display:block;
    content:"";
}
.latait-page-content-wrap .latait-content-block-important::before {
    content:"Tech Byte";
    background-color:rgb(0,68.7578947368,85.2);
    background-image:radial-gradient(rgb(0, 85.2210526316, 105.6) 1px, transparent 0);
    background-size:10px 10px;
    background-position:-9px -9px;
    border-radius:4px;
    padding:0;
    font-weight:700;
    font-size:.9em;
    color:#fff;
    width:calc(100% - 16px);
    height:44px;
    line-height:normal;
    line-height:44px;
    text-indent:38px;
    text-align:center;
    top:8px;
    left:8px;
}
@media only screen and (min-width: 1200px) {
    .latait-page-content-wrap .latait-content-block-important::before {
        text-indent:0;
        border-radius:4px;
        display:flex;
        align-items:center;
        justify-content:center;
        top:10px;
        left:10px;
        padding-top:40px;
        width:148px;
        height:calc(100% - 20px);
    }
}
.latait-page-content-wrap .latait-content-block-important::after {
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m640-480 80 80v80H520v240l-40 40-40-40v-240H240v-80l80-80v-280h-40v-80h400v80h-40v280Zm-286 80h252l-46-46v-314H400v314l-46 46Zm126 0Z"/></svg>') no-repeat 50% 0;
    width:34px;
    height:34px;
    top:13px;
    left:50%;
    margin-left:-60px;
    background:#fff;
}
@media only screen and (min-width: 1200px) {
    .latait-page-content-wrap .latait-content-block-important::after {
        top:50%;
        left:62px;
        margin:-36px 0 0 0;
        width:44px;
        height:44px;
    }
}
.latait-video-container {
    display:block;
    overflow:hidden;
    margin-bottom:20px;
    padding:10px;
    background:#f9fafa;
}
.latait-video-container details {
    padding-top:10px;
}
.latait-video-container summary>* {
    display:inline;
}
.latait-video-container summary {
    display:inline-flex;
    overflow:hidden;
    padding:8px 18px;
    overflow:hidden;
    cursor:pointer;
    transition:.2s ease-out;
    font-size:inherit;
    font-weight:700;
    background:#e9ebec;
    margin:0;
}
.latait-video-container summary::marker {
    content:"";
}
.latait-video-container summary:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
.latait-video-container summary:hover {
    background:#e9ebec;
}
.latait-video-container summary:before {
    font-weight:400;
    font-family:"FontAwesome" !important;
    content:"";
    margin-right:10px;
    position:relative;
    transition:.4s ease-out;
}
.latait-video-container details[open=""] summary {
    background:#f9fafa;
}
.latait-video-container details[open=""] .latait-transcript-content {
    animation:details-content-fade-in .4s ease-out;
    animation-iteration-count:1;
    padding:10px 0 0 40px;
    display:block;
}
.latait-video-container details[open=""] .latait-transcript-content p {
    position:relative;
    counter-increment:number;
    float:right;
    width:100%;
    display:block;
    padding:14px;
    margin:0 0 10px 0;
    background:#e9ebec;
}
.latait-video-container details[open=""] .latait-transcript-content p:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
.latait-video-container details[open=""] .latait-transcript-content p:before {
    display:block;
    width:40px;
    background:inherit;
    font-weight:400;
    padding:4px 8px;
    line-height:normal;
    font-size:14px;
    text-align:center;
    position:absolute;
    left:-40px;
    top:14px;
    content:counter(number) ".";
}
.latait-video-container details[open=""] .latait-transcript-content p:last-of-type {
    margin-bottom:0;
}
.latait-colour-stack-container {
    display:block;
    min-height:30px;
    margin-bottom:20px;
    overflow:hidden;
}
.latait-colour-stack-container div[class^=latait-clipboard-element-] {
    text-align:center;
    display:inline;
    padding:30px;
    position:relative;
    text-transform:uppercase;
}
.latait-colour-stack-container.latait-colour-stack-3 {
    grid-column-gap:0;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
}
.latait-colour-stack-container.latait-colour-stack-4 {
    grid-column-gap:0;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
}
.latait-colour-stack-container.latait-colour-stack-5 {
    grid-column-gap:0;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
}
.latait-colour-stack-container.latait-colour-stack-6 {
    grid-column-gap:0;
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
}
div[class^=latait-clipboard-element-] {
    position:relative;
}
div[class^=latait-clipboard-element-] button {
    cursor:pointer;
    padding:0;
    height:40px;
    width:40px;
    line-height:36px;
    display:block;
    border:none 0;
    background:rgba(0,0,0,0);
    position:absolute;
    right:10px;
    color:inherit;
    top:10px;
    font-size:18px;
    text-align:center;
    font-weight:400;
}
div[class^=latait-clipboard-element-] button .latait-tooltip:before,div[class^=latait-clipboard-element-] button .latait-tooltip:after {
    content:"";
    position:absolute;
    line-height:normal;
    display:none;
}
div[class^=latait-clipboard-element-] button .latait-tooltip:before {
    padding:8px 10px;
    top:2px;
    right:48px;
    font-size:14px;
    background:#1f1f21;
    color:#f9fafa;
}
div[class^=latait-clipboard-element-] button .latait-tooltip:after {
    top:12px;
    right:40px;
    width:0;
    height:0;
    border-top:8px solid rgba(0,0,0,0);
    border-bottom:8px solid rgba(0,0,0,0);
    border-left:8px solid #1f1f21;
}
div[class^=latait-clipboard-element-] button .latait-tooltip:hover:before,div[class^=latait-clipboard-element-] button .latait-tooltip:hover:after {
    display:block;
}
div[class^=latait-clipboard-element-] button .latait-tooltip:hover:before {
    content:"Copy to clipboard";
}
div[class^=latait-clipboard-element-] button .latait-tooltip.latait-copied .fa-regular.fa-clipboard:before {
    content:"" !important;
}
div[class^=latait-clipboard-element-] button .latait-tooltip.latait-copied:before {
    content:"Copied";
}
div[class^=latait-clipboard-element-] button:active {
    color:inherit;
    box-shadow:none;
    background:none;
}
#latait-quizzer-container {
    display:inline-block;
    margin-bottom:18px;
    overflow:hidden;
}
#latait-quizzer-container div[class^=quizzer-] {
    background:#f9fafa;
    padding:20px;
    margin-bottom:8px;
    overflow:hidden;
}
#latait-quizzer-container div[class^=quizzer-] .question {
    font-size:20px;
}
#latait-quizzer-container div[class^=quizzer-] .options.list {
    padding-bottom:10px;
}
#latait-quizzer-container div[class^=quizzer-] .options.list input {
    position:absolute;
    clip:rect(1px, 1px, 1px, 1px);
    padding:0;
    border:0;
    height:1px;
    width:1px;
    overflow:hidden;
}
#latait-quizzer-container div[class^=quizzer-] .options.list input:focus+label {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
#latait-quizzer-container div[class^=quizzer-] .options.list input:checked+label {
    background:rgb(236.8,236.8,236.8);
}
#latait-quizzer-container div[class^=quizzer-] .options.list label {
    position:relative;
    cursor:pointer;
    display:block;
    padding:10px 20px;
    border:solid 2px #7f9591;
    font-weight:400;
    counter-increment:number;
}
#latait-quizzer-container div[class^=quizzer-] .options.list label:before {
    display:inline;
    content:counter(number) ".";
}
#latait-quizzer-container div[class^=quizzer-] .options.list .correct-answer:checked+label {
    background:#7fd262;
    border-color:rgb(75.4653465347,160.1089108911,45.8910891089);
    color:#000;
    animation:correct-answer-pop .2s;
    animation-iteration-count:1;
}
#latait-quizzer-container div[class^=quizzer-] .options.list .correct-answer:checked+label:after {
    font-weight:400;
    font-family:"FontAwesome" !important;
    content:"";
    display:inline-block;
    margin-left:10px;
}
@keyframes correct-answer-pop {
    0% {
        transform:scale(1);
    }
    20% {
        transform:scale(1.04);
    }
    100% {
        transform:scale(1);
    }
}
#latait-quizzer-container div[class^=quizzer-] .feedback {
    display:block;
}
#latait-quizzer-container div[class^=quizzer-] .feedback button {
    border-width:2px;
    border-color:#1f1f21;
    color:#1f1f21;
}
#latait-quizzer-container div[class^=quizzer-] .feedback button:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
#latait-quizzer-container div[class^=quizzer-] .feedback p {
    margin:0;
}
#latait-quizzer-container div[class^=quizzer-] .feedback .correct-feedback,#latait-quizzer-container div[class^=quizzer-] .feedback .incorrect-feedback {
    margin:10px 0 0 0;
    padding:10px 20px;
    background:#e9ebec;
}
#latait-quizzer-container div[class^=quizzer-] .feedback .correct-feedback:focus,#latait-quizzer-container div[class^=quizzer-] .feedback .incorrect-feedback:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
#latait-quizzer-container div[class^=quizzer-] .feedback .correct-feedback:before,#latait-quizzer-container div[class^=quizzer-] .feedback .incorrect-feedback:before {
    font-weight:400;
    font-family:"FontAwesome" !important;
    content:"";
    display:inline-block;
    margin-right:10px;
}
#latait-quizzer-container div[class^=quizzer-] .feedback .correct-feedback:before {
    content:"";
}
#latait-quizzer-container div[class^=quizzer-] .feedback .incorrect-feedback:before {
    content:"";
}
.latait-component-example {
    border:solid 2px hsl(169.0909090909,9.4017094017%,82.1176470588%);
    margin-bottom:20px;
    display:block;
    overflow:hidden;
}
.latait-component-example .latait-example {
    padding:20px;
}
.latait-component-example pre.prettyprint {
    margin:0;
    border:none 0 !important;
    border-top:solid 2px hsl(169.0909090909,9.4017094017%,82.1176470588%) !important;
}
pre {
    color:#212529;
    background:rgb(236.8,236.8,236.8);
    border-bottom-right-radius:0;
}
pre::selection {
    background-color:green;
    color:#000;
}
pre.prettyprint,.editor_atto_wrap .CodeMirror {
    font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
    background:linear-gradient(-45deg, #ffffff 0px, #ffffff 12px, rgb(236.8, 236.8, 236.8) 12px, rgb(236.8, 236.8, 236.8) 12px);
    resize:vertical;
    position:relative;
    overflow-x:auto;
    white-space:pre;
    border-radius:0;
}
pre.prettyprint .nocode,.editor_atto_wrap .CodeMirror .nocode {
    background-color:none;
    color:#000;
}
pre.prettyprint .str,.editor_atto_wrap .CodeMirror .str {
    color:#084298;
}
pre.prettyprint .kwd,.editor_atto_wrap .CodeMirror .kwd {
    color:#13795b;
}
pre.prettyprint .com,.editor_atto_wrap .CodeMirror .com {
    color:#565c64;
}
pre.prettyprint .typ,.editor_atto_wrap .CodeMirror .typ {
    color:#6f42c1;
}
pre.prettyprint .lit,.editor_atto_wrap .CodeMirror .lit {
    color:#cd5c5c;
}
pre.prettyprint .pun,.editor_atto_wrap .CodeMirror .pun {
    color:#212529;
}
pre.prettyprint .pln,.editor_atto_wrap .CodeMirror .pln {
    color:#212529;
}
pre.prettyprint .tag,.editor_atto_wrap .CodeMirror .tag {
    color:#c6303e;
}
pre.prettyprint .atn,.editor_atto_wrap .CodeMirror .atn {
    color:#6f42c1;
}
pre.prettyprint .atv,.editor_atto_wrap .CodeMirror .atv {
    color:#084298;
}
pre.prettyprint .dec,.editor_atto_wrap .CodeMirror .dec {
    color:#6f42c1;
}
pre.prettyprint {
    background:rgb(236.8,236.8,236.8);
    font-size:16px !important;
    display:block;
    padding:20px !important;
    border:solid 2px #7f9591 !important;
}
.editor_atto_wrap .CodeMirror {
    line-height:26px !important;
    font-size:18px;
    background:#f9fafa;
}
ol.linenums {
    margin-top:0;
    margin-bottom:0;
    color:#aeaeae;
}
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 {
    list-style-type:decimal;
}
@media print {
    pre.prettyprint {
        background-color:none;
    }
    pre .str,code .str {
        color:#060;
    }
    pre .kwd,code .kwd {
        color:#006;
        font-weight:bold;
    }
    pre .com,code .com {
        color:#600;
        font-style:italic;
    }
    pre .typ,code .typ {
        color:#404;
        font-weight:bold;
    }
    pre .lit,code .lit {
        color:#044;
    }
    pre .pun,code .pun {
        color:#440;
    }
    pre .pln,code .pln {
        color:#000;
    }
    pre .tag,code .tag {
        color:#006;
        font-weight:bold;
    }
    pre .atn,code .atn {
        color:#404;
    }
    pre .atv,code .atv {
        color:#060;
    }
}
.latait-accordion-container {
    margin-bottom:20px;
    display:block;
    overflow:hidden;
    background:#f9fafa;
    padding:10px;
}
.latait-accordion-container details {
    border:none;
    margin:0 0 6px 0;
}
.latait-accordion-container details:last-of-type {
    margin-bottom:0;
}
.latait-accordion-container summary>* {
    display:inline;
}
.latait-accordion-container summary {
    padding:10px 20px;
    overflow:hidden;
    border:solid 2px #7f9591;
    cursor:pointer;
    transition:.2s ease-out;
    font-size:inherit;
    font-weight:700;
}
.latait-accordion-container summary::marker {
    content:"";
}
.latait-accordion-container summary:hover {
    background:#e9ebec;
}
.latait-accordion-container summary:after {
    font-weight:400;
    font-family:"FontAwesome" !important;
    content:"";
    float:right;
    position:relative;
    transition:.4s ease-out;
}
.latait-accordion-container details[open=""] summary {
    background:#e9ebec;
}
.latait-accordion-container details[open=""] summary:after {
    font-family:"FontAwesome" !important;
    transform:rotate(-180deg);
    content:"";
    float:right;
    position:relative;
}
.latait-accordion-container details[open=""] .latait-details-content {
    padding:20px;
    border:solid 2px #7f9591;
    border-top:0 none;
    animation:details-content-fade-in .4s ease-out;
    animation-iteration-count:1;
}
.latait-accordion-container summary:focus {
    outline-color:#00b8e4;
    outline-width:2px;
    outline-style:solid;
    outline-offset:1px;
    transition:none;
    z-index:1000;
}
@keyframes details-content-fade-in {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
body#page-mod-scorm-player h2:first-of-type {
    display:none;
}
.latait-scorm-hack-card {
    background:#fff;
    display:block;
    border:solid 2px #7f9591;
    margin-bottom:20px;
}
@media only screen and (min-width: 1302px) {
    .latait-scorm-hack-card {
        grid-column-gap:12px;
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
.latait-scorm-hack-card .latait-scorm-hack-preview,.latait-scorm-hack-card .latait-scorm-hack-info {
    position:relative;
}
.latait-scorm-hack-card .latait-scorm-hack-preview {
    background:#000;
    overflow:hidden;
}
.latait-scorm-hack-card .latait-scorm-hack-preview img {
    transition:ease-in-out 4000ms;
    position:absolute;
    transform-origin:center;
    scale:1.5;
    width:100%;
    height:auto;
}
.latait-scorm-hack-card .latait-scorm-hack-info {
    padding:10px;
}
@media only screen and (min-width: 1200px) {
    .latait-scorm-hack-card .latait-scorm-hack-info {
        padding:20px;
    }
}
.latait-scorm-hack-card .latait-scorm-hack-info form {
    padding:0;
    width:auto;
}
.latait-scorm-hack-card .latait-scorm-hack-info form input {
    margin:0;
}
.latait-scorm-hack-card .latait-scorm-hack-info form input:hover {
    cursor:pointer;
}
.latait-scorm-hack-card:hover .latait-scorm-hack-preview img {
    scale:1;
}
body.course-932 #latait-workshop-homepage-introduction {
    background-repeat:no-repeat;
    background-size:cover;
}
body.course-932 #latait-workshop-homepage-introduction .latait-workshop-banner {
    background:rgba(0,0,0,.2);
    padding:10px;
}
body.course-932 #latait-workshop-homepage-introduction .latait-workshop-title,body.course-932 #latait-workshop-homepage-introduction .latait-workshop-preface {
    position:relative;
}
body.course-932 #latait-workshop-homepage-introduction .latait-workshop-title {
    padding:0;
    color:#fff;
    z-index:10;
    margin:0 0 10px 0;
}
body.course-932 #latait-workshop-homepage-introduction .latait-workshop-title h2 {
    font-size:38px;
}
body.course-932 #latait-workshop-homepage-introduction .latait-workshop-title h2 span {
    display:block;
    font-size:20px;
    font-weight:400;
    margin-bottom:10px;
}
@media only screen and (min-width: 992px) {
    body.course-932 #latait-workshop-homepage-introduction .latait-workshop-title {
        margin:0 0 20px 0;
        padding:0 20px;
    }
}
@media only screen and (min-width: 1302px) {
    body.course-932 #latait-workshop-homepage-introduction .latait-workshop-title {
        margin:20px 0 40px 0;
    }
}
body.course-932 #latait-workshop-homepage-introduction .latait-workshop-preface {
    z-index:0;
    background:#fff;
    display:block;
    box-shadow:0 0 0 600px rgba(0,0,0,.6);
    padding:10px;
}
@media only screen and (min-width: 1302px) {
    body.course-932 #latait-workshop-homepage-introduction .latait-workshop-preface {
        grid-column-gap:32px;
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 992px) {
    body.course-932 #latait-workshop-homepage-introduction .latait-workshop-preface {
        padding:20px;
    }
}
body.course-932 #latait-workshop-homepage-introduction .latait-workshop-trainer-profile .latait-trainer-pic {
    height:140px;
    width:140px;
    border-radius:50%;
    overflow:hidden;
}
body.course-932 #section-1 .tw-formatTopics__topic_header,body.course-932 #section-2 .tw-formatTopics__topic_header,body.course-932 #section-3 .tw-formatTopics__topic_header {
    margin:0;
    padding:10px;
    background:rgb(236.8,236.8,236.8);
    border-bottom:solid 2px #7f9591;
}
@media only screen and (min-width: 1200px) {
    body.course-932 #section-1 .tw-formatTopics__topic_header,body.course-932 #section-2 .tw-formatTopics__topic_header,body.course-932 #section-3 .tw-formatTopics__topic_header {
        padding:20px;
    }
}
body.course-932 #section-1 .tw-formatTopics__topic_header:hover,body.course-932 #section-2 .tw-formatTopics__topic_header:hover,body.course-932 #section-3 .tw-formatTopics__topic_header:hover {
    background:rgb(226.6,226.6,226.6);
    color:#000;
}
body.course-932 #section-1 .content,body.course-932 #section-2 .content,body.course-932 #section-3 .content {
    background:#fff;
    border:solid 2px #7f9591;
}
body.course-932 #section-1 ul.section,body.course-932 #section-2 ul.section,body.course-932 #section-3 ul.section {
    padding:0 20px;
}
@media only screen and (min-width: 1200px) {
    body.course-932 #section-1 ul.section,body.course-932 #section-2 ul.section,body.course-932 #section-3 ul.section {
        padding:0 40px;
    }
}
body.course-932 #section-1 ul.section li,body.course-932 #section-2 ul.section li,body.course-932 #section-3 ul.section li {
    margin-bottom:0;
}
body.course-932 #section-1 .summary,body.course-932 #section-2 .summary,body.course-932 #section-3 .summary {
    padding:10px 20px 0 20px;
}
@media only screen and (min-width: 1200px) {
    body.course-932 #section-1 .summary,body.course-932 #section-2 .summary,body.course-932 #section-3 .summary {
        padding:20px 20px 0 30px;
    }
}
body.course-932 #section-1 .activityinstance a,body.course-932 #section-2 .activityinstance a,body.course-932 #section-3 .activityinstance a {
    font-weight:400;
    font-size:revert;
}
body.course-954 #latait-custom-event-banner {
    padding:290px 40px 20px 40px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    display:block;
    margin:0 0 20px 0;
    position:relative;
}
body.course-954 #latait-custom-event-banner .latait-custom-event-video {
    position:absolute;
    top:20px;
    right:20px;
    height:260px;
    display:block;
    z-index:10;
}
body.course-954 #latait-custom-event-banner .latait-banner-inner {
    overflow:hidden;
}
body.course-954 #latait-custom-event-banner .latait-banner-inner:after {
    z-index:2;
    top:0;
    left:0;
    position:absolute;
    display:block;
    content:"";
    width:100%;
    height:100%;
    background:#000;
    background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 75%);
}
body.course-954 #latait-custom-event-banner h2,body.course-954 #latait-custom-event-banner h3,body.course-954 #latait-custom-event-banner p {
    position:relative;
    z-index:4;
    max-width:760px;
    color:#fff;
    text-shadow:0 0 4px #000;
}
body.course-954 #latait-custom-event-banner h2 {
    font-size:40px;
}
body.course-954 .tw-formatTopics__topic_content .summary li {
    max-width:800px;
}
body.course-954 .latait-custom-event-register-aside ul {
    padding:0;
    margin:-20px 0 20px 0;
    border:solid 2px #1f1f21;
    border-bottom:none;
}
body.course-954 .latait-custom-event-register-aside ul li {
    border-bottom:solid 2px #1f1f21;
    list-style:none;
    padding:8px 12px;
    margin:0;
}
body.course-954 .latait-custom-event-register-aside a {
    display:block;
    background:#00b8e4;
    padding:20px 0;
    margin:0;
    text-align:center;
    color:#1f1f21;
    font-weight:700;
    text-decoration:none;
}
body.course-954 .complete-feedback a {
    display:block;
    max-width:300px;
    background:#00b8e4;
    padding:20px 0;
    margin:0;
    text-align:center;
    color:#1f1f21;
    font-weight:700;
    text-decoration:none;
    font-size:0;
}
body.course-954 .complete-feedback a:after {
    font-size:20px;
    content:"Register my details";
}
#page-admin-totara-tui-theme_settings textarea {
    color:#efeff0;
    box-shadow:inset 0 4px 0 #212023;
    background:#343337;
    background:linear-gradient(-45deg, #ffffff 0px, #ffffff 12px, #343337 12px, #343337 12px);
    border-bottom-right-radius:0;
    border:solid 1px #2a2a2d;
    font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
    resize:vertical;
    position:relative;
    overflow-x:auto;
    white-space:pre;
    min-height:400px;
    padding:20px;
}
#page-admin-totara-tui-theme_settings textarea::selection {
    background-color:gold;
    color:#000;
}
button.scrollToTopBtn {
    background-color:#000;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:18px;
    line-height:48px;
    width:48px;
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:100;
    opacity:0;
    transform:translateY(100px);
    transition:all .5s ease;
}
.latait-time-to-finish,.latait-time-to-complete,.latait-time-to-read,.latait-competency {
    display:inline-block;
    border-style:solid;
    border-width:1px;
    border-color:#000;
    font-size:14px;
    padding:4px 10px 4px 30px;
    line-height:normal;
    position:relative;
    border-radius:20px;
}
.latait-time-to-finish:after,.latait-time-to-complete:after,.latait-time-to-read:after,.latait-competency:after {
    left:4px;
    top:3px;
    padding-top:1px;
    width:22px;
    height:22px;
    background:#000;
    text-align:center;
    content:"";
    display:block;
    position:absolute;
}
.latait-time-to-finish,.latait-time-to-complete,.latait-time-to-read {
    background:hsl(240,3.125%,92.5490196078%);
    border-color:hsl(240,3.125%,32.5490196078%);
    color:hsl(240,3.125%,32.5490196078%);
}
.latait-time-to-finish:after,.latait-time-to-complete:after,.latait-time-to-read:after {
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z"/></svg>') no-repeat 50% 0;
    border:0 none;
    background:hsl(240,3.125%,32.5490196078%);
}
.latait-time-to-read::before {
    content:"Time to read: ";
}
.latait-time-to-finish::before,.latait-time-to-complete::before {
    content:"Time to complete: ";
}
.latait-competency::before {
    content:"Suitable for: ";
}
.latait-competency:after {
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M324-111.5Q251-143 197-197t-85.5-127Q80-397 80-480t31.5-156Q143-709 197-763t127-85.5Q397-880 480-880t156 31.5Q709-817 763-763t85.5 127Q880-563 880-480t-31.5 156Q817-251 763-197t-127 85.5Q563-80 480-80t-156-31.5ZM707-253q93-93 93-227t-93-227q-93-93-227-93t-227 93q-93 93-93 227t93 227q93 93 227 93t227-93Zm-397-57q-70-70-70-170t70-170q70-70 170-70t170 70q70 70 70 170t-70 170q-70 70-170 70t-170-70Zm283-57q47-47 47-113t-47-113q-47-47-113-47t-113 47q-47 47-47 113t47 113q47 47 113 47t113-47Zm-169.5-56.5Q400-447 400-480t23.5-56.5Q447-560 480-560t56.5 23.5Q560-513 560-480t-23.5 56.5Q513-400 480-400t-56.5-23.5Z"/></svg>') no-repeat 50% 0;
    border:0 none;
}
.latait-competency.advocate,.latait-competency.beginner {
    border-color:#3b617e;
    background:#ccdbe7;
    color:#3b617e;
}
.latait-competency.advocate:after,.latait-competency.beginner:after {
    background:#3b617e;
}
.latait-competency.specalist,.latait-competency.specialist,.latait-competency.intermediate {
    border-color:#357025;
    background:#cbe7c4;
    color:#357025;
}
.latait-competency.specalist:after,.latait-competency.specialist:after,.latait-competency.intermediate:after {
    background:#357025;
}
.latait-competency.expert {
    border-color:#7c690b;
    background:#faf1c4;
    color:#7c690b;
}
.latait-competency.expert:after {
    background:#7c690b;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post {
    background-image:none;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post #block-region-side-pre {
    display:none;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post #region-main {
    padding:20px;
    width:100%;
    left:0;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post h2 {
    font-size:20px;
    margin-bottom:8px !important;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .coursebox,#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .panel-heading,#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .summary {
    padding:0;
    margin:0;
    border:0 none;
    background:none;
    box-shadow:none;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .panel-heading {
    font-size:30px;
    font-weight:700;
    padding-bottom:20px;
    line-height:34px;
    color:#1f1f21;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .panel-heading .course_icon {
    display:none;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:nth-of-type(1) {
    margin-bottom:20px;
}
@media(min-width: 1080px) {
    #page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:nth-of-type(1) {
        margin-bottom:0;
    }
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) {
    display:block;
    overflow:hidden;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) .ftoggler,#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) .fitemtitle {
    display:none;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) .felement {
    margin:0;
    padding:0;
    width:100%;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) .fitem {
    margin:0;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) #fitem_id_nokey {
    margin-bottom:10px;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) form {
    padding:20px;
    display:block;
    background:hsl(200,6.3829787234%,82.7843137255%);
    border-radius:20px;
}
@media(min-width: 1080px) {
    #page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) form {
        float:right;
        width:calc(50% - 20px);
    }
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) #id_submitbutton {
    border-radius:10px;
    border:solid 2px rgb(0,151.0736842105,187.2);
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .plan_box {
    display:none;
}
@media(min-width: 1080px) {
    #page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .latait-summary-content {
        grid-column-gap:40px;
        display:grid;
        padding-bottom:20px;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media(min-width: 640px) {
    #page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .latait-details .latait-half:first-of-type {
        grid-column-gap:40px;
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .latait-video-container,#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .latait-youtube-16x9-container {
    border-radius:20px;
}
body.course-927.context-13075.path-course-view ol.breadcrumb li:nth-child(2),body.course-15.context-13993.path-mod-glossary ol.breadcrumb li:nth-child(2),body.course-15.context-340.path-course-view ol.breadcrumb li:nth-child(2) {
    display:none;
}
body.course-927.context-13075.path-course-view h3.sectionname,body.course-15.context-13993.path-mod-glossary h3.sectionname,body.course-15.context-340.path-course-view h3.sectionname {
    display:none;
}
body.course-927.context-13075.path-course-view h3.sectionname.tw-formatTopics__collapse_handle,body.course-15.context-13993.path-mod-glossary h3.sectionname.tw-formatTopics__collapse_handle,body.course-15.context-340.path-course-view h3.sectionname.tw-formatTopics__collapse_handle {
    display:block;
}
body.course-927.context-13075.path-course-view #latait-support-home-header,body.course-15.context-13993.path-mod-glossary #latait-support-home-header,body.course-15.context-340.path-course-view #latait-support-home-header {
    background:#000;
    color:#fff;
    padding:40px 20px 0 20px;
    position:relative;
    text-shadow:0 0 8px rgba(0,0,0,.6);
    background-repeat:no-repeat;
    background-image:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-homepage-jensen-hero.png");
    background-size:cover;
    background-position:center;
}
body.course-927.context-13075.path-course-view #latait-support-home-header:after,body.course-15.context-13993.path-mod-glossary #latait-support-home-header:after,body.course-15.context-340.path-course-view #latait-support-home-header:after {
    z-index:2;
    top:0;
    left:0;
    position:absolute;
    display:block;
    content:"";
    width:100%;
    height:100%;
    background:#000;
    background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 75%);
}
body.course-927.context-13075.path-course-view #latait-support-home-header .h3,body.course-927.context-13075.path-course-view #latait-support-home-header p,body.course-927.context-13075.path-course-view #latait-support-home-header .latait-support-home-header-hero-links,body.course-15.context-13993.path-mod-glossary #latait-support-home-header .h3,body.course-15.context-13993.path-mod-glossary #latait-support-home-header p,body.course-15.context-13993.path-mod-glossary #latait-support-home-header .latait-support-home-header-hero-links,body.course-15.context-340.path-course-view #latait-support-home-header .h3,body.course-15.context-340.path-course-view #latait-support-home-header p,body.course-15.context-340.path-course-view #latait-support-home-header .latait-support-home-header-hero-links {
    position:relative;
    z-index:10;
}
body.course-927.context-13075.path-course-view #latait-support-home-header h3,body.course-15.context-13993.path-mod-glossary #latait-support-home-header h3,body.course-15.context-340.path-course-view #latait-support-home-header h3 {
    font-size:40px;
    display:block;
    margin-top:0;
}
body.course-927.context-13075.path-course-view #latait-support-home-header p,body.course-15.context-13993.path-mod-glossary #latait-support-home-header p,body.course-15.context-340.path-course-view #latait-support-home-header p {
    max-width:800px;
}
body.course-927.context-13075.path-course-view #latait-support-home-header a.latait-tile,body.course-15.context-13993.path-mod-glossary #latait-support-home-header a.latait-tile,body.course-15.context-340.path-course-view #latait-support-home-header a.latait-tile {
    background:#000;
    color:#fff;
    text-decoration:none;
    border:none 0;
}
.latait-related-course-block {
    padding:0;
}
.latait-related-course-block .block-header {
    display:none;
}
.latait-related-course-block .latait-related-course-container {
    padding:160px 24px 20px 24px;
    display:block;
    margin:0;
    overflow:hidden;
    background:#00b8e4;
    position:relative;
    text-decoration:none !important;
}
.latait-related-course-block .latait-related-course-container img,.latait-related-course-block .latait-related-course-container:before {
    position:absolute;
    width:100%;
    display:block;
    left:0;
    top:0;
}
.latait-related-course-block .latait-related-course-container:before {
    z-index:10;
    content:"";
    height:600px;
    background:#00b8e4;
    background-position:bottom;
    background:linear-gradient(6deg, #00B8E4 480px, rgba(255, 255, 255, 0) 120px);
}
.latait-related-course-block .latait-related-course-container img {
    top:0;
    z-index:1;
    width:100%;
    height:auto;
}
.latait-related-course-block .latait-related-course-container h4 {
    position:relative;
    z-index:18;
    color:#000;
    font-size:28px;
    line-height:38px;
}
.latait-related-course-block .latait-related-course-container h4:before,.latait-related-course-block .latait-related-course-container h4:after {
    display:block;
    font-size:18px;
    line-height:28px;
    font-weight:400;
}
.latait-related-course-block .latait-related-course-container h4:before {
    content:"This aritcle is related to:";
}
.latait-related-course-block .latait-related-course-container h4:after {
    content:"Enrol in this course today and level-up your knowledge.";
    border-top:solid 4px #facc18;
    margin-top:8px;
    padding-top:8px;
}
.latait-related-course-block .latait-related-course-container.black {
    background:#000;
}
.latait-related-course-block .latait-related-course-container.black h4 {
    color:#fff;
}
.latait-related-course-block .latait-related-course-container.black:before {
    background:#000;
    background:linear-gradient(6deg, #000000 480px, rgba(255, 255, 255, 0) 120px);
}
.latait-related-course-block .latait-related-course-container.white {
    background:#fff;
}
.latait-related-course-block .latait-related-course-container.white h4 {
    color:#1f1f21;
}
.latait-related-course-block .latait-related-course-container.white:before {
    background:#fff;
    background:linear-gradient(6deg, #ffffff 480px, rgba(255, 255, 255, 0) 120px);
}
.latait-related-course-block .latait-related-course-container.grey {
    background:#505056;
}
.latait-related-course-block .latait-related-course-container.grey h4 {
    color:#fff;
}
.latait-related-course-block .latait-related-course-container.grey:before {
    background:#505056;
    background:linear-gradient(6deg, #505056 480px, rgba(255, 255, 255, 0) 120px);
}
.latait-skeleton-wrap {
    display:block;
}
.latait-skeleton-block-wrap {
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
    margin-top:14px;
}
.latait-skeleton {
    background-color:#e2e8f0;
    border-radius:6px;
    overflow:hidden;
    position:relative;
}
.latait-skeleton-wave::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 90%);
    transform:translateX(-100%);
    animation:latait-skeleton-wave-animation 1.4s infinite linear;
}
.latait-skeleton-rect {
    width:100%;
    height:150px;
    margin-bottom:14px;
}
.latait-skeleton-title {
    width:90%;
    height:60px;
    margin-bottom:14px;
}
.latait-skeleton-btn {
    width:120px;
    height:40px;
    margin-bottom:14px;
}
.latait-skeleton-text {
    width:100%;
    height:24px;
    margin-bottom:8px;
    max-width:900px;
}
.latait-skeleton-text.short {
    width:60%;
}
.latait-skeleton-3x-inline-block {
    flex:0 0 30%;
    height:140px;
    margin-bottom:14px;
}
@keyframes latait-skeleton-wave-animation {
    100% {
        transform:translateX(100%);
    }
}
body.course-15.pagelayout-course .section li.modtype_glossary {
    display:none;
}
body.course-927.path-mod-glossary.context-13082 ol.breadcrumb li:nth-child(2),body.course-15.path-mod-glossary.context-13993 ol.breadcrumb li:nth-child(2) {
    display:none;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.4);
    z-index:999998;
    align-items:center;
    justify-content:center;
    transition-behavior:allow-discrete;
    opacity:1;
    scale:1;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box {
    background:#fff;
    border-radius:12px;
    width:92vw;
    max-width:1260px;
    border:solid 1px #e2e8f0;
    max-height:85vh;
    overflow-y:auto;
    padding:12.5px;
    position:relative;
    z-index:999999;
    box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close {
    position:absolute;
    top:10px;
    right:18px;
    border:none;
    background:#e6e8e9;
    border-radius:15px;
    overflow:hidden;
    cursor:pointer;
    padding:0;
    font-size:0px;
    width:30px;
    height:30px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close::before,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close::before {
    content:"";
    display:block;
    position:absolute;
    mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>') no-repeat 50% 0;
    width:20px;
    height:20px;
    top:5px;
    left:5px;
    background:#000;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close:hover,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close:hover {
    filter:brightness(1.15);
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close:focus-visible,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close:focus-visible {
    outline:2px solid pink;
    outline-offset:2px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-loading,body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-loading,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error {
    font-size:18px;
    line-height:32px;
    padding:4px 8px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error {
    margin:0;
    text-align:center;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error span,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error span {
    display:inline-block;
    border-radius:6px;
    padding:4px 14px;
    color:#dc2626;
    border:solid 1px rgb(255,176.6,176.6);
    background:rgb(255,237.8,237.8);
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-skeleton-wrap,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-skeleton-wrap {
    padding:20px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup,body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost {
    width:100%;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry,body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry {
    padding:20px;
    font-size:18px;
    line-height:32px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry h4,body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry h4,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry h4,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry h4 {
    margin:0 0 20px 0;
    line-height:50px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry p,body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry li,body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry p,body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry li,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry p,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry li,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry p,body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry li {
    max-width:80ch;
}
body.course-927.path-mod-glossary.context-13082 div[role=main] h2:first-of-type,body.course-927.path-mod-glossary.context-13082 br,body.course-927.path-mod-glossary.context-13082 .glossarycontrol,body.course-15.path-mod-glossary.context-13993 div[role=main] h2:first-of-type,body.course-15.path-mod-glossary.context-13993 br,body.course-15.path-mod-glossary.context-13993 .glossarycontrol {
    display:none;
}
body.course-927.path-mod-glossary.context-13082 #region-main,body.course-15.path-mod-glossary.context-13993 #region-main {
    background:rgba(0,0,0,0);
    padding:0;
}
/* NOTE: there's a near-identical, more complete copy of this whole
   glossary/#intro block further down this file (search "hero banner with
   the background image"), which also covers a third course/context combo
   (course-1506.context-19657) and comes later in the file - so THAT copy
   is the one actually winning the cascade for course-927/course-15 too.
   Kept in sync here for consistency, but if editing this component again,
   edit the later copy first and check whether it's still needed at all. */
body.course-927.path-mod-glossary.context-13082 #intro,body.course-15.path-mod-glossary.context-13993 #intro {
    background:#000;
    color:#fff;
    border-radius:12px 12px 0 0;
    overflow:hidden;
    padding:40px 28px 22px 28px;
    position:relative;
    text-shadow:0 0 8px rgba(0,0,0,.6);
    background-repeat:no-repeat;
    background-image:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-homepage-jensen-hero.png");
    background-size:cover;
    background-position:center;
}
body.course-927.path-mod-glossary.context-13082 #intro:after,body.course-15.path-mod-glossary.context-13993 #intro:after {
    z-index:2;
    top:0;
    left:0;
    position:absolute;
    display:block;
    content:"";
    width:100%;
    height:100%;
    background:#000;
    background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
body.course-927.path-mod-glossary.context-13082 #intro .no-overflow,body.course-15.path-mod-glossary.context-13993 #intro .no-overflow {
    position:relative;
    z-index:10;
}
body.course-927.path-mod-glossary.context-13082 #intro h2,body.course-15.path-mod-glossary.context-13993 #intro h2 {
    font-size:40px;
    display:block;
    margin-top:0;
    /* Explicit override needed: the sitewide `body h1,h2,h3,h4,p {color:
       #002249}` rule (added earlier this project) matches this h2
       directly and wins over the white color merely inherited from
       #intro's own `color:#fff` - inheritance has no specificity, so any
       direct rule beats it regardless of how weak. That was making this
       heading nearly invisible against the dark hero image (confirmed
       via screenshot - barely legible navy-on-navy). Live site has this
       white, not navy - white is correct here specifically because of
       the dark background, unlike the rest of the site's headings. */
    color: #ffffff;
}
body.course-927.path-mod-glossary.context-13082 #intro p,body.course-15.path-mod-glossary.context-13993 #intro p {
    max-width:800px;
    /* Same issue and same fix as the h2 rule above. */
    color: #ffffff;
}
body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post],body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] {
    border-radius:0 0 12px 12px;
    padding:4px 28px 14px 28px;
    width:100%;
    background:#000;
    margin:0 auto 10px auto;
}
body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post] .btn-secondary,body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post] .form-control,body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] .btn-secondary,body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] .form-control {
    margin:0;
    display:inline-block;
    float:left;
    max-width:none;
    font-size:20px;
    height:60px;
    border:none;
    border-radius:6px;
}
body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post] .form-control,body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] .form-control {
    border-color:#000;
    margin-right:10px;
    width:calc(84% - 10px);
}
body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post] .btn-secondary,body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] .btn-secondary {
    margin:0;
    width:16%;
    /* Outline style per latest direction: white bg, navy text, 2px navy
       border - kept in sync with the winning copy further down. */
    background:#ffffff;
    color:#002249;
    border: 2px solid #002249;
}
body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post] .checkbox,body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] .checkbox {
    color:#fff;
}
body.course-927.path-mod-glossary.context-13082 .glossaryaddentry form,body.course-15.path-mod-glossary.context-13993 .glossaryaddentry form {
    padding:20px 20px 20px 0;
}
body.course-927.path-mod-glossary.context-13082 .glossaryaddentry .btn-secondary,body.course-15.path-mod-glossary.context-13993 .glossaryaddentry .btn-secondary {
    margin:0;
    padding:10px 20px;
    background:#002249;
    border-color:#002249;
    color:#ffffff;
}
body.course-927.path-mod-glossary.context-13082 .tabtree,body.course-15.path-mod-glossary.context-13993 .tabtree {
    display:none;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay,body.course-15.path-mod-glossary.context-13993 .glossarydisplay {
    padding-top:20px;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarycategoryheader,body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossaryimportexport,body.course-927.path-mod-glossary.context-13082 .glossarydisplay hr,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarycategoryheader,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossaryimportexport,body.course-15.path-mod-glossary.context-13993 .glossarydisplay hr {
    display:none;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .entrybox,body.course-15.path-mod-glossary.context-13993 .glossarydisplay .entrybox {
    background:#e6e8e9;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div,body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div {
    text-align:left !important;
    color:rgba(0,0,0,0);
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div b,body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div a,body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div b,body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div a {
    font-size:20px;
    border-radius:6px;
    display:inline-block;
    border:1px solid hsl(240,3.125%,72.5490196078%);
    padding:4px 12px;
    color:#1f1f21;
    font-weight:400;
    text-decoration:none !important;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div b,body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div b {
    background:#1f1f21;
    color:#f9fafa;
    border-color:#f9fafa;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div a,body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div a {
    background:#e9ebec;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div a:hover,body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div a:hover {
    background:#fff;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist {
    padding:0 0 10px 0;
    display:block;
    width:100%;
    height:auto;
    position:relative;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist tbody,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist tbody {
    display:block;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist tbody tr,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist tbody tr {
    display:block;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entry,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entry {
    display:block;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entry a,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entry a {
    display:block;
    border:none;
    border-radius:12px;
    background:#fff;
    padding:14px 24px;
    text-decoration:none;
    transition:ease-in-out 200ms;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entry a:hover,body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entry a:focus,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entry a:hover,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entry a:focus {
    background:#00b8e4;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entry a h4,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entry a h4 {
    font-size:18px;
    font-weight:400;
    color:#1f1f21;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entrylowersection,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entrylowersection {
    position:absolute;
    padding:0;
    display:block;
    top:14px;
    right:10px;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entrylowersection a.icon,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entrylowersection a.icon {
    margin-right:10px;
    display:inline-block;
    text-align:center;
    width:40px;
    height:40px;
    line-height:33px;
    border-radius:20px;
    border:solid 1px #e9ebec;
    padding:0;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entrylowersection a.icon:hover,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entrylowersection a.icon:hover {
    background-color:#e9ebec;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entrylowersection a[title=Delete]:hover,body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entrylowersection a[title=Delete]:hover {
    background:#ff5f5f;
    color:#fff;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .concept h4,body.course-15.path-mod-glossary.context-13993 .glossarypost .concept h4 {
    font-size:42px;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .no-overflow h4,body.course-15.path-mod-glossary.context-13993 .glossarypost .no-overflow h4 {
    font-size:24px;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .no-overflow h5,body.course-15.path-mod-glossary.context-13993 .glossarypost .no-overflow h5 {
    font-size:20px;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-index,body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-preface,body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-index,body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-preface {
    display:block;
    margin:4px 0 20px 0;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-index li,body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-preface li,body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-index li,body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-preface li {
    list-style:none;
    padding:0;
    margin:4px 0;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-index li br,body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-preface li br,body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-index li br,body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-preface li br {
    display:block;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-content-column-x3,body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-content-column-x3 {
    column-gap:20px;
    padding:26px 0 0 0;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-content-column-x3 .latait-column,body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-content-column-x3 .latait-column {
    background:#ddd;
    padding:20px 24px;
    border-radius:6px;
}
.path-mod-feedback div.feedback_is_dependent {
    background:inherit;
}
.path-mod-feedback #fitem_id_anonymousmode,.path-mod-feedback .mdl-align a[href*="analysis.php"],.path-mod-feedback p[align=center] a[href*="analysis.php"],.path-mod-feedback h2 a[href*="print.php"] {
    display:none;
}
.path-mod-feedback #feedback_complete_form,.path-mod-feedback .latait-fast-forward-results {
    padding:20px;
    text-align:left;
    background:rgb(236.8,236.8,236.8);
    margin-bottom:10px;
}
.path-mod-feedback #feedback_complete_form:before,.path-mod-feedback .latait-fast-forward-results:before {
    content:"Results";
    font-weight:700;
    font-size:30px;
    margin-bottom:18px;
}
.path-mod-feedback #feedback_complete_form .feedback-item-label,.path-mod-feedback .latait-fast-forward-results .feedback-item-label {
    width:auto;
    margin-top:0;
    padding-bottom:0;
    margin-bottom:0;
    padding-top:0;
}
.path-mod-feedback #feedback_complete_form .feedback-item-label .no-overflow,.path-mod-feedback .latait-fast-forward-results .feedback-item-label .no-overflow {
    margin:inherit;
    padding:inherit;
}
.path-mod-feedback #feedback_complete_form .feedback-item-label .fitemtitle,.path-mod-feedback .latait-fast-forward-results .feedback-item-label .fitemtitle {
    display:none;
}
.path-mod-feedback #feedback_complete_form .latait-ex-list-item,.path-mod-feedback .latait-fast-forward-results .latait-ex-list-item {
    display:block;
    margin-bottom:10px;
}
.path-mod-feedback #feedback_complete_form .latait-ex-list-item:before,.path-mod-feedback .latait-fast-forward-results .latait-ex-list-item:before {
    content:"•";
    padding-right:20px;
}
.path-mod-feedback .complete-feedback a {
    display:inline-block;
    padding:20px 40px;
    background:#00b8e4;
    color:#000;
    text-decoration:none;
}
.path-mod-feedback .complete-feedback a:hover,.path-mod-feedback .complete-feedback a:focus {
    background:#00b8e4;
    color:#000;
    text-decoration:none;
}
.path-mod-feedback .feedback_form input[type=submit] {
    color:#000;
    font-weight:400;
    font-size:16px;
}
.path-mod-feedback .feedback_form input[type=submit]:hover,.path-mod-feedback .feedback_form input[type=submit]:focus {
    background:#00b8e4;
    box-shadow:none;
}
.path-mod-feedback .feedback_form input.btn-cancel {
    background:#e9ebec;
    border-color:#999;
}
.path-mod-feedback .feedback_form input.btn-cancel:hover,.path-mod-feedback .feedback_form input.btn-cancel:focus {
    background:#e9ebec;
    border-color:#999;
}
#page-footer {
    /* background-color intentionally left unset here - was hardcoded to
       #1f1f21, which silently overrode whatever the theme's own "Footer
       background" setting (UI Colours > Footer background, var(--footer-
       bg-color)) was set to. Removed so that setting (#575A5D, Tait Grey)
       controls it again, as it should. */
    color:#fff;
}
/* Same bug pattern as the Ask Jensen hero text earlier this project: the
   sitewide `body h1,h2,h3,h4,p {color:#002249}` rule matches any <p>
   directly, including the footer's contact-address paragraph, and beats
   the white merely inherited from #page-footer above - inheritance has
   no specificity, so it loses regardless. Navy text on the footer's dark
   background would be close to unreadable, so this needs its own
   explicit white, same fix as before. */
#page-footer p {
    color:#fff;
}
#page-footer #latait-footer-contnet {
    font-size:16px;
    text-align:left;
}
@media only screen and (min-width: 600px) {
    #page-footer #latait-footer-contnet {
        grid-column-gap:32px;
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 900px) {
    #page-footer #latait-footer-contnet {
        grid-column-gap:32px;
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
#page-footer #latait-footer-contnet .latait-contact-info .latait-social-media-icon {
    margin-top:4px;
    margin-right:4px;
    display:inline-block;
}
#page-footer #latait-footer-contnet .latait-contact-info .latait-social-media-icon a {
    display:block;
    width:34px;
    height:34px;
}
#page-footer #latait-footer-contnet .latait-contact-info .latait-facebook a {
    background:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-facebook-icon-white-256x256.png");
}
#page-footer #latait-footer-contnet .latait-contact-info .latait-x a {
    background:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-x-icon-white-256x256.png");
}
#page-footer #latait-footer-contnet .latait-contact-info .latait-linkedin a {
    background:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-linkedin-icon-white-256x256.png");
}
#page-footer #latait-footer-contnet .latait-contact-info .latait-youtube a {
    background:url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-youtube-icon-white-256x256.png");
}
#page-footer #latait-footer-contnet .latait-contact-info .latait-facebook a,#page-footer #latait-footer-contnet .latait-contact-info .latait-x a,#page-footer #latait-footer-contnet .latait-contact-info .latait-linkedin a,#page-footer #latait-footer-contnet .latait-contact-info .latait-youtube a {
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}
#page-footer #latait-footer-contnet .latait-footer-nav-list ul {
    list-style:none;
    padding:0;
    margin:0;
}
#page-footer #latait-footer-contnet .latait-footer-nav-list ul li a {
    color:#fff;
    text-decoration:underline;
}
#page-footer #latait-footer-contnet .latait-footer-nav-list ul li a:hover,#page-footer #latait-footer-contnet .latait-footer-nav-list ul li a:visited {
    color:#white;
    text-decoration:none;
}
body.editing .latait-hidden-block {
    display:block;
}
body.editing .latait-hidden-block:after {
    content:"Only visible when editing";
    display:block;
    padding:1px 8px 4px 8px;
    line-height:normal;
    position:absolute;
    z-index:99999;
    border-radius:0 0 8px 8px;
    right:4px;
    top:0;
    color:#000;
    background:orange;
    font-size:12px;
    right:100px;
}
body.editing .header.block-header {
    z-index:9999;
    position:relative;
}
body.editing #block-region-side-pre .block_course_navigation .block_tree li.type_unknown,body.editing #block-region-side-pre .block_course_navigation .block_tree li.type_setting {
    display:revert;
}
body.editing #region-main {
    margin-top:10px;
    padding-top:20px;
    background:#f9fafa;
}
body.editing .topics ul.section li:before,body.editing .topics ul.section li:after,body.editing .topics ul.hidden li:before,body.editing .topics ul.hidden li:after {
    display:none;
}
body.editing .latait-related-course-block {
    padding:0;
}
body.editing .latait-related-course-block .block-header {
    display:block;
}
body.editing.course-15.pagelayout-course .section li.modtype_glossary {
    position:relative;
    display:block;
}
body.editing.course-15.pagelayout-course .section li.modtype_glossary:after {
    content:"Only visible when editing";
    display:block;
    padding:1px 8px 4px 8px;
    line-height:normal;
    position:absolute;
    z-index:99999;
    border-radius:0 0 8px 8px;
    right:4px;
    top:0;
    color:#000;
    background:orange;
    font-size:12px;
    right:100px;
}
body.editing.pagelayout-incourse #block-region-side-pre .block_feedback,body.editing.pagelayout-course #block-region-side-pre .block_feedback {
    position:relative;
    right:revert;
    bottom:revert;
    padding:8px;
    margin-bottom:20px;
}
body.editing.pagelayout-incourse #block-region-side-pre .block_feedback .block-header,body.editing.pagelayout-course #block-region-side-pre .block_feedback .block-header {
    display:block;
}
#page-site-index.editing .latait-sitewide-decorative-assets,#page-site-index.editing #region-main div[role=main] {
    display:block;
}
#page-site-index.editing .latait-sitewide-decorative-assets:after,#page-site-index.editing #region-main div[role=main]:after {
    content:"Only visible when editing";
    display:block;
    padding:1px 8px 4px 8px;
    line-height:normal;
    position:absolute;
    z-index:99999;
    border-radius:0 0 8px 8px;
    right:4px;
    top:0;
    color:#000;
    background:orange;
    font-size:12px;
    right:100px;
}
.latait-mb-0 {
    margin-bottom:0px;
}
.latait-mb-10 {
    margin-bottom:10px;
}
.latait-mb-20 {
    margin-bottom:20px;
}
.latait-mb-40 {
    margin-bottom:40px;
}
.latait-mt-10 {
    margin-top:10px;
}
.latait-mt-20 {
    margin-top:20px;
}
.latait-pb-0 {
    padding-bottom:0px;
}
.latait-dis-bloc {
    display:block;
}
.latait-bg-tait-blue {
    background:#00b8e4;
    color:#000;
}
.latait-bg-tait-bluex20 {
    background:rgb(0,200.4631578947,248.4);
    color:#000;
}
.latait-bg-tait-bluex40 {
    background:rgb(13.8,208.4526315789,255);
    color:#000;
}
.latait-bg-tait-bluex60 {
    background:rgb(34.2,212.3894736842,255);
    color:#000;
}
.latait-bg-tait-bluex80 {
    background:rgb(54.6,216.3263157895,255);
    color:#000;
}
.latait-bg-green {
    background:#7fd262;
    color:#000;
}
.latait-bg-greenx20 {
    background:rgb(139.9267326733,214.5445544554,113.8554455446);
    color:#000;
}
.latait-bg-greenx40 {
    background:rgb(152.8534653465,219.0891089109,129.7108910891);
    color:#000;
}
.latait-bg-greenx60 {
    background:rgb(165.7801980198,223.6336633663,145.5663366337);
    color:#000;
}
.latait-bg-greenx80 {
    background:rgb(178.7069306931,228.1782178218,161.4217821782);
    color:#000;
}
.latait-bg-orange {
    background:#f39a13;
    color:#000;
}
.latait-bg-orangex20 {
    background:rgb(243.9870967742,162.3080645161,38.4129032258);
    color:#000;
}
.latait-bg-orangex40 {
    background:rgb(244.9741935484,170.6161290323,57.8258064516);
    color:#000;
}
.latait-bg-orangex60 {
    background:rgb(245.9612903226,178.9241935484,77.2387096774);
    color:#000;
}
.latait-bg-orangex80 {
    background:rgb(246.9483870968,187.2322580645,96.6516129032);
    color:#000;
}
.latait-bg-yellow {
    background:#facc18;
    color:#000;
}
.latait-bg-yellowx20 {
    background:rgb(250.4322033898,208.4084745763,43.9677966102);
    color:#000;
}
.latait-bg-yellowx40 {
    background:rgb(250.8644067797,212.8169491525,63.9355932203);
    color:#000;
}
.latait-bg-yellowx60 {
    background:rgb(251.2966101695,217.2254237288,83.9033898305);
    color:#000;
}
.latait-bg-yellowx80 {
    background:hsl(47.7876106195,95.7627118644%,69.7254901961%);
    color:#000;
}
.latait-bg-red {
    background:#ff5f5f;
    color:#000;
}
.latait-bg-redx20 {
    background:rgb(255,115.4,115.4);
    color:#000;
}
.latait-bg-redx40 {
    background:rgb(255,135.8,135.8);
    color:#000;
}
.latait-bg-redx60 {
    background:rgb(255,156.2,156.2);
    color:#000;
}
.latait-bg-redx80 {
    background:rgb(255,176.6,176.6);
    color:#000;
}
.latait-bg-black {
    background:#000;
    color:#fff;
}
.latait-bg-grey {
    background:#505056;
    color:#fff;
}
.latait-bg-dark-grey {
    background:#1f1f21;
    color:#fff;
}
.latait-bg-dark-greyx20 {
    background:hsl(240,3.125%,32.5490196078%);
    color:#fff;
}
.latait-bg-dark-greyx40 {
    background:hsl(240,3.125%,52.5490196078%);
    color:#000;
}
.latait-bg-dark-greyx60 {
    background:hsl(240,3.125%,72.5490196078%);
    color:#000;
}
.latait-bg-dark-greyx80 {
    background:hsl(240,3.125%,92.5490196078%);
    color:#000;
}
/*!
  ---------------------------------------------------------------

   END: Tait Communications Custiom CSS
   What's added below this comment are fast fixes, that will eventaully
   need to added to the main SASS file 

  ---------------------------------------------------------------
*/
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-tile-adder::after, #latait-featured-catalog .block-totara-featured-links-tile-adder::after {
    display: none;
}
/* hide the text feilds in tile and shortname rows AND the custom feild rows */
#page-course-edit #fitem_id_fullname, #page-course-edit #fitem_id_shortname {
    background: #dddddd;
    border-radius: 10px;
    padding-top: 34px;
    padding-bottom: 10px;
}
#page-course-edit #fitem_id_fullname .latait-status-preview, #page-course-edit #fitem_id_shortname .latait-status-preview {
    position: relative;
}
#page-course-edit #fitem_id_fullname .latait-status-preview .felement, #page-course-edit #fitem_id_shortname .latait-status-preview .felement {
    position: absolute;
    left: 0;
    top: -34px;
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: 0 0 0 78px;
    font-size: 12px;
    background: #d3d3d3;
    border-radius: 10px 10px 0 0;
    font-family: courier;
}
#page-course-edit #fitem_id_fullname .latait-status-preview .felement:before, #page-course-edit #fitem_id_shortname .latait-status-preview .felement:before {
    position: absolute;
    display: inline-block;
    padding: 4px 8px;
    line-height: normal;
    margin-left: -70px;
    content: 'Preview:';
}
#page-course-edit #fitem_id_fullname .latait-status-preview input, #page-course-edit #fitem_id_shortname .latait-status-preview input {
    width: 100%;
    max-width: 100%;
    padding: 4px 8px;
    margin: 0;
    display: block;
    height: auto;
    border: none;
    background: transparent;
    box-shadow: none;
    font-size: inherit;
    line-height: normal;
}
#page-course-edit #fitem_id_fullname .latait-status-preview input:focus, #page-course-edit #fitem_id_shortname .latait-status-preview input:focus {
    outline: none;
    background: transparent;
}
#page-course-edit #fitem_id_customfield_LataitCustomFieldStatus, #page-course-edit #fitem_id_customfield_LataitCustomFieldVersion {
    display: none;
}
/* Hide Optional User ID from Create/Edit user settings */
#page-user-edit #id_moodle_optional #fitem_id_idnumber {
    display: none;
}
body.editing#page-user-editadvanced #id_moodle_optional #fitem_id_idnumber {
    display: block;
}
#page-mod-glossary-view.cmid-3718 #newentryform {
    display: none;
}
#page-mod-glossary-view.cmid-3718.editing #newentryform {
    display: block;
}
.latait-neutral-container {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 10px;
    background: #ffffff;
}
.latait-youtube-16x9-container {
    position: relative;
    aspect-ratio: 16 / 9;
    padding: 0;
    width: 100%;
}
@supports not (aspect-ratio: 1) {
    .latait-youtube-16x9-container {
        position: relative;
        padding-bottom: 56.25%;
    }
}
.latait-youtube-16x9-container iframe {
    border: none 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#page-site-index.editing #region-main {
    display: block;
}
#latait-surveyBanner {
    display: none;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    width: 100%;
    background-color: #05bbe2;
    color: #000000;
    padding: 16px;
    text-align: center;
}
#latait-surveyBanner p {
    padding: 0;
    margin: 0;
}
#latait-course-currently-unavailable {
    position: relative;
    max-width: 800px;
    background-color: #f8d7da;
    min-height: 100px;
    border-radius: 10px;
    display: block;
    overflow: hidden;
    background: #f9fafa;
    padding: 20px 20px 0 20px;
    margin: 0 auto 20px auto;
}
#latait-course-currently-unavailable p.latait-mb0 {
    margin-bottom: 0;
}
#latait-surveyBanner a {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}
#latait-surveyBanner a:hover {
    text-decoration: none;
}
body.format-topics #latait-surveyBanner {
    display: none !important;
}
#page-enrol-index.course-1270 {
    background-image: none;
}
#page-enrol-index.course-1270 #block-region-side-pre {
    display: none;
}
#page-enrol-index.course-1270 #region-main {
    padding: 20px;
    width: 100%;
    left: 0;
    background: transparent;
}
#page-enrol-index.course-1270 h2 {
    font-size: 20px;
    margin-bottom: 8px !important;
}
#page-enrol-index.course-1270 .coursebox, #page-enrol-index.course-1270 .panel-heading, #page-enrol-index.course-1270 .summary {
    padding: 0;
    margin: 0;
    border: 0 none;
    background: none;
    box-shadow: none;
}
#page-enrol-index.course-1270 .panel-heading {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
    line-height: 34px;
    color: #1f1f21;
}
#page-enrol-index.course-1270 .panel-heading .course_icon {
    display: none;
}
#page-enrol-index.course-1270 .generalbox:nth-of-type(1) {
    margin-bottom: 20px;
}
@media(min-width: 1080px) {
    #page-enrol-index.course-1270 .generalbox:nth-of-type(1) {
        margin-bottom: 0;
    }
}
#page-enrol-index.course-1270 .generalbox:has(form) {
    display: block;
    overflow: hidden;
}
#page-enrol-index.course-1270 .generalbox:has(form) .ftoggler, #page-enrol-index.course-1270 .generalbox:has(form) .fitemtitle {
    display: none;
}
#page-enrol-index.course-1270 .generalbox:has(form) .felement {
    margin: 0;
    padding: 0;
    width: 100%;
}
#page-enrol-index.course-1270 .generalbox:has(form) .fitem {
    margin: 0;
}
#page-enrol-index.course-1270 .generalbox:has(form) #fitem_id_nokey {
    margin-bottom: 10px;
}
#page-enrol-index.course-1270 .generalbox:has(form) form {
    padding: 20px;
    display: block;
    background: hsl(200, 6.3829787234%, 82.7843137255%);
    border-radius: 20px;
}
@media(min-width: 1080px) {
    #page-enrol-index.course-1270 .generalbox:has(form) form {
        float: right;
        width: calc(50% - 20px);
    }
}
#page-enrol-index.course-1270 .generalbox:has(form) #id_submitbutton {
    border-radius: 10px;
    border: solid 2px rgb(0, 151.0736842105, 187.2);
}
#page-enrol-index.course-1270 .plan_box, #page-enrol-index.course-1270 #notice {
    display: none;
}
/* delete this later - its a dav thing */
body.course-1331 #latait-custom-event-banner {
    overflow: hidden !important;
    display: none;
    padding: 20px;
}
body.course-1331 #latait-custom-event-banner .latait-banner-inner {
    overflow: hidden;
}
body.course-1331 #latait-custom-event-banner .latait-banner-inner:after {
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 75%);
}
body.course-1331 #latait-custom-event-banner h2, body.course-1331 #latait-custom-event-banner h3, body.course-1331 #latait-custom-event-banner p {
    position: relative;
    z-index: 4;
    max-width: 760px;
    color: #fff;
    text-shadow: 0 0 4px #000;
}
body.course-1331 #latait-custom-event-banner h2 {
    font-size: 40px;
}
body.course-1331 .tw-formatTopics__topic_content .summary li {
    max-width: 800px;
}
.latait-author-card {
    display: block;
    padding: 20px 20px 10px 20px;
    margin: 0 0 20px 0;
    border-radius: 16px;
    background-color: #dddddd;
    border-bottom: solid 4px rgba(237, 237, 237, 0.05);
    background: #0094e4;
    background: radial-gradient(circle, #0094e4 35%, #00b8e4 100%);
    box-shadow: 0 4px 0 0 #0094E4;
}
.latait-author-card address {
    font-style: normal;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 0 4px 180px;
    min-height: 160px;
}
.latait-author-card address h4 {
    font-size: 22px;
}
.latait-author-card address p a {
    color: #000000;
}
.latait-author-card address p a:hover {
    text-decoration: none;
}
.latait-author-card .author-avatar {
    position: absolute;
    border: solid 4px rgba(237, 237, 237, 0.05);
    left: 0;
    top: 0;
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 50%;
}
.latait-author-card .author-avatar img {
    width: calc(100% + 2px);
    margin: -1px 0 0 -1px;
    height: auto;
}
.latait-author-card .author-intro {
    margin-bottom: 8px;
}
.latait-author-card .inline-read-more-less summary::-webkit-details-marker {
    display: none;
}
.latait-author-card .inline-read-more-less summary {
    list-style: none;
    cursor: pointer;
    padding: 8px 0 8px 0;
    margin-bottom: 4px;
    display: inline-block;
}
.latait-author-card .inline-read-more-less summary::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    /* Scales with text size */
    height: 1.2em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%231f1f1f"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>');
}
.latait-author-card .inline-read-more-less summary span {
    text-decoration: underline;
}
.latait-author-card .inline-read-more-less summary span.read-less {
    display: none;
}
.latait-author-card .inline-read-more-less summary:hover span {
    text-decoration: none;
}
.latait-author-card .inline-read-more-less:open > summary {
    margin-bottom: 0;
}
.latait-author-card .inline-read-more-less:open > summary span.read-less {
    display: inline;
}
.latait-author-card .inline-read-more-less:open > summary span.read-more {
    display: none;
}
.latait-author-card .inline-read-more-less:open > summary::before {
    rotate: 90deg;
    /* Rotates 90 degrees around the X-axis */
}
.latait-author-card .professional-network {
    padding-top: 8px;
}
.latait-author-card .professional-network a {
    display: inline;
    padding: 4px 4px;
    margin-right: 4px;
}
.latait-author-card .professional-network a span {
    display: none;
}
.latait-author-card .professional-network a:hover {
    opacity: 0.4;
}
.latait-author-card .professional-network a.linkedin::after, .latait-author-card .professional-network a.facebook::after, .latait-author-card .professional-network a.instagram::after, .latait-author-card .professional-network a.website::after {
    content: "";
    display: inline-block;
    width: 1.2em;
    /* Scales with text size */
    height: 1.2em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
}
.latait-author-card .professional-network a.linkedin::after {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- License: Logo. Made by jtblabs: https://github.com/jtblabs/jtb-icons --><svg fill="%23000000" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><title>linkedin</title><path d="M28.778 1.004h-25.56c-0.008-0-0.017-0-0.027-0-1.199 0-2.172 0.964-2.186 2.159v25.672c0.014 1.196 0.987 2.161 2.186 2.161 0.010 0 0.019-0 0.029-0h25.555c0.008 0 0.018 0 0.028 0 1.2 0 2.175-0.963 2.194-2.159l0-0.002v-25.67c-0.019-1.197-0.994-2.161-2.195-2.161-0.010 0-0.019 0-0.029 0h0.001zM9.9 26.562h-4.454v-14.311h4.454zM7.674 10.293c-1.425 0-2.579-1.155-2.579-2.579s1.155-2.579 2.579-2.579c1.424 0 2.579 1.154 2.579 2.578v0c0 0.001 0 0.002 0 0.004 0 1.423-1.154 2.577-2.577 2.577-0.001 0-0.002 0-0.003 0h0zM26.556 26.562h-4.441v-6.959c0-1.66-0.034-3.795-2.314-3.795-2.316 0-2.669 1.806-2.669 3.673v7.082h-4.441v-14.311h4.266v1.951h0.058c0.828-1.395 2.326-2.315 4.039-2.315 0.061 0 0.121 0.001 0.181 0.003l-0.009-0c4.5 0 5.332 2.962 5.332 6.817v7.855z"></path></svg>');
}
.latait-author-card .professional-network a.instagram::after {
    background-image: url('data:image/svg+xml,<svg fill="%23000000" width="800px" height="800px" viewBox="-2 -2 24 24" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" class="jam jam-instagram"><path d="M14.017 0h-8.07A5.954 5.954 0 0 0 0 5.948v8.07a5.954 5.954 0 0 0 5.948 5.947h8.07a5.954 5.954 0 0 0 5.947-5.948v-8.07A5.954 5.954 0 0 0 14.017 0zm3.94 14.017a3.94 3.94 0 0 1-3.94 3.94h-8.07a3.94 3.94 0 0 1-3.939-3.94v-8.07a3.94 3.94 0 0 1 3.94-3.939h8.07a3.94 3.94 0 0 1 3.939 3.94v8.07z"/><path d="M9.982 4.819A5.17 5.17 0 0 0 4.82 9.982a5.17 5.17 0 0 0 5.163 5.164 5.17 5.17 0 0 0 5.164-5.164A5.17 5.17 0 0 0 9.982 4.82zm0 8.319a3.155 3.155 0 1 1 0-6.31 3.155 3.155 0 0 1 0 6.31z"/><circle cx="15.156" cy="4.858" r="1.237"/></svg>');
}
.latait-author-card .professional-network a.website::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23000000"><path d="M318-120q-82 0-140-58t-58-140q0-40 15-76t43-64l134-133 56 56-134 134q-17 17-25.5 38.5T200-318q0 49 34.5 83.5T318-200q23 0 45-8.5t39-25.5l133-134 57 57-134 133q-28 28-64 43t-76 15Zm79-220-57-57 223-223 57 57-223 223Zm251-28-56-57 134-133q17-17 25-38t8-44q0-50-34-85t-84-35q-23 0-44.5 8.5T558-726L425-592l-57-56 134-134q28-28 64-43t76-15q82 0 139.5 58T839-641q0 39-14.5 75T782-502L648-368Z"/></svg>');
}
.latait-author-card .professional-network a.facebook::after {
    background-image: url('data:image/svg+xml,<svg fill="%23000000" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><path d="M20.9,2H3.1A1.1,1.1,0,0,0,2,3.1V20.9A1.1,1.1,0,0,0,3.1,22h9.58V14.25h-2.6v-3h2.6V9a3.64,3.64,0,0,1,3.88-4,20.26,20.26,0,0,1,2.33.12v2.7H17.3c-1.26,0-1.5.6-1.5,1.47v1.93h3l-.39,3H15.8V22h5.1A1.1,1.1,0,0,0,22,20.9V3.1A1.1,1.1,0,0,0,20.9,2Z"/></svg>');
}
div.tw-catalog__results_overview {
    position: relative;
    z-index: 1000;
}
/* Fixing the catalog cards for new format - will need correcting later */
#page-totara-catalog-index .tw-catalog__primaryFilter {
    position: relative;
    z-index: 1001;
}
#page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__title, #page-totara-catalog-index .tw-catalog__results .tw-grid__item .tw-catalogItemNarrow__content .tw-catalogItemNarrow__description {
    height: auto;
    max-height: 3.75em;
}
.latait-disabled-catalog-filter-pill {
    pointer-events: none;
    opacity: 0.2;
    cursor: default;
    text-decoration: none;
}
.latait-course-in-dev, .latait-course-in-archive {
    opacity: 0.2;
}
.tw-catalogManageBtns {
    z-index: 9001;
}
#fitem_id_customfield_LataitCustomFieldApproxTime .felement.ftext::after {
    content: "Format approx time as Xh Xm. For example: 20 minutes = 20m, 60 minutes = 1h, 85 minutes = 1h 25m";
    display: inline-block;
    margin: 0 0 0 10px;
    background: #ffffff;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 2em;
    color: #767676;
    font-size: 12px;
}
/*
  ---------------------------------------------------------------
   Ask Jensen glossary reskin — extended to course-1506 / context-19657
   Original rules only targeted:
     course-927 (context-13082)
     course-15  (context-13993)
   This adds:
     course-1506 (context-19657)  — PRODUCTION instance

   HOW TO USE:
   Paste this entire block into the SAME place the original
   "Ask Jensen" CSS lives (Site administration > Appearance >
   Themes > [your theme] > Advanced settings > Raw SCSS /
   Additional CSS), appended after the existing rules.
   It does not replace anything — it's additive.

   Before pasting into production: confirm 19657 is the GLOSSARY
   ACTIVITY's own context id (not the course's context id) — view
   source on the new glossary page and check the <body class="...">
   for "course-1506 ... context-19657 ... path-mod-glossary".
   A mismatch here just means the rules silently never fire, no
   error, no warning — so it's worth the 30-second check first.
   ---------------------------------------------------------------
*/
body.course-927.path-mod-glossary.context-13082 ol.breadcrumb li:nth-child(2), body.course-15.path-mod-glossary.context-13993 ol.breadcrumb li:nth-child(2), body.course-1506.path-mod-glossary.context-19657 ol.breadcrumb li:nth-child(2) {
    display: none;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    z-index: 999998;
    align-items: center;
    justify-content: center;
    transition-behavior: allow-discrete;
    opacity: 1;
    scale: 1;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box {
    background: #fff;
    border-radius: 12px;
    width: 92vw;
    max-width: 1260px;
    border: solid 1px #e2e8f0;
    max-height: 85vh;
    overflow-y: auto;
    padding: 12.5px;
    position: relative;
    z-index: 999999;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close {
    position: absolute;
    top: 10px;
    right: 18px;
    border: none;
    background: #e6e8e9;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    font-size: 0px;
    width: 30px;
    height: 30px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close::before, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close::before, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close::before {
    content: "";
    display: block;
    position: absolute;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>') no-repeat 50% 0;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
    background: #000;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close:hover, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close:hover, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close:hover {
    filter: brightness(1.15);
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close:focus-visible, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close:focus-visible, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .latait-jensen-modal-close:focus-visible {
    outline: 2px solid pink;
    outline-offset: 2px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-loading, body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-loading, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-loading, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error {
    font-size: 18px;
    line-height: 32px;
    padding: 4px 8px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error {
    margin: 0;
    text-align: center;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error span, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error span, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-jensen-error span {
    display: inline-block;
    border-radius: 6px;
    padding: 4px 14px;
    color: #dc2626;
    border: solid 1px rgb(255,176.6,176.6);
    background: rgb(255,237.8,237.8);
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-skeleton-wrap, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-skeleton-wrap, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box #latait-jensen-modal-body .latait-skeleton-wrap {
    padding: 20px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup, body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost {
    width: 100%;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry, body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry {
    padding: 20px;
    font-size: 18px;
    line-height: 32px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry h4, body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry h4, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry h4, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry h4, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry h4, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry h4 {
    margin: 0 0 20px 0;
    line-height: 50px;
}
body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry p, body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry li, body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry p, body.course-927.path-mod-glossary.context-13082 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry li, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry p, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry li, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry p, body.course-15.path-mod-glossary.context-13993 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry li, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry p, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypopup .entry li, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry p, body.course-1506.path-mod-glossary.context-19657 #latait-jensen-modal-overlay #latait-jensen-modal-box .glossarypost .entry li {
    max-width: 80ch;
}
body.course-927.path-mod-glossary.context-13082 div[role=main] h2:first-of-type, body.course-927.path-mod-glossary.context-13082 br, body.course-927.path-mod-glossary.context-13082 .glossarycontrol, body.course-15.path-mod-glossary.context-13993 div[role=main] h2:first-of-type, body.course-15.path-mod-glossary.context-13993 br, body.course-15.path-mod-glossary.context-13993 .glossarycontrol, body.course-1506.path-mod-glossary.context-19657 div[role=main] h2:first-of-type, body.course-1506.path-mod-glossary.context-19657 br, body.course-1506.path-mod-glossary.context-19657 .glossarycontrol {
    display: none;
}
body.course-927.path-mod-glossary.context-13082 #region-main, body.course-15.path-mod-glossary.context-13993 #region-main, body.course-1506.path-mod-glossary.context-19657 #region-main {
    background: rgba(0,0,0,0);
    padding: 0;
}
/* This is the hero banner with the background image you were asking about */
body.course-927.path-mod-glossary.context-13082 #intro, body.course-15.path-mod-glossary.context-13993 #intro, body.course-1506.path-mod-glossary.context-19657 #intro {
    background: #000;
    color: #fff;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    padding: 40px 28px 22px 28px;
    position: relative;
    text-shadow: 0 0 8px rgba(0,0,0,.6);
    background-repeat: no-repeat;
    background-image: url("https://tait-totara.testing.catlearn.nz/pluginfile.php/12958/block_html/content/latait-homepage-jensen-hero.png");
    background-size: cover;
    background-position: center;
}
body.course-927.path-mod-glossary.context-13082 #intro:after, body.course-15.path-mod-glossary.context-13993 #intro:after, body.course-1506.path-mod-glossary.context-19657 #intro:after {
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    background: linear-gradient(0deg, rgb(0,0,0) 0%, rgba(0,0,0,0.4) 100%);
}
body.course-927.path-mod-glossary.context-13082 #intro .no-overflow, body.course-15.path-mod-glossary.context-13993 #intro .no-overflow, body.course-1506.path-mod-glossary.context-19657 #intro .no-overflow {
    position: relative;
    z-index: 10;
}
body.course-927.path-mod-glossary.context-13082 #intro h2, body.course-15.path-mod-glossary.context-13993 #intro h2, body.course-1506.path-mod-glossary.context-19657 #intro h2 {
    font-size: 40px;
    display: block;
    margin-top: 0;
    /* Explicit override needed: the sitewide `body h1,h2,h3,h4,p {color:
       #002249}` rule matches this h2 directly and wins over the white
       merely inherited from #intro's own `color:#fff` above - inheritance
       has no specificity, so it loses to any direct rule. Was making this
       heading nearly invisible against the dark hero image. Live site has
       this white, not navy - correct here specifically because of the
       dark background, unlike the rest of the site's headings. */
    color: #ffffff;
}
body.course-927.path-mod-glossary.context-13082 #intro p, body.course-15.path-mod-glossary.context-13993 #intro p, body.course-1506.path-mod-glossary.context-19657 #intro p {
    max-width: 800px;
    /* Same issue and same fix as the h2 rule above. */
    color: #ffffff;
}
body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post], body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post], body.course-1506.path-mod-glossary.context-19657 .form.form-inline[method=post] {
    border-radius: 0 0 12px 12px;
    padding: 4px 28px 14px 28px;
    width: 100%;
    background: #000;
    margin: 0 auto 10px auto;
}
body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post] .btn-secondary, body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post] .form-control, body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] .btn-secondary, body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] .form-control, body.course-1506.path-mod-glossary.context-19657 .form.form-inline[method=post] .btn-secondary, body.course-1506.path-mod-glossary.context-19657 .form.form-inline[method=post] .form-control {
    margin: 0;
    display: inline-block;
    float: left;
    max-width: none;
    font-size: 20px;
    height: 60px;
    border: none;
    border-radius: 6px;
}
body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post] .form-control, body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] .form-control, body.course-1506.path-mod-glossary.context-19657 .form.form-inline[method=post] .form-control {
    border-color: #000;
    margin-right: 10px;
    width: calc(84% - 10px);
}
body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post] .btn-secondary, body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] .btn-secondary, body.course-1506.path-mod-glossary.context-19657 .form.form-inline[method=post] .btn-secondary {
    margin: 0;
    width: 16%;
    /* Was Tait Blue #00b8e4/black text, then solid navy/white (previous
       pass) - now outline style per direction given: white bg, navy
       text, 2px navy border, matching the sitewide button convention
       used elsewhere rather than a solid fill. */
    background: #ffffff;
    color: #002249;
    border: 2px solid #002249;
}
body.course-927.path-mod-glossary.context-13082 .form.form-inline[method=post] .checkbox, body.course-15.path-mod-glossary.context-13993 .form.form-inline[method=post] .checkbox, body.course-1506.path-mod-glossary.context-19657 .form.form-inline[method=post] .checkbox {
    color: #fff;
}
body.course-927.path-mod-glossary.context-13082 .glossaryaddentry form, body.course-15.path-mod-glossary.context-13993 .glossaryaddentry form, body.course-1506.path-mod-glossary.context-19657 .glossaryaddentry form {
    padding: 20px 20px 20px 0;
}
body.course-927.path-mod-glossary.context-13082 .glossaryaddentry .btn-secondary, body.course-15.path-mod-glossary.context-13993 .glossaryaddentry .btn-secondary, body.course-1506.path-mod-glossary.context-19657 .glossaryaddentry .btn-secondary {
    margin: 0;
    padding: 10px 20px;
    background: #002249;
    border-color: #002249;
    color: #ffffff;
}
/* This hides the "Browse by alphabet/category/date/author" row */
body.course-927.path-mod-glossary.context-13082 .tabtree, body.course-15.path-mod-glossary.context-13993 .tabtree, body.course-1506.path-mod-glossary.context-19657 .tabtree {
    display: none;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay, body.course-15.path-mod-glossary.context-13993 .glossarydisplay, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay {
    padding-top: 20px;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarycategoryheader, body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossaryimportexport, body.course-927.path-mod-glossary.context-13082 .glossarydisplay hr, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarycategoryheader, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossaryimportexport, body.course-15.path-mod-glossary.context-13993 .glossarydisplay hr, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarycategoryheader, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossaryimportexport, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay hr {
    display: none;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .entrybox, body.course-15.path-mod-glossary.context-13993 .glossarydisplay .entrybox, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay .entrybox {
    background: #e6e8e9;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div, body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay .paging div {
    text-align: left !important;
    color: rgba(0,0,0,0);
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div b, body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div a, body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div b, body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div a, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay .paging div b, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay .paging div a {
    font-size: 20px;
    border-radius: 6px;
    display: inline-block;
    border: 1px solid hsl(240,3.125%,72.5490196078%);
    padding: 4px 12px;
    color: #1f1f21;
    font-weight: 400;
    text-decoration: none !important;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div b, body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div b, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay .paging div b {
    background: #1f1f21;
    color: #f9fafa;
    border-color: #f9fafa;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div a, body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div a, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay .paging div a {
    background: #e9ebec;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay .paging div a:hover, body.course-15.path-mod-glossary.context-13993 .glossarydisplay .paging div a:hover, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay .paging div a:hover {
    background: #fff;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist {
    padding: 0 0 10px 0;
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist tbody, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist tbody, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist tbody {
    display: block;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist tbody tr, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist tbody tr, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist tbody tr {
    display: block;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entry, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entry, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist .entry {
    display: block;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entry a, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entry a, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist .entry a {
    display: block;
    border: none;
    border-radius: 12px;
    background: #fff;
    padding: 14px 24px;
    text-decoration: none;
    transition: ease-in-out 200ms;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entry a:hover, body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entry a:focus, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entry a:hover, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entry a:focus, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist .entry a:hover, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist .entry a:focus {
    background: #00b8e4;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entry a h4, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entry a h4, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist .entry a h4 {
    font-size: 18px;
    font-weight: 400;
    color: #1f1f21;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entrylowersection, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entrylowersection, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist .entrylowersection {
    position: absolute;
    padding: 0;
    display: block;
    top: 14px;
    right: 10px;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entrylowersection a.icon, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entrylowersection a.icon, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist .entrylowersection a.icon {
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 33px;
    border-radius: 20px;
    border: solid 1px #e9ebec;
    padding: 0;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entrylowersection a.icon:hover, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entrylowersection a.icon:hover, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist .entrylowersection a.icon:hover {
    background-color: #e9ebec;
}
body.course-927.path-mod-glossary.context-13082 .glossarydisplay table.glossarypost.entrylist .entrylowersection a[title=Delete]:hover, body.course-15.path-mod-glossary.context-13993 .glossarydisplay table.glossarypost.entrylist .entrylowersection a[title=Delete]:hover, body.course-1506.path-mod-glossary.context-19657 .glossarydisplay table.glossarypost.entrylist .entrylowersection a[title=Delete]:hover {
    background: #ff5f5f;
    color: #fff;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .concept h4, body.course-15.path-mod-glossary.context-13993 .glossarypost .concept h4, body.course-1506.path-mod-glossary.context-19657 .glossarypost .concept h4 {
    font-size: 42px;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .no-overflow h4, body.course-15.path-mod-glossary.context-13993 .glossarypost .no-overflow h4, body.course-1506.path-mod-glossary.context-19657 .glossarypost .no-overflow h4 {
    font-size: 24px;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .no-overflow h5, body.course-15.path-mod-glossary.context-13993 .glossarypost .no-overflow h5, body.course-1506.path-mod-glossary.context-19657 .glossarypost .no-overflow h5 {
    font-size: 20px;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-index, body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-preface, body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-index, body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-preface, body.course-1506.path-mod-glossary.context-19657 .glossarypost .latait-kb-article-index, body.course-1506.path-mod-glossary.context-19657 .glossarypost .latait-kb-article-preface {
    display: block;
    margin: 4px 0 20px 0;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-index li, body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-preface li, body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-index li, body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-preface li, body.course-1506.path-mod-glossary.context-19657 .glossarypost .latait-kb-article-index li, body.course-1506.path-mod-glossary.context-19657 .glossarypost .latait-kb-article-preface li {
    list-style: none;
    padding: 0;
    margin: 4px 0;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-index li br, body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-kb-article-preface li br, body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-index li br, body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-kb-article-preface li br, body.course-1506.path-mod-glossary.context-19657 .glossarypost .latait-kb-article-index li br, body.course-1506.path-mod-glossary.context-19657 .glossarypost .latait-kb-article-preface li br {
    display: block;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-content-column-x3, body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-content-column-x3, body.course-1506.path-mod-glossary.context-19657 .glossarypost .latait-content-column-x3 {
    column-gap: 20px;
    padding: 26px 0 0 0;
}
body.course-927.path-mod-glossary.context-13082 .glossarypost .latait-content-column-x3 .latait-column, body.course-15.path-mod-glossary.context-13993 .glossarypost .latait-content-column-x3 .latait-column, body.course-1506.path-mod-glossary.context-19657 .glossarypost .latait-content-column-x3 .latait-column {
    background: #ddd;
    padding: 20px 24px;
    border-radius: 6px;
}