:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--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: #fff;--nav-text-color: var(--color-text);--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)}:root{--nav-bg-color: #15284C;--nav-text-color: #F6F4EC;--color-primary: #0C818F;--btn-prim-accent-color: #4D2379;--btn-accent-color: #4D2379;--link-color: #4D2379;--color-state: #15284C;--color-text: #000000;--footer-bg-color: #15284C;--footer-text-color: #F6F4EC;--btn-prim-accent-color-focus: #43196f;--btn-prim-accent-color-active: #32085e;--btn-accent-color-focus: #43196f;--btn-accent-color-active: #32085e;--link-color-hover: #43196f;--color-state-hover: #0b1e42;--color-state-focus: #0b1e42;--color-state-active: #000d31;--footer-text-color-hover: #eceae2;}
#guestlogin{
display:none;
}

/* ============================================================
   COPILOT LEARNING HUB - GLOBAL STYLES (COURSE 4342)
   ============================================================ */
.course-4342 .block_course_search{
display:none;
}

/* 1. TYPOGRAPHY & BRAND VARIABLES */
.course-4342 .ch-hub {
    --ch-ink: #1A2235;
    --ch-muted: #526178;
    --ch-blue: #005EB8;
    --ch-shadow: 0 2px 12px rgba(26,34,53,.08);
    --ch-shadow-lg: 0 6px 24px rgba(26,34,53,.14);
    color: var(--ch-ink);
    line-height: 1.45;
    font-family: "Poppins", "Segoe UI", Arial, Helvetica, sans-serif !important;
}

/* Protect Totara/Moodle Icon Fonts */
.course-4342 .ch-hub *:not([class*="tfont"]) {
    font-family: "Poppins", "Segoe UI", Arial, Helvetica, sans-serif !important;
}

.course-4342 .text-dark { color: var(--ch-ink) !important; }
.course-4342 .text-muted { color: var(--ch-muted) !important; }

/* 2. BLOCK SPACING & CONTAINERS */
.course-4342 .ch-block { margin-bottom: 24px !important; }
.course-4342 .ch-block:last-of-type { margin-bottom: 0 !important; }
.course-4342 .ch-block .card.ch-native-block,
.course-4342 .ch-block .ch-bg-gradient { margin-bottom: 0 !important; }

.course-4342 .ch-native-block {
    border-radius: 8px !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05) !important;
}
.course-4342 .ch-native-block-head {
    border-radius: 8px 8px 0 0 !important;
    background-color: #15284C !important;
    border-bottom: none !important;
}
.course-4342 .ch-native-block-body {
    border-radius: 0 0 8px 8px !important;
    background-color: #ffffff !important;
}

/* 3. HERO & HERO BUTTONS */
.course-4342 .ch-hub .ch-bg-gradient {
    position: relative; z-index: 1; border-radius: 16px !important;
    background:
        radial-gradient(70% 90% at 8% 95%, rgba(0,94,184,.9) 0%, rgba(0,94,184,0) 58%),
        radial-gradient(58% 76% at 58% 55%, rgba(0,48,135,.8) 0%, rgba(0,48,135,0) 62%),
        radial-gradient(72% 90% at 100% 100%, rgba(123,45,139,.9) 0%, rgba(123,45,139,0) 62%),
        linear-gradient(135deg, #003087 0%, #005EB8 48%, #7B2D8B 100%) !important;
}
.course-4342 .ch-hub .ch-bg-gradient::after {
    content: ""; position: absolute; right: -70px; top: -70px;
    width: 260px; height: 260px; border-radius: 999px;
    background: rgba(255,255,255,.08); pointer-events: none; z-index: -1;
}
.course-4342 .ch-hub .ch-bg-gradient h1,
.course-4342 .ch-hub .ch-bg-gradient p,
.course-4342 .ch-hub .ch-bg-gradient .ch-bounce-arrow,
.course-4342 .ch-hub .ch-bg-gradient .badge:first-child {
    color: #ffffff !important;
}
.course-4342 .ch-hub .ch-bg-gradient .badge:first-child {
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    font-size: 12px !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
.course-4342 .ch-hub .btn-outline-light {
    border: 1.5px solid rgba(255,255,255,.55) !important;
    background: transparent !important; color: #ffffff !important;
}
.course-4342 .ch-hub .btn-outline-light:hover { background: rgba(255,255,255,.12) !important; }

/* 4. BLOCK 1: 3/4 NEW DROP + 1/4 QUICK LINKS GRID */
.course-4342 .ch-split-row {
    display: grid !important;
    grid-template-columns: 3fr 1fr !important;
    gap: 20px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin-top: 24px !important;
}
@media (max-width: 992px) {
    .course-4342 .ch-split-row { grid-template-columns: 1fr !important; }
}

.course-4342 .ch-quick-links-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.course-4342 .ch-compact-link {
    display: flex !important; align-items: center !important;
    padding: 8px 12px !important; border-radius: 6px !important;
    border: 1px solid #DDE3EE !important; background: #ffffff !important;
    text-decoration: none !important; transition: all 0.15s ease !important;
    gap: 10px !important; width: 100% !important; box-sizing: border-box !important;
}
.course-4342 .ch-compact-link:hover {
    background: #F8F9FA !important; border-color: #005EB8 !important; transform: translateX(2px) !important;
}
.course-4342 .ch-cl-icon {
    width: 26px !important; height: 26px !important; border-radius: 4px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 13px !important; flex-shrink: 0 !important;
}
.course-4342 .ch-cl-title {
    font-size: 12.5px !important; font-weight: 700 !important; color: #1A2235 !important;
    flex-grow: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
.course-4342 .ch-cl-arrow { font-size: 12px !important; font-weight: 700 !important; color: #005EB8 !important; flex-shrink: 0 !important; }

/* New Drop Cards */
.course-4342 .ch-hub .ch-drop-card {
    display: flex; flex-direction: column; border-radius: 14px !important;
    border: 1px solid #DDE3EE !important; overflow: hidden;
    box-shadow: 0 2px 12px rgba(26,34,53,.08) !important;
    transition: transform .18s ease, box-shadow .18s ease !important; background: #fff !important; width: 100%;
}
.course-4342 .ch-hub .ch-drop-card:hover { transform: translateY(-3px) !important; box-shadow: 0 6px 24px rgba(26,34,53,.14) !important; }
.course-4342 .ch-hub .ch-drop-top { height: 68px !important; position: relative; padding: 10px 14px !important; overflow: hidden; }
.course-4342 .ch-hub .ch-drop-top::after { content: ""; position: absolute; right: -20px; top: -28px; width: 96px; height: 96px; border-radius: 999px; background: rgba(255,255,255,.12); pointer-events: none; }
.course-4342 .ch-hub .ch-drop-badge {
    position: relative; z-index: 1; display: inline-flex; align-items: center;
    border-radius: 999px !important; background: rgba(255,255,255,.18) !important;
    border: 1px solid rgba(255,255,255,.28) !important; padding: 3px 10px !important;
    font-size: 10px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: #fff !important;
}
.course-4342 .ch-hub .ch-drop-body { display: flex; flex-direction: column; gap: 5px; padding: 12px 14px !important; flex: 1; background: #fff !important; }
.course-4342 .ch-hub .ch-drop-body h3 { font-size: 13px !important; font-weight: 700 !important; color: #1A2235 !important; line-height: 1.25 !important; margin: 0 !important; }
.course-4342 .ch-hub .ch-drop-body p { font-size: 11.5px !important; color: #526178 !important; margin: 0 !important; }
.course-4342 .ch-hub .ch-drop-link { font-size: 12px !important; font-weight: 700 !important; margin-top: auto !important; padding-top: 8px !important; display: inline-block; text-decoration: none !important; }

/* 5. BLOCK 2: TRAINING CALENDAR - Compact Mosaic / 2x2 Grid Redesign */
.course-4342 .ch-hub .ch-month-btn {
    border-radius: 999px !important; padding: 4px 16px !important; font-size: 13px !important; font-weight: 700 !important;
    border: 1.5px solid rgba(255,255,255,0.4) !important; background: transparent !important; color: #fff !important;
    transition: all 0.2s ease !important; cursor: pointer;
}
.course-4342 .ch-hub .ch-month-btn[aria-selected="true"] { background: #fff !important; color: #15284C !important; border-color: #fff !important; }
.course-4342 .ch-hub .ch-month-btn:hover { background: rgba(255,255,255,0.15) !important; }

/* Calendar Grid: 2 columns of Day Cards */
.course-4342 .ch-hub .ch-cal-grid {
    display: grid !important; grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important; align-items: start !important; padding: 16px !important;
}
@media (max-width: 768px) {
    .course-4342 .ch-hub .ch-cal-grid { grid-template-columns: 1fr !important; }
}

/* Day Group Card */
.course-4342 .ch-hub .ch-cal-day-group {
    display: flex !important; flex-direction: column !important;
    border: 1px solid #DDE3EE !important; border-radius: 12px !important;
    overflow: hidden !important; box-shadow: 0 2px 8px rgba(26,34,53,.04) !important;
    background: #fff !important; height: 100% !important;
}

/* Top Date Header for the Day */
.course-4342 .ch-hub .ch-cal-day-heading {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    border-bottom: 1px solid #DDE3EE !important; background-color: #F8F9FA !important;
    padding: 8px 14px !important;
}
.course-4342 .ch-hub .ch-cal-date { display: flex !important; align-items: center !important; gap: 8px !important; text-align: left !important; }
.course-4342 .ch-hub .ch-cal-day { font-size: 11px !important; font-weight: 700 !important; color: #526178 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
.course-4342 .ch-hub .ch-cal-num { font-size: 15px !important; font-weight: 800 !important; color: #1A2235 !important; line-height: 1 !important; }

/* Events Container: 2x2 Mosaic Grid */
.course-4342 .ch-hub .ch-cal-day-events {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
    background: #FAFBFC !important;
    flex: 1 !important;
}

/* Individual Event Tile */
.course-4342 .ch-hub .ch-cal-row {
    background: #fff !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    outline: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Automatically span full width for single events or leftover odd items */
.course-4342 .ch-hub .ch-cal-row:only-child {
    grid-column: span 2 !important;
}
.course-4342 .ch-hub .ch-cal-row:last-child:nth-child(odd) {
    grid-column: span 2 !important;
}

.course-4342 .ch-hub .ch-cal-row:hover,
.course-4342 .ch-hub .ch-cal-row:focus-within,
.course-4342 .ch-hub .ch-cal-row.expanded {
    border-color: #005EB8 !important;
    background-color: #F4F6FA !important;
    box-shadow: 0 2px 6px rgba(0,94,184,0.08) !important;
}

.course-4342 .ch-hub .ch-cal-event-time {
    display: inline-block !important; font-size: 10.5px !important; font-weight: 700 !important;
    background: #E2E8F0 !important; color: #1A2235 !important; padding: 2px 6px !important;
    border-radius: 4px !important; margin-bottom: 4px !important; width: fit-content !important;
}
.course-4342 .ch-hub .ch-cal-title { font-size: 12.5px !important; font-weight: 700 !important; color: #1A2235 !important; margin-bottom: 2px !important; line-height: 1.25 !important; }
.course-4342 .ch-hub .ch-cal-host { font-size: 11px !important; color: #526178 !important; display: block !important; margin-bottom: 4px !important; }
.course-4342 .ch-hub .ch-cal-badge { font-size: 9px !important; background: #0C818F !important; color: #fff !important; padding: 1px 5px !important; border-radius: 3px !important; margin-left: 4px !important; text-transform: uppercase !important; font-weight: 700 !important; }
.course-4342 .ch-hub .ch-cal-desc { display: none; margin-top: 8px !important; padding-top: 8px !important; border-top: 1px dashed #DDE3EE !important; font-size: 11.5px !important; color: #526178 !important; line-height: 1.4 !important; }
.course-4342 .ch-hub .ch-cal-row.expanded .ch-cal-desc { display: block !important; }
.course-4342 .ch-hub .ch-cal-link { display: inline-block !important; font-weight: 700 !important; color: #005EB8 !important; text-decoration: none !important; margin-top: 4px !important; }

/* 6. BLOCK 3: ALL RESOURCES, FILTERS & MODALS */
.course-4342 .ch-hub .ch-search input {
    width: 100% !important; height: 42px !important; padding: 0 16px 0 38px !important;
    border: 1.5px solid #DDE3EE !important; border-radius: 999px !important; font-size: 13px !important;
    color: #1A2235 !important; outline: none !important; background: #fff !important; box-sizing: border-box !important;
}
.course-4342 .ch-hub .ch-search input:focus { border-color: #0C818F !important; box-shadow: 0 0 0 3px rgba(12,129,143,.14) !important; }
.course-4342 .ch-hub .ch-filter-toolbar { background: #fff !important; padding: 18px 20px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
.course-4342 .ch-hub .ch-filter-group { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
.course-4342 .ch-hub .ch-filter-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .07em !important; color: #526178 !important; margin-right: 4px !important; flex-shrink: 0 !important; }
.course-4342 .ch-hub .ch-filter-divider { border: none !important; border-top: 1px solid #DDE3EE !important; margin: 4px 0 0 !important; }

.course-4342 .ch-hub .ch-filter-chip, .course-4342 .ch-hub .ch-level-chip-btn {
    display: inline-flex !important; align-items: center !important; gap: 5px !important;
    font-size: 12.5px !important; font-weight: 700 !important; border: 1.5px solid #DDE3EE !important;
    border-radius: 999px !important; padding: 5px 14px !important; background: #fff !important;
    color: #005EB8 !important; cursor: pointer !important; transition: .15s ease !important;
}
.course-4342 .ch-hub .ch-filter-chip[aria-pressed="true"] { background: #0C818F !important; border-color: #0C818F !important; color: #fff !important; }
.course-4342 .ch-hub .ch-level-chip-btn[aria-pressed="true"].all { background: #526178 !important; border-color: #526178 !important; color: #fff !important; }
.course-4342 .ch-hub .ch-level-chip-btn[aria-pressed="true"].foundation { background: #00843D !important; border-color: #00843D !important; color: #fff !important; }
.course-4342 .ch-hub .ch-level-chip-btn[aria-pressed="true"].proficient { background: #003087 !important; border-color: #003087 !important; color: #fff !important; }
.course-4342 .ch-hub .ch-level-chip-btn[aria-pressed="true"].advanced { background: #7B2D8B !important; border-color: #7B2D8B !important; color: #fff !important; }
.course-4342 .ch-hub .ch-tile-count { font-size: 11.5px !important; color: #526178 !important; font-style: italic !important; margin-left: auto !important; }

.course-4342 .ch-hub .ch-tile-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 16px !important; padding: 20px !important; background: #fff !important; }
.course-4342 .ch-hub .ch-tile-card { display: flex !important; flex-direction: column !important; border-radius: 14px !important; border: 1px solid #DDE3EE !important; overflow: hidden !important; box-shadow: 0 2px 12px rgba(26,34,53,.08) !important; transition: transform .18s ease, box-shadow .18s ease !important; background: #fff !important; }
.course-4342 .ch-hub .ch-tile-card:hover { transform: translateY(-3px) !important; box-shadow: 0 6px 24px rgba(26,34,53,.14) !important; }
.course-4342 .ch-hub .ch-card-top { height: 72px !important; position: relative !important; padding: 10px 14px !important; overflow: hidden !important; }
.course-4342 .ch-hub .ch-card-top::after { content: "" !important; position: absolute !important; right: -20px !important; top: -28px !important; width: 96px !important; height: 96px !important; border-radius: 999px !important; background: rgba(255,255,255,.12) !important; }
.course-4342 .ch-hub .ch-card-icon { position: relative !important; z-index: 1 !important; font-size: 24px !important; color: #fff !important; }
.course-4342 .ch-hub .ch-card-body { display: flex !important; flex-direction: column !important; gap: 5px !important; padding: 12px 14px !important; flex: 1 !important; }
.course-4342 .ch-hub .ch-card-body h3 { font-size: 13.5px !important; font-weight: 700 !important; color: #1A2235 !important; line-height: 1.3 !important; margin: 0 !important; }
.course-4342 .ch-hub .ch-card-body p { font-size: 11.5px !important; color: #526178 !important; line-height: 1.4 !important; margin: 0 !important; flex: 1 !important; }

/* Meta Badges & Links */
.course-4342 .ch-hub .ch-meta { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; margin-top: auto !important; padding-top: 8px !important; align-items: center !important; }
.course-4342 .ch-hub .ch-pill { display: inline-flex !important; align-items: center !important; border-radius: 999px !important; padding: 3px 9px !important; font-size: 10px !important; font-weight: 700 !important; }
.course-4342 .ch-hub .ch-pill.tag-video    { background: rgba(0,94,184,.08) !important;  color: #005EB8 !important; }
.course-4342 .ch-hub .ch-pill.tag-course   { background: rgba(0,132,61,.08) !important;  color: #00843D !important; }
.course-4342 .ch-hub .ch-pill.tag-playlist { background: rgba(12,129,143,.08) !important;color: #0C818F !important; }
.course-4342 .ch-hub .ch-pill.tag-pdf      { background: rgba(123,45,139,.08) !important;color: #7B2D8B !important; }
.course-4342 .ch-hub .ch-pill.tag-other    { background: rgba(82,97,120,.08) !important; color: #526178 !important; }
.course-4342 .ch-hub .ch-pill.lvl-foundation{ background: rgba(0,132,61,.08) !important;  color: #00843D !important; }
.course-4342 .ch-hub .ch-pill.lvl-proficient{ background: rgba(0,48,135,.08) !important;  color: #003087 !important; }
.course-4342 .ch-hub .ch-pill.lvl-advanced  { background: rgba(123,45,139,.08) !important;color: #7B2D8B !important; }

.course-4342 .ch-hub .ch-open { font-size: 12px !important; font-weight: 700 !important; color: #005EB8 !important; background: none !important; border: none !important; cursor: pointer !important; padding: 0 !important; text-align: left !important; margin-top: auto !important; padding-top: 8px !important; text-decoration: none !important; }

/* Modals */
.course-4342 .ch-modal { display: none; position: fixed !important; inset: 0 !important; background: rgba(26,34,53,.55) !important; z-index: 9999 !important; align-items: center !important; justify-content: center !important; padding: 16px !important; }
.course-4342 .ch-modal.open { display: flex !important; }
.course-4342 .ch-modal-box { background: #fff !important; border-radius: 20px !important; max-width: 820px !important; width: 100% !important; max-height: 90vh !important; overflow-y: auto !important; box-shadow: 0 24px 80px rgba(26,34,53,.22) !important; }
.course-4342 .ch-modal-head { padding: 22px 28px !important; border-radius: 20px 20px 0 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; }
.course-4342 .ch-modal-head.journey-head { background: linear-gradient(135deg, #005EB8, #003087, #7B2D8B) !important; }
.course-4342 .ch-modal-head.prompt-head { background: linear-gradient(135deg, #003087, #7B2D8B) !important; }
.course-4342 .ch-modal-head.story-head { background: linear-gradient(135deg, #8B1A1A, #005EB8) !important; }
.course-4342 .ch-modal-title { font-size: 17px !important; font-weight: 800 !important; color: #fff !important; margin: 0 !important; }
.course-4342 .ch-modal-subtitle { font-size: 12px !important; color: rgba(255,255,255,.8) !important; margin: 4px 0 0 !important; }
.course-4342 .ch-modal-close { background: rgba(255,255,255,.15) !important; border: 1px solid rgba(255,255,255,.3) !important; border-radius: 999px !important; color: #fff !important; font-size: 16px !important; cursor: pointer !important; padding: 6px 14px !important; flex-shrink: 0 !important; }
.course-4342 .ch-modal-body { padding: 24px 28px !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }

/* Modal Article Cards */
.course-4342 .ch-modal .ch-modal-level { border-radius: 14px !important; border: 1px solid #DDE3EE !important; overflow: hidden !important; }
.course-4342 .ch-modal .ch-modal-level-head { padding: 14px 20px !important; display: flex !important; align-items: center !important; gap: 12px !important; }
.course-4342 .ch-modal .ch-modal-level-head.foundation { background: linear-gradient(135deg, #00843D, #005EB8) !important; }
.course-4342 .ch-modal .ch-modal-level-head.proficient { background: linear-gradient(135deg, #003087, #7B2D8B) !important; }
.course-4342 .ch-modal .ch-modal-level-head.advanced { background: linear-gradient(135deg, #7B2D8B, #005EB8) !important; }
.course-4342 .ch-modal .ch-modal-num { background: rgba(255,255,255,.2) !important; border-radius: 999px !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 800 !important; color: #fff !important; flex-shrink: 0 !important; }
.course-4342 .ch-modal .ch-modal-level-name { font-size: 15px !important; font-weight: 800 !important; color: #fff !important; margin: 0 !important; }
.course-4342 .ch-modal .ch-modal-level-tag { font-size: 12px !important; color: rgba(255,255,255,.8) !important; margin: 2px 0 0 !important; }
.course-4342 .ch-modal .ch-modal-level-body { padding: 16px 20px !important; background: #fff !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.course-4342 .ch-modal .ch-modal-uses-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: #526178 !important; margin: 0 0 6px !important; }
.course-4342 .ch-modal .ch-modal-uses { margin: 0 !important; padding-left: 18px !important; display: flex !important; flex-direction: column !important; gap: 4px !important; }
.course-4342 .ch-modal .ch-modal-uses li { font-size: 12.5px !important; color: #1A2235 !important; }
.course-4342 .ch-modal .ch-modal-next { padding: 10px 14px !important; background: #F4F6FA !important; border-radius: 10px !important; font-size: 12px !important; color: #1A2235 !important; line-height: 1.5 !important; }

/* Modal Content Boxes */
.course-4342 .ch-modal .ch-prompt-box { padding: 14px 18px !important; background: #F4F6FA !important; border-radius: 12px !important; }
.course-4342 .ch-modal .ch-prompt-box pre { font-family: "Courier New", monospace !important; font-size: 12.5px !important; color: #1A2235 !important; line-height: 1.75 !important; margin: 0 !important; white-space: pre-wrap !important; word-break: break-word !important; }
.course-4342 .ch-modal .ch-prompt-why { padding: 14px 18px !important; background: #F4F6FA !important; border-radius: 12px !important; border-left: 4px solid #003087 !important; }
.course-4342 .ch-modal .ch-prompt-how { padding: 14px 18px !important; background: #F4F6FA !important; border-radius: 12px !important; border-left: 4px solid #7B2D8B !important; }
.course-4342 .ch-modal .ch-prompt-section-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: #526178 !important; margin: 0 0 6px !important; }
.course-4342 .ch-modal .ch-copy-btn { display: inline-flex !important; align-items: center !important; background: linear-gradient(135deg, #003087, #7B2D8B) !important; color: #fff !important; border: none !important; border-radius: 999px !important; padding: 10px 24px !important; font-size: 13px !important; font-weight: 700 !important; cursor: pointer !important; align-self: flex-start !important; }

.course-4342 .ch-modal .ch-story-quote { font-size: 14px !important; font-weight: 700 !important; color: #1A2235 !important; line-height: 1.6 !important; margin: 0 !important; font-style: italic !important; border-left: 4px solid #8B1A1A !important; padding-left: 16px !important; }
.course-4342 .ch-modal .ch-story-stat { padding: 14px !important; background: #F4F6FA !important; border-radius: 12px !important; }
.course-4342 .ch-modal .ch-story-stat-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: #526178 !important; margin: 0 0 6px !important; }
.course-4342 .ch-modal .ch-story-stat-val { font-size: 22px !important; font-weight: 800 !important; color: #00843D !important; margin: 0 !important; }

/* 7. ANIMATIONS & ACCESSIBILITY */
@keyframes chBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
.course-4342 .ch-bounce-arrow { display: inline-block; margin-left: 4px; animation: chBounce 1.2s infinite ease-in-out; }
.course-4342 .ch-hub *:focus-visible { outline: 3px solid var(--ch-blue) !important; outline-offset: 3px !important; border-radius: 4px !important; }

<!-- COPILOT HUB: CALENDAR MOSAIC MASONRY GRID OVERRIDES -->
  /* Convert calendar grid container to multi-column mosaic layout */
  .ch-cal-grid {
    display: block !important; /* Overrides default flex/grid row constraints */
    column-count: 3;
    column-gap: 16px;
    width: 100%;
    box-sizing: border-box;
  }

  /* Prevent day groups from breaking awkwardly across columns */
  .ch-cal-day-group {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    margin-bottom: 16px !important;
    display: inline-block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Responsive breakpoints for tablet and mobile */
  @media (max-width: 992px) {
    .ch-cal-grid {
      column-count: 2 !important;
    }
  }

  @media (max-width: 576px) {
    .ch-cal-grid {
      column-count: 1 !important;
    }
  }

<!-- COPILOT HUB: MOSAIC COLUMN LAYOUT STYLING -->

  .ch-cal-masonry-wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .ch-cal-column {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-column: column !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .ch-cal-day-group {
    width: 100% !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  @media (max-width: 992px) {
    .ch-cal-masonry-wrapper {
      flex-direction: column !important;
    }
  }


/* end AI Hub */


/* HP additions to support visual difference for AI hub only targets course-4342*/

/* Scope everything to the specific course */
.course-4342 {

    /* Local variables (instead of :root) */
    --dark-blue: #15284C;
    --dark-aqua: #0C818F;
    --vibrant-aqua: #30A1AC;
    --cobalt: #003399;
    --purple: #4D2379;
    --emerald: #006060;
    --maroon: #660033;
    --muka: #F6F4EC;
    --white: #FFFFFF;
    --ink: #15284C;
    --line: rgba(21, 40, 76, .12);
    --shadow: 0 10px 30px rgba(21, 40, 76, .10);
    --shadow-lg: 0 24px 60px rgba(21, 40, 76, .18);
    --radius: 18px;
    --maxw: 1180px;
    --gradient: radial-gradient(60% 80% at 12% 92%, rgba(0, 96, 96, .95) 0%, rgba(0, 96, 96, 0) 55%),
                radial-gradient(55% 70% at 52% 60%, rgba(0, 51, 153, .85) 0%, rgba(0, 51, 153, 0) 60%),
                radial-gradient(70% 90% at 100% 100%, rgba(77, 35, 121, .95) 0%, rgba(77, 35, 121, 0) 60%),
                linear-gradient(135deg, #15284C 0%, #173163 45%, #3a2270 100%);
    --font: "Poppins", "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Hero block */
.course-4342 .hero-block {
    position: relative;
    background: var(--gradient);
    color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 34px 24px 38px;
    overflow: hidden;
    border-bottom-right-radius: 78px;
    box-shadow: var(--shadow);
}

/* Inner wrapper */
.course-4342 .hero-block-inner {
    position: relative;
    padding: 78px 0 92px;
    margin-inline: auto;
    padding-inline: 28px;
}

/* Heading */
.course-4342 .hero-block h1 {
    font-size: clamp(40px, 6vw, 68px);
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.12;
    color: var(--white);
    margin: 6px 0 18px;
}

/* Block headings */
.course-4342 .block_html .content h3 {
    font-size: 24px;
    color: #ffffff;
}

.course-4342 .block-totara-featured-links-layout>div .block-totara-featured-links-content {
    position: absolute;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    max-height: 100%;
    overflow: hidden;
    background: var(--color-backdrop-standard);
    color: var(--color-neutral-1);
    padding: 15px;
}
.course-4342 .tw-formatTopics__topic--color .tw-formatTopics__topic_header {
    border-radius: 10px;
    background: var(--gradient) !important;
    color: #fff;
    color: white;
    padding: 15px 15px 15px 20px;
}




.atto-fullscreen .block{display:none;}

#upgrade-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    background: #660033;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
   height:120px;

}
body.has-upgrade-banner {
    margin-top: 120px;
}
@media (max-width: 768px) {
    body.has-upgrade-banner {
        margin-top: 80px;
    }
}




/*VERSION CONTROL
LAST UPDATE BY: Katherine Rayn
DATE: 29 April 2025
WR: 448787
COPY:https://alfresco.wgtn.cat-it.co.nz/share/s/FI8lSiJHTL2i6n-JVdErbA
*/


/*SITE ELEMENTS*/

/*font, text and headings*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", serif;
    color: #15284c;
    line-height: 1.25;
}

body {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

h1,
h2 {
    font-weight: 700;
}

h3,
h4,
h5,
h6 {
    font-weight: 500;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 17px;
}

/*************************FIX MULTISELECT CUSTOM FIELD SPACING*************/
.customfield-multiselect .felement>span {
    margin: 0;
}

/*site header*/
@media only screen and (min-width: 768px) {
    .totaraNav .totaraNav_prim .masthead_logo--header_img {
        height: 5.5rem;
    }
}


/*site footer*/
footer .footer-logo {
    max-width: 100%;
    width: 26rem;
}


/*buttons*/
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,
td.submit input,
.btn-cancel,
.btn-secondary,
#page-site-index input[type='submit'],
input.btn.btn-primary.btn-block,
.loginbox #loginbtn,
.f2f-attendees-table input[name=saveattendance],
.path-mod-feedback .feedback_form input[type=submit],
.path-mod-feedback .feedback_form input[type=submit],
.addBlock--trigger,
.tw-containerCourse-enrolmentBanner__enrolButton,
.btn.totara_core__myreports__title__btn {
    border-radius: 10px;
    border: 1px solid #4D2379;
    box-shadow: 0px 5px 0 0 #4D2379;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: white;
    color: #4D2379;
    padding: 12px 40px;
}

button:hover,
input.form-submit:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
.link-as-button:hover,
.btn-default:hover,
input#id_submitbutton:hover,
input#id_submitbutton2:hover,
.btn-primary:hover,
.tui-formBtn--prim:hover,
.tui-iconBtn--prim:hover,
.tui-actionLink--prim:hover,
#notice .singlebutton+.singlebutton input:hover,
.submit.buttons input[name=cancel]:hover,
.tw-catalogManageBtns__btn:hover,
.tw-catalogResultsShare__btn:hover,
.tw-evidence__header_titleBtns_buttons_link:hover,
.tui-formBtn:hover,
td.submit input:hover,
.btn-cancel:hover,
.btn-secondary:hover,
#page-site-index input[type='submit']:hover,
input.btn.btn-primary.btn-block:hover,
.loginbox #loginbtn:hover,
.f2f-attendees-table input[name=saveattendance]:hover,
.path-mod-feedback .feedback_form input[type=submit]:hover,
.path-mod-feedback .feedback_form input[type=submit]:hover,
.addBlock--trigger:hover,
.tw-containerCourse-enrolmentBanner__enrolButton:hover,
.btn.totara_core__myreports__title__btn:hover,
button:focus,
input.form-submit:focus,
input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.link-as-button:focus,
.btn-default:focus,
input#id_submitbutton:focus,
input#id_submitbutton2:focus,
.btn-primary:focus,
.tui-formBtn--prim:focus,
.tui-iconBtn--prim:focus,
.tui-actionLink--prim:focus,
#notice .singlebutton+.singlebutton input:focus,
.submit.buttons input[name=cancel]:focus,
.tw-catalogManageBtns__btn:focus,
.tw-catalogResultsShare__btn:focus,
.tw-evidence__header_titleBtns_buttons_link:focus,
.tui-formBtn:focus,
td.submit input:focus,
.btn-cancel:focus,
.btn-secondary:focus,
#page-site-index input[type='submit']:focus input.btn.btn-primary.btn-block:focus .loginbox #loginbtn:focus,
.f2f-attendees-table input[name=saveattendance]:focus,
.path-mod-feedback .feedback_form input[type=submit]:focus,
.path-mod-feedback .feedback_form input[type=submit]:focus,
.addBlock--trigger:focus,
.tw-containerCourse-enrolmentBanner__enrolButton:focus,
.btn.totara_core__myreports__title__btn:focus {
    border-radius: 10px;
    transform: translateY(3px);
    box-shadow: 0px 2px 0 0 #4D2379;
    background-color: white;
    color: #4D2379;
}

button:active,
input.form-submit:active,
input[type=button]:active,
input[type=submit]:active,
input[type=reset]:active,
.link-as-button:active,
.btn-default:active,
input#id_submitbutton:active,
input#id_submitbutton2:active,
.btn-primary:active,
.tui-formBtn--prim:active,
.tui-iconBtn--prim:active,
.tui-actionLink--prim:active,
#notice .singlebutton+.singlebutton input:active,
.submit.buttons input[name=cancel]:active,
.tw-catalogManageBtns__btn:active,
.tw-catalogResultsShare__btn:active,
.tw-evidence__header_titleBtns_buttons_link:active,
.tui-formBtn:active,
td.submit input:active,
.btn-cancel:active,
.btn-secondary:active,
#page-site-index input[type='submit']:active,
input.btn.btn-primary.btn-block:active,
.loginbox #loginbtn:active,
.path-mod-feedback .feedback_form input[type=submit]:active,
.path-mod-feedback .feedback_form input[type=submit]:active,
.addBlock--trigger:active,
.tw-containerCourse-enrolmentBanner__enrolButton:active,
.btn.totara_core__myreports__title__btn:active {
    transform: translateY(4.5px);
    box-shadow: 0px 0px 0 0 #4D2379;
}



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-radius: 10px;
    border: none;
    box-shadow: none;
    transition: none;
    background-color: white;
    color: #4D2379;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border-radius: 10px;
    border: none;
    box-shadow: none;
    transition: none;
    background-color: white;
    color: #4D2379;
}

button.ui-button-text {
    border-radius: 10px;
    border: 1px solid #4D2379;
    box-shadow: 0px 7.5px 0 0 #4D2379;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: white;
    color: #4D2379;
}

button.ui-button-text:hover button.ui-button-text:focus {
    border-radius: 10px;
    transform: translateY(4.5px);
    box-shadow: 0px 3px 0 0 #4D2379;
    background-color: white;
    color: #4D2379;
}




@media(max-width:425px) {

    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,
    td.submit input,
    .btn-cancel,
    .btn-secondary,
    #page-site-index input[type='submit'],
    input.btn.btn-primary.btn-block,
    .loginbox #loginbtn,
    .f2f-attendees-table input[name=saveattendance],
    .ui-button-text {
        padding: 2px 5px;
        border-radius: 5px;
    }
}

.path-calendar .maincalendar .header .buttons,
.btn.btn-secondary.fp-btn-choose {
    margin-bottom: 25px;
}



.atto_collapse_button,
.editor_atto_toolbar button,
button.yui3-button.closebutton,
.atto_form button,
.fp-content-center .fp-upload-btn.btn-primary.btn {
    box-shadow: none;
    transform: none;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    padding: 6px 25px;
}

/*add underline under hyperlinks*/
.summary a,
.activity.modtype_label.label a,
.block_course_summary a,
.block_html a {
    text-decoration: underline;
}

.summary a:hover,
.activity.modtype_label.label a:hover,
.block_course_summary a:hover,
.block_html a:hover {
    color: #4D2379 !important;
    text-decoration: none;
}


/*Fix Search button*/
.tw-selectSearchText button.tw-selectSearchText__btn {
    margin: 0;
    min-width: 40px;
    border-radius: 10px;
}


/*forms*/
/*fixes the blank clickable space on after the text on checkbox items*/
.mform .fgroup .felement label {
    width: auto;
    vertical-align: middle;
    padding: 5px;
}

/*login page*/


/*home page*/

/*Remove block margin on site home page*/
#page-site-index .block {
    margin-bottom: 0;
}

#page-site-index .block .content {
    padding: 0;
}

/*catalogue*/
.tw-catalogManageBtns__group_options {
    border-color: #eaeaea;
    border-top: 2px solid var(--btn-prim-bg-color);
}



.tw-catalogItemNarrow {
    border: 1px solid #dedede;

}

.tw-catalogItemWide {
    border: 1px solid #dedede;
    box-shadow: none;
    transition: 0.8s all;
    margin-bottom: 20px;
}


.tw-catalog__primaryFilter {
    border: none;
}

.tw-selectMulti__link {
    color: var(--link-color);
}

.tw-selectRegionPanel__selector_header {
    font-weight: 700;
}




/*dashboards*/
/*Search Block*/
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 10px;
    border: 1px solid #4D2379;
}

.input-group-btn:last-child>.btn {
    margin-left: 5px;
    border-radius: 10px;
}

/*blocks*/
.block:not(.chromeless) {
    border: #15284C 2px solid;
}

.block-totara-featured-links-layout .block-totara-featured-links-tile, .block-totara-featured-links-layout .block-totara-featured-links-flex-filler, .block-totara-featured-links-layout .block-totara-featured-links-tile-adder, .block-totara-featured-links-layout .block-totara-featured-links-tile.background-cover, .block-totara-featured-links-layout .block-totara-featured-links-flex-filler.background-cover, .block-totara-featured-links-layout .block-totara-featured-links-tile-adder.background-cover {
    border-radius: 10px;
}


.block .block-header h2 {
    color: #F6F4EC;
}
.block .block-title {
    box-shadow: none;
}

#block-region-side-post .block-header h2,
#block-region-side-pre .block-header h2 {
    color: #000000;
}
.block .block-header {
    border-radius: 10px;
    background-color: #15284C;
}

#block-region-side-post .block-header,
#block-region-side-pre .block-header {
    background-color: #e6ecf1;
}

#block-region-side-pre .block:not(.chromeless),
#block-region-side-post .block:not(.chromeless){
    border: #bccde1 2px solid;
}

.block:not(.chromeless) {
    border: #15284C 2px solid;
}

.block .block-header h2 {
    font-size: 18px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0.03rem;
}

.block {
border-radius: 10px;
padding: 8px;
box-shadow: none;
}

.block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/*Featured Link Left*/
#featured-links-title--left.block-totara-featured-links-layout>div .block-totara-featured-links-content {
    background: none;
    padding: 20px;
    text-align: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#featured-links-title--left h3 {
    font-size: 3rem;
    color: #F6F4EC;
    margin-bottom: 4px;
    font-weight: bold;
}

#featured-links-title--left p {
    font-size: 1.8rem;
}

/**NELSON MARLBOROUGH FEATURED LINK BLOCK STYLING**/
#NM-featured-link-block.block-totara-featured-links-layout>div .block-totara-featured-links-content {
    background: rgba(0, 0, 0, 0.5);
}

#NM-featured-link-block.block-totara-featured-links-layout>div .block-totara-featured-links-content h3 {
    color: #ffffff;
}

/*Featured Link Center align (grey)*/
#featured-links-title--grey.block-totara-featured-links-layout>div .block-totara-featured-links-content {
    background: none;
    padding: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#featured-links-title--grey h3 {
    font-size: 1.875rem;
    color: #F6F4EC;
    margin-bottom: 4px;
    font-weight: bold;
}

#featured-links-title--grey.block-totara-featured-links-layout>div .block-totara-featured-links-content p {
   font-size: 1.125rem;
    color: #F6F4EC;
}

/*COURSE PAGE*/
.path-course-view .completionprogress {
    float: none;
}
.course-content ul li.section.main {
    border-bottom: 1px solid #bccde1;
    margin-top: 0;
}

.tw-formatTopics__topic--collapsible.tw-formatTopics__topic--color .tw-formatTopics__topic_header {
    border-radius: 10px;
}

.tw-formatTopics__topic--color .tw-formatTopics__topic_header {
    border-radius: 10px;
    background: #0C818F !important;
    color: white;
    padding: 10px 10px 10px 15px;
}


/*FIX FOR INDENTED LABELS IN EDIT MODE*/
.editing .section .activity .mod-indent-outer {
    padding-left: 32px;
    padding-right: 30px;
}

@media(max-width:425px) {
    .pagelayout-course #region-main {
        padding: 10px;
    }
}

/**********IMAGE BLUR STYLING****************/
.graphic-content {
    filter: blur(5px);
}

.graphic-content:hover {
    cursor: pointer;
}

.blur {
    filter: blur(0px);
}

/*COMPLETION FILTERS*/
input.completion-icon {
    -webkit-appearance: none;
    appearance: none;
}

input.completion-icon::before {
    content: '\f096';
    padding-right: 3px;
    font-size: 32.71px;
    font-family: 'FontAwesome';
    color: #15284C;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input.completion-icon:checked::before {
    content: '\f046';
    font-size: 30px;
}

.autocompletion [data-flex-icon*="completion-auto-n"],
.course-content ul.section li.activity span.autocompletion {
    font-size: 30px;
    padding-right: 2px;
    color: #15284C;
}

/*COURSE ACTIVITIES*/
/*ACTIVITY BUTTONS*/
.activityinstance {
    margin-bottom: 20px;
    margin-top: 0;
}


.activityinstance a {
    display: inline-block;
    box-sizing: border-box;

    border: 2px solid #4D2379;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    background-color: #ffffff;
    color: #4D2379 !important;

    box-shadow: 0px 5px 0 0 #4D2379;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

.activityinstance a:hover,
.activityinstance a:focus {
    transform: translateY(3px);
    box-shadow: 0px 2px 0 0 #4D2379;
}

.activityinstance a:active {
    transform: translateY(4.5px);
    box-shadow: 0px 0px 0 0 #4D2379;
}

@media(max-width:425px) {
    .activityinstance a {
        padding: 5px 5px;
        border-radius: 5px;
    }
}

/*LABEL WIDTH RESTRICTION*/
.section .activity.modtype_label.label p,
.section .activity.modtype_label.label div {
    padding-right: 10px;
}

/*ADD MARGINS UNDER BUTTONS*/
#searchform_button,
.pull-right {
    margin-bottom: 10px;
}


/*Lesson*/
/** SLIDESHOW DISPLAY FIX*/
.slideshow {
    height: auto !important;
    width: auto !important;
}

/*CUSTOM CERTIFICATE*/
#page-mod-customcert-view div.box.generalbox {
    display: none;
}

#page-mod-customcert-view #intro {
    display: block !important;
}

/*Label*/
.activity.modtype_label.label {
    margin-bottom: 15px;
}

/*COURSE TEMPLATES*/
/***********COURSE TEMPLATE TWO**********/
#course-template-2 .main {
    display: flex;
    flex-wrap: wrap;
    justify-content: start !important;
}

.course-template-2 .main .left-block {
    max-width: 700px;
    height: auto;
    padding: 30px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 500px) {
    #course-template-2 .main .left-block {
        min-height: 400px;
        margin: 20px;
    }
}

.course-template-2 .main .image {
    overflow: hidden;
    margin-bottom: 20px;
}

.course-template-2 .main .image img {
    height: auto;
    width: 100%;
}

@media only screen and (min-width: 500px) {
    #course-template-2 .main .image {
        height: 270px;
    }
}

.course-template-2 .main .right-block {
    max-width: 600px;
    height: auto;
    border: 1px solid #eee;
    /* border colour */
    padding: 30px;
    display: block
}

@media only screen and (min-width: 500px) {
    #course-template-2 .main .right-block {
        min-height: 400px;
        margin: 20px;
    }
}

.course-template-2 .main .course-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1240px;
}

.course-template-2 .main .course-title {
    align-self: flex-start;
    margin-top: 0;
    font-size: 26px;
}

.course-template-2 .main .course-header .checkbox {
    margin: 0 0 20px 0;
}

.course-template-2 .main .subheading-container {
    display: flex;
    width: 100%;
    align-items: center;
}

.course-template-2 .main .subheading-container .icon {
    align-self: center;
    margin-right: 10px;
}

.course-template-2 .main .course-subheading {
    margin: 0;
    font-size: 18px;
}



.course-template-2 .main .activities {
    list-style-type: none;
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
}

.course-template-2 .main .activity {
    width: 100%;
    display: flex;
}

.course-template-2 .main .btns .template-2 {
    width: calc(100% - 80px);
}

.course-template-2 .checkbox {
    margin-left: 20px;
    margin-top: 0;
    padding-right: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.course-template-2 .main .resources {
    width: 100%;
}

.course-template-2 .main .fa-link {
    padding-right: 10px;
}

.course-template-2 .main .resource {
    text-decoration: none;
}

.restricted-activity {
    text-align: center;
}

.button-full-width {
    width: 100%;
    max-width: 1246px;
    text-align: center;
    border-radius: 50px;
    padding: 10px;

}

.course-template-2 .main .description {
    margin-bottom: 20px;
}

/********COURSE TEMPLATE ONE*********/
.course-template-1 .main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.course-template-1 .main .image {
    display: block;
    background-color: transparent;
    margin: 10px;
    overflow: hidden;
    max-width: 600px;
    height: auto;
}

@media only screen and (min-width: 550px) {
    .course-template-1 .main .image {
        max-height: 400px;
        margin: 20px;
    }
}

.course-template-1 .main .image img {
    max-height: 250px;
    width: auto;
}

@media only screen and (min-width: 550px) {
    .course-template-1 .main .image img {
        max-height: 400px;
    }
}

.course-template-1 .main .course-content {
    width: 600px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
    padding: 20px;
    margin: 10px;
}

@media only screen and (min-width: 550px) {
    .course-template-1 .main .course-content {
        height: 400px;
        margin: 20px;
        padding: 30px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

.course-template-1 .main .course-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.course-template-1 .main .course-header .course-title {
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
}

.course-template-1 .main .course-header .checkbox {
    margin: 0 0 20px 0;
}

.course-template-1 .main .description {
    font-size: 17px;

}

.course-template-1 .main .btns {
    display: flex;
    flex-wrap: wrap;
    width: 40%;
    align-items: flex-middle;
    margin-right: 10px;
}

.course-template-1 .main .btns .template-1 {
    width: 50%;
}

@media only screen and (min-width: 550px) {
    .course-template-1 .main .btns .btn {
        width: 80%;
    }
}

.course-template-1 .main .btns .checkbox {
    float: right;
    margin-top: -10px;
    filter: invert(100%);
    /* button checkbox colour */
}

.course-content ul li.section.main {
    border-bottom: none;
    margin-bottom: 30px;
}

/**IMPROVING TOGETHER THEME ELEMENTS**/
.quote {
    font-size: 26px;
    letter-spacing: .1em;
    line-height: 55px;
    padding: 50px 10px 70px;
    max-width: 700px;
    margin: 0 auto;
}

.key-message {
    padding: 50px 80px;
    margin: 30px 0;
    background: #15284c;
}

.key-message-container {
    padding: 30px;
    background: white;
}

.key-message-container p {
    text-align: left;
}

.display-2col {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

@media (min-width: 500px) {
    .display-2col {
        padding: 30px;
    }
}

@media (min-width: 768px) {
    .display-2col .col--1of2 {
        width: 50%;
        max-width: 400px;
        flex: 0 0 50%;
    }
}

@media (min-width: 500px) {
    .display-2col .col--1of2 {
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .display-2col .col--1of2 {
        width: 50%;
        max-width: 400px;
        flex: 0 0 50%;
    }
}

@media (min-width: 500px) {
    .display-2col .col--1of2 {
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .question {
        padding: 50px 80px;
    }
}

.question {
    background: #15284c;
    padding: 50px 30px;
    margin-top: 20px;
}

@media (min-width: 768px) {
    #page-mod-lesson-view #page-content .lesson-summary {
        padding: 50px 80px;
    }
}

#page-mod-lesson-view #page-content .lesson-summary {
    text-align: center;
    background: #fff;
    color: #293868;
    padding: 50px 30px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

#page-mod-lesson-view #page-content .lesson-summary h4 {
    width: 100%;
    font-size: 18px;
    letter-spacing: .05em;
    margin-bottom: 30px;
    border-bottom: 1px solid #15284c;
    padding-bottom: 40px;
}

@media (min-width: 768px) {
    #page-mod-lesson-view #page-content .summary-col {
        width: 45%;
    }
}

#page-mod-lesson-view #page-content .summary-col ul {
    list-style-type: circle;
    width: fit-content;
    margin: 0 20px;
    text-align: left;
    letter-spacing: .03em;
}

.question--description {
    color: #fff;
    font-size: 16px;
}

.question--heading {
    margin: 30px 0;
    color: #fff !important;
    font-weight: 700;
}

#page-mod-lesson-view #page-content .lesson-summary ul {
    list-style-type: circle;
    width: fit-content;
    margin: 0 20px;
    text-align: left;
    letter-spacing: .03em;
}

.hqsc-table,
.hqsc-table th,
.hqsc-table td {
    border: 1px solid #ccc;
    padding: 10px 15px;
}


/*Face to Face*/

#page-mod-facetoface-events-edit th.header.c3,
#page-mod-facetoface-events-add th.header.c3,
#page-mod-facetoface-events-edit td.cell.c3,
#page-mod-facetoface-events-add td.cell.c3
 {
    display: none;
}


/* MT 20250716 - Hide course search block on login page (site home) */
.path-site .block_course_search {
    display: none;
}

/* MT 20250716 - Hide 'Banner featured links block on login page */
.path-site .block_totara_featured_links[data-instanceid="72869"] {
    display: none;
}

/* Hide Tē Whāriki ā Toi blocks */
.block_totara_featured_links[data-instanceid="85515"],
.block_totara_featured_links[data-instanceid="85516"],
.block_html[data-instanceid="85513"] {
    display: none;
}


/********T20 Upgrade Changes*********/
 .totaraNav .totaraNav_prim .masthead_logo--header_img {
    height: 3.4375rem !important;
    width: auto !important;
  }
.footnote a {color:white!important;}
.block.chromeless .title.block-title {
padding:15px;
}
.page-footer-main-content{
    align-items: center;
}

#featured-links-title--left h3 {
 font-size: 1.875rem; 
}
#featured-links-title--left p{
font-size:1.125rem;
}
.block-totara-featured-links-layout.fullwidth .block-totara-featured-links-content:before{
display:none;
}

.userloggedinas .totaraNav_prim--side .loggedinas-label {
	    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
        background-color: #007ab8;
            color: white;

}

#page-totara-plan-index #dp-plans-description{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}#page-totara-plan-index #dp-plans-description .instructional_text{flex:1 1 300px;min-width:0;margin:0}#page-totara-plan-index #dp-plans-description .dp-add-plan-link{float:none;align-self:flex-start;min-width:0;max-width:100%;padding-top:10px;text-align:right}#page-totara-plan-index #dp-plans-description .dp-add-plan-link form,#page-totara-plan-index #dp-plans-description .dp-add-plan-link input[type="submit"]{max-width:100%}#page-totara-plan-index #dp-plans-description .dp-add-plan-link input[type="submit"]{white-space:normal}


.block-totara-featured-links-layout.square .block-totara-featured-links-content-top{
    padding: 5px!important;
}
#block-region-top .block-totara-featured-links-content-top{
    padding: 20px!important;
}
.block-totara-featured-links-content-top h3{
    font-weight: 700!important;
}
.tui-core_course-courseCard__title--limitHeight{
    height: 8rem;
}
.tui-core_auth-loginLayout__panel-interface{
width:100%!important;
}
.tui-core_auth-loginLayout__panel-graphic{
position:relative!important;
    padding: var(--gap-8);
    padding-left: 8.88%;
    padding-right: 8.88%;
}
.tui-core_auth-loginLayout__panel-interface {
          display: flex;
          flex-direction: column;
        }

        .content-wrapper-login-healthlearn {
          display: flex;
          flex: 1;
        }
.content-wrapper-login-healthlearn .tui-core_auth-loginLayout__contentWrap{
justify-content:flex-start;
}
.tui-core_auth-loginLayout__panel-graphic h2{margin-top:0px;}
.tui-core_auth-loginLayout__panel-graphic button,.tui-core_auth-loginForm__submitWrap button{
    border-radius: 10px;
    border: 1px solid #4D2379;
    box-shadow: 0px 5px 0 0 #4D2379;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: white;
    color: #4D2379;
    padding: 12px 40px;
margin-bottom:30px;
 }
.tui-core_auth-loginLayout__panel-graphic::before {
          content: "";
          position: absolute;
          left: 0;
          top: 8%;
          height:60%;
          bottom: 0;
          width: 1px;
          background: #d9d9d9;
        }

.tui-core_auth-loginLayout__panel-graphic {
          visibility: hidden;
          background-image: none !important;
          background: #fff !important;
        }
#page-login-signup #region-main{
width:100%!important;
left:0!important;
}
#page-site-index  .page-heading{display:none; }
#page-site-index .loginform label{ 
    margin-bottom: 5px;
    font-weight: 700;
}
#page-site-index .loginform input{ 
margin: 0 0 5px 0;
}

#page-admin-tool-sitepolicy-userpolicy h1{font-size:30px;}
#page-admin-tool-sitepolicy-userpolicy .page-heading h1{font-size:20px;font-weight:500;}
#page-admin-tool-sitepolicy-userpolicy .page-heading{margin-bottom:0;}
#page-admin-tool-sitepolicy-userpolicy .totaraNav_prim--side{display:none;}
#page-admin-tool-sitepolicy-userpolicy #page-content{ padding-top: 20px;}
#page-admin-tool-sitepolicy-userpolicy .totara_form_element_radios .legend{ font-weight:bold;}

.totaraNav_prim--list_showMobile .totaraNav_prim--list_item_hasChildren .navExpand--listSecond{
background:#15284C!important;
}
.path-course-view .block-totara-featured-links-tile-small h3{
font-size:16px!important;
}

.path-course #block-region-top  .block-totara-featured-links-content-top{
padding:5px!important;
}
.block-totara-featured-links-layout.fullwidth .block-totara-featured-links-content-top{
padding:20px!important;
}
.path-course #block-region-top  .block-totara-featured-links-layout.fullwidth .block-totara-featured-links-content-top{
padding:20px!important;
}

.path-course #block-region-top  .block-totara-featured-links-layout.fullwidth h3{
 font-size: 1.875rem!important; 
}

.block-totara-featured-links-layout.fullwidth .block-totara-featured-links-tile{
overflow:unset;
}

.block_with_controls .btn-primary:is(a):hover, .btn-primary:is(a):focus{ color:#4D2379}
.tw-containerCourse-enrolmentBanner__enrolButton:is(a):hover, .tw-containerCourse-enrolmentBanner__enrolButton:is(a):focus{
color:#4D2379}