: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;}
/* v155 (go-live prep): every hardcoded test-site address
   (full test-site domain + /pluginfile.php/...) changed
   to a ROOT-RELATIVE path (/pluginfile.php/...), 18 occurrences. The
   files now load from whichever site the CSS is pasted into, so the
   domain no longer needs changing at go-live - only the two pluginfile
   context IDs, if they differ on live:
     12958 = "Sitewide Decorative Assets" HTML block (logos, icons,
             banner, Jensen hero, nav toggle SVGs, footer social icons)
     14121 = Reports featured-links block (tile 344 diamond, Picture13)
   Find/replace "/pluginfile.php/12958/" and "/pluginfile.php/14121/"
   with the live context IDs. See the Go-Live play sheet. */
/* ==========================================================================
   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;
    /* v133: #1f1f21 -> navy. This was the root source of the remaining
       near-black text sitewide (breadcrumb, Learning Plans / Required
       Learning / Record of Learning / Team / Reports text, report table
       headers etc.) - all of it was simply inheriting this value. Changed
       at the source rather than patching each component. Anything meant
       to be white on a dark background already sets white explicitly
       (hero text, footer, filled badges), so it isn't affected. */
    color:#002249;
}
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;
}
/* v117: Extend the navy body-copy colour to list items. Bulleted/numbered
   lists in page content were still near-black: <li> isn't covered by the
   `body p` rule above, so it just inherited #1f1f21 from
   .latait-page-content-wrap {color:#1f1f21} (confirmed via Computed tab,
   Numbers page). The bullet ::marker follows the li's colour, so bullets
   go navy too.
   Deliberately kept WEAK and scoped:
   - :where(#region-main) contributes zero specificity, so this is just
     (0,0,1) - any existing class-based colour rule on an li (Tui
     components, nav items, tip boxes etc.) still wins over it. It only
     fills the gap where an li had no colour of its own and was merely
     inheriting.
   - #region-main only, so side-region blocks (e.g. the cyan "Page module
     administration" menu, whose white bullets are inherited, not set
     directly) and the footer aren't touched.
   Lists sitting on a dark/coloured background inside main content will
   need an explicit override the same way white headings/paragraphs did
   (see tip-box rule below for the pattern). */
:where(#region-main) li {
    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;
    /* !important needed on both of these: .pagelayout-dashboard .block
       (further down this file) unconditionally sets border:none and
       box-shadow:none, also with !important - and when both sides use
       !important, normal specificity (this ID vs that two-class
       selector) no longer decides the winner. That rule was silently
       killing this card's shadow, which is why it read flat instead of
       "popping" above the page background. */
    border: none !important;
    box-shadow: 0 0 2px #00255033 !important;
    /* 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;
}
/* Dashboard blocks: Current Learning (#inst1756), My Learning (#inst1757),
   Alerts (#inst1186) - same card treatment as #inst5054 above, since
   .pagelayout-dashboard .block_current_learning (and .block generally)
   deliberately sets a transparent background and kills border/shadow with
   !important by default on this pagelayout. Even padding on all sides
   per direction given, rather than #inst5054's margin-top-only approach,
   since these blocks' own header/content don't already have outer
   breathing room the way #inst5054's single paragraph did. */
#inst1756, #inst1757, #inst1186,
/* v127: class-based version so Current Learning gets the card on ALL
   dashboards, not just the one where it's #inst1756. (0,3,0) beats
   .pagelayout-dashboard .block_current_learning {background:transparent}
   (0,2,0); border/shadow !important as for the IDs, vs the
   .pagelayout-dashboard .block !important reset. */
.pagelayout-dashboard .block.block_current_learning,
/* v153: same for the Alerts block. It was only carded via #inst1186,
   which exists on the Staff dashboard alone - the Partner (#inst1193),
   Customer (#inst4655) and default "My Learning" (#inst1500) dashboards
   each have their own instance ID, so their Alerts block fell back to
   the #f9fafa .latait-page-content-wrap .block background with no card.
   Class-based now, so every dashboard's Alerts block gets it. The
   default dashboard is included under both possible page layouts
   (dashboard / mydashboard). */
.pagelayout-dashboard .block.block_totara_alerts,
.pagelayout-mydashboard .block.block_totara_alerts {
    background-color: #ffffff;
    border-radius: 4px;
    border: none !important;
    box-shadow: 0 0 2px #00255033 !important;
    padding: 16px;
}
/* Featured Learning tile block (bottom of Dashboard) - same card
   treatment, matching direction to keep this looking similar to the
   blocks above. */
.block-totara-featured-links-layout.align-left.landscape {
    background-color: #ffffff;
    border-radius: 4px;
    border: none !important;
    box-shadow: 0 0 2px #00255033 !important;
    padding: 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;
    /* The generic .block {border:1px solid var(--color-border)} fallback
       was never actually killed here - removing our own navy border
       override a while back just meant we stopped setting a border
       ourselves, not that no border applies at all, so that fallback
       border kept quietly showing through underneath the shadow this
       whole time. Explicit none needed to fully match the shadow-only
       look used elsewhere. */
    border: none;
    /* !important added defensively: #inst5054 (elsewhere in this file)
       turned out to be silently losing its shadow to a pagelayout-
       specific ".block {box-shadow:none!important}" rule - adding it
       here too in case any of the My Learning sub-pages this appears on
       have a similar reset, even though no conflict is visible in what's
       been checked so far. */
    box-shadow: 0 0 2px #00255033 !important;
    padding: 16px;
    margin-bottom: 16px;
}
#page-content {
    margin-top: 16px;
}
/* v118: Admin page side blocks - Admin bookmarks, Admin subnav
   (Appearance > Themes etc.) and Related pages - same white-card recipe,
   same reasoning as the profile blocks directly below (they were showing the
   #f9fafa .latait-page-content-wrap .block background plus the generic
   .block 1px grey border). No padding added, unlike the profile blocks:
   these already have header/content padding of their own and extra
   padding would double it. Internal header/content divider line left as
   is - flag if that should go too. */
div.block.block_admin_bookmarks,
div.block.block_admin_subnav,
div.block.block_admin_related_pages {
    background-color: #ffffff;
    border-radius: 4px;
    border: none !important;
    box-shadow: 0 0 2px #00255033 !important;
}
/* v112: User profile page blocks (User details, Job assignments,
   Administration, Reports, Login activity, Learning, Notifications) -
   white-card recipe, matching div.block.block_fake directly above.
   Confirmed via Styles panel (#inst4334, User details): every block on
   this page carries .block_totara_user_profile, and the winning
   background was .latait-page-content-wrap .block {background:#f9fafa}
   (two classes) - with a duplicate copy of that same rule later in the
   compiled sheet, which is why the earlier "transparent bg / 12px radius"
   lines in that group showed as struck through. div.block.<class> is
   (0,2,1), so it beats both copies on specificity alone without needing
   !important on the background. The generic .block {border:1px solid
   var(--color-border)} fallback was also still showing (the thin grey
   edge on Administration etc.), so border is explicitly killed here,
   same lesson as block_fake above. box-shadow gets !important
   defensively, same reasoning as block_fake - no pagelayout reset seen
   on this page so far, but cheap insurance. */
div.block.block_totara_user_profile {
    background-color: #ffffff;
    border-radius: 4px;
    border: none !important;
    box-shadow: 0 0 2px #00255033 !important;
    padding: 16px;
    margin-bottom: 16px;
}
/* Login activity block's body text (First/Last access, IP address etc.)
   was rendering black: the sitewide body h1-h4/p navy rule doesn't reach
   it because it isn't in a <p> - it sits in the profile tree's
   list/definition markup, so it was just inheriting the theme's default
   body text color. Navy set on the content wrapper AND on the list/dl
   elements directly, since inheritance alone loses to any direct rule a
   theme might put on dt/dd/li. Deliberately NOT applied to span or a:
   links already have their own navy rule, and the red delete (x) icon
   next to Job assignments is a span inside a link - a blanket span rule
   would have turned it navy too. Applied to all profile blocks rather
   than just Login activity, since the others already read navy and this
   just makes it consistent - no block ID needed, so it survives
   instance IDs differing between test and live. If any Login activity
   text is still black after this, it's in an element this list doesn't
   cover - send a Styles panel screenshot of that text. */
div.block.block_totara_user_profile .content,
div.block.block_totara_user_profile .content dl,
div.block.block_totara_user_profile .content dt,
div.block.block_totara_user_profile .content dd,
div.block.block_totara_user_profile .content li,
div.block.block_totara_user_profile .content td,
div.block.block_totara_user_profile .content th {
    color: #002249;
}
/* v113: REVERTED the v112 solid-navy "Update job assignment"/"Cancel"
   rule that lived here (#page-totara-job-jobassignment #fgroup_id_buttonar
   ...). It was a misread of the request - the ask was the opposite: NO
   button should carry a navy fill (the navy these buttons show comes from
   the theme itself, not this file). Replaced by the sitewide outline-
   button rule next to the shared button rules further down (search
   "v113: Sitewide button background"). Left this note so the reversal
   isn't repeated. */
.tui-theme_inspire-navItem--selected {
    background-color: #e3f0f5;
    border-left: none;
    box-shadow: none;
}
/* v150: Left main menu - centre each item's hover highlight inside the
   selected-item highlight. The selected background is on the outer
   .tui-theme_inspire-navItem, the hover highlight on the inner
   __heading link; the heading sat at the BOTTOM of the item, so the
   selected tint showed as a 4px strip above the hover box only.
   The item's vertical padding is cleared and the heading given an equal
   2px margin top and bottom instead - same total height as before (so
   the menu doesn't shift), but the selected tint now shows 2px above
   and 2px below the hover box. Scoped under the navigation container so
   only the main menu is affected. */
.tui-theme_inspire-navigation .tui-theme_inspire-navItem {
    padding-top: 0;
    padding-bottom: 0;
}
.tui-theme_inspire-navigation .tui-theme_inspire-navItem > .tui-theme_inspire-navItem__heading {
    margin-top: 2px;
    margin-bottom: 2px;
}
/* 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;
}
/* v134: SUPERSEDES the navy fill above. "Progress" / "Requirements"
   pills on program and certification pages now match the Ask Jensen
   "Page: 1 2 3 4 Next" buttons and Current Learning pagination:
   - resting: white, navy text, no border (the theme's thin outline
     removed), soft shadow;
   - hover: #e3f0f5 tint;
   - selected: #e3f0f5 fill, navy text - the shared "selected" state, no
     longer solid navy (the theme set the selected text white for the old
     filled look, so colour is set on the pill and its children).
   Pill radius left as the theme's. !important on background/colour/
   border/shadow: Tui styles these through its own component tokens. The
   same component is used on both programs and certifications, so one
   rule covers both. */
.tui-totara_program-navigationPill {
    background: #ffffff !important;
    color: #002249 !important;
    border: none !important;
    box-shadow: 0 0 2px #00255033 !important;
}
.tui-totara_program-navigationPill * {
    color: inherit !important;
}
.tui-totara_program-navigationPill:hover,
.tui-totara_program-navigationPill--selected,
.tui-totara_program-navigationPill--selected:hover {
    background: #e3f0f5 !important;
    color: #002249 !important;
}
.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;
    /* v113: was #dcdee0 - kept in sync with the winning copy further down
       (search "v113: Breadcrumb bar"), transparent to blend with page. */
    background:transparent;
}
#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 {
    /* v134: #1f1f21 -> navy. The v133 body/wrapper change didn't reach
       breadcrumb links because this rule sets their colour directly
       (confirmed via Styles panel). */
    color:#002249;
    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;
}
/* v113: Sitewide button background - outline style everywhere, per
   direction given: "no button should have the Tait Navy Blue background
   except the Search button in the catalog search bar". Confirmed via
   Computed tab on user/edit.php: input#id_submitbutton ("Update profile")
   resolves background-color to rgb(0,34,73) = navy, and nothing in this
   file sets that for these buttons - so it's the theme's own primary-
   button colour (brand colour setting / button token, same family as the
   --local-btn-color seen on the featured-links "Add tile" button). Since
   the exact winning theme rule wasn't visible (Computed tab only), and
   Bootstrap-style :active/:focus state rules are often high-specificity,
   background and color use !important so this holds in every state.
   Unlike the shared rule above, this one deliberately leaves bare
   `button` out of its list:
   a bare `button` would also hit icon buttons, nav toggles, close (x)
   buttons, dropdown triggers etc. that are meant to stay transparent -
   only form/submit/"btn-*" style buttons are covered here. If a navy-
   filled button still turns up somewhere, get its class list and add it.
   :not(.tw-selectSearchText__btn) - the ONE deliberate exception (catalog
   search button has its own dedicated styling), guarded here in case it
   carries any of these classes as well. v115 NOTE: that button is no
   longer navy-filled either (now the 5% navy tint) - the exclusion is
   kept so its own rules stay in charge of it.
   Knock-on effects (intended, for consistency): overrides the old Tait
   Blue hover on feedback-form submit buttons (.path-mod-feedback,
   .latait-sitewide-feedback), the grey feedback Cancel, the navy glossary
   "Add entry" button, and id_submitbutton's old black text from the
   group directly above - all become white/navy with the tint on hover.
   Border/radius/shadow/weight left WITHOUT !important, so existing more-
   specific outline variants (e.g. glossary search's 2px navy border) keep
   their own borders.
   Hover/active tint: #e3f0f5, the same light navy tint as the selected
   item in the left main menu (.tui-theme_inspire-navItem--selected),
   per direction given. Easy to revert: delete these three rules. */
input[type=submit]:not(.tw-selectSearchText__btn),
input[type=button]:not(.tw-selectSearchText__btn),
input[type=reset]:not(.tw-selectSearchText__btn),
input.form-submit:not(.tw-selectSearchText__btn),
.btn-primary:not(.tw-selectSearchText__btn),
.btn-secondary:not(.tw-selectSearchText__btn),
.btn-default:not(.tw-selectSearchText__btn),
.btn-cancel:not(.tw-selectSearchText__btn),
.tui-formBtn--prim:not(.tw-selectSearchText__btn) {
    background: #ffffff !important;
    color: #002249 !important;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 2px #00255033;
    font-weight: 600;
}
/* Keyboard/after-click focus stays white (theme's focus state was also
   navy-filled) - the sitewide Tait Blue focus ring still marks focus.
   Placed BEFORE the hover/active rule below: same specificity, so a
   button that is both focused and hovered gets the hover tint. */
input[type=submit]:not(.tw-selectSearchText__btn):focus,
input[type=button]:not(.tw-selectSearchText__btn):focus,
input[type=reset]:not(.tw-selectSearchText__btn):focus,
input.form-submit:not(.tw-selectSearchText__btn):focus,
.btn-primary:not(.tw-selectSearchText__btn):focus,
.btn-secondary:not(.tw-selectSearchText__btn):focus,
.btn-default:not(.tw-selectSearchText__btn):focus,
.btn-cancel:not(.tw-selectSearchText__btn):focus,
.tui-formBtn--prim:not(.tw-selectSearchText__btn):focus,
input[type=submit]:not(.tw-selectSearchText__btn):visited,
input[type=button]:not(.tw-selectSearchText__btn):visited,
input[type=reset]:not(.tw-selectSearchText__btn):visited,
input.form-submit:not(.tw-selectSearchText__btn):visited,
.btn-primary:not(.tw-selectSearchText__btn):visited,
.btn-secondary:not(.tw-selectSearchText__btn):visited,
.btn-default:not(.tw-selectSearchText__btn):visited,
.btn-cancel:not(.tw-selectSearchText__btn):visited,
.tui-formBtn--prim:not(.tw-selectSearchText__btn):visited {
    background: #ffffff !important;
    color: #002249 !important;
}
input[type=submit]:not(.tw-selectSearchText__btn):hover,
input[type=button]:not(.tw-selectSearchText__btn):hover,
input[type=reset]:not(.tw-selectSearchText__btn):hover,
input.form-submit:not(.tw-selectSearchText__btn):hover,
.btn-primary:not(.tw-selectSearchText__btn):hover,
.btn-secondary:not(.tw-selectSearchText__btn):hover,
.btn-default:not(.tw-selectSearchText__btn):hover,
.btn-cancel:not(.tw-selectSearchText__btn):hover,
.tui-formBtn--prim:not(.tw-selectSearchText__btn):hover,
input[type=submit]:not(.tw-selectSearchText__btn):active,
input[type=button]:not(.tw-selectSearchText__btn):active,
input[type=reset]:not(.tw-selectSearchText__btn):active,
input.form-submit:not(.tw-selectSearchText__btn):active,
.btn-primary:not(.tw-selectSearchText__btn):active,
.btn-secondary:not(.tw-selectSearchText__btn):active,
.btn-default:not(.tw-selectSearchText__btn):active,
.btn-cancel:not(.tw-selectSearchText__btn):active,
.tui-formBtn--prim:not(.tw-selectSearchText__btn):active,
input[type=submit]:not(.tw-selectSearchText__btn):active:focus,
input[type=button]:not(.tw-selectSearchText__btn):active:focus,
input[type=reset]:not(.tw-selectSearchText__btn):active:focus,
input.form-submit:not(.tw-selectSearchText__btn):active:focus,
.btn-primary:not(.tw-selectSearchText__btn):active:focus,
.btn-secondary:not(.tw-selectSearchText__btn):active:focus,
.btn-default:not(.tw-selectSearchText__btn):active:focus,
.btn-cancel:not(.tw-selectSearchText__btn):active:focus,
.tui-formBtn--prim:not(.tw-selectSearchText__btn):active:focus {
    background: #e3f0f5 !important;
    color: #002249 !important;
}
/* v114: "Log out" item in the user (profile) dropdown menu - brought in
   line with the v113 sitewide button style directly above. It isn't a
   real <button>/<input>, it's an <a class="itemtype-logout menu-action">
   that the theme dresses up as a button, so the v113 rule never reached
   it. Theme rule (confirmed via Styles panel):
     .usermenu .moodle-actionmenu[data-enhanced].show .menu>li>a.itemtype-logout
     {border: var(--border-width-thin) solid var(--color-state); ...}
   i.e. the navy outline comes from the --color-state token. Deliberately
   NOT overriding that token: --color-state is a shared Tui/theme token
   likely used by other components' borders/states, so changing it here
   would have side effects well beyond this one link. Instead the exact
   same selector is reused (0,6,2), with !important on the border so it
   wins regardless of stylesheet load order. Margin/radius/centering from
   the theme rule are left as-is; only border/shadow/colours change.
   Hover/focus tint #e3f0f5 matches the v113 buttons (and the selected
   left-menu item). Icon (.flex-icon) colour set explicitly since it's an
   icon-font glyph that may carry its own colour from the menu styles. */
.usermenu .moodle-actionmenu[data-enhanced].show .menu>li>a.itemtype-logout {
    background: #ffffff;
    color: #002249;
    border: none !important;
    border-radius: 4px;
    box-shadow: 0 0 2px #00255033;
    font-weight: 600;
}
.usermenu .moodle-actionmenu[data-enhanced].show .menu>li>a.itemtype-logout .flex-icon,
.usermenu .moodle-actionmenu[data-enhanced].show .menu>li>a.itemtype-logout .menu-action-text {
    color: #002249;
}
.usermenu .moodle-actionmenu[data-enhanced].show .menu>li>a.itemtype-logout:hover,
.usermenu .moodle-actionmenu[data-enhanced].show .menu>li>a.itemtype-logout:focus,
.usermenu .moodle-actionmenu[data-enhanced].show .menu>li>a.itemtype-logout:active {
    background: #e3f0f5 !important;
    color: #002249;
}
/* v115: Edit-mode "Add a block" icon buttons (button.addBlock--trigger,
   one per block region) - styled to match the catalog search button:
   5% navy tint fill, navy (+) icon, no border, soft shadow, #e3f0f5 on
   hover/active. Theme rule (confirmed via Styles panel):
     .addBlock--trigger:hover {background/border: var(--local-btn-color)
     -> var(--local-btn-color-hover); box-shadow: var(--btn-shadow-hover)}
   i.e. it's driven by a component-local token defaulting to the theme's
   accent/primary colour (old Tait Blue/navy family) - same pattern as the
   featured-links "Add tile" button. Overridden with direct properties
   rather than by redefining --local-btn-color, because which properties
   that token feeds (bg vs border vs text) isn't fully visible, and a
   direct value is unambiguous. .addBlock parent added to the selector
   (0,2,0 vs the theme's 0,1,1-0,2,0), plus !important on background/
   border/color/shadow so the token-driven :hover rule can't win on
   specificity ties or load order. The shared `button` rule near the top
   of the file also reaches this element (it's a bare <button>) - these
   declarations supersede it. If other edit-mode icon buttons still show
   the old colour, send their class list and they can join this rule. */
.addBlock .addBlock--trigger {
    background: rgba(11, 63, 108, 0.05) !important;
    color: #002249 !important;
    border: none !important;
    box-shadow: 0 0 2px #00255033 !important;
}
.addBlock .addBlock--trigger .flex-icon {
    color: #002249 !important;
}
/* Focus before hover: same specificity, so focused+hovered gets the
   hover tint. Focus ring itself is the sitewide Tait Blue outline. */
.addBlock .addBlock--trigger:focus {
    background: rgba(11, 63, 108, 0.05) !important;
}
.addBlock .addBlock--trigger:hover,
.addBlock .addBlock--trigger:active,
.addBlock .addBlock--trigger:active:hover {
    background: #e3f0f5 !important;
    color: #002249 !important;
    border: none !important;
    box-shadow: 0 0 3px #00255055 !important;
}
/* v141: Progress bars on Learning Plans, Required Learning and Record of
   Learning (and program pages) given the same LOOK as the Current
   Learning block's bars: light grey track with a soft inset top shadow,
   green fill (#7fd262) with rounded leading end, yellow (#facc18) when
   at 100%, black % text. Colours/shadows/radius only - height and
   widths are deliberately NOT set, so the bars stay their current size,
   per direction given. The Current Learning "Completed" text swap at
   100% is not copied (it relies on that block's layout).
   Scoped by page path class: /totara/plan/... (Learning Plans, Record of
   Learning) and /totara/program/... (Required Learning, program pages).
   :is() keeps it to one rule; (0,3,0)-(0,4,0) beats the theme's
   Bootstrap .progress / .bar colours. */
:is(.path-totara-plan, .path-totara-program) .progressbar_container .progress {
    border: none;
    border-radius: 50px;
    overflow: hidden;
    background-color: hsl(240,3.125%,92.5490196078%);
    box-shadow: inset 0px 2px 0px hsl(240,3.125%,72.5490196078%);
}
:is(.path-totara-plan, .path-totara-program) .progressbar_container .progress .bar {
    border-radius: 50px 0 0 50px;
    box-shadow: inset 0px 2px 0px rgba(0,0,0,.1);
    background-color: #7fd262;
    background-image: none;
}
:is(.path-totara-plan, .path-totara-program) .progressbar_container .progress .bar[style="width:100%"] {
    background: #facc18;
}
:is(.path-totara-plan, .path-totara-program) .progressbar_container .progress .progressbar__text {
    color: #000;
    font-weight: normal;
}
/* v151: Confirmation modals (e.g. quiz "Submit all and finish" ->
   "Confirmation") - buttons were right-aligned and, once the narrow modal
   wrapped them onto two lines, stacked hard against each other so their
   shadows ran into one another. Now centred, with an even 12px gap
   between them (horizontally, or vertically when they wrap) and 16px
   above / 8px below the row.
   The buttons carry Bootstrap's mr-3 (margin-right:1rem !important),
   which would push the pair off-centre - cleared with !important; the
   flex gap does the spacing instead. Applies to every Moodle/Totara
   confirm dialogue, which share this markup. */
.moodle-dialogue-confirm .confirmation-dialogue .confirmation-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 16px 0 8px 0;
    text-align: center;
}
.moodle-dialogue-confirm .confirmation-dialogue .confirmation-buttons input,
.moodle-dialogue-confirm .confirmation-dialogue .confirmation-buttons button,
.moodle-dialogue-confirm .confirmation-dialogue .confirmation-buttons .btn {
    margin: 0 !important;
}
/* v152: tighten the gap between the confirm dialogue title
   ("Confirmation") and its message - the h2's bottom margin
   (var(--gap-5)) was most of it; removed, leaving the header/body
   padding, roughly 1/3-1/2 of the previous gap. */
.moodle-dialogue-confirm .moodle-dialogue-hd h2 {
    margin-bottom: 0;
}
/* v152: block titles sitewide - weight 500 -> 800, per direction given.
   (0,2,1). More specific per-area title rules keep their own weight:
   e.g. dashboard block titles stay at 700 (v124), so change that rule
   too if they should match. */
.block .block-header h2 {
    font-weight: 800;
}
/* v154: Landing page, Zone 3 (Ask Jensen panel on the dark mesh) -
   heading ("Ask Jensen"), intro line and the "Showing 3 of 130+
   articles..." notice back to white. They'd gone navy (unreadable on the
   dark background) because the sitewide `body h1-h4, p` navy rule sets
   colour on the elements directly, which beats the white they would
   otherwise inherit - the same trap as the other dark heroes.
   Direct children of the block's .no-overflow wrapper only, so the
   shared Ask Jensen modal (.gloss-overlay, also inside this block, light
   background) keeps its own navy text. (1,2,1)+ beats body p (0,0,2). */
#page-site-index .latait-homepage-zone-3 .no-overflow > h3,
#page-site-index .latait-homepage-zone-3 .no-overflow > p,
#page-site-index .latait-homepage-zone-3 .no-overflow > p.result-notice {
    color: #ffffff;
}
/* v156: Enrolment page (self-enrol "Enrol me") - GENERIC copies of the
   v143-v147 enrol rules, keyed on #page-enrol-index alone.
   Found in live testing: the "Enrol me" button didn't pick up the new
   button style. The v143-v147 rules (and the older ones they override)
   all require the full body-class combination
     #page-enrol-index.pagelayout-incourse.used-region-side-pre
       .empty-region-side-post
   which only matches when the course has blocks in side-pre and none in
   side-post - true for the test courses used, but not for every course
   (or on live, where the courses' block regions differ). These generic
   rules apply on every enrolment page whatever its block layout. Where
   the long-prefix rules also match they carry the same values, so
   there's no conflict. !important on the button's background/colour/
   border/shadow so the theme's own enrol-button styling can't win.
   The v145 STOPGAP (hide the enrol box the viewer can't use) is
   included for consistency - delete it here too when the audience /
   self-enrol setup is reworked. */
#page-enrol-index .generalbox:has(form) {
    overflow: visible;
    display: flow-root;
    padding: 2px;
}
#page-enrol-index .generalbox:has(form) form {
    padding: 20px;
    display: block;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 2px #00255033;
    float: none;
    margin: 0 auto;
}
@media (min-width: 1080px) {
    #page-enrol-index .generalbox:has(form) form {
        float: none;
        width: calc(50% - 20px);
        margin: 0 auto;
    }
}
#page-enrol-index .generalbox:has(form) .ftoggler,
#page-enrol-index .generalbox:has(form) .fitemtitle,
#page-enrol-index .generalbox:has(form) #fitem_id_info {
    display: none;
}
#page-enrol-index .generalbox:has(form) .felement {
    margin: 0;
    padding: 0;
    width: 100%;
}
#page-enrol-index .generalbox:has(form) .fsubmit,
#page-enrol-index .generalbox:has(form) #fitem_id_submitbutton .felement {
    display: flex;
    justify-content: center;
}
#page-enrol-index .generalbox:has(form) #id_submitbutton,
#page-enrol-index .generalbox:has(form) #id_submitbutton:focus {
    background: #ffffff !important;
    color: #002249 !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 0 2px #00255033 !important;
    font-weight: 600;
}
#page-enrol-index .generalbox:has(form) #id_submitbutton:hover,
#page-enrol-index .generalbox:has(form) #id_submitbutton:active {
    background: #e3f0f5 !important;
    color: #002249 !important;
}
#page-enrol-index .generalbox:has(form) form::before {
    content: 'Click "Enrol me" to begin the course.';
    display: block;
    text-align: center;
    margin: 0 0 16px 0;
    color: #002249;
}
#page-enrol-index #region-main [role=main] > h2 {
    display: none;
}
/* v145 STOPGAP (generic copy) - delete when the audience setup is reworked. */
#page-enrol-index .generalbox:has(form):not(:has(input[type=submit])) {
    display: none;
}
/* v157: Course page enrolment banner - the "Enrol" button (shown to
   admins/unenrolled users: "You're accessing this course as an
   administrator...") rendered as an empty navy box. It's an <a> styled
   by the theme through its accent-colour tokens (--local-btn-color ->
   --btn-accent-color = navy fill), and its white label text lost to our
   sitewide link colours (body a / a:visited -> navy), so the text was
   navy on navy - invisible. Brought onto the sitewide button recipe
   instead: white, navy text, no underline, soft shadow, #e3f0f5 on
   hover/active. Colour set for every link state, all !important, so the
   link rules can't win again. */
a.tw-containerCourse-enrolmentBanner__enrolButton,
a.tw-containerCourse-enrolmentBanner__enrolButton:link,
a.tw-containerCourse-enrolmentBanner__enrolButton:visited,
a.tw-containerCourse-enrolmentBanner__enrolButton:focus {
    background: #ffffff !important;
    color: #002249 !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 0 2px #00255033 !important;
    font-weight: 600;
    text-decoration: none !important;
}
a.tw-containerCourse-enrolmentBanner__enrolButton:hover,
a.tw-containerCourse-enrolmentBanner__enrolButton:active {
    background: #e3f0f5 !important;
    color: #002249 !important;
    text-decoration: none !important;
}
/* v158: colour + size fixes found in live review:
   - Course page-paging "Previous: ..." / "Next: ..." buttons (and their
     arrow icons, which inherit the text colour) and the left course-
     navigation block's item text: every color:#1f1f21 in those rule
     groups switched to navy (done in place in the original rules; see
     the v158 note on the paging hover rule).
   - Table header cells: navy. The theme colours <th> directly, so the
     body/wrapper navy (v133) didn't reach them; the earlier v133 rule
     only covered report-builder th.header. */
body table th {
    color: #002249;
}
/* v158: inline font sizes in OLD course content. Page/activity content
   authored on T17 carries inline styles like
   <span style="font-size: 1.9rem;">. On T17 the root font size was 10px,
   so 1.9rem = 19px = the body text size; on T20 the root is 16px, so the
   same 1.9rem renders at 30.4px - the oversized paragraph seen on live.
   Any inline rem-based font-size on body-text elements inside user
   content is set back to inherit its parent's size (i.e. the normal
   paragraph size). !important is required to beat an inline style.
   Scoped to rendered user content (.generated-content--user, and
   .no-overflow which wraps legacy content) and to text-level elements
   only - headings keep any sizes authored on them. px-based inline
   sizes are left alone (they render the same on both versions). If
   content was deliberately made larger/smaller with rem sizes, it will
   now match the paragraph size; the long-term fix is cleaning the
   inline styles out of that content. */
:is(.generated-content--user, .no-overflow) :is(span, p, div, li, td, font, strong, em, b, i, a)[style*="font-size"][style*="rem"] {
    font-size: inherit !important;
}
/* v159: (1) Standard content tables (table.latait-standard-table)
   header/footer cells: color #1f1f21 -> navy, in place in their original
   rules - those rules are (0,3,2), more specific than the generic v158
   `body table th`, which is why the headers stayed near-black.
   (2) Feedback forms (sitewide feedback modal + feedback activities):
   every color:#1f1f21 in those rule groups -> navy, in place (e.g. the
   question labels, "Is there any content missing...").
   (3) Feedback free-text answers (textarea) full width on every feedback
   form, not just one question. The theme caps form textareas at
   max-width:18.75rem (300px) and display:inline; feedback text answers
   should use the full width of the form. Keyed on the feedback form's
   own id/class and the feedback textarea class, so it covers all
   feedback instances (activity pages and the sitewide feedback modal).
   !important on max-width/width: the theme's cap comes through a
   form-control rule whose source wasn't fully visible. */
#feedback_complete_form textarea,
form.feedback_form textarea,
textarea.feedback-item-textarea {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
/* v160: course page activity links (e.g. page/resource names inside a
   topic: "Tait OpenDMR Solutions", "What is Tait Open2?") - every
   color:#1f1f21 in the ul.section link rules switched to navy, in place
   in the original rules. */
/* v161: Catalog search - the clear (x) button and its hover circle.
   - X centred in its circle: the button is display:flex but only had
     align-items:center (vertical); text-align:center does nothing in a
     flex box, so the icon sat left of centre. justify-content:center
     added, and the icon's own line-height collapsed so it centres
     exactly.
   - Circle moved right (6px in from the field's left edge instead of
     flush at 0) and centred vertically on the field (top:50% +
     translateY) rather than a fixed 12px from the top.
   - Search text padding increased (38px -> 54px) so the typed text
     starts clear of the moved circle.
   Also: the catalog search field's remaining #1f1f21 text/placeholder/
   icon colours switched to navy in place. */
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__field_clear {
    /* v162: !important added. This v161 rule sits EARLIER in the file
       than the original clear-button rule (same selector, same
       specificity), so the original's left:0 / top:12px still won while
       this rule's transform:translateY(-50%) - which the original
       doesn't set - still applied. Net effect: 12px from the top, then
       shifted up by half its own height, i.e. pushed up out of the
       panel. !important makes all three positioning values come from
       here together. */
    left: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    justify-content: center;
    align-items: center;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__field_clear .flex-icon {
    display: block;
    line-height: 1;
    margin: 0;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type input {
    /* v162: !important for the same reason as the clear button above -
       the original input rule (later in the file) set padding:14px 20px
       14px 38px, which would otherwise win. */
    padding-left: 54px !important;
}
/* 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;
}
/* v131: Grid/list view toggle - "raised" selected state, per direction
   given (based on the "Raised" block concept from the possible future
   dark theme): the toggle set reads as a slightly recessed track, and the
   selected (white, navy icon) button sits up out of it.
   - Track: very light navy tint + a soft INSET shadow, so it looks
     pressed into the page; 3px padding gives the raised button room to
     show its edge inside the track.
   - Selected button: white with a two-layer drop shadow (a tight 1px
     contact shadow + a wider soft one) for depth, plus a 1px white inset
     highlight on the top edge - the same "lit top edge" cue as the
     concept image.
   - Unselected buttons: transparent and flat, so they read as part of
     the track; the shared #e3f0f5 tint on hover.
   Selected state is matched both by Tui's --selected modifier and by
   aria-pressed="true" (Tui toggle buttons expose both, depending on
   version), so it holds whichever the markup uses. !important on
   background/border/box-shadow because Tui styles these buttons through
   its own button tokens. */
.tui-toggleSet {
    background: rgba(11, 63, 108, 0.06);
    box-shadow: inset 0 1px 3px #00255033;
    border-radius: 8px;
    padding: 3px;
    gap: 2px;
}
.tui-toggleSet .tui-toggleBtn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 6px;
    transition: background .15s ease-in-out, box-shadow .15s ease-in-out;
}
.tui-toggleSet .tui-toggleBtn:hover {
    background: #e3f0f5 !important;
}
.tui-toggleSet .tui-toggleBtn--selected,
.tui-toggleSet .tui-toggleBtn[aria-pressed=true],
.tui-toggleSet .tui-toggleBtn--selected:hover,
.tui-toggleSet .tui-toggleBtn[aria-pressed=true]:hover {
    background: #ffffff !important;
    color: #002249;
    box-shadow:
        0 1px 1px #00255040,
        0 2px 6px #00255026,
        inset 0 1px 0 #ffffff !important;
}
/* 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;
}
/* v118: Tui PRIMARY buttons (e.g. "Save" on Edit Inspire theme, and other
   Tui-based admin forms) - brought onto the v113 sitewide button style:
   white, navy text, no border, soft shadow, #e3f0f5 on hover/active.
   Confirmed via Computed tab: button.tui-btn.tui-btn--variant-primary
   resolves background-color to rgb(0,34,73) navy - the theme's primary
   colour, same source as the legacy submit buttons fixed in v113. The
   v113 rule doesn't reach these: Tui buttons are a separate component
   system and .tui-btn isn't in that list (.tui-formBtn--prim is a
   different, older class). !important on background/color/border for the
   same reason as v113 - Tui drives these through its own button tokens
   and state rules that weren't visible in the Computed tab.
   .tui-btn--prim included alongside --variant-primary: older Tui markup
   uses that class name for the same thing.
   Hover/active tint also added to the default variant above so both Tui
   variants behave the same as every other button. */
.tui-btn.tui-btn--variant-primary,
.tui-btn.tui-btn--prim,
.tui-btn.tui-btn--variant-primary:focus,
.tui-btn.tui-btn--prim:focus {
    background: #ffffff !important;
    color: #002249 !important;
    border: none !important;
    box-shadow: 0 0 2px #00255033;
    font-weight: 600;
}
.tui-btn.tui-btn--variant-primary:hover,
.tui-btn.tui-btn--variant-primary:active,
.tui-btn.tui-btn--prim:hover,
.tui-btn.tui-btn--prim:active,
.tui-btn.tui-btn--variant-default:hover,
.tui-btn.tui-btn--variant-default:active {
    background: #e3f0f5 !important;
    color: #002249 !important;
    border: none !important;
}
/* 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;
    /* !important added defensively, same reasoning as div.block.block_fake
       above - #inst5054's shadow turned out to be silently losing to a
       pagelayout-specific reset elsewhere in this file. */
    box-shadow: 0 0 2px #00255033 !important;
    /* 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. */
/* v132: Reports page, LIST view - remove the thin grey top border on the
   list container. Theme rule:
     .tui-totara_reportbuilder-reportsList__list--list
       border-top: var(--border-width-thin) solid var(--color-border)
   (it only shows in list view, which is why it survived earlier border
   clean-ups done while looking at grid view). Not overriding the
   --color-border token - it's shared by borders sitewide. body prefix
   makes this (0,1,1), so it beats the theme's (0,1,0) regardless of load
   order. */
body .tui-totara_reportbuilder-reportsList__list--list {
    border-top: none;
}
.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,
/* v133: <legend> form labels (e.g. on Learning Plans / Record of Learning
   forms) were still near-black - the theme's legend.tui-formLabel rule
   (element+class) outranks the plain .tui-formLabel rule. body prefix
   wins without !important. Report table headers (th.header.c1, c2...)
   included for the same reason, in case they carry a direct colour
   rather than inheriting from body. */
body legend.tui-formLabel,
body table th.header {
    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;
}
/* 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. Kept even
   after finding the real z-index bug below, since a transparent
   background here is harmless and still avoids any risk of this
   container's own background getting in the way. */
#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%;
}
/* ROOT CAUSE FOUND: the ::before pseudo (which holds the navy mesh hero
   image) had z-index:-1. Per the CSS stacking spec, a negative z-index
   doesn't just push an element behind its siblings - it specifically
   paints it BEHIND its own parent's background/border. That's why every
   transparency override on every ancestor (tile, content-container)
   still couldn't make the mesh visible: the real issue was never an
   opaque layer in front of it, it was that the mesh was painting behind
   the tile's own background by design, structurally, regardless of what
   color that background was. Fix applied at the actual source rule
   further down this file (search "z-index:1" near .block-totara-
   featured-links-tile:before) rather than as a separate override here -
   an earlier version of this fix added a duplicate rule at this spot
   instead, which lost the cascade tie to the real rule (same selector,
   same specificity, that one comes later in the file) and did nothing. */
/* Tile's own background is back to just its own diamond graphic
   (Picture13.png) - the mesh hero image is the ::before's job again, now
   that its z-index is fixed rather than needing to be duplicated here.
   Size/position values confirmed against the live site's Styles panel
   earlier - contain, offset toward the top-right corner. The ::before's
   own margin (set by the theme, not overridden here) insets it into a
   shorter strip than the tile's full height, which is what lets this
   diamond - sized against the tile's full height - naturally extend
   further down than the mesh strip does, without needing anything to
   visually overflow its own box. */
/* This tile's own diamond graphic needs to sit visually ON TOP of the
   mesh - but now that :before's z-index is positive (fixed above), it
   paints ABOVE the tile's own background, not below it, and its inset
   box covers almost the entire tile (only ~20px margins clear), so
   there's nowhere for the diamond to avoid being covered by it. Rather
   than fight that, both images go on the tile's own background together
   instead: comma-separated layers guarantee correct front-to-back order
   within a single element (first-listed = topmost) with no z-index
   involved. This tile's own :before is then told to step out of the way
   (z-index:-1, undoing the general fix JUST for this one tile) since it
   would otherwise duplicate the mesh and, being on top, cover the
   diamond again. */
#block-totara-featured-links-tile-344 {
    background-image:
        url('/pluginfile.php/14121/block_totara_featured_links/tile_background/344/Picture13.png'),
        url('/pluginfile.php/12958/block_html/content/latait-homepage-banner.jpg') !important;
    background-size: contain, cover !important;
    background-position: calc(100% - 60px) -10px, center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-color: transparent !important;
    height: 252px;
    overflow: visible;
}
/* !important needed: this ID-alone selector is actually LESS specific
   than the general rule it's trying to override
   (#latait-catalog-pathway-cta .block-totara-featured-links-tile:after -
   an ID plus a class beats an ID alone), so without it the general
   z-index:1 rule was still winning here too - confirmed by testing. */
#block-totara-featured-links-tile-344:before,
#block-totara-featured-links-tile-344:after {
    z-index: -1 !important;
}
/* v148 -> v149: Reports title tile - live site's shape: mesh image inset
   from the tile edges (20px sides/top, 22px bottom) with rounded corners
   and a soft shadow that grows on hover, and the diamond graphic on top,
   overhanging the bottom of the mesh.
   v149 rework: v148 drew the shadow on ::after ABOVE the tile's own
   background, and the diamond was one of those background layers - so
   the hover shadow painted over the diamond's bottom edge. Layers are
   now split so the paint order is always right, bottom to top:
     1. tile background   = mesh only, clipped to the inset (content-box
                            clip + 20/20/22 padding; 28px outer radius ->
                            ~8px rounded mesh corners);
     2. ::before (z -1)   = transparent box over the inset, carrying ONLY
                            the shadow (and its hover growth);
     3. ::after  (z 1)    = the diamond, full tile, so it can overhang the
                            mesh; click-through;
     4. text container    = theme's z-index 2, above everything.
   isolation:isolate keeps the tile its own stacking context, so the
   z -1 shadow layer paints just above the tile background rather than
   vanishing behind ancestor backgrounds (the original Reports-tile bug).
   All the theme's general ::before/::after geometry (in-flow, 100%
   width, margin 20/20/22, dark 48% overlay) is reset here. */
#block-totara-featured-links-tile-344 {
    background-image: url('/pluginfile.php/12958/block_html/content/latait-homepage-banner.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    padding: 20px 20px 22px 20px !important;
    box-sizing: border-box;
    border-radius: 28px !important;
    isolation: isolate;
}
#block-totara-featured-links-tile-344:before,
#block-totara-featured-links-tile-344:after {
    content: "" !important;
    position: absolute !important;
    margin: 0 !important;
    display: block !important;
    pointer-events: none;
}
#block-totara-featured-links-tile-344:before {
    top: 20px !important;
    right: 20px !important;
    bottom: 22px !important;
    left: 20px !important;
    width: auto !important;
    height: auto !important;
    z-index: -1 !important;
    background: none !important;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1) !important;
    transition: box-shadow ease-in-out 300ms;
}
#block-totara-featured-links-tile-344:hover:before {
    box-shadow: 0 2px 20px rgba(0,0,0,.28) !important;
}
#block-totara-featured-links-tile-344:after {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    background: url('/pluginfile.php/14121/block_totara_featured_links/tile_background/344/Picture13.png') no-repeat calc(100% - 60px) -10px / contain !important;
    box-shadow: none !important;
}
/* v149: tile text scaled to the smaller (inset) tile. Fluid sizes:
   heading 34px max (was a fixed 38px) down to 22px; paragraph 18px max
   down to 13px; inner padding 60px max down to 20px - so it stays inside
   the 252px-tall tile on PC, laptop and tablet without overflowing.
   (2,1,0) selectors to beat the shared #latait-catalog-pathway-cta tile
   text rules (1,2,0). */
#latait-catalog-pathway-cta #block-totara-featured-links-tile-344 .block-totara-featured-links-content {
    padding: clamp(20px, 3vw, 60px);
}
#latait-catalog-pathway-cta #block-totara-featured-links-tile-344 .block-totara-featured-links-content h3 {
    font-size: clamp(22px, 1.4vw + 8px, 34px);
    line-height: 1.15;
    margin-bottom: 6px;
}
#latait-catalog-pathway-cta #block-totara-featured-links-tile-344 .block-totara-featured-links-content p {
    font-size: clamp(13px, 0.6vw + 9px, 18px);
    line-height: 1.35;
}
/* v149: phones (<576px) - low priority per direction given: diamond
   hidden (no room beside the text), text allowed the full width, and
   smaller still. */
@media (max-width: 575.98px) {
    #block-totara-featured-links-tile-344:after {
        display: none !important;
    }
    #latait-catalog-pathway-cta #block-totara-featured-links-tile-344 .block-totara-featured-links-content {
        padding: 16px;
        max-width: 100%;
    }
    #latait-catalog-pathway-cta #block-totara-featured-links-tile-344 .block-totara-featured-links-content h3 {
        font-size: 20px;
    }
    #latait-catalog-pathway-cta #block-totara-featured-links-tile-344 .block-totara-featured-links-content p {
        font-size: 13px;
    }
}
/* "Add tile" button (edit mode, block-totara-featured-links-tile-adder) -
   was a solid navy fill via --local-btn-color, unlike the outline style
   (white bg, navy border/text) used for buttons everywhere else. Removes
   the fill, keeping the text/border navy, per direction given. */
.block-totara-featured-links-tile-adder .block-totara-featured-links-tile.block-totara-featured-links-tile-medium .btn-primary {
    background-color: transparent !important;
    color: #002249;
    border-color: #002249;
}
#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:#002249;
}
#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:#002249;
}
#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:#002249;
}
#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;
    /* v127: 56px -> 54px, per direction given, so it sits more evenly
       nested at the end of the search pill. */
    width:54px;
    height:54px;
    line-height:normal;
    line-height:54px;
    font-weight:700;
    border-radius:50%;
    transition:background 200ms ease-in-out;
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    transform: translateY(-50%);
    /* v115: was a solid navy fill + white icon ("filled icon-button
       treatment", v1xx). Now the 5% navy tint with navy icon, matching
       the selected filter pills, per direction given. The 2px navy border
       set at the top of this rule is dropped in favour of the same soft
       shadow the pills use - the border:none here overrides the earlier
       border:solid 2px line because it comes later in the same rule.
       (The duplicate background-color:#ffffff near the top of this rule
       is the old pre-navy value; this later declaration overrides it.) */
    background-color: rgba(11, 63, 108, 0.05);
    border: none;
    box-shadow: 0 0 2px #00255033;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__btn .flex-icon {
    /* v115: white -> navy for the new light tint fill. */
    color: #002249;
    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 {
    /* v115: was a grey-green hsl(169,9%,82%) left over from the old
       theme; now the #e3f0f5 hover tint shared with every other button
       (v113) and the selected left-menu item. */
    background:#e3f0f5;
}
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__btn:active {
    /* v127: pressed state = the shared #e3f0f5 tint (same as hover). */
    background:#e3f0f5;
}
/* v127: the old Tait Blue seen after clicking Search was this focus
   outline (the button keeps focus after a mouse click). Kept for keyboard
   users - the Tait Blue focus ring is the sitewide accessibility
   convention - but suppressed for mouse/touch clicks via
   :focus-visible. */
#page-totara-catalog-index .tw-catalog__primaryFilter .tw-selectRegionPrimary__selector:last-of-type .tw-selectSearchText__btn:focus:not(:focus-visible) {
    outline: none;
}
#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:#002249;
    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 {
    /* v115: white -> navy. Background is now the 5% navy tint (see
       .tw-selectMulti__link_active further down), so white text would
       be invisible - navy is back to being the right contrast. */
    color:#002249;
}
/* 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 {
    /* v115: white -> navy, same reason as the anchor rule above. */
    color:#002249;
}
#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 {
    /* v115: selected pill fill switched from solid navy to a 5% navy tint
       (#0b3f6c0d) per direction given - same tint now used on the catalog
       search button and edit-mode "Add a block" buttons, so all three
       read as one "selected / primary action" treatment. Text and the
       checkmark (:before, below) flipped from white to navy to match. */
    background:rgba(11, 63, 108, 0.05);
    border-color:#002249;
    color:#002249;
    padding-left:40px;
}
#page-totara-catalog-index .tw-catalog__aside .tw-selectMulti__list li .tw-selectMulti__link_active:before {
    display:block;
    /* v115: checkmark white -> navy for the new light tint fill. */
    border-color:#002249;
}
#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%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 2px #00255033 !important;
}
#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%;
    /* v141: results count ("No items" / "Up to 2000 items") left-aligned,
       per direction given (was centred). */
    text-align:left;
}
#page-totara-catalog-index .tw-catalog__results .tw-catalog__results_overview .tw-catalogResultsCount p {
    /* v141: margin:0 auto -> 0, to match the left alignment above. */
    margin:0;
}
#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:#002249;
    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 {
    /* v158: hover was old Tait Blue (#00b8e4) - now the shared #e3f0f5
       tint with a navy border, matching the navy text (v158). */
    background:#e3f0f5;
    border-color:#002249;
    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:#002249;
    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:#002249;
}
.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:#002249;
}
.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:#002249;
}
.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:#002249;
    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:#002249;
}
.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:#002249;
    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:#002249;
}
.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:#002249;
}
.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:#002249;
    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:#002249;
    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:#002249;
}
.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:#002249;
    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:#002249;
}
.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:#002249;
    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:#002249;
}
.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:#002249;
}
.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;
    /* Was -1. Per the CSS stacking spec, a negative z-index paints an
       element behind its own parent's background/border, not just behind
       its siblings - that's why this mesh image was invisible no matter
       how transparent every ancestor was made. Positive value needed to
       stop that; kept at 1 rather than higher since .block-totara-
       featured-links-content-container (the text) is z-index:2 by theme
       default, and anything at or above that would bury the heading/
       paragraph behind this image instead. */
    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("/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("/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("/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;
}
/* v117: Tip boxes (info / warn / error / success) - text inside must take
   the box's own colour set just above (#447eaf / #96722e / #b83c37 /
   #597151). The v2.65 sitewide `body p {color:#002249}` rule matched the
   <p class="tip-text"> directly, and a direct rule always beats
   inheritance - so the tip heading went navy while the rest of the box
   kept its colour (confirmed via Styles panel, info box on "Cybersecurity
   at Tait"). Same trap as the Ask Jensen / Reports hero white text.
   color:inherit hands control back to the variant rule on the box, so
   this one rule fixes all four variants at once and any added later.
   `body` prefix makes it (0,1,2): beats `body p` (0,0,2) and the v117
   list rule (0,0,1). Headings included in case a tip box ever uses one;
   li covers bulleted content like the info box example. */
body .latait-tip-box p,
body .latait-tip-box li,
body .latait-tip-box h1,
body .latait-tip-box h2,
body .latait-tip-box h3,
body .latait-tip-box h4,
body .latait-tip-box h5,
body .latait-tip-box h6 {
    color: inherit;
}
.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 {
    /* v122: Current Learning rows (course / program / certification) moved
       onto the button recipe, per direction given: white (was #f9fafa),
       navy text (was #1f1f21), soft shadow; hover tint below. The status
       box and program expand button get the same treatment, so each row
       reads as a set of joined white "buttons" with the existing
       segmented radii kept as-is. */
    background:#ffffff;
    box-shadow:0 0 2px #00255033;
    width:100%;
    display:inline-flex;
    padding:14px 14px 14px 48px;
    margin:0;
    color:#002249;
    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 {
    /* v122: was #00b8e4 (old Tait Blue) - now the shared #e3f0f5 tint. */
    background:#e3f0f5;
}
.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 {
    /* v122: white + soft shadow to match the row link (see above). */
    background:#ffffff;
    box-shadow:0 0 2px #00255033;
    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 {
    /* v122: white + soft shadow, same as the row link. */
    background:#ffffff;
    box-shadow:0 0 2px #00255033;
    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 {
    /* v122: was #00b8e4 - shared #e3f0f5 tint. */
    background:#e3f0f5;
}
.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) {
    /* v140: expanded program/certification panel - was a flat, dark
       grey-green (hsl 169/9%/82%). Now the light page background
       (#f8f9fa) so it reads as a lighter layer under the white rows and
       set cards, with a faint navy hairline outside the 4px ring to keep
       its edge defined. Transition unchanged. */
    background-color:#f8f9fa;
    box-shadow:0 0 0 4px #f8f9fa, 0 0 0 5px #0025501a;
    transition:.4s ease-in-out;
}
/* v121: Current Learning - certifications (and any other non-expandable
   program row). Diagnosed from the Elements panel on the Staff Dashboard
   ("Cert+Assignment_Test" row): a certification is rendered as an
   <li class="... block_current_learning-program"> - so it picks up all
   the PROGRAM rules above - but it has no expand/collapse button (it
   links straight to its course). The program rules assume that 48px
   button + 4px gap is there, so on a certification row:
   - the title link was calc(80% - 56px) instead of calc(80% - 4px),
     which left the absolutely-positioned status box starting ~52px early
     and stopping short of the right edge (not lining up with courses);
   - the type icon (span[data-toggle=tooltip], tfont-var-certificate1)
     got left:64px - the offset that clears the expand button - so it sat
     on top of the title text instead of in the icon column.
   Fixed by giving program rows WITHOUT an .expand-collapse-icon-wrap the
   course-row geometry. :not(:has(...)) adds (0,1,0), so these outrank
   the program rules (and their media-query versions) on specificity, no
   !important needed. Real expandable programs (e.g. "Claude Training")
   are untouched. */
.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item:not(:has(.expand-collapse-icon-wrap)) span[data-toggle=tooltip]:not(.label) {
    left: 12px;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item:not(:has(.expand-collapse-icon-wrap)) a {
    width: 100%;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item:not(:has(.expand-collapse-icon-wrap)) .block_current_learning-row-item__status {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item:not(:has(.expand-collapse-icon-wrap)) a {
        width: calc(80% - 4px);
    }
    .pagelayout-dashboard .block_current_learning .block_current_learning-program .block_current_learning-row-item:not(:has(.expand-collapse-icon-wrap)) .block_current_learning-row-item__status {
        width: 20%;
    }
}
/* v121: Overdue items - show "overdue" as a red progress-bar track
   instead of the separate red .label-danger badge, per direction given.
   The badge was also visibly broken: it carries data-toggle="tooltip"
   too, so the icon rule above (span[data-toggle=tooltip] {width:20px;
   position:absolute}) and the program icon offset (left:64px) were
   hitting it - squashing it to 20px wide and shoving it 64px right over
   the progress bar (confirmed in the Styles panel: the .label rule
   restores position/top/height but never width or left).
   - Track (.progress background) goes red when its status box contains a
     .label-danger. :has() keys it off the badge Totara already outputs,
     so no markup change and no per-item IDs. The green completed portion
     (.bar) still draws over it, so partial progress stays readable.
     !important on the background because the existing grey track colour
     is set by two long, different-specificity chains (ITEM ROW rule and
     the program-set course rule) - one short rule with !important covers
     both.
   - Red is #d9534f (Bootstrap/Totara legacy label-danger). If the badge's
     own red on the site differs, swap in its Computed background-color.
   - Percentage text switched to white over the red for contrast.
   - The badge itself is visually hidden but NOT display:none: its text
     ("Overdue since 10 May") stays available to screen readers, so the
     overdue status isn't conveyed by colour alone for those users.
     Sighted users lose the date - flag if it should be shown some other
     way (e.g. text inside the bar). Only .label-danger (overdue) is
     handled; other label states (e.g. due soon) still show their badge. */
.pagelayout-dashboard .block_current_learning .block_current_learning-row-item__status:has(.label-danger) .progress {
    background-color: #d9534f !important;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-row-item__status:has(.label-danger) .progress .progressbar__text {
    color: #ffffff !important;
}
.pagelayout-dashboard .block_current_learning .block_current_learning-row-item__status .label.label-danger {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    left: auto !important;
}
/* v123: Current Learning - vertically centre the type icon, title and
   progress bar within each row (desktop, >=768px, where the row is a
   single line). They were each positioned by independent fixed offsets
   inherited from the old theme, none of which lined up with each other:
   - icon: position:absolute; top:6px (a fixed nudge from the top);
   - title link: padding-top:14px / padding-bottom:0 (so the text sat
     low in the 48px row);
   - status box: padding-top:6px, plus 8px padding-top on the progressbar
     container and Bootstrap's default margin-bottom on .progress (so the
     bar sat high).
   Now all three centre on the row's midline instead: the title link and
   status box use their existing inline-flex with align-items:center and
   symmetrical (zero) vertical padding; the icon uses top:50% +
   translateY(-50%); and the status box is stretched to the row's full
   height (top:0/bottom:0 - it's already position:absolute at this
   breakpoint, and left stays auto so it keeps its horizontal position
   right after the title link). Empty progress-bar sub-elements (the
   blank <h2>/<p> Totara outputs for the bar's accessible name/status)
   get their margins zeroed so they can't push the bar off-centre.
   Same selectors/specificity as the rules they correct, placed later in
   the file so these win. Mobile (stacked layout) deliberately untouched.
   The icon selector excludes .label because status badges also carry
   data-toggle="tooltip" (see v121). */
@media only screen and (min-width: 768px) {
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item a {
        padding: 0 14px 0 48px;
        align-items: center;
    }
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item span[data-toggle=tooltip]:not(.label) {
        top: 50%;
        transform: translateY(-50%);
    }
    /* v140: the icon box was centred (v123) but the glyph inside it still
       sat low - it's an icon-font character, positioned by the font's
       baseline/line-height inside a 20px box rather than centred in it.
       The box now centres its content with flexbox and the glyph's own
       line-height is collapsed to 1, so the visible icon lines up with
       the title and progress bar. */
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item span[data-toggle=tooltip]:not(.label) {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item span[data-toggle=tooltip]:not(.label) .flex-icon {
        display: block;
        line-height: 1;
    }
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status {
        top: 0;
        bottom: 0;
        padding: 0 16px;
        align-items: center;
    }
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .label {
        top: 0;
    }
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .progressbar_container {
        padding-top: 0;
    }
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .progressbar_container .progress {
        margin: 0;
    }
    .pagelayout-dashboard .block_current_learning .block_current_learning-item .block_current_learning-row-item .block_current_learning-row-item__status .progressbar_container > :empty {
        margin: 0;
    }
}
.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;
}
/* v140: course sets inside an expanded program ("Claude Code LinkedIn
   Learning courses", "Knowledge Check" ...) - white card recipe, so each
   set is a card on the light expanded panel, holding the white button-
   style course links (v122). Was background:inherit with the theme's
   thin grey outline. (0,4,0) - same as the bundle/set rule above,
   placed later so it wins; border !important vs the theme outline. */
.pagelayout-dashboard .block_current_learning .current_learning-bundle .current_learning-set {
    background-color: #ffffff;
    border: none !important;
    border-radius: 8px;
    box-shadow: 0 0 2px #00255033;
    /* v141: space around each set card, per direction given:
       - top 4px = the same gap as between a row's title and its progress
         box, so the first set sits one "row gap" below the program row;
       - bottom 24px so the set's 8px corners clear the expanded panel's
         larger rounded bottom instead of touching/crossing it. */
    margin: 4px 0 24px 0;
}
.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 {
    /* v122: courses listed inside an expanded program - grey (hsl 90%)
       -> white, navy text, soft shadow, matching the top-level rows. */
    background:#ffffff;
    box-shadow:0 0 2px #00255033;
    width:calc(100% - 34px);
    display:inline-flex;
    padding:4px 14px;
    color:#002249;
    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 {
    /* v122: was #00b8e4 - shared #e3f0f5 tint. */
    background:#e3f0f5;
}
.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 {
    /* v122: pagination circles (1, 2, 3 ... « ») onto the button recipe:
       white, navy text, no border (was 2px grey #7f9591), soft shadow.
       line-height 44px -> 48px: the old value compensated for the 2px
       top+bottom border; with the border gone it has to match the full
       48px height or the numbers sit 2px high. */
    width:48px;
    height:48px;
    border-radius:24px;
    background:#ffffff;
    border:none;
    box-shadow:0 0 2px #00255033;
    color:#002249;
    font-weight:600;
    text-decoration:none;
    line-height:48px;
    text-align:center;
    padding:0;
    transition:.1s ease-in-out;
}
.pagelayout-dashboard .block_current_learning .panel-footer .pagination li a:hover {
    /* v122: shared #e3f0f5 hover tint (was a darker border/text only). */
    background:#e3f0f5;
    color:#002249;
}
.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 {
    /* v122: current page - was solid #00b8e4. Now the "selected" treatment
       used by the catalog filter pills: 5% navy tint + navy ring. The ring
       is an INSET box-shadow rather than a border so the circle keeps its
       exact 48px geometry / 48px line-height (a real border would push
       the number off-centre again). */
    background:rgba(11, 63, 108, 0.05);
    box-shadow:inset 0 0 0 2px #002249, 0 0 2px #00255033;
    color:#002249;
    /* v127: SUPERSEDED - navy ring read as too heavy next to the rest of
       the (now navy-free) UI. Current page now matches the selected item
       in the left main menu: #e3f0f5 fill, soft shadow only, no ring. */
    background:#e3f0f5;
    box-shadow:0 0 2px #00255033;
}
.pagelayout-dashboard .block_current_learning .panel-footer .pagination li.disabled a {
    /* v122: disabled (e.g. « on page 1) - same white button, but faded
       navy text and a fainter shadow, and no hover change: this rule has
       the same specificity as the :hover rule above and comes later, so
       its white background wins while hovered. Was solid grey. */
    background:#ffffff;
    box-shadow:0 0 2px #0025501a;
    color:rgba(0, 34, 73, 0.35);
    cursor:default;
}
/* 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;
}
/* Old Tait Blue (#00ccff) hardcoded inline on this specific block's h4
   span - editor-authored inline style, needs !important to beat. */
#inst5054 .generated-content--user h4 span {
    color: #002249 !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;
}
/* v123: My Learning block - white-card recipe on the block itself,
   targeted by its class rather than #inst1757 so it applies on all three
   dashboards (each dashboard has its own block instance ID; #inst1757 in
   the ID rule near the top of the file only covers one of them).
   (0,3,0) + !important on border/shadow: needed to beat
   .pagelayout-dashboard .block {border:none!important; box-shadow:
   none!important}. */
.pagelayout-dashboard .block.latait-my-learning-dash-block {
    /* v124: background + padding now !important too. v123 didn't take:
       this block also carries .latait-naked-html-block, whose base rule
       (search "latait-naked-html-block" near the homepage-zone rules)
       sets background:transparent !important and padding:0 !important -
       which beat both this rule and the #inst1757 ID rule, since neither
       used !important on those two properties. With !important on both
       sides, this (0,3,0) selector outranks that (0,1,0) one. That's why
       the header area (#instance-1757-header) showed no white card or
       padding. */
    background-color: #ffffff !important;
    border-radius: 4px;
    border: none !important;
    box-shadow: 0 0 2px #00255033 !important;
    padding: 16px !important;
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content {
    border-radius:20px;
    /* v126: padding 8px -> 0. With the grey inner panel gone (v123) this
       padding, plus the 8px margin on each link's <li> below, only served
       to inset the buttons 16px from the card edges - narrower than the
       heading and the tiles/rows in the neighbouring blocks, which on
       laptop widths pushed "Required Learning" / "Record of Learning"
       onto two lines. It also added 16px of the extra gap under the "My
       Learning" heading.
       v127: 0 -> 2px - with no padding at all the buttons' 2px shadow was
       being clipped at the left/right edges (the block's content area
       clips overflow). 2px is exactly the shadow's reach. */
    padding:2px;
    /* v123: was a grey-green panel (hsl 169/9%/82%) behind the links.
       Inside the new white card it read as a second, competing box -
       made transparent so the card is the only container; the links
       themselves now carry the button look (below). */
    background-color:transparent;
}
.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;
    /* v126: was margin:8px on all sides - now full-width, 8px spacing
       between buttons only (see padding note on .block-content above). */
    margin:0 0 8px 0;
    padding:0;
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul li:last-child {
    margin-bottom:0;
}
/* v128: My Learning buttons still clipped at the sides after v127's 2px
   padding. Computed width is a fixed 228px coming down the ancestor
   chain, so something above is sizing/clipping the list rather than the
   buttons themselves. Two-pronged fix, per direction given:
   - the buttons are shrunk by 4px (2px each side, the reach of their
     shadow) and centred, so they fit inside whatever width they're given;
   - overflow is set visible on the content area, list and items, in case
     one of those is the element doing the clipping.
   box-sizing:border-box so the 16px horizontal padding counts inside
   the reduced width. */
.latait-my-learning-dash-block.latait-naked-html-block .block-content,
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul,
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul li {
    overflow: visible;
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul li a {
    box-sizing: border-box;
    width: calc(100% - 4px);
    margin: 0 auto;
}
/* v130: top of the first button ("Learning Plans") clipped the same way
   the sides were. The block header sits directly on top of the content
   area, so the first button's top shadow was painting underneath it.
   2px extra top space on the first item, and the links lifted into their
   own layer (position:relative; z-index:1) so their shadows always paint
   above neighbouring elements rather than under them. */
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul li:first-child {
    margin-top: 2px;
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul li a {
    position: relative;
    z-index: 1;
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul li a {
    display:block;
    /* v123: Learning Plans / Required Learning / Record of Learning links
       onto the button recipe - white, navy, no border (was 2px grey
       #7f9591 on #f9fafa with grey text), soft shadow, 4px radius to
       match other buttons (was 10px). Hover: #e3f0f5 tint. */
    background:#ffffff;
    border:none;
    box-shadow:0 0 2px #00255033;
    padding:8px 16px;
    color:#002249;
    text-decoration:none;
    border-radius:4px;
    font-weight:600;
    transition:.1s ease-in-out;
}
.latait-my-learning-dash-block.latait-naked-html-block .block-content ul li a:hover {
    background:#e3f0f5;
    color:#002249;
}
.block_totara_featured_links:has(#latait-featured-core-training) {
    /* v123: Core Training block (#inst1758 on this dashboard) - white-card
       recipe, replacing the transparent background. Targeted via :has()
       on the tile container's ID, as before, rather than #inst1758, so it
       applies on every dashboard carrying this block. This selector is
       (1,1,0) - it would have beaten a plain #inst1758 rule on
       background anyway, which is why the card is set here rather than by
       adding #inst1758 to the ID rule near the top of the file.
       !important on border/shadow for the same .pagelayout-dashboard
       .block reset as My Learning above. */
    background:#ffffff;
    border-radius:4px;
    border:none !important;
    box-shadow:0 0 2px #00255033 !important;
    padding:16px;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-title {
    padding-bottom:0px;
    /* v124: padding-top 0, matching Current Learning / My Learning titles. */
    padding-top:0px;
}
/* v124: Dashboard block titles (h2 in each block's header - e.g.
   #instance-1756-header Current Learning, #instance-1757-header My
   Learning, #instance-1758-header Core Training) - one consistent style
   across every block on all dashboards. Current Learning and My Learning
   already used exactly these values in their own rules (22px / 700 /
   1.3 / 4px bottom margin); Core Training had no rule at all and was
   falling back to the theme's smaller, regular-weight default. Written
   generically (.pagelayout-dashboard .block .block-title h2) rather than
   per instance ID, so it covers all three dashboards' block instances
   and any block added later. The existing Current Learning / My Learning
   rules are more specific but carry identical values, so nothing
   conflicts; Current Learning keeps its bookmark icon + left padding. */
.pagelayout-dashboard .block .block-title h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    color: #002249;
    margin-bottom: 4px !important;
}
/* v125: Dashboard block header height. Theme sets
   .block .block-header {min-height:3.125rem} (= 50px at the 16px root),
   but the title inside is only ~28.6px tall (22px x 1.3 line-height)
   plus its 4px margin - so every header reserved ~17px of empty space
   under the heading, most visible on My Learning and Core Training.
   Pulled back to 30px per direction given, i.e. effectively "as tall as
   the heading": the h2 + margin (~32.6px) now determines the height, and
   the min-height only matters for a header with a shorter/empty title.
   (0,3,0) beats the theme's (0,2,0). Edit-mode headers still fit their
   move/settings controls, which are under 30px. */
.pagelayout-dashboard .block .block-header {
    min-height: 30px;
}
/* v125: Tile titles (h3) in the Featured Learning and Core Training
   tile cards - matched to live. Live (T17): font-size:1.4rem;
   line-height:1.1 -> 14px / 15.4px (T17's root font-size is 10px). Test
   (T20): calc(var(--font-size-base) / 16 * 18) / var(--font-h3-line-
   height) -> 18px / 28px. Set as px here rather than copying "1.4rem",
   because T20's root is 16px - 1.4rem would compute to 22.4px, not 14px.
   Note v124 removed Core Training's old font-size:14px to "match
   Featured Learning" - that was the wrong direction; the live value was
   the 14px, so both blocks now get it (with the live line-height too).
   ID-based selectors (1,1,1)/(1,2,1) outrank the theme's class-only
   heading rule, so no !important needed. */
#latait-featured-catalog .block-totara-featured-links-content h3,
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content h3 {
    font-size: 14px;
    line-height: 15.4px;
}
.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;
    /* v124: Core Training tiles brought in line with the Featured
       Learning tiles (#latait-featured-catalog, same featured-links
       block type) - they had the same two bugs that block had before its
       fixes: only the top part of the tile was clickable, and a dark grey
       scrim sat over the whole tile making it look dimmed/inactive. Each
       fix below mirrors the matching, already-proven #latait-featured-
       catalog rule (see there for the full diagnosis history); none of it
       is new logic. This block's selector (1,2,0) outranks the
       #latait-featured-catalog versions (1,1,0), so simply adding this
       block to those rules would have lost to the older rules here -
       hence the fixes are applied to this block's own rules instead.
       Photo fill + click-through: */
    background-size: cover !important;
    background-position: center !important;
    pointer-events: none;
}
/* v124: full-tile clickable link (mirrors #latait-featured-catalog
   a.block-totara-featured-links-link). */
.block_totara_featured_links:has(#latait-featured-core-training) a.block-totara-featured-links-link {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: block;
    pointer-events: auto;
}
/* v124: the dark "graduation" over the tile - Totara's modal backdrop
   token (--color-backdrop-standard) on .tile::before. Only the
   background is neutralised, not content:none (that collapsed tiles to
   zero height on Featured Learning). */
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-tile::before {
    background: transparent !important;
}
/* v124: content container in front of the tile's gradient, filling the
   tile so the white card keeps its bottom/left positioning; its own
   scrim pseudo-elements neutralised the same way. */
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content-container {
    position: absolute;
    inset: 0;
    z-index: 5;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content-container::after,
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content-container::before {
    background: transparent !important;
}
.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%);
    /* v124: must not intercept clicks meant for the full-tile link. */
    pointer-events: none;
}
/* v124: hover ring keyed off the (interactive) content container, as on
   Featured Learning - .tile itself is pointer-events:none now. */
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-tile:has(.block-totara-featured-links-content-container:hover) {
    box-shadow:inset 0 0 0 2px #1f1f21;
}
/* v126: Hover ring on EVERY tile type (course / program / certification
   / static), Core Training and Featured Learning. The existing hover
   rules key off .content-container:hover - but .tile is pointer-events:
   none (for the click-through fix) and pointer-events INHERITS, so the
   content container is never hit-tested itself. It only ever "hovered"
   when the full-tile link (the one pointer-events:auto element) happened
   to be nested INSIDE the content container, which is only true for some
   tile types - hence only "Health and Safety Induction New Zealand"
   showing the ring. Keying the ring off the link's own hover instead
   works whichever way a tile type nests it: :has() for a link inside the
   tile, and ~ / + for a link that's a sibling before the tile. Existing
   rules left in place (harmless, and still correct for the tiles they
   already worked on). */
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-tile:has(a.block-totara-featured-links-link:hover),
.block_totara_featured_links:has(#latait-featured-core-training) a.block-totara-featured-links-link:hover ~ .block-totara-featured-links-tile,
#latait-featured-catalog .block-totara-featured-links-tile:has(a.block-totara-featured-links-link:hover),
#latait-featured-catalog a.block-totara-featured-links-link:hover ~ .block-totara-featured-links-tile {
    box-shadow:inset 0 0 0 2px #1f1f21;
}
.block_totara_featured_links:has(#latait-featured-core-training) .block-totara-featured-links-content {
    /* v124: matched to Featured Learning's card - !important background +
       opacity (Totara's course/program tile variants set their own), 20px
       padding (was 14px), z-index 999 (was 3), and click-through so the
       full-tile link underneath receives the click. */
    background-color:#f9fafa !important;
    opacity: 1 !important;
    pointer-events: none;
    padding:20px;
    border-radius:8px;
    position:absolute;
    width:calc(100% - 20px);
    z-index:999;
    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 {
    /* v124: font-size:14px removed - Featured Learning tile titles use the
       default h3 size, and the two blocks should match. (p is still set
       to 16px just below, same as Featured Learning.) */
    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;
}
/* v127: ALL featured-links tile blocks on dashboards get the Featured
   Learning (#latait-featured-catalog) tile treatment - styles AND
   functionality (full-tile link, scrims removed, white card, hover ring,
   14px titles) - per direction given. Generated as an exact copy of the
   #latait-featured-catalog tile rules above (same declarations, comments
   stripped - see the originals for the diagnosis history), re-scoped to
   any .block_totara_featured_links on a dashboard, so it covers Core
   Training and its equivalents on the other dashboards without needing
   per-dashboard IDs.
   Excluded via :not(:has(...)): the featured-links blocks that are
   deliberately custom-designed (OTD alert, dashboard pathway CTA, sub-
   notice, pathway no-access) - they'd be broken by the scrim/background
   resets. If another featured-links block on a dashboard gets
   unintentionally restyled by this, add its layout ID to that list.
   Specificity: :not(:has(<ids>)) counts as one ID, so these are
   (1,3,0)+ - they outrank both the #latait-featured-catalog originals and
   the older Core Training rules (1,2,0), making every tile identical.
   Placed after both. */
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .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;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) a.block-totara-featured-links-link {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: block;
    pointer-events: auto;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content.block-totara-featured-links-content-bottom,
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .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;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content {
    pointer-events: none;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .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;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile::before {
    background: transparent !important;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content-container {
    position: absolute;
    inset: 0;
    z-index: 5;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content-container::after,
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content-container::before {
    background: transparent !important;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile:has(.block-totara-featured-links-content-container:hover) {
    box-shadow: inset 0 0 0 2px #1f1f21;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .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;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content::before {
    background: transparent !important;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content h3,
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content p {
    color:#1f1f21;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content p {
    font-size:16px;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content .progressbar_container {
    padding-top:8px;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .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%);
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .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;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] {
    background:#facc18;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content .progressbar_container .progress .bar[style="width:100%"] .progressbar__text {
    display:block;
    text-align:center;
    visibility:hidden;
    position:relative;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .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;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content .progressbar_container .progress .progressbar__text {
    color:#000;
    font-weight:normal;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-content h3 {
    font-size: 14px;
    line-height: 15.4px;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile:has(a.block-totara-featured-links-link:hover),
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) a.block-totara-featured-links-link:hover ~ .block-totara-featured-links-tile {
    box-shadow:inset 0 0 0 2px #1f1f21;
}
/* v128: Featured-links tile hover ring, drawn on the full-tile LINK
   itself. Core Training (#inst1758) still showed no ring while Featured
   Learning (#inst1755) did, even though both now carry identical rules -
   so the ring on .tile (an inset box-shadow) is being painted but hidden
   in some tile types: an inset shadow paints BELOW an element's
   children, so anything opaque inside the tile (e.g. a tile-type image
   layer) covers it. The link is the top-most layer (z-index:10, inset:0
   over the tile), so an inset shadow on the link always sits above
   everything else, whatever the tile's internal structure.
   border-radius matches the tile's 14px so the ring follows its corners.
   Applied to every featured-links context (generic dashboard rule, Core
   Training, Featured Learning); the older .tile-based ring rules are
   left in place and are harmless alongside this. */
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) a.block-totara-featured-links-link:hover,
.block_totara_featured_links:has(#latait-featured-core-training) a.block-totara-featured-links-link:hover,
#latait-featured-catalog a.block-totara-featured-links-link:hover {
    box-shadow: inset 0 0 0 2px #1f1f21;
    border-radius: 14px;
}
/* v129: Featured-links tile hover - made independent of the link's own
   :hover. Markup confirmed from pasted Core Training HTML: each tile is
     .tile (photo as inline background-image)
       > .content-container
           > a.block-totara-featured-links-link   (sr-only text only)
           > .block-totara-featured-links-content (white card: program /
             certification / course variants, all -content-bottom)
   i.e. the link IS inside the content container, so on paper the v126 /
   v128 link-hover rules should fire - yet only the certification tile
   (Health and Safety) showed the ring; the two program tiles didn't. The
   remaining difference is the card's variant class, which points to
   Totara core styling on the program variant intercepting or hiding the
   link hover in a way not visible from the markup alone.
   Rather than chase that, the hover is now triggered by the TILE itself,
   which every tile type has:
   - .tile gets pointer-events back (auto) so it can register :hover.
     This was set to none earlier only to stop the tile's scrim
     pseudo-elements from swallowing clicks - so those pseudo-elements
     (::before scrim, ::after gradient) are explicitly pointer-events:none
     here instead, keeping the click path clear. The link still sits on
     top (z-index:10 inside the z-index:5 container, inset:0 over the
     tile), and the card stays pointer-events:none, so clicks anywhere on
     the tile still land on the link.
   - the ring is drawn on the LINK (top-most layer, see v128) whenever the
     TILE is hovered, so it paints above the photo and gradient; the card
     is inset 10px from the tile edges, so it never covers the 2px ring.
   Generic dashboard selector only - it's (1,3,0)+, outranking the Core
   Training and Featured Learning rules, so it covers both blocks and the
   other dashboards' equivalents. */
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile {
    pointer-events: auto;
    cursor: pointer;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile::before,
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile::after {
    pointer-events: none;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile:hover a.block-totara-featured-links-link {
    box-shadow: inset 0 0 0 2px #1f1f21;
    border-radius: 14px;
}
/* v130: Core Training tiles still not hovering after v129. Comparing the
   pasted HTML of Core Training (#inst1758) and Featured Learning
   (#inst1755), the tile markup is IDENTICAL in structure (tile >
   content-container > link + card) and the same tile types (program /
   course / certification) hover fine in Featured Learning - so the tiles
   themselves aren't the problem, and no CSS keyed on the tile's own
   markup can explain it. What differs is WHERE the block sits: Featured
   Learning spans the full width at the bottom; Core Training sits in the
   narrow side-post column beside Current Learning. The region columns
   use Bootstrap push/pull/offset positioning, and the main region's
   content (Current Learning, min-height 580px) can extend over the side
   column as an invisible, hit-testable box - intercepting the mouse over
   the tiles it overlaps, while a tile that's clear of it (Health and
   Safety) works. Lifting the featured-links block into its own stacking
   layer above neighbouring regions makes its tiles the top-most thing
   under the cursor. Low z-index (2) so dropdowns/menus/modals (which use
   much higher values) still sit above it. If this doesn't fix it, use
   DevTools' element picker on a dead tile: whatever it highlights is the
   element on top intercepting the mouse. */
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) {
    position: relative;
    z-index: 2;
}
/* v135: SMALL featured-links tiles (e.g. Core Training, square layout,
   narrow side column) - keep the white card to the bottom half of the
   tile at every screen size.
   On wide/4K screens the side column stays narrow, so a long title
   wrapped to 4-5 lines at the full tile-title size and the card (built
   for large landscape tiles: 20px padding) grew to cover the whole tile.
   Now on small tiles only:
   - card capped at half the tile height, with tighter 10px/12px padding;
   - title 12px / 1.25 and clamped to 2 lines with an ellipsis (the
     full title is still in the link's screen-reader text and the tile
     links to the item), so the card can't outgrow its half;
   - progress bar kept, with a little space above it.
   Large tiles (Featured Learning) are untouched.

   ALSO the likely answer to the long-running "Core Training hover
   doesn't work" mystery: the hover ring WAS being drawn, but it's
   #1f1f21 - and on these small tiles the dark bottom gradient
   (::after, a fixed 200px tall, sized for the large tiles) plus the
   oversized card covered the entire tile, so the only visible part of
   the tile was dark #1f1f21 edges. The ring was dark-on-dark, i.e.
   invisible, and only showed on Health and Safety because its shorter
   title left a strip of photo showing at the top (and the "blink" seen
   on the others is the ring briefly visible against the few lighter
   pixels). Fixed by sizing the gradient to the bottom half of small
   tiles (matching the card) so the photo shows again in the top half,
   where the ring has contrast. */
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile.block-totara-featured-links-tile-small .block-totara-featured-links-content {
    max-height: calc(50% - 10px);
    min-height: 0;
    padding: 10px 12px;
    overflow: hidden;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile.block-totara-featured-links-tile-small .block-totara-featured-links-content h3 {
    font-size: 12px;
    line-height: 1.25;
    margin: 0 0 6px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile.block-totara-featured-links-tile-small::after {
    height: 50%;
}
/* v136: small-tile card follow-up (4K check). The progress bar was
   being cut off at the bottom of the capped card: Totara outputs an empty
   <p></p> before and after the progress bar, and those (plus the bar
   container's own spacing and Bootstrap's margin-bottom on .progress)
   pushed it down past the card's max-height, where overflow:hidden
   clipped it. Those empty spacers are zeroed so the bar sits directly
   under the title. Title also stepped down 12px -> 11px (still clamped
   to 2 lines). Same selectors as the v135 rules, placed after them, so these win. */
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile.block-totara-featured-links-tile-small .block-totara-featured-links-content h3 {
    font-size: 11px;
    line-height: 1.2;
    margin: 0 0 4px 0;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile.block-totara-featured-links-tile-small .block-totara-featured-links-content p:empty {
    display: none;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile.block-totara-featured-links-tile-small .block-totara-featured-links-content .progressbar_container {
    margin: 0;
    padding: 0;
}
.pagelayout-dashboard .block_totara_featured_links:not(:has(#latait-otd-alert-link, #latait-dashboard-pathway-cta, #latait-sub-notice, #latait-pathway-no-access)) .block-totara-featured-links-tile.block-totara-featured-links-tile-small .block-totara-featured-links-content .progressbar_container .progress {
    margin: 0;
}
.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;
}
/* v116: Remove the 2px divider under each course section. Theme rule:
     .course-content ul li.section.main {border-bottom: 2px solid
     var(--color-neutral-4); margin-top:0}  (0,3,2)
   Not overriding --color-neutral-4 itself - it's a general-purpose grey
   token used all over the Tui/theme UI. The body prefix makes this
   (0,3,3), so it wins regardless of stylesheet load order, without
   needing !important. Written against .course-content (not
   .pagelayout-course) to match the theme's own scope, so it applies
   anywhere section lists appear, not just the main course page. */
body .course-content ul li.section.main {
    border-bottom: none;
}
.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:#002249;
}
.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 {
    /* v152: Quiz navigation block - white card recipe (was transparent,
       near-black text, no padding); border/shadow !important as for other
       blocks. */
    background:#ffffff;
    color:#002249;
    padding:16px;
    margin-bottom:20px;
    display:block;
    border-radius:4px;
    border:none !important;
    box-shadow:0 0 2px #00255033 !important;
}
.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 {
    /* v152: "Quiz navigation" heading - was a small 14px tag on a Tait
       Blue (#18d2ff) strip from the old theme. Now a normal block title,
       matching .block .block-header h2 elsewhere: navy, 22px, weight 800
       (see the sitewide block-title weight rule, v152), no background. */
    margin-top:0;
    margin-bottom:8px;
    display:block;
    padding:0;
    line-height:1.3;
    background:none;
    font-size:22px;
    font-weight:800;
    color:#002249;
}
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post .block-content {
    padding-left:0;
}
/* v152: question number buttons centred horizontally in the block
   (were left-aligned floats; as flex items the floats are ignored, and
   any row that wraps - e.g. "10" - is centred too). */
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post #mod_quiz_navblock .qn_buttons {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
/* v152: everything under the buttons ("Finish attempt", timer, "Start a
   new preview") centred horizontally too. */
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post #mod_quiz_navblock .othernav {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.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;
    /* v152: #1f1f21 -> navy, matching the rest of the block. */
    border-color:#002249;
    color:#002249;
    display:block;
}
.pagelayout-incourse.path-mod-quiz.used-region-side-pre.empty-region-side-post .othernav .endtestlink {
    display:inline;
    /* v152: #1f1f21 -> navy. */
    color:#002249;
}
.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("/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;
    /* v139: fixed 58px -> fluid, and an explicit line-height. Two problems
       seen across device sizes (test vs live):
       - wrapped lines OVERLAPPED ("Learning that works / for you"): the
         58px size was paired with the theme's .block_html .content h2
         line-height token, which is sized for normal h2s (much smaller
         than 58px), so each wrapped line sat on top of the last. Now
         line-height:1.1, same proportion as live (63.8px at 58px).
       - the size never scaled down, so on tablet/phone it dwarfed the
         hero. clamp() scales it with the viewport: 30px floor (phones),
         58px ceiling (unchanged on desktop), linear in between. */
    font-size: clamp(30px, 3.3vw + 11px, 58px);
    line-height: 1.1;
}
#page-site-index .latait-homepage-zone-1 #latait-hero-message p {
    /* v139: fluid as well - 28px on desktop (unchanged), down to 16px on
       phones; line-height as a ratio (was a fixed 38px, which left the
       text double-spaced once smaller). */
    font-size: clamp(16px, 1.2vw + 11px, 28px);
    line-height: 1.35;
}
/* v139: eyebrow line ("Instructor Led Training and Self-Paced Learning")
   scaled down on small screens too - 18px desktop, 14px phones. */
#page-site-index .latait-homepage-zone-1 #latait-hero-message span {
    font-size: clamp(14px, 0.5vw + 11px, 18px);
}
#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;
}
/* v139: "Sign in to use Tait Services" (zone 1) and "Go to dashboard"
   (zone 4) - dark outline removed, per direction given. Neither rule set
   a border, so they were picking up the generic .btn border from the
   theme; border:none on both. Their Tait Blue fill is unchanged (matches
   live). */
#page-site-index .latait-homepage-zone-1 #latait-call-to-action-tabs .tabs .tab .btn {
    border: none;
    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("/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 {
    /* v139: dark outline removed - see the zone 1 button above. */
    border: none;
    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;
}
/* v163: sitewide "Rate this course" feedback modal on T20. The modal
   loads the feedback page in an iframe and our rule above strips that
   page's chrome so only the form shows - but it was written for T17's
   header (.totaraNav). On T20 the header is .userToolbar and the main
   menu is .theme_inspire__nav, so a learner saw the full site header,
   the tablet/phone hamburger and logo, and the page's own heading
   (T20's .page-heading, an h1 - the existing rule only hides h2s)
   inside the modal. Added here so only the questions show again. */
body.latait-sitewide-feedback .userToolbar,
body.latait-sitewide-feedback .theme_inspire__nav,
body.latait-sitewide-feedback .page-heading,
body.latait-sitewide-feedback #page-header,
body.latait-sitewide-feedback .catalystenvbar {
    display: none !important;
}
/* v163: the remaining "Rate this course" title is a feedback "label"
   item; its content sits in Totara's .no-overflow wrapper
   (overflow:auto), and the heading's margins overflow it by a few px,
   which produced the small scrollbar beside it. Overflow released for
   label items in the feedback form. */
body.latait-sitewide-feedback .feedback-item-label .no-overflow,
#feedback_complete_form .feedback-item-label .no-overflow {
    overflow: visible;
}
/* v164: inside the feedback modal, remove the theme's grey separator
   lines between feedback items (.path-mod-feedback div.feedback_itemlist
   border-top:1px solid #eee). In the modal they drew one line above the
   "Rate this course" title - running through the modal's close (x) -
   and another directly under it. The items are already spaced apart, so
   the lines aren't needed. Scoped to the modal (body class) only; the
   feedback activity pages keep their separators. Also trims bottom
   spacing on the form/page so the iframe's content ends at the buttons. */
body.latait-sitewide-feedback div.feedback_itemlist {
    border-top: none;
}
body.latait-sitewide-feedback #feedback_complete_form,
body.latait-sitewide-feedback #region-main,
body.latait-sitewide-feedback #page-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
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:#002249;
    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:#002249;
    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:#002249;
    background:rgb(0,200.4631578947,248.4);
    border-color:#00b8e4;
}
body.latait-sitewide-feedback #fgroup_id_buttonar .felement .btn-cancel:hover {
    color:#002249;
    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%;
    /* v164: 558px -> 520px. The feedback page loads in this iframe at a
       FIXED height (CSS can't size an iframe to its content), and 558px
       left ~60px of empty space below "Submit your answers" / "Cancel".
       520px fits the standard Rate-this-course form with roughly the
       same ~20px gap below the buttons as at the sides. A longer form
       (or a narrow screen, where questions wrap) simply scrolls inside
       the modal as before. max-height keeps the modal on-screen on
       short viewports. If a different form needs more/less, this one
       value is the dial. */
    height:520px;
    max-height:calc(100vh - 80px);
    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('/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('/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;
}
/* v113: Breadcrumb bar - blends into the page background, no bottom
   border, per direction given (seamless look). This is the copy that
   actually wins (confirmed via Styles panel: bg #ffffff + 1px #e2e8f0
   border-bottom, with the #dcdee0 copy near the top of the file struck
   through). transparent rather than a hardcoded grey, so it picks up
   whatever sits behind it on each page instead of needing to match a
   specific hex per pagelayout - if it ever reads as a different shade
   from the content area, the parent (.page-body) has its own background
   and this should be set to body's #f8f9fa explicitly instead. The
   userToolbar above keeps its own white bg + border-bottom, which now
   acts as the single divider between header and page. */
.breadcrumb-container.container-fluid {
    background-color: transparent;
    border-bottom: none;
}
/* 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;
}
/* v137: Tablet + phone - the main-menu (hamburger) button sits over the
   left edge of the userToolbar at these widths and was overlapping the
   logo (confirmed in tablet view, 768px). Logo scaled down a step and
   the logo link pushed right so it starts just after the hamburger
   instead of underneath it:
   - height 52px -> 40px (tablet), 34px (phone, <576px);
   - margin-left 48px: the button's ~40px width plus an 8px gap.
   Applies below 1024px only (v138: was below 1200px - at the 1024px
   "Laptop" width the left sidebar is still shown, no hamburger, so the
   offset was an unwanted gap there). Tablet and phone widths keep it.
   Desktop/laptop logo unchanged. */
@media (max-width: 1023.98px) {
    .userToolbar_prim .latait-header-logo-link {
        margin-left: 48px;
    }
    .latait-header-logo {
        height: 40px;
    }
}
@media (max-width: 575.98px) {
    .latait-header-logo {
        height: 34px;
    }
}
/* 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 {
    /* v133: #1f1f21 -> navy, same reason as body above - this wrapper
       re-declared the near-black for everything inside page content. */
    color:#002249;
    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:#002249;
    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;
    /* v116: 2px gap between answer boxes, per direction given. Done as
       margin-bottom:2px rather than the suggested 1px top + 1px bottom:
       these labels are display:block siblings (the radio inputs between
       them are position:absolute, so they don't separate them), so
       vertical margins COLLAPSE - 1px + 1px would render as a 1px gap,
       not 2px. A single bottom margin gives exactly 2px; the last answer's
       margin is zeroed below so spacing above the button is unchanged. */
    margin: 0 0 2px 0;
}
#latait-quizzer-container div[class^=quizzer-] .options.list label:last-of-type {
    margin-bottom: 0;
}
#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 {
    /* v160: REVERTED to the original quizzer style, per direction given.
       v116 had moved "Check result" onto the sitewide button recipe, but
       inline quizzers appear in many courses and the new style looked
       cramped and clashed with the quizzer content - they need to look as
       they always have. Original values restored exactly (2px near-black
       outline, near-black text). Note the sitewide shared `button` rule
       near the top of the file still applies its radius/weight where the
       theme allows, as it did before v116. */
    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("/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("/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:#f8f9fa;
}
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:none;
    box-shadow: 0 0 2px #00255033;
    padding:4px 12px;
    color:#002249;
    background:#ffffff;
    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 {
    /* v133: current page now matches Current Learning pagination: the
       #e3f0f5 "selected" fill with navy text (was solid navy / white).
       Kept in sync with the later duplicate below, which wins. */
    background:#e3f0f5;
    color:#002249;
}
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:#ffffff;
}
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:#e3f0f5;
}
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;
    box-shadow: 0 0 2px #00255033;
    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:#e3f0f5;
}
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;
    /* v133: #1f1f21 -> navy (Ask Jensen entry titles). Kept in sync with
       the later duplicate of this rule, which is the one that wins. */
    color:#002249;
}
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("/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("/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("/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("/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);
}
/* v143: Self-enrolment box ("Enrol me") on the course enrolment page:
   - the form panel goes from the grey (hsl 200/6%/83%) 20px-radius panel
     floated to the right half, to the white card recipe, centred
     horizontally (float removed, auto side margins; still half width on
     wide screens, full width on narrow ones);
   - the "Enrol me" button is centred in it, and moves onto the sitewide
     button style (v113) - the old 2px Tait Blue (#0097bb) border and
     10px radius are removed.
   Same selectors as the two existing copies of these rules (the generic
   self-enrol layout and the course-1270 one), placed after both, so these
   win - the float in their min-width:1080px media queries is cancelled
   here too (a media query adds no specificity, so later wins). */
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) form,
#page-enrol-index.course-1270 .generalbox:has(form) form {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 2px #00255033;
    float: none;
    margin: 0 auto;
}
@media (min-width: 1080px) {
    #page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) form,
    #page-enrol-index.course-1270 .generalbox:has(form) form {
        float: none;
        width: calc(50% - 20px);
        margin: 0 auto;
    }
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) .fsubmit,
#page-enrol-index.course-1270 .generalbox:has(form) .fsubmit,
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) #fitem_id_submitbutton .felement,
#page-enrol-index.course-1270 .generalbox:has(form) #fitem_id_submitbutton .felement {
    display: flex;
    justify-content: center;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) #id_submitbutton,
#page-enrol-index.course-1270 .generalbox:has(form) #id_submitbutton {
    border: none;
    border-radius: 4px;
}
/* v144: One consistent instruction on every self-enrolment box:
   'Click "Enrol me" to begin the course.' - left-aligned, above the
   centred button, per direction given.
   - The method's own info text (#fitem_id_info, e.g. "Only members of
     audience 'Partners - All active members (excl customers)' can
     self-enrol.") is hidden. Its wording depends on the enrolment method's
     audience restriction and on who's viewing, and some instances have
     none at all - so it was inconsistent (and staff saw partner-only
     wording when reviewing).
   - The replacement line is CSS-generated (form::before), so it appears
     on every self-enrol form, including those that had no text.
   Caveat: CSS-generated text isn't reliably read by all screen readers.
   If that matters, the cleaner long-term fix is the enrolment method's
   custom/welcome message setting, or a small JS insert. */
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) #fitem_id_info,
#page-enrol-index.course-1270 .generalbox:has(form) #fitem_id_info {
    display: none;
}
/* v147: hide the page's "Enrolment options" heading (the <h2> directly
   inside the main content, under the course summary). With a single,
   self-explanatory enrol card below the summary it's redundant. Direct-
   child selector, so only that page-level h2 is hidden - not headings
   inside the course summary or the enrol forms. */
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post #region-main [role=main] > h2,
#page-enrol-index.course-1270 #region-main [role=main] > h2 {
    display: none;
}
/* v145: Only show the self-enrolment box that actually applies to the
   viewer. Courses carry one self-enrol method per branch (Staff /
   Partners), each restricted to that branch's audience; Totara still
   renders the other branch's box, but WITHOUT an "Enrol me" button
   (the viewer isn't eligible - only its "Only members of audience ..."
   note, now hidden). So: any enrol box with no submit button is hidden,
   leaving just the one the viewer can use. Works for either branch
   without per-course config.
   v146: STOPGAP ONLY. Agreed as a temporary measure - the proper fix is
   at the setup level (smarter use of audiences with the self-enrolment
   plugin, so each user is only offered the method that applies to them).
   Once that's in place, DELETE this rule - CSS can only hide what Totara
   has already rendered, so it shouldn't be relied on long term. Note: a
   user eligible for BOTH methods will still see both boxes. The
   clipping fix and the 'Click "Enrol me"' line below/above are separate
   and should stay. */
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form):not(:has(input[type=submit])),
#page-enrol-index.course-1270 .generalbox:has(form):not(:has(input[type=submit])) {
    display: none;
}
/* v145: card edges were being clipped top/bottom. The wrapper had
   overflow:hidden (originally to contain the old floated panel), which
   cut off the card's 2px shadow. The float is gone (v143), so overflow
   is released; flow-root still contains any floats inside, and 2px
   padding gives the shadow room. */
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form),
#page-enrol-index.course-1270 .generalbox:has(form) {
    overflow: visible;
    display: flow-root;
    padding: 2px;
}
#page-enrol-index.pagelayout-incourse.used-region-side-pre.empty-region-side-post .generalbox:has(form) form::before,
#page-enrol-index.course-1270 .generalbox:has(form) form::before {
    content: 'Click "Enrol me" to begin the course.';
    display: block;
    /* v147: left -> centred, per direction given (matches the centred
       "Enrol me" button below it). */
    text-align: center;
    margin: 0 0 16px 0;
    color: #002249;
}
#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;
}
/* v142: Catalog "Loading" text + spinner - moved up out of the results
   grid into the overview row, centred between the results count (left,
   v141) and "Sort by" (right), so it no longer sits over the tiles or
   the "Sorry, we couldn't find any results" message.
   Markup (captured live with a MutationObserver - it only exists for the
   split second a search runs):
     div.tw-grid.tw-catalog__overlay        (overlay laid over the grid)
       > div.tw-catalog__overlay_text       ("Loading" + spinner)
   The text is lifted ABOVE the top of the overlay with a negative top
   offset (-44px = roughly half the overview row's height plus half the
   text's, so it lands on the row's midline); overflow:visible on the
   overlay so it isn't clipped, and the overlay raised above the overview
   row (z-index 1000, set just above) so the text isn't painted
   underneath it. If it lands a few px high/low, -44px is the one value
   to tweak. */
#page-totara-catalog-index .tw-catalog__overlay {
    overflow: visible !important;
    z-index: 1001;
}
#page-totara-catalog-index .tw-catalog__overlay .tw-catalog__overlay_text {
    position: absolute !important;
    top: -44px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    z-index: 1002;
}
/* 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("/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;
}
/* v119: Ask Jensen glossary - search field + Search button side by side.
   The 84% / 16% widths were already set (both copies of the rules above,
   near line ~7400 and here), but on Totara 20 the button was dropping to
   the next line under the field. Bootstrap's .form-inline is a FLEX
   container (flex-flow: row wrap), so the float:left on the field/button
   is ignored entirely and the two items just wrap whenever
   (84% - 10px) + 10px margin + 16% rounds to a hair over 100% of the
   form's content width - which it did at the widths tested. Fixed by
   taking explicit control of the flex layout rather than relying on
   floats: nowrap-safe flex-basis values on the field and button, and the
   "Search full text" checkbox pushed onto its own line underneath with
   flex-basis:100% (it was sitting beside the wrapped button). Widths are
   the same 84%/16% split as requested; flex-shrink:1 on the field lets it
   absorb any sub-pixel rounding instead of forcing a wrap. Placed after
   the later (winning) copy of the width rules so this has the last word
   for all three glossary contexts. */
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] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
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 {
    /* v120: flex-basis 0 + grow, instead of v119's fixed calc(84% - 10px)
       basis. Wrapping is decided from each item's BASIS, before any
       shrinking happens - so v119's flex-shrink:1 never got a chance to
       absorb the overflow (see the button rule below for what the
       overflow actually was). With basis 0 the field can never be the
       thing that causes a wrap; it simply fills whatever the button and
       gap leave, which works out to exactly calc(84% - 10px) now that
       the button is 16% with no stray margin. min-width:0 stops the
       input's intrinsic (size="20") width from acting as a floor. */
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    margin-right: 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 {
    flex: 0 0 16%;
    width: 16%;
    /* v120: the actual cause of the wrap. The Totara 20 markup gives this
       button Bootstrap utility classes "mr-3 mt-1" (confirmed in the
       Elements panel) - .mr-3 is margin-right:1rem !important, so the
       row was (84% - 10px) + 10px + 16% + 16px = 100% + 16px and always
       wrapped. The margin:0 set on this button in the rules above lost
       because the utility class uses !important. Overridden with
       !important back (see methodology note: !important fights need
       !important). mt-1 left alone - the field carries mt-1 too, so they
       stay aligned. */
    margin-right: 0 !important;
}
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 {
    flex: 0 0 100%;
    margin-top: 8px;
}
/* v119: Hide the page's own h1 ("Jensen" - the glossary activity name,
   output by Totara 20 in .page-heading above the intro) on the Ask Jensen
   glossary pages. Live (Totara 17) doesn't show this - the only visible
   title there is the "Ask Jensen" h2 inside the intro/hero. Scoped to
   the same three glossary contexts as the rest of the reskin, so no other
   page's h1 is affected. Only the h1 is hidden, not the whole
   .page-heading wrapper, in case Totara puts page actions in there on
   some views/states - if an empty gap is left above the hero, hide
   .page-heading itself instead. */
body.course-927.path-mod-glossary.context-13082 #region-main .page-heading h1,
body.course-15.path-mod-glossary.context-13993 #region-main .page-heading h1,
body.course-1506.path-mod-glossary.context-19657 #region-main .page-heading h1 {
    display: none;
}
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 {
    /* Was #e6e8e9 - matches the main page background now instead of its
       own distinct grey. */
    background: #f8f9fa;
}
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;
    /* Matching the navy/shadow button style used elsewhere, rather than
       the old grey-pill outline. */
    border: none;
    box-shadow: 0 0 2px #00255033;
    padding: 4px 12px;
    color: #002249;
    background: #ffffff;
    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 {
    /* Current-page indicator - filled navy instead of near-black, same
       "solid fill for the active state" convention used on the filter
       pills elsewhere. */
    /* v133: SUPERSEDED - solid navy no longer used for active states.
       Now the #e3f0f5 "selected" fill + navy text, matching the Current
       Learning block's pagination and the main menu selected item. */
    background: #e3f0f5;
    color: #002249;
}
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: #ffffff;
}
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: #e3f0f5;
}
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;
    box-shadow: 0 0 2px #00255033;
    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 {
    /* Was old Tait Blue #00b8e4 - caught while adding the shadow above. */
    background: #e3f0f5;
}
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;
    /* v133: #1f1f21 -> navy - Ask Jensen glossary entry titles (h4).
       This later copy is the winning one (confirmed via Styles panel). */
    color: #002249;
}
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;
}