@charset "UTF-8"; .page-library-welcome .library-page-eyebrow, .page-library-support-centre .library-page-eyebrow, .page-faith-global-map .library-page-eyebrow, .library-page-all-courses-v2 .library-page-eyebrow, .library-page-resources-v2 .library-page-eyebrow{ display:inline-block; margin-bottom:10px; padding:6px 12px; border-radius:999px; background:rgba(46, 163, 151, 0.12); color:#2EA397; font-size:0.82rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; } .page-library-welcome .library-page-hero .wysiwyg h2, .page-library-support-centre .library-page-hero .wysiwyg h2, .page-faith-global-map .library-page-hero .wysiwyg h2, .library-page-all-courses-v2 .library-page-hero .wysiwyg h2, .library-page-resources-v2 .library-page-hero .wysiwyg h2{ margin-bottom:16px; } .page-library-welcome .library-page-hero .wysiwyg p:last-child, .page-library-support-centre .library-page-hero .wysiwyg p:last-child, .page-faith-global-map .library-page-hero .wysiwyg p:last-child, .library-page-all-courses-v2 .library-page-hero .wysiwyg p:last-child, .library-page-resources-v2 .library-page-hero .wysiwyg p:last-child{ margin-bottom:0; } .page-library-welcome .library-page-grid-2, .page-library-support-centre .library-page-grid-2, .page-faith-global-map .library-page-grid-2, .library-page-all-courses-v2 .library-page-grid-2, .library-page-resources-v2 .library-page-grid-2{ display:grid; grid-template-columns:minmax(0, 0.95fr) minmax(0, 1.05fr); gap:24px; margin-top:24px; } .page-library-welcome .library-page-card, .page-library-welcome .library-page-panel, .page-library-welcome .library-page-feature-card, .page-library-welcome .library-page-tab-shell, .page-library-welcome .library-page-callout, .page-library-welcome .library-page-video-card, .page-library-welcome .library-page-intro-card, .page-library-support-centre .library-page-card, .page-library-support-centre .library-page-panel, .page-library-support-centre .library-page-feature-card, .page-library-support-centre .library-page-tab-shell, .page-library-support-centre .library-page-callout, .page-library-support-centre .library-page-video-card, .page-library-support-centre .library-page-intro-card, .page-faith-global-map .library-page-card, .page-faith-global-map .library-page-panel, .page-faith-global-map .library-page-feature-card, .page-faith-global-map .library-page-tab-shell, .page-faith-global-map .library-page-callout, .page-faith-global-map .library-page-video-card, .page-faith-global-map .library-page-intro-card, .library-page-all-courses-v2 .library-page-card, .library-page-all-courses-v2 .library-page-panel, .library-page-all-courses-v2 .library-page-feature-card, .library-page-all-courses-v2 .library-page-tab-shell, .library-page-all-courses-v2 .library-page-callout, .library-page-all-courses-v2 .library-page-video-card, .library-page-all-courses-v2 .library-page-intro-card, .library-page-resources-v2 .library-page-card, .library-page-resources-v2 .library-page-panel, .library-page-resources-v2 .library-page-feature-card, .library-page-resources-v2 .library-page-tab-shell, .library-page-resources-v2 .library-page-callout, .library-page-resources-v2 .library-page-video-card, .library-page-resources-v2 .library-page-intro-card{ border:1px solid rgba(16, 22, 28, 0.08); border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(16, 22, 28, 0.06); } .page-library-welcome .library-page-card, .page-library-welcome .library-page-panel, .page-library-welcome .library-page-callout, .page-library-welcome .library-page-video-card, .page-library-welcome .library-page-intro-card, .page-library-support-centre .library-page-card, .page-library-support-centre .library-page-panel, .page-library-support-centre .library-page-callout, .page-library-support-centre .library-page-video-card, .page-library-support-centre .library-page-intro-card, .page-faith-global-map .library-page-card, .page-faith-global-map .library-page-panel, .page-faith-global-map .library-page-callout, .page-faith-global-map .library-page-video-card, .page-faith-global-map .library-page-intro-card, .library-page-all-courses-v2 .library-page-card, .library-page-all-courses-v2 .library-page-panel, .library-page-all-courses-v2 .library-page-callout, .library-page-all-courses-v2 .library-page-video-card, .library-page-all-courses-v2 .library-page-intro-card, .library-page-resources-v2 .library-page-card, .library-page-resources-v2 .library-page-panel, .library-page-resources-v2 .library-page-callout, .library-page-resources-v2 .library-page-video-card, .library-page-resources-v2 .library-page-intro-card{ padding:24px; } .page-library-welcome .library-page-video-card .wysiwyg, .page-library-welcome .library-page-intro-card .wysiwyg, .page-library-support-centre .library-page-video-card .wysiwyg, .page-library-support-centre .library-page-intro-card .wysiwyg, .page-faith-global-map .library-page-video-card .wysiwyg, .page-faith-global-map .library-page-intro-card .wysiwyg, .library-page-all-courses-v2 .library-page-video-card .wysiwyg, .library-page-all-courses-v2 .library-page-intro-card .wysiwyg, .library-page-resources-v2 .library-page-video-card .wysiwyg, .library-page-resources-v2 .library-page-intro-card .wysiwyg{ margin-bottom:18px; } .page-library-welcome .library-page-video-embed, .page-library-support-centre .library-page-video-embed, .page-faith-global-map .library-page-video-embed, .library-page-all-courses-v2 .library-page-video-embed, .library-page-resources-v2 .library-page-video-embed{ max-width:760px; } .page-library-welcome .library-page-video-embed__ratio, .page-library-support-centre .library-page-video-embed__ratio, .page-faith-global-map .library-page-video-embed__ratio, .library-page-all-courses-v2 .library-page-video-embed__ratio, .library-page-resources-v2 .library-page-video-embed__ratio{ position:relative; width:100%; padding-top:56.25%; overflow:hidden; border-radius:18px; background:#0f1720; box-shadow:0 18px 40px rgba(15, 23, 32, 0.12); } .page-library-welcome .library-page-video-embed__ratio iframe, .page-library-support-centre .library-page-video-embed__ratio iframe, .page-faith-global-map .library-page-video-embed__ratio iframe, .library-page-all-courses-v2 .library-page-video-embed__ratio iframe, .library-page-resources-v2 .library-page-video-embed__ratio iframe{ position:absolute; inset:0; width:100%; height:100%; } .page-library-welcome .library-page-section-divider, .page-library-support-centre .library-page-section-divider, .page-faith-global-map .library-page-section-divider, .library-page-all-courses-v2 .library-page-section-divider, .library-page-resources-v2 .library-page-section-divider{ margin:36px 0; height:1px; width:100%; background:linear-gradient(90deg, rgba(16, 22, 28, 0) 0%, rgba(16, 22, 28, 0.1) 15%, rgba(16, 22, 28, 0.14) 50%, rgba(16, 22, 28, 0.1) 85%, rgba(16, 22, 28, 0) 100%); } .page-library-welcome .library-page-check-list, .page-library-support-centre .library-page-check-list, .page-faith-global-map .library-page-check-list, .library-page-all-courses-v2 .library-page-check-list, .library-page-resources-v2 .library-page-check-list{ list-style:none; margin:20px 0 0; padding:0; } .page-library-welcome .library-page-check-list li, .page-library-support-centre .library-page-check-list li, .page-faith-global-map .library-page-check-list li, .library-page-all-courses-v2 .library-page-check-list li, .library-page-resources-v2 .library-page-check-list li{ position:relative; padding-left:30px; margin-bottom:14px; } .page-library-welcome .library-page-check-list li::before, .page-library-support-centre .library-page-check-list li::before, .page-faith-global-map .library-page-check-list li::before, .library-page-all-courses-v2 .library-page-check-list li::before, .library-page-resources-v2 .library-page-check-list li::before{ content:"󰄬"; font-family:"Material Design Icons"; position:absolute; left:0; top:1px; color:#2EA397; font-size:18px; line-height:1; } .page-library-welcome .library-page-link, .page-library-support-centre .library-page-link, .page-faith-global-map .library-page-link, .library-page-all-courses-v2 .library-page-link, .library-page-resources-v2 .library-page-link{ display:inline-flex; align-items:center; gap:8px; margin-top:14px; font-weight:700; color:#2EA397; text-decoration:none; transition:color 0.2s ease, transform 0.2s ease; } .page-library-welcome .library-page-link:hover, .page-library-support-centre .library-page-link:hover, .page-faith-global-map .library-page-link:hover, .library-page-all-courses-v2 .library-page-link:hover, .library-page-resources-v2 .library-page-link:hover{ color:#247d74; transform:translateX(2px); text-decoration:none; } .page-library-welcome .library-page-link i, .page-library-support-centre .library-page-link i, .page-faith-global-map .library-page-link i, .library-page-all-courses-v2 .library-page-link i, .library-page-resources-v2 .library-page-link i{ font-size:18px; line-height:1; } .page-library-welcome .library-page-pill-list, .page-library-support-centre .library-page-pill-list, .page-faith-global-map .library-page-pill-list, .library-page-all-courses-v2 .library-page-pill-list, .library-page-resources-v2 .library-page-pill-list{ display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; } .page-library-welcome .library-page-pill-list span, .page-library-support-centre .library-page-pill-list span, .page-faith-global-map .library-page-pill-list span, .library-page-all-courses-v2 .library-page-pill-list span, .library-page-resources-v2 .library-page-pill-list span{ display:inline-flex; align-items:center; min-height:40px; padding:10px 14px; border-radius:999px; background:#f4f7f8; border:1px solid rgba(16, 22, 28, 0.08); font-weight:600; font-size:0.95rem; line-height:1.2; } .page-library-welcome .library-page-feature-grid, .page-library-support-centre .library-page-feature-grid, .page-faith-global-map .library-page-feature-grid, .library-page-all-courses-v2 .library-page-feature-grid, .library-page-resources-v2 .library-page-feature-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; margin-top:24px; } .page-library-welcome .library-page-feature-card, .page-library-support-centre .library-page-feature-card, .page-faith-global-map .library-page-feature-card, .library-page-all-courses-v2 .library-page-feature-card, .library-page-resources-v2 .library-page-feature-card{ display:flex; gap:16px; align-items:flex-start; padding:22px; transition:transform 0.2s ease, box-shadow 0.2s ease; } .page-library-welcome .library-page-feature-card:hover, .page-library-support-centre .library-page-feature-card:hover, .page-faith-global-map .library-page-feature-card:hover, .library-page-all-courses-v2 .library-page-feature-card:hover, .library-page-resources-v2 .library-page-feature-card:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(16, 22, 28, 0.1); } .page-library-welcome .library-page-feature-card--muted, .page-library-support-centre .library-page-feature-card--muted, .page-faith-global-map .library-page-feature-card--muted, .library-page-all-courses-v2 .library-page-feature-card--muted, .library-page-resources-v2 .library-page-feature-card--muted{ border-style:dashed; background:#f8fbfb; } .page-library-welcome .library-page-feature-card__icon, .page-library-support-centre .library-page-feature-card__icon, .page-faith-global-map .library-page-feature-card__icon, .library-page-all-courses-v2 .library-page-feature-card__icon, .library-page-resources-v2 .library-page-feature-card__icon{ flex:0 0 52px; width:52px; height:52px; border-radius:14px; background:rgba(46, 163, 151, 0.12); color:#2EA397; display:flex; align-items:center; justify-content:center; } .page-library-welcome .library-page-feature-card__icon i, .page-library-support-centre .library-page-feature-card__icon i, .page-faith-global-map .library-page-feature-card__icon i, .library-page-all-courses-v2 .library-page-feature-card__icon i, .library-page-resources-v2 .library-page-feature-card__icon i{ font-size:26px; line-height:1; } .page-library-welcome .library-page-feature-card__content, .page-library-support-centre .library-page-feature-card__content, .page-faith-global-map .library-page-feature-card__content, .library-page-all-courses-v2 .library-page-feature-card__content, .library-page-resources-v2 .library-page-feature-card__content{ flex:1; } .page-library-welcome .library-page-feature-card__eyebrow, .page-library-support-centre .library-page-feature-card__eyebrow, .page-faith-global-map .library-page-feature-card__eyebrow, .library-page-all-courses-v2 .library-page-feature-card__eyebrow, .library-page-resources-v2 .library-page-feature-card__eyebrow{ display:inline-block; margin-bottom:8px; font-size:0.78rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; color:#2EA397; } .page-library-welcome .library-page-feature-card h4, .page-library-support-centre .library-page-feature-card h4, .page-faith-global-map .library-page-feature-card h4, .library-page-all-courses-v2 .library-page-feature-card h4, .library-page-resources-v2 .library-page-feature-card h4{ margin:0 0 10px; font-size:1.1rem; line-height:1.3; } .page-library-welcome .library-page-feature-card p, .page-library-support-centre .library-page-feature-card p, .page-faith-global-map .library-page-feature-card p, .library-page-all-courses-v2 .library-page-feature-card p, .library-page-resources-v2 .library-page-feature-card p{ margin:0; color:#4b5563; } .page-library-welcome .library-page-tab-shell, .page-library-support-centre .library-page-tab-shell, .page-faith-global-map .library-page-tab-shell, .library-page-all-courses-v2 .library-page-tab-shell, .library-page-resources-v2 .library-page-tab-shell{ margin-top:24px; overflow:hidden; } .page-library-welcome .library-page-tab-buttons, .page-library-support-centre .library-page-tab-buttons, .page-faith-global-map .library-page-tab-buttons, .library-page-all-courses-v2 .library-page-tab-buttons, .library-page-resources-v2 .library-page-tab-buttons{ display:flex; flex-wrap:wrap; gap:10px; padding:18px; background:#f8fbfb; border-bottom:1px solid rgba(16, 22, 28, 0.08); } .page-library-welcome .library-page-tab-button, .page-library-support-centre .library-page-tab-button, .page-faith-global-map .library-page-tab-button, .library-page-all-courses-v2 .library-page-tab-button, .library-page-resources-v2 .library-page-tab-button{ appearance:none; border:1px solid rgba(16, 22, 28, 0.1); background:#fff; color:#10161C; border-radius:999px; padding:10px 16px; font-weight:700; font-size:0.95rem; line-height:1.2; cursor:pointer; transition:all 0.2s ease; } .page-library-welcome .library-page-tab-button:hover, .page-library-support-centre .library-page-tab-button:hover, .page-faith-global-map .library-page-tab-button:hover, .library-page-all-courses-v2 .library-page-tab-button:hover, .library-page-resources-v2 .library-page-tab-button:hover{ border-color:rgba(46, 163, 151, 0.35); color:#2EA397; } .page-library-welcome .library-page-tab-button.active, .page-library-support-centre .library-page-tab-button.active, .page-faith-global-map .library-page-tab-button.active, .library-page-all-courses-v2 .library-page-tab-button.active, .library-page-resources-v2 .library-page-tab-button.active{ background:rgba(46, 163, 151, 0.12); border-color:rgba(46, 163, 151, 0.22); color:#2EA397; } .page-library-welcome .library-page-tab-panel, .page-library-support-centre .library-page-tab-panel, .page-faith-global-map .library-page-tab-panel, .library-page-all-courses-v2 .library-page-tab-panel, .library-page-resources-v2 .library-page-tab-panel{ display:none; padding:28px; } .page-library-welcome .library-page-tab-panel.active, .page-library-support-centre .library-page-tab-panel.active, .page-faith-global-map .library-page-tab-panel.active, .library-page-all-courses-v2 .library-page-tab-panel.active, .library-page-resources-v2 .library-page-tab-panel.active{ display:block; } .page-library-welcome .library-page-tab-panel h3, .page-library-support-centre .library-page-tab-panel h3, .page-faith-global-map .library-page-tab-panel h3, .library-page-all-courses-v2 .library-page-tab-panel h3, .library-page-resources-v2 .library-page-tab-panel h3{ margin-bottom:14px; } .page-library-welcome .library-page-tab-panel h4, .page-library-support-centre .library-page-tab-panel h4, .page-faith-global-map .library-page-tab-panel h4, .library-page-all-courses-v2 .library-page-tab-panel h4, .library-page-resources-v2 .library-page-tab-panel h4{ margin-top:24px; margin-bottom:10px; } .page-library-welcome .library-page-info-grid, .page-library-support-centre .library-page-info-grid, .page-faith-global-map .library-page-info-grid, .library-page-all-courses-v2 .library-page-info-grid, .library-page-resources-v2 .library-page-info-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px; margin-top:22px; } .page-library-welcome .library-page-info-card, .page-library-support-centre .library-page-info-card, .page-faith-global-map .library-page-info-card, .library-page-all-courses-v2 .library-page-info-card, .library-page-resources-v2 .library-page-info-card{ padding:20px; border:1px solid rgba(16, 22, 28, 0.08); border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(16, 22, 28, 0.05); } .page-library-welcome .library-page-info-card h4, .page-library-welcome .library-page-info-card h5, .page-library-support-centre .library-page-info-card h4, .page-library-support-centre .library-page-info-card h5, .page-faith-global-map .library-page-info-card h4, .page-faith-global-map .library-page-info-card h5, .library-page-all-courses-v2 .library-page-info-card h4, .library-page-all-courses-v2 .library-page-info-card h5, .library-page-resources-v2 .library-page-info-card h4, .library-page-resources-v2 .library-page-info-card h5{ margin-top:0; } .page-library-welcome .library-page-info-card ul, .page-library-welcome .library-page-info-card ol, .page-library-support-centre .library-page-info-card ul, .page-library-support-centre .library-page-info-card ol, .page-faith-global-map .library-page-info-card ul, .page-faith-global-map .library-page-info-card ol, .library-page-all-courses-v2 .library-page-info-card ul, .library-page-all-courses-v2 .library-page-info-card ol, .library-page-resources-v2 .library-page-info-card ul, .library-page-resources-v2 .library-page-info-card ol{ margin-bottom:0; } .page-library-welcome .library-page-accordion, .page-library-support-centre .library-page-accordion, .page-faith-global-map .library-page-accordion, .library-page-all-courses-v2 .library-page-accordion, .library-page-resources-v2 .library-page-accordion{ display:grid; gap:14px; margin-top:20px; } .page-library-welcome .library-page-accordion details, .page-library-support-centre .library-page-accordion details, .page-faith-global-map .library-page-accordion details, .library-page-all-courses-v2 .library-page-accordion details, .library-page-resources-v2 .library-page-accordion details{ border:1px solid rgba(16, 22, 28, 0.08); border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(16, 22, 28, 0.05); overflow:hidden; } .page-library-welcome .library-page-accordion summary, .page-library-support-centre .library-page-accordion summary, .page-faith-global-map .library-page-accordion summary, .library-page-all-courses-v2 .library-page-accordion summary, .library-page-resources-v2 .library-page-accordion summary{ list-style:none; cursor:pointer; padding:18px 20px; font-weight:700; position:relative; } .page-library-welcome .library-page-accordion summary::-webkit-details-marker, .page-library-support-centre .library-page-accordion summary::-webkit-details-marker, .page-faith-global-map .library-page-accordion summary::-webkit-details-marker, .library-page-all-courses-v2 .library-page-accordion summary::-webkit-details-marker, .library-page-resources-v2 .library-page-accordion summary::-webkit-details-marker{ display:none; } .page-library-welcome .library-page-accordion summary::after, .page-library-support-centre .library-page-accordion summary::after, .page-faith-global-map .library-page-accordion summary::after, .library-page-all-courses-v2 .library-page-accordion summary::after, .library-page-resources-v2 .library-page-accordion summary::after{ content:"󰅀"; font-family:"Material Design Icons"; position:absolute; right:18px; top:50%; transform:translateY(-50%); color:#2EA397; font-size:20px; line-height:1; } .page-library-welcome .library-page-accordion details[open] summary::after, .page-library-support-centre .library-page-accordion details[open] summary::after, .page-faith-global-map .library-page-accordion details[open] summary::after, .library-page-all-courses-v2 .library-page-accordion details[open] summary::after, .library-page-resources-v2 .library-page-accordion details[open] summary::after{ content:"󰅃"; } .page-library-welcome .library-page-accordion__content, .page-library-support-centre .library-page-accordion__content, .page-faith-global-map .library-page-accordion__content, .library-page-all-courses-v2 .library-page-accordion__content, .library-page-resources-v2 .library-page-accordion__content{ padding:0 20px 20px; } .page-library-welcome .library-page-highlight, .page-library-support-centre .library-page-highlight, .page-faith-global-map .library-page-highlight, .library-page-all-courses-v2 .library-page-highlight, .library-page-resources-v2 .library-page-highlight{ margin-top:24px; padding:24px; border-radius:20px; background:linear-gradient(135deg, #f7fcfb 0%, #eef8f6 100%); border:1px solid rgba(46, 163, 151, 0.14); box-shadow:0 14px 34px rgba(46, 163, 151, 0.08); } .page-library-welcome .library-page-highlight__grid, .page-library-support-centre .library-page-highlight__grid, .page-faith-global-map .library-page-highlight__grid, .library-page-all-courses-v2 .library-page-highlight__grid, .library-page-resources-v2 .library-page-highlight__grid{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 0.9fr); gap:22px; align-items:start; } .page-library-welcome .library-page-highlight__actions, .page-library-support-centre .library-page-highlight__actions, .page-faith-global-map .library-page-highlight__actions, .library-page-all-courses-v2 .library-page-highlight__actions, .library-page-resources-v2 .library-page-highlight__actions{ display:grid; gap:14px; } .page-library-welcome .library-page-action-card, .page-library-support-centre .library-page-action-card, .page-faith-global-map .library-page-action-card, .library-page-all-courses-v2 .library-page-action-card, .library-page-resources-v2 .library-page-action-card{ display:flex; gap:14px; align-items:flex-start; padding:18px; border-radius:16px; background:#fff; border:1px solid rgba(16, 22, 28, 0.06); box-shadow:0 8px 20px rgba(16, 22, 28, 0.05); } .page-library-welcome .library-page-action-card__icon, .page-library-support-centre .library-page-action-card__icon, .page-faith-global-map .library-page-action-card__icon, .library-page-all-courses-v2 .library-page-action-card__icon, .library-page-resources-v2 .library-page-action-card__icon{ flex:0 0 44px; width:44px; height:44px; border-radius:12px; background:rgba(46, 163, 151, 0.12); color:#2EA397; display:flex; align-items:center; justify-content:center; } .page-library-welcome .library-page-action-card__icon i, .page-library-support-centre .library-page-action-card__icon i, .page-faith-global-map .library-page-action-card__icon i, .library-page-all-courses-v2 .library-page-action-card__icon i, .library-page-resources-v2 .library-page-action-card__icon i{ font-size:22px; line-height:1; } .page-library-welcome .library-page-form-wrap, .page-library-support-centre .library-page-form-wrap, .page-faith-global-map .library-page-form-wrap, .library-page-all-courses-v2 .library-page-form-wrap, .library-page-resources-v2 .library-page-form-wrap{ margin-top:22px; padding:22px; border:1px solid rgba(16, 22, 28, 0.08); border-radius:18px; background:#f8fbfb; } .page-library-welcome .library-page-form-note, .page-library-support-centre .library-page-form-note, .page-faith-global-map .library-page-form-note, .library-page-all-courses-v2 .library-page-form-note, .library-page-resources-v2 .library-page-form-note{ margin-top:12px; color:#4b5563; font-size:0.95rem; } @media (max-width:1100px){ .page-library-welcome .library-page-grid-2, .page-library-welcome .library-page-feature-grid, .page-library-welcome .library-page-info-grid, .page-library-welcome .library-page-highlight__grid, .page-library-support-centre .library-page-grid-2, .page-library-support-centre .library-page-feature-grid, .page-library-support-centre .library-page-info-grid, .page-library-support-centre .library-page-highlight__grid, .page-faith-global-map .library-page-grid-2, .page-faith-global-map .library-page-feature-grid, .page-faith-global-map .library-page-info-grid, .page-faith-global-map .library-page-highlight__grid, .library-page-all-courses-v2 .library-page-grid-2, .library-page-all-courses-v2 .library-page-feature-grid, .library-page-all-courses-v2 .library-page-info-grid, .library-page-all-courses-v2 .library-page-highlight__grid, .library-page-resources-v2 .library-page-grid-2, .library-page-resources-v2 .library-page-feature-grid, .library-page-resources-v2 .library-page-info-grid, .library-page-resources-v2 .library-page-highlight__grid{ grid-template-columns:1fr; } } @media (max-width:767px){ .page-library-welcome .library-page-tab-buttons, .page-library-support-centre .library-page-tab-buttons, .page-faith-global-map .library-page-tab-buttons, .library-page-all-courses-v2 .library-page-tab-buttons, .library-page-resources-v2 .library-page-tab-buttons{ padding:14px; gap:8px; } .page-library-welcome .library-page-tab-button, .page-library-support-centre .library-page-tab-button, .page-faith-global-map .library-page-tab-button, .library-page-all-courses-v2 .library-page-tab-button, .library-page-resources-v2 .library-page-tab-button{ width:100%; text-align:center; } .page-library-welcome .library-page-tab-panel, .page-library-support-centre .library-page-tab-panel, .page-faith-global-map .library-page-tab-panel, .library-page-all-courses-v2 .library-page-tab-panel, .library-page-resources-v2 .library-page-tab-panel{ padding:20px; } .page-library-welcome .library-page-section-divider, .page-library-support-centre .library-page-section-divider, .page-faith-global-map .library-page-section-divider, .library-page-all-courses-v2 .library-page-section-divider, .library-page-resources-v2 .library-page-section-divider{ margin:28px 0; } .page-library-welcome .library-page-pill-list, .page-library-support-centre .library-page-pill-list, .page-faith-global-map .library-page-pill-list, .library-page-all-courses-v2 .library-page-pill-list, .library-page-resources-v2 .library-page-pill-list{ gap:10px; } .page-library-welcome .library-page-pill-list span, .page-library-support-centre .library-page-pill-list span, .page-faith-global-map .library-page-pill-list span, .library-page-all-courses-v2 .library-page-pill-list span, .library-page-resources-v2 .library-page-pill-list span{ width:100%; justify-content:center; } } .library-page.group-page .library-nav-support-cta{ margin-top:22px; padding:0 22px 18px; } .library-page.group-page .library-nav-support-button{ display:inline-flex; align-items:center; justify-content:center; gap:7px; width:100%; min-height:34px; padding:7px 12px; border-radius:10px; background:linear-gradient(135deg, #2EA397 0%, #3DC5B9 100%); color:#ffffff; font-size:0.78rem; font-weight:700; line-height:1.1; text-decoration:none; box-shadow:0 6px 14px rgba(46, 163, 151, 0.16); transition:transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; } .library-page.group-page .library-nav-support-button:hover, .library-page.group-page .library-nav-support-button:focus-visible{ color:#ffffff; text-decoration:none; transform:translateY(-1px); box-shadow:0 8px 18px rgba(46, 163, 151, 0.22); opacity:0.98; } .library-page.group-page .library-nav-support-button i{ font-size:14px; line-height:1; } .library-page.group-page .library-nav-support-button span{ line-height:1.1; } @media (max-width:991px){ .library-page.group-page .library-nav-support-cta{ margin-top:18px; padding:0 18px 16px; } .library-page.group-page .library-nav-support-button{ min-height:34px; padding:7px 11px; font-size:0.76rem; } } @media (max-width:767px){ .library-page.group-page .library-nav-support-cta{ margin-top:14px; padding:0 16px 14px; } .library-page.group-page .library-nav-support-button{ min-height:34px; padding:7px 11px; font-size:0.76rem; } } .library-page-all-courses-v2{ --tile-text:#152031; --tile-muted:#5e6b78; --tile-soft:#eef5f3; --tile-soft-2:#f7faf9; --tile-brand:#2ea397; --tile-brand-dark:#24877d; --tile-cta:#2ea397; --tile-cta-hover:#24877d; --tile-complete:#1f8b63; --tile-shadow:0 10px 26px -18px rgba(0, 0, 0, 0.35); --tile-radius:22px; } .library-page-all-courses-v2 .courses-header{ margin-bottom:24px; } .library-page-all-courses-v2 .courses-header .title{ margin-bottom:0; font-size:32px; line-height:1.15; } .library-page-all-courses-v2 .courses-header .title a{ color:#34b7aa; text-decoration:none; } .library-page-all-courses-v2 .courses-header .title a:hover{ text-decoration:underline; } .library-page-all-courses-v2 .courses-intro{ margin-bottom:20px; color:var(--tile-muted); max-width:75ch; } .library-page-all-courses-v2 .courses-grid-v2{ display:flex; flex-wrap:wrap; list-style:none; padding-left:0; margin:0 -10px; width:calc(100% + 20px); } .library-page-all-courses-v2 .thumbnail-course-v2{ width:calc(100% / 3); padding:10px; list-style:none; } @media only screen and (max-width:1499px){ .library-page-all-courses-v2 .thumbnail-course-v2{ width:calc(100% / 2); } } @media only screen and (max-width:991px){ .library-page-all-courses-v2 .thumbnail-course-v2{ width:100%; } } .library-page-all-courses-v2 .course-item-v2{ --sector-accent:#2f6df6; --sector-accent-dark:#2458c6; --sector-accent-soft:rgba(47, 109, 246, 0.10); --sector-border:rgba(47, 109, 246, 0.20); --sector-border-hover:rgba(47, 109, 246, 0.34); display:flex; flex-direction:column; min-height:100%; background:#ffffff; border:1px solid var(--sector-border); border-radius:var(--tile-radius); box-shadow:var(--tile-shadow); overflow:hidden; text-decoration:none; transition:transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } .library-page-all-courses-v2 .course-item-v2:hover{ transform:translateY(-2px); border-color:var(--sector-border-hover); box-shadow:0 16px 32px -22px rgba(0, 0, 0, 0.4); } .library-page-all-courses-v2 .course-item-v2:hover .course-item-v2__cta{ color:var(--tile-cta-hover); } .library-page-all-courses-v2 .course-item-v2.course-item-v2--completed .course-item-v2__progress-fill{ background:linear-gradient(90deg, #1f8b63 0%, #34b87d 100%); } .library-page-all-courses-v2 .course-item-v2.course-item-v2--completed .course-item-v2__cta, .library-page-all-courses-v2 .course-item-v2.course-item-v2--completed:hover .course-item-v2__cta{ color:var(--tile-complete); } .library-page-all-courses-v2 .course-item-v2.course-item-v2--completed .course-item-v2__status{ color:var(--tile-complete); } .library-page-all-courses-v2 .course-item-v2.course-item-v2--not-started .course-item-v2__status{ color:#66737f; } .library-page-all-courses-v2 .course-item-v2.course-item-v2--in-progress .course-item-v2__status{ color:var(--tile-text); } .library-page-all-courses-v2 .course-item-v2--sector-event{ --sector-accent:#FF3E8A; --sector-accent-dark:#d83274; --sector-accent-soft:rgba(255, 62, 138, 0.10); --sector-border:rgba(255, 62, 138, 0.20); --sector-border-hover:rgba(255, 62, 138, 0.36); } .library-page-all-courses-v2 .course-item-v2--sector-faith{ --sector-accent:#FF5424; --sector-accent-dark:#d9471d; --sector-accent-soft:rgba(255, 84, 36, 0.10); --sector-border:rgba(255, 84, 36, 0.20); --sector-border-hover:rgba(255, 84, 36, 0.36); } .library-page-all-courses-v2 .course-item-v2--sector-sport{ --sector-accent:#4e9a00; --sector-accent-dark:#3d7800; --sector-accent-soft:rgba(124, 255, 0, 0.10); --sector-border:rgba(36, 131, 18, 0.22); --sector-border-hover:rgba(75, 138, 15, 0.44); } .library-page-all-courses-v2 .course-item-v2--sector-ngo{ --sector-accent:#9B6BFF; --sector-accent-dark:#7f56d9; --sector-accent-soft:rgba(155, 107, 255, 0.12); --sector-border:rgba(155, 107, 255, 0.22); --sector-border-hover:rgba(155, 107, 255, 0.38); } .library-page-all-courses-v2 .course-item-v2--sector-health-safety, .library-page-all-courses-v2 .course-item-v2--sector-health-and-safety{ --sector-accent:#FFB020; --sector-accent-dark:#d18f16; --sector-accent-soft:rgba(255, 176, 32, 0.12); --sector-border:rgba(255, 176, 32, 0.22); --sector-border-hover:rgba(255, 176, 32, 0.38); } .library-page-all-courses-v2 .course-item-v2--sector-default{ --sector-accent:#2f6df6; --sector-accent-dark:#2458c6; --sector-accent-soft:rgba(47, 109, 246, 0.10); --sector-border:rgba(47, 109, 246, 0.20); --sector-border-hover:rgba(47, 109, 246, 0.34); } .library-page-all-courses-v2 .course-item-v2__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 18px 0; } .library-page-all-courses-v2 .course-item-v2__sector{ display:inline-flex; align-items:center; min-height:34px; padding:8px 14px; border-radius:999px; background:var(--sector-accent-soft); color:var(--sector-accent); font-size:12px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; line-height:1; } .library-page-all-courses-v2 .course-item-v2__flag{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; width:44px; height:32px; padding:4px; border-radius:8px; background:linear-gradient(135deg, #f8fbfb 0%, #eef5f3 100%); border:1px solid rgba(16, 22, 28, 0.08); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.75); overflow:hidden; flex:0 0 auto; } .library-page-all-courses-v2 .course-item-v2__flag-image{ display:block; width:100%; height:100%; object-fit:cover; border-radius:3px; } .library-page-all-courses-v2 .course-item-v2__flag-fallback{ display:inline-flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:3px; color:var(--tile-text); font-size:11px; font-weight:700; line-height:1; background:rgba(255, 255, 255, 0.8); } .library-page-all-courses-v2 .course-item-v2__body{ display:flex; flex-direction:column; flex:1 1 auto; padding:16px 18px 18px; } .library-page-all-courses-v2 .course-item-v2__content{ flex:1 1 auto; } .library-page-all-courses-v2 .course-item-v2__bottom{ margin-top:auto; } .library-page-all-courses-v2 .course-item-v2__title{ margin:0; color:var(--tile-text); font-size:18px !important; line-height:1.12; font-weight:600; letter-spacing:-0.02em; word-break:break-word; } @media only screen and (max-width:1199px){ .library-page-all-courses-v2 .course-item-v2__title{ font-size:16px !important; } } .library-page-all-courses-v2 .course-item-v2__meta{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; } .library-page-all-courses-v2 .course-item-v2__status{ color:var(--tile-text); font-size:15px; font-weight:600; line-height:1.2; } .library-page-all-courses-v2 .course-item-v2__steps{ color:#7b8792; font-size:15px; font-weight:700; line-height:1.2; white-space:nowrap; } .library-page-all-courses-v2 .course-item-v2__progress{ position:relative; width:100%; height:10px; margin-bottom:16px; background:#e8ecef; border-radius:999px; overflow:hidden; } .library-page-all-courses-v2 .course-item-v2__progress-fill{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg, #2ea397 0%, #44cac1 100%); } .library-page-all-courses-v2 .course-item-v2__footer{ display:flex; justify-content:flex-end; margin-top:auto; padding-top:14px; border-top:1px solid #edf1f3; } .library-page-all-courses-v2 .course-item-v2__cta{ display:inline-flex; align-items:center; gap:8px; color:var(--tile-cta); font-size:16px; font-weight:700; line-height:1.2; text-align:right; } .library-page-all-courses-v2 .course-item-v2__cta i{ font-size:18px; } .library-page-all-courses-v2 .courses-empty{ padding:22px 24px; background:#fff; border:1px solid #e5e5e5; border-radius:16px; } .library-page-resources-v2{ --resource-text:#152031; --resource-muted:#5e6b78; --resource-brand:#2ea397; --resource-brand-dark:#24877d; --resource-shadow:0 10px 26px -18px rgba(0, 0, 0, 0.35); --resource-radius:22px; } .library-page-resources-v2 .resources-header{ margin-bottom:24px !important; } .library-page-resources-v2 .resources-header .title{ margin:8px 0 0 !important; font-size:32px !important; line-height:1.15 !important; } .library-page-resources-v2 .resources-intro{ margin:12px 0 0 !important; color:var(--resource-muted) !important; max-width:75ch !important; line-height:1.6 !important; } .library-page-resources-v2 .learning-materials-container.resources.resources-v2{ display:grid !important; gap:24px !important; } @media (min-width:900px){ .library-page-resources-v2 .learning-materials-container.resources.resources-v2{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } .library-page-resources-v2 .learning-materials-container.resources.resources-v2 .resources-header, .library-page-resources-v2 .learning-materials-container.resources.resources-v2 .resources-empty{ grid-column:1 / -1 !important; } } .library-page-resources-v2 .resources-v2-card{ margin:0 !important; } .library-page-resources-v2 .thumbnail-resources{ height:100% !important; padding:24px !important; border:1px solid rgba(16, 22, 28, 0.08) !important; border-radius:var(--resource-radius) !important; background:linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important; box-shadow:var(--resource-shadow) !important; transition:none !important; } .library-page-resources-v2 .thumbnail-resources:hover{ transform:none !important; border-color:rgba(16, 22, 28, 0.08) !important; box-shadow:var(--resource-shadow) !important; } .library-page-resources-v2 .item-text-box{ display:flex !important; flex-direction:column !important; gap:18px !important; width:100% !important; } .library-page-resources-v2 .resource-card-top{ display:flex !important; align-items:flex-start !important; gap:14px !important; } .library-page-resources-v2 .resource-card-icon{ flex:0 0 48px !important; width:48px !important; height:48px !important; border-radius:14px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:rgba(46, 163, 151, 0.12) !important; color:#2EA397 !important; font-size:1.35rem !important; } .library-page-resources-v2 .wysiwyg.pb-2{ width:100% !important; padding-bottom:0 !important; margin-bottom:0 !important; } .library-page-resources-v2 .wysiwyg.pb-2 h3{ margin:0 !important; color:var(--resource-text) !important; font-size:1.2rem !important; line-height:1.25 !important; } .library-page-resources-v2 .resource-card-description{ margin-top:10px !important; } .library-page-resources-v2 .resource-card-description > *:last-child{ margin-bottom:0 !important; } .library-page-resources-v2 .resource-card-description p{ color:var(--resource-muted) !important; line-height:1.6 !important; } .library-page-resources-v2 .download-links.resource-grid{ list-style:none !important; margin:0 !important; padding:0 !important; display:grid !important; gap:12px !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; } .library-page-resources-v2 .download-links.resource-grid li{ display:block !important; margin:0 !important; padding:0 !important; min-width:0 !important; width:auto !important; background:transparent !important; border-radius:0 !important; box-shadow:none !important; align-items:unset !important; } @media (max-width:1100px){ .library-page-resources-v2 .download-links.resource-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } } @media (max-width:640px){ .library-page-resources-v2 .download-links.resource-grid{ grid-template-columns:1fr !important; } } .library-page-resources-v2 .download-link{ position:relative !important; display:grid !important; grid-template-columns:40px minmax(0, 1fr) !important; align-items:center !important; gap:12px !important; min-height:96px !important; padding:16px 56px 16px 14px !important; border:1px solid rgba(16, 22, 28, 0.08) !important; border-radius:16px !important; background:#ffffff !important; color:var(--resource-text) !important; text-decoration:none !important; box-shadow:0 4px 14px rgba(13, 27, 42, 0.04) !important; transition:border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease !important; } .library-page-resources-v2 .download-link:hover, .library-page-resources-v2 .download-link:focus-visible{ background:linear-gradient(180deg, #ffffff 0%, #f5fbfa 100%) !important; border:1px solid rgba(46, 163, 151, 0.24) !important; box-shadow:0 10px 22px rgba(13, 27, 42, 0.08) !important; transform:translateY(-1px) !important; text-decoration:none !important; outline:none !important; } .library-page-resources-v2 .download-link:hover .resource-file-title, .library-page-resources-v2 .download-link:focus-visible .resource-file-title{ color:var(--resource-brand-dark) !important; } .library-page-resources-v2 .download-link:hover .resource-file-action, .library-page-resources-v2 .download-link:focus-visible .resource-file-action{ background:#36978d !important; opacity:1 !important; } .library-page-resources-v2 .download-link:hover .resource-file-flag, .library-page-resources-v2 .download-link:focus-visible .resource-file-flag{ border-color:rgba(46, 163, 151, 0.22) !important; } .library-page-resources-v2 .resource-file-icon{ width:40px !important; height:40px !important; border-radius:12px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:rgba(46, 163, 151, 0.1) !important; color:var(--resource-brand) !important; flex:0 0 40px !important; } .library-page-resources-v2 .resource-file-icon i{ font-size:20px !important; line-height:1 !important; } .library-page-resources-v2 .resource-file-content{ min-width:0 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; gap:4px !important; padding-right:10px !important; } .library-page-resources-v2 .resource-file-title{ display:block !important; padding-right:10px !important; font-weight:600 !important; line-height:1.28 !important; word-break:break-word !important; transition:color 0.2s ease !important; } .library-page-resources-v2 .resource-file-meta{ font-size:0.76rem !important; font-weight:700 !important; letter-spacing:0.04em !important; text-transform:uppercase !important; color:#7a8793 !important; } .library-page-resources-v2 .resource-file-flag{ position:absolute !important; top:12px !important; right:12px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:40px !important; height:28px !important; min-width:40px !important; padding:3px !important; border-radius:8px !important; background:linear-gradient(135deg, #f8fbfb 0%, #eef5f3 100%) !important; border:1px solid rgba(16, 22, 28, 0.08) !important; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.75) !important; overflow:hidden !important; } .library-page-resources-v2 .resource-file-flag__image{ display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; border-radius:3px !important; } .library-page-resources-v2 .resource-file-flag__fallback{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; border-radius:3px !important; color:var(--resource-brand) !important; background:rgba(255, 255, 255, 0.8) !important; } .library-page-resources-v2 .resource-file-flag__fallback i{ font-size:15px !important; line-height:1 !important; } .library-page-resources-v2 .resource-file-action{ position:absolute !important; right:12px !important; bottom:12px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:32px !important; height:32px !important; min-width:32px !important; border-radius:10px !important; background:#42ACA1 !important; color:#ffffff !important; font-size:0.95rem !important; opacity:0.96 !important; transition:background 0.2s ease, opacity 0.2s ease !important; } .library-page-resources-v2 .resource-file-action i{ font-size:16px !important; line-height:1 !important; color:#ffffff !important; } .library-page-resources-v2 .resources-empty{ padding:22px 24px !important; background:#fff !important; border:1px solid #e5e5e5 !important; border-radius:16px !important; } @media (max-width:640px){ .library-page-resources-v2 .thumbnail-resources{ padding:20px !important; } .library-page-resources-v2 .resource-card-top{ gap:12px !important; } .library-page-resources-v2 .resource-card-icon{ width:42px !important; height:42px !important; flex-basis:42px !important; font-size:1.15rem !important; border-radius:12px !important; } .library-page-resources-v2 .download-link{ grid-template-columns:36px minmax(0, 1fr) !important; gap:10px !important; min-height:88px !important; padding:14px 52px 14px 12px !important; } .library-page-resources-v2 .resource-file-icon{ width:36px !important; height:36px !important; flex-basis:36px !important; border-radius:10px !important; } .library-page-resources-v2 .resource-file-icon i{ font-size:18px !important; } .library-page-resources-v2 .resource-file-flag{ width:28px !important; height:28px !important; min-width:28px !important; top:10px !important; right:10px !important; } .library-page-resources-v2 .resource-file-action{ width:30px !important; height:30px !important; min-width:30px !important; right:10px !important; bottom:10px !important; } } .library-page-video-card--coming-soon{ border-style:dashed; background:#f8fbfb; } .library-page-video-placeholder{ display:flex; gap:16px; align-items:flex-start; padding:22px; border:1px dashed rgba(46, 163, 151, 0.28); border-radius:18px; background:rgba(46, 163, 151, 0.06); } .library-page-video-placeholder__content{ flex:1; } .library-page-video-placeholder__content h4{ margin:0 0 10px; font-size:1.1rem; line-height:1.3; } .library-page-video-placeholder__content p{ margin:0; color:#4b5563; } body{ background:#f1f1f1; } .no-style{ list-style:none; padding-left:unset; margin-left:unset; } .table{ border-collapse:collapse; margin:1em 0; font-size:0.9em; line-height:1.4; max-width:100%; overflow-x:auto; display:block; border:1px solid #ddd; background-color:#f9f9f9; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); width:100%; } .table tr{ vertical-align:middle; border-bottom:1px solid #ddd; width:100%; } .table tr:nth-child(even){ background-color:#fff; } .table tr:hover{ background-color:#f6f6f6; } .table th, .table td{ padding:0.6em 0.9em; text-align:left; white-space:nowrap; width:100%; } .table th:first-child, .table td:first-child{ font-weight:bold; } .table th{ background-color:#f1f1f1; color:#333; border-bottom:2px solid #ddd; width:100%; } .table a{ color:#34b7aa; } .slide-toggle-next{ cursor:pointer; } .review-assessment-link, .send-link-button{ display:inline-flex; background:#ff8300; color:#fff; padding:3px 10px; border-radius:4px; text-decoration:none !important; text-transform:uppercase; font-size:12px !important; font-weight:bold; width:fit-content; } .review-assessment-link i, .send-link-button i{ color:#fff; margin-right:5px; } .review-assessment-link:hover, .send-link-button:hover{ background:#d66d00; } .populate-aso-form-button{ display:inline-flex; color:#7c7c7c; text-decoration:underline; } .ld-breadcrumbs--modern{ display:none !important; } .loading-animation{ display:none; border-top:solid 2px transparent; border-bottom:solid 2px transparent; animation:spin-loading 1s ease-in-out infinite; } .loading-animation.active{ display:inline-block; } .loading-animation img{ width:40px; height:auto; } @keyframes spin-loading{ to{ transform:scale(-1, 1); } } @media only screen and (max-width:991px){ body.single-groups footer{ padding-left:40px; } } .library-page{ padding-top:20px; padding-bottom:100px; } @media only screen and (max-width:991px){ .library-page{ padding-top:20px; align-items:flex-start; } } .library-page .course-page-nav-toggle{ display:flex; align-items:center; justify-content:center; background:#2da195; padding:10px 20px; color:#fff; border-radius:30px; margin:4px 20px; } .library-page .course-page-nav-toggle i{ margin-right:10px; } @media only screen and (min-width:992px){ .library-page .course-page-nav-toggle{ display:none; } } @media only screen and (max-width:991px){ .library-page.single-course .container, .library-page.single-lesson .container, .library-page.single-topic .container, .library-page.single-quiz .container{ padding-left:20px; } } @media only screen and (max-width:991px){ .library-page.single-course .container .library-page-header, .library-page.single-lesson .container .library-page-header, .library-page.single-topic .container .library-page-header, .library-page.single-quiz .container .library-page-header{ display:none; } } @media only screen and (max-width:991px){ .library-page.single-course .container .has-sidebar aside.library-nav-menu, .library-page.single-lesson .container .has-sidebar aside.library-nav-menu, .library-page.single-topic .container .has-sidebar aside.library-nav-menu, .library-page.single-quiz .container .has-sidebar aside.library-nav-menu{ transform:translateX(calc(-100%)); } } .library-page.single-course .container .has-sidebar .course-page-featured-image, .library-page.single-lesson .container .has-sidebar .course-page-featured-image, .library-page.single-topic .container .has-sidebar .course-page-featured-image, .library-page.single-quiz .container .has-sidebar .course-page-featured-image{ aspect-ratio:4; } .library-page.single-course .container .has-sidebar .course-first-lesson-link, .library-page.single-lesson .container .has-sidebar .course-first-lesson-link, .library-page.single-topic .container .has-sidebar .course-first-lesson-link, .library-page.single-quiz .container .has-sidebar .course-first-lesson-link{ background-color:#ff5424; color:white; padding:10px 20px; border-radius:2px; text-decoration:none; display:inline-flex; align-items:center; } .library-page .library-page-header{ margin-bottom:10px; display:flex; justify-content:space-between; } @media only screen and (max-width:991px){ .library-page .library-page-header{ display:none; } } .library-page .library-page-header .group-choice-box small{ margin-left:10px; } .library-page .library-page-header .group-choice-box .back-button{ display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; border-radius:100px; } .library-page .library-page-header .group-choice-box.multi select{ accent-color:#34b7aa; background:#fff; display:inline-block; padding:8px 11px; padding-right:56px; border-radius:10px; border:solid 3px transparent; box-shadow:0px 3px 4px -4px black; cursor:pointer; font-size:18px; font-weight:600; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-position:calc(100% - 25px) center; background-repeat:no-repeat; background-size:12px; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBkPSJNMSAxTDEyIDEyTSAxIDVMNiA5IDExIDVNICIvPjwvc3ZnPg=="); /* Base64 encoded SVG */ } .library-page .library-page-header .group-choice-box.multi select::-ms-expand{ display:none; /* For IE10+ */ } .library-page .library-page-header .group-choice-box.multi select:focus{ border-color:#34b7aa; outline:none; } .library-page .library-page-header .group-choice-box.multi select option{ background:#fff; padding:10px; } .library-page .library-page-header .group-choice-box.solo a.group{ accent-color:#34b7aa; display:inline-block; padding:8px 0px; border-bottom:solid 2px #34b7aa; cursor:pointer; font-size:18px; font-weight:600; border-bottom:solid 2px #34b7aa; text-decoration:none; transition:all 200ms ease; } .library-page .header-stats{ display:flex; } .library-page .header-stats .header-stat{ padding:0 10px; } .library-page .header-stats .header-stat:not(:last-of-type){ border-right:solid 1px #a5a5a5; } .library-page .header-stats .header-stat:nth-of-type(1){ padding-left:0; } .library-page .breadcrumb{ font-size:14px; margin-bottom:0; } .library-page .breadcrumb a{ color:#34b7aa; font-weight:600; } .library-page .upgrade-link{ background:#34b7aa; background:linear-gradient(43deg, #34b7aa, #0098ff); padding:2px 14px; clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 8px 100%, 0px calc(100% - 8px)); color:#fff; text-decoration:none; text-transform:uppercase; font-size:13px; align-items:center; display:block; width:fit-content; } .library-page .container{ max-width:1700px; } @media only screen and (max-width:991px){ .library-page .container{ padding:0 15px; padding-left:60px; } } .library-page .container .has-sidebar{ background:#fdfdfd; padding:15px; border-radius:20px; box-shadow:0 3px 10px -5px black; } @media only screen and (max-width:991px){ .library-page .container .has-sidebar{ padding:15px; } } .library-page .container .has-sidebar aside.library-nav-menu{ border:solid 1px #e5e5e5; border-radius:10px; width:360px; max-width:100%; z-index:100; overflow:auto; } .library-page .container .has-sidebar aside.library-nav-menu.active{ transform:translateX(0%); } @media only screen and (max-width:991px){ .library-page .container .has-sidebar aside.library-nav-menu{ position:fixed; left:0; top:100px; background:#fff; bottom:0; transform:translateX(calc(-100% + 44px)); transition:all ease 200ms; } } .library-page .container .has-sidebar aside.library-nav-menu ul, .library-page .container .has-sidebar aside.library-nav-menu li{ list-style:none; padding:unset; margin:unset; } .library-page .container .has-sidebar aside.library-nav-menu .group-nav-box{ display:flex; padding:15px; color:#fff; background:#34b7aa; border-top-left-radius:10px; border-top-right-radius:10px; position:sticky; top:0; z-index:2; justify-content:space-between; } @media only screen and (min-width:992px){ .library-page .container .has-sidebar aside.library-nav-menu .group-nav-box{ display:none; } } .library-page .container .has-sidebar aside.library-nav-menu .group-nav-box a{ font-size:13px; } .library-page .container .has-sidebar aside.library-nav-menu .group-nav-box .mobile-nav-toggle{ font-size:28px; width:44px; } .library-page .container .has-sidebar aside.library-nav-menu .user-details{ display:flex; padding:15px; color:#fff; background:#34b7aa; border-top-left-radius:10px; border-top-right-radius:10px; position:sticky; top:0; z-index:2; } @media only screen and (max-width:991px){ .library-page .container .has-sidebar aside.library-nav-menu .user-details{ display:none; } } .library-page .container .has-sidebar aside.library-nav-menu .user-details .user-details-text{ flex-grow:1; display:flex; flex-direction:column; } .library-page .container .has-sidebar aside.library-nav-menu .user-details .user-details-text .name{ font-weight:600; } .library-page .container .has-sidebar aside.library-nav-menu .user-details .user-details-text .role{ font-size:14px; margin-top:5px; } .library-page .container .has-sidebar aside.library-nav-menu .user-details .avatar{ margin-right:15px; } .library-page .container .has-sidebar aside.library-nav-menu .user-details .avatar img{ border-radius:100px; width:44px; border:solid 2px #fff; } .library-page .container .has-sidebar aside.library-nav-menu .user-details .mobile-nav-toggle{ font-size:28px; width:44px; } @media only screen and (min-width:992px){ .library-page .container .has-sidebar aside.library-nav-menu .user-details .mobile-nav-toggle{ display:none; } } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu{ display:flex; flex-direction:column; padding:15px; } @media only screen and (max-width:991px){ .library-page .container .has-sidebar aside.library-nav-menu .nav-menu{ padding:0px; padding-left:10px; padding-top:20px; } } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item{ width:100%; display:flex; flex-wrap:wrap; border-radius:8px; margin-bottom:10px; } @media only screen and (max-width:991px){ .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item{ margin-bottom:0px; } } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item:has(.nav-sub-menu-item.active) .nav-sub-menu{ display:block; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item.active .nav-menu-item-label{ color:#34b7aa; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item.active .nav-sub-menu{ display:block; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label{ padding:6px 0px; display:flex; justify-content:space-between; color:#152031; border-radius:4px; font-weight:600; font-size:18px; text-align:left; align-items:center; width:100%; cursor:pointer; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label.course-top-level-label a{ display:flex; width:calc(100% - 40px); padding-right:10px; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label.course-top-level-label a .status{ color:#d6d6d6; font-size:19px; margin-right:6px; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label.course-top-level-label a .status i.mdi-check-circle{ color:#34b7aa; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label.course-top-level-label a:hover{ text-decoration:underline; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label.course-top-level-label button{ background:none; display:flex; align-items:center; justify-content:center; border-radius:100px; width:40px; height:40px; transition:all 200ms ease; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label.course-top-level-label button:hover{ background:#e1e1e1; text-decoration:none; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label.course-top-level-label button i{ font-size:18px; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label:hover{ color:#34b7aa; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label > i.chevron{ margin-right:10px; font-size:18px; } @media only screen and (max-width:991px){ .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label > i.chevron{ display:none; } } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label .top-level-nav-mobile-button{ width:44px; font-size:24px; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label .top-level-nav-mobile-button.active{ color:#34b7aa; } @media only screen and (min-width:992px){ .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label .top-level-nav-mobile-button{ display:none; } } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-menu-item-label:has(+ .nav-sub-menu .active) .top-level-nav-mobile-button{ color:#34b7aa; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu{ display:none; width:100%; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu.active{ display:block; } @media only screen and (min-width:992px){ .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu:has(.active){ display:block; } } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item{ width:100%; border-radius:4px; } @media only screen and (max-width:991px){ .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.topic, .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.quiz{ border-bottom:solid 1px #f0f0f0; } } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.topic a .status, .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.quiz a .status{ color:#d6d6d6; font-size:19px; margin-right:6px; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.topic a .status i.mdi-check-circle, .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.quiz a .status i.mdi-check-circle{ color:#34b7aa; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.topic a .name, .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.quiz a .name{ flex-grow:1; padding-left:6px; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.topic.active, .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.quiz.active{ background:#34b7aa; color:#fff; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.topic.active a, .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.quiz.active a{ color:#fff; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.topic.active a .status, .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.quiz.active a .status{ color:#fff; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.topic.active a .status i.mdi-check-circle, .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.quiz.active a .status i.mdi-check-circle{ color:#ffffff; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.topic.active a:hover, .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item.quiz.active a:hover{ background:none; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item a{ padding:6px 10px; display:flex; justify-content:space-between; color:#535c6b; transition:all 200ms ease; border-radius:4px; width:100%; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item a:hover{ background:#f3f3f3; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item a.active{ color:#34b7aa; font-weight:600; } .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item a i{ font-size:18px; } @media only screen and (max-width:991px){ .library-page .container .has-sidebar aside.library-nav-menu .nav-menu .nav-menu-item .nav-sub-menu .nav-sub-menu-item a i{ display:none; } } .library-page .container .has-sidebar .main-content{ margin-left:0; padding-left:20px; width:calc(100% - 360px); padding-bottom:60px; } @media only screen and (max-width:991px){ .library-page .container .has-sidebar .main-content{ width:100%; padding-left:unset; } } .library-page .container .has-sidebar .main-content h1{ font-size:30px; } .library-page .container .has-sidebar .main-content h2{ font-size:26px; } .library-page .container .has-sidebar .main-content h3{ font-size:23px; } .library-page .container .has-sidebar .main-content .mobile-nav-selector{ display:flex; flex-direction:column; } @media only screen and (min-width:992px){ .library-page .container .has-sidebar .main-content .mobile-nav-selector{ display:none; } } .library-page .container .has-sidebar .main-content .certificate-box a.button{ background-color:#ff5424; color:white; padding:10px 20px; margin-top:15px; border-radius:2px; text-decoration:none; display:inline-flex; align-items:center; } .library-page .container .has-sidebar .main-content .sfwd-lessons, .library-page .container .has-sidebar .main-content .sfwd-topic{ background:#f0f3f6; padding:20px; border-radius:10px; } .library-page .container .has-sidebar .main-content .sfwd-lessons .page-type, .library-page .container .has-sidebar .main-content .sfwd-topic .page-type{ font-size:12px; margin-bottom:10px; text-transform:uppercase; } .library-page .container .has-sidebar .main-content .sfwd-lessons h1, .library-page .container .has-sidebar .main-content .sfwd-topic h1{ font-size:24px; } .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-lesson-status .ld-breadcrumbs, .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-lesson-status .ld-breadcrumbs--modern, .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-topic-status .ld-breadcrumbs, .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-topic-status .ld-breadcrumbs--modern, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-lesson-status .ld-breadcrumbs, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-lesson-status .ld-breadcrumbs--modern, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-topic-status .ld-breadcrumbs, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-topic-status .ld-breadcrumbs--modern{ padding:0.5em 0; } .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-lesson-status .ld-breadcrumbs .ld-breadcrumbs-segments, .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-lesson-status .ld-breadcrumbs--modern .ld-breadcrumbs-segments, .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-topic-status .ld-breadcrumbs .ld-breadcrumbs-segments, .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-topic-status .ld-breadcrumbs--modern .ld-breadcrumbs-segments, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-lesson-status .ld-breadcrumbs .ld-breadcrumbs-segments, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-lesson-status .ld-breadcrumbs--modern .ld-breadcrumbs-segments, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-topic-status .ld-breadcrumbs .ld-breadcrumbs-segments, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-topic-status .ld-breadcrumbs--modern .ld-breadcrumbs-segments{ display:none; } .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-lesson-status .ld-progress, .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-topic-status .ld-progress, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-lesson-status .ld-progress, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-topic-status .ld-progress{ padding:0 0; } .library-page .container .has-sidebar .main-content .sfwd-lessons .ld-table-list, .library-page .container .has-sidebar .main-content .sfwd-topic .ld-table-list{ background:#fff; } .library-page .container .has-sidebar .main-content .learning-materials-container{ display:flex; flex-direction:column; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos{ display:flex; flex-direction:row; flex-wrap:wrap; list-style:none; padding-left:unset; margin-left:unset; width:100%; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video{ width:calc(100% / 3); padding:10px; } @media only screen and (max-width:1499px){ .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video{ width:calc(100% / 2); } } @media only screen and (max-width:1199px){ .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video{ width:calc(100% / 1); } } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item{ display:flex; position:relative; aspect-ratio:1.4285714286; overflow:hidden; border:solid 3px transparent; border-radius:8px; transition:all 200ms ease; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 70%); opacity:0; transition:opacity 0.3s ease; z-index:1; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item:hover{ border:solid 3px #34b7aa; box-shadow:0 0 15px -11px black; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item:hover::after{ opacity:1; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item:hover .item-text-box{ transform:translateY(0); } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item:active{ box-shadow:0 0 black; transition:all 0ms ease; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item .image-box{ height:100%; width:100%; margin:0; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item .image-box img{ width:100%; height:100%; object-fit:cover; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item .item-text-box{ position:absolute; bottom:0; left:0; right:0; color:#fff; padding:14px; transition:all 400ms ease; transform:translateY(8px); z-index:2; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item .item-text-box .video-title{ font-size:18px; font-weight:600; margin-bottom:20px; } .library-page .container .has-sidebar .main-content .learning-materials-container.videos .thumbnail-video a.video-item .item-text-box .video-author{ height:20px; font-weight:600; } .library-page .container .has-sidebar .main-content .learning-materials-container.resources{ list-style:none; } .library-page .container .has-sidebar .main-content .learning-materials-container.resources .thumbnail-resources{ list-style:none; border:solid 1px #e5e5e5; border-radius:10px; margin:12px; padding:1rem; } .library-page .container .has-sidebar .main-content .learning-materials-container.resources .thumbnail-resources .download-links{ list-style:none; } .library-page .container .has-sidebar .main-content .learning-materials-container.resources .thumbnail-resources .download-links .download-link{ display:flex; } .library-page .container .has-sidebar .main-content .learning-materials-container.resources .image-box{ width:40px; } .library-page .container .has-sidebar .main-content .learning-materials-container.articles{ display:flex; flex-direction:row; flex-wrap:wrap; list-style:none; padding-left:unset; margin-left:unset; width:100%; } .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article{ width:calc(100% / 1); } .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item{ display:flex; flex-direction:row; position:relative; border:solid 3px transparent; border-radius:8px; transition:all 200ms ease; padding:14px; } @media only screen and (max-width:991px){ .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item{ flex-direction:column; } } .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 70%); opacity:0; transition:opacity 0.3s ease; z-index:1; } .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item:hover{ border:solid 3px #34b7aa; box-shadow:0 0 15px -11px black; } .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item:hover .item-text-box{ transform:translateY(0); } .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item:active{ box-shadow:0 0 black; transition:all 0ms ease; } .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item .image-box{ height:100%; width:170px; min-width:170px; border-radius:5px; overflow:hidden; aspect-ratio:1.4285714286; max-width:100%; } @media only screen and (max-width:767px){ .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item .image-box{ width:100%; min-width:unset; } } .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item .image-box img{ width:100%; height:100%; object-fit:cover; } .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item .item-text-box{ padding-left:14px; transition:all 400ms ease; z-index:2; max-width:55ch; } @media only screen and (max-width:991px){ .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item .item-text-box{ padding-top:14px; padding-left:unset; } } .library-page .container .has-sidebar .main-content .learning-materials-container.articles .thumbnail-article a.article-item .item-text-box .publish-date-author{ margin:10px 0; color:#818181; font-weight:700; font-size:13px; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts{ display:flex; flex-direction:row; flex-wrap:wrap; list-style:none; padding-left:unset; margin-left:unset; width:100%; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast{ width:calc(100% / 3); padding:10px; } @media only screen and (max-width:1499px){ .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast{ width:calc(100% / 2); } } @media only screen and (max-width:1199px){ .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast{ width:calc(100% / 1); } } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item{ display:flex; position:relative; aspect-ratio:1.4285714286; overflow:hidden; border:solid 3px transparent; border-radius:8px; transition:all 200ms ease; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 70%); opacity:0; transition:opacity 0.3s ease; z-index:1; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item:hover{ border:solid 3px #34b7aa; box-shadow:0 0 15px -11px black; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item:hover::after{ opacity:1; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item:hover .item-text-box{ transform:translateY(0); } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item:active{ box-shadow:0 0 black; transition:all 0ms ease; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item .image-box{ height:100%; width:100%; margin:0; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item .image-box img{ width:100%; height:100%; object-fit:cover; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item .item-text-box{ position:absolute; bottom:0; left:0; right:0; color:#fff; padding:14px; transition:all 400ms ease; transform:translateY(7px); z-index:2; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item .item-text-box .podcast-title{ font-size:18px; font-weight:600; margin-bottom:20px; } .library-page .container .has-sidebar .main-content .learning-materials-container.podcasts .thumbnail-podcast a.podcast-item .item-text-box .podcast-author{ height:20px; font-weight:600; } .library-page .container .has-sidebar .main-content .self-assessment-container{ padding:10px; border:solid 1px #e5e5e5; border-radius:10px; margin:12px; } .library-page .container .has-sidebar .main-content .self-assessment-container .available-assessments-list{ margin-top:40px; display:flex; flex-direction:column; } .library-page .container .has-sidebar .main-content .self-assessment-container .available-assessments-list .single-assessment{ display:flex; flex-direction:row; padding-bottom:10px; padding-top:10px; justify-content:space-between; border-top:solid 1px #e8e8e8; } .library-page .container .has-sidebar .main-content .self-assessment-container .available-assessments-list .single-assessment .assessment{ display:flex; flex-direction:row; } .library-page .container .has-sidebar .main-content .self-assessment-container .available-assessments-list .single-assessment .assessment:hover span{ color:#34b7aa; } .library-page .container .has-sidebar .main-content .self-assessment-container .available-assessments-list .single-assessment .assessment i{ font-size:24px; background:#34b7aa; color:#fff; min-width:44px; height:44px; display:flex; border-radius:100px; align-items:center; justify-content:center; } .library-page .container .has-sidebar .main-content .self-assessment-container .available-assessments-list .single-assessment .assessment span{ margin-top:7px; padding-left:10px; font-size:22px; font-weight:700; color:#646464; } .library-page .container .has-sidebar .main-content .self-assessment-container .available-assessments-list .single-assessment .assessment-preview{ display:flex; height:fit-content; margin-top:10px; margin-left:10px; background:#e1e1e1; color:#232323; border-radius:20px; padding:2px 10px; font-size:13px; } .library-page .container .has-sidebar .main-content .self-assessment-container .available-assessments-list .single-assessment .assessment-preview:hover{ background:#34b7aa; color:#fff; } .library-page .container .has-sidebar .main-content .self-assessment-container .available-assessments-list .single-assessment .assessment-preview i{ margin-left:5px; } nav.woocommerce-MyAccount-navigation ul{ list-style:none; padding:unset; margin:unset; } nav.woocommerce-MyAccount-navigation ul li.is-active a{ background:#e1e1e1; } nav.woocommerce-MyAccount-navigation ul li a{ text-decoration:none; display:block; padding:10px; color:#152031; border-radius:4px; font-weight:600; font-size:18px; } nav.woocommerce-MyAccount-navigation ul li a:hover{ background:#e1e1e1; } [name="remove_user"]{ background:#db7575; color:#fff; padding:6px 12px; } .courses-grid, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid{ display:flex; flex-direction:row; flex-wrap:wrap; list-style:none; padding-left:unset; margin-left:unset; width:100%; } .courses-grid .thumbnail-course, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course{ width:calc(100% / 3); padding:10px; } @media only screen and (max-width:1499px){ .courses-grid .thumbnail-course, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course{ width:calc(100% / 2); } } @media only screen and (max-width:1199px){ .courses-grid .thumbnail-course, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course{ width:calc(100% / 1); } } .courses-grid .thumbnail-course a.course-item, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item{ display:flex; position:relative; aspect-ratio:1.4285714286; overflow:hidden; border:solid 3px transparent; border-radius:8px; transition:all 200ms ease; } .courses-grid .thumbnail-course a.course-item::after, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 70%); opacity:0; transition:opacity 0.3s ease; z-index:1; } .courses-grid .thumbnail-course a.course-item:hover, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item:hover{ border:solid 3px #34b7aa; box-shadow:0 0 15px -11px black; } .courses-grid .thumbnail-course a.course-item:hover::after, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item:hover::after{ opacity:1; } .courses-grid .thumbnail-course a.course-item:hover .item-text-box, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item:hover .item-text-box{ transform:translateY(0); } .courses-grid .thumbnail-course a.course-item:active, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item:active{ box-shadow:0 0 black; transition:all 0ms ease; } .courses-grid .thumbnail-course a.course-item .image-box, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item .image-box{ height:100%; width:100%; margin:0; } .courses-grid .thumbnail-course a.course-item .image-box img, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item .image-box img{ width:100%; height:100%; object-fit:cover; } .courses-grid .thumbnail-course a.course-item .course-status, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item .course-status{ position:absolute; z-index:3; top:7px; right:9px; background:#34b7aa; color:#fff; padding:2px 6px; font-size:13px; border-radius:20px; } .courses-grid .thumbnail-course a.course-item .item-text-box, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item .item-text-box{ position:absolute; bottom:0; left:0; right:0; color:#fff; padding:14px; transition:all 400ms ease; transform:translateY(33px); z-index:2; } .courses-grid .thumbnail-course a.course-item .item-text-box .course-title, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item .item-text-box .course-title{ font-size:18px; font-weight:600; margin-bottom:20px; } .courses-grid .thumbnail-course a.course-item .item-text-box .course-author, .library-page .container .has-sidebar .main-content .learning-materials-container.courses .courses-grid .thumbnail-course a.course-item .item-text-box .course-author{ height:20px; font-weight:600; } body.single-groups{ background:#f1f1f1; } body.single-groups .overview-stats-grid{ width:100%; } body.single-groups .overview-stats-grid > .item{ width:100%; border:solid 6px #d5d5d5; border-radius:15px; padding:30px; display:flex; align-items:center; justify-content:center; text-align:center; flex-direction:column; } body.single-groups .overview-stats-grid > .item .value{ font-weight:600; font-size:40px; } body.woocommerce-dashboard .woocommerce-MyAccount-content > *:not(.dashboard-endpoint):not(.woocommerce-notices-wrapper){ display:none; } body.woocommerce-dashboard .woocommerce-MyAccount-content .dashboard-endpoint .account-group-library-links{ display:flex; flex-direction:column; } body.woocommerce-dashboard .woocommerce-MyAccount-content .dashboard-endpoint .account-group-library-links .library-link{ width:100%; display:flex; background:#172233; color:#fff; margin-bottom:20px; box-shadow:0 4px 10px -6px black; text-decoration:none; border-radius:8px; } body.woocommerce-dashboard .woocommerce-MyAccount-content .dashboard-endpoint .account-group-library-links .library-link:hover{ background:#1b2f4f; } body.woocommerce-dashboard .woocommerce-MyAccount-content .dashboard-endpoint .account-group-library-links .library-link .item-image-box{ aspect-ratio:1; width:10%; } body.woocommerce-dashboard .woocommerce-MyAccount-content .dashboard-endpoint .account-group-library-links .library-link .item-image-box img{ object-fit:cover; } body.woocommerce-dashboard .woocommerce-MyAccount-content .dashboard-endpoint .account-group-library-links .library-link .item-text-box{ padding:20px; } body.woocommerce-dashboard .woocommerce-MyAccount-content .dashboard-endpoint .account-group-library-links .library-link .item-text-box h3{ font-size:17px; color:#fff; } .nav-pages h3{ font-size:18px; } .single-assessment_entries .admin-edit-buttons{ display:none !important; } .dashboard-single-assessment-entry .assessment-entries-box i.mdi-check-circle{ color:#34b7aa; } .dashboard-single-assessment-entry .assessment-entries-box i.mdi mdi-eye{ color:#ca9e30; } .dashboard-single-assessment-entry .assessment-entries-box i.mdi-alert{ color:#ff5900; } .dashboard-single-assessment-entry .assessment-entries-box i.mdi-send-check{ color:#34b7aa; } .dashboard-single-assessment-entry .assessment-entries-box i.mdi-clock{ color:#8a8a8a; } .dashboard-single-assessment-entry .assessment-entries-box i.mdi-magnify{ color:#34b7aa; } .dashboard-single-assessment-entry .assessment-entries-box i.mdi-eye{ color:#34b7aa; } .dashboard-single-assessment-entry .assessment-entries-box .bulk-actions-box{ display:flex; margin-bottom:20px; } .dashboard-single-assessment-entry .assessment-entries-box .bulk-actions-box select#bulk_action{ padding-right:10px; margin:0; margin-right:10px; width:200px; } .dashboard-single-assessment-entry .assessment-entries-box .row-header{ font-weight:600; } .dashboard-single-assessment-entry .assessment-entries-box .row-header, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry{ display:flex; padding:10px 0px; border-top:solid 1px #e3e3e3; } .dashboard-single-assessment-entry .assessment-entries-box .row-header:nth-child(even), .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry:nth-child(even){ background:#f7f7f7; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .checkbox, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .checkbox{ padding-left:10px; margin-right:10px; width:30px; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels{ display:flex; width:100%; } @media only screen and (max-width:1420px){ .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels{ flex-wrap:wrap; } } @media only screen and (max-width:1420px){ .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .hide-mobile, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .hide-mobile, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .hide-mobile, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .hide-mobile{ display:none; } } @media only screen and (min-width:1421px){ .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .hide-desktop, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .hide-desktop, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .hide-desktop, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .hide-desktop{ display:none; } } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .label-mobile, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .label-mobile, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .label-mobile, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .label-mobile{ font-weight:600; display:block; } @media only screen and (min-width:1421px){ .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .label-mobile, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .label-mobile, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .label-mobile, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .label-mobile{ display:none; } } @media only screen and (max-width:1420px){ .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data.expanded > div, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels.expanded > div, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data.expanded > div, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels.expanded > div{ display:inline-flex; } } @media only screen and (max-width:1420px){ .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data:not(.expanded) > div:not(.location), .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels:not(.expanded) > div:not(.location), .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data:not(.expanded) > div:not(.location), .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels:not(.expanded) > div:not(.location){ display:none; } } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data > div, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels > div, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data > div, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels > div{ display:inline-flex; flex-direction:column; width:calc(100% / 7); font-size:14px; color:#393939; padding-left:12px; } @media only screen and (max-width:1420px){ .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data > div, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels > div, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data > div, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels > div{ width:calc(100% / 2); font-size:14px; color:#393939; padding-bottom:20px; padding-right:10px; } } @media only screen and (max-width:767px){ .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data > div, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels > div, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data > div, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels > div{ width:100%; } } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data > div small, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels > div small, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data > div small, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels > div small{ font-size:12px; color:#000; } @media only screen and (max-width:1420px){ .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .location, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .location, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .location, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .location{ width:100%; display:flex; justify-content:space-between; flex-direction:row; cursor:pointer; } } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .location .expand-icon, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .location .expand-icon, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .location .expand-icon, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .location .expand-icon{ text-align:right; color:#6b6b6b; font-size:20px; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .location:hover .location-name, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .location:hover .location-name, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .location:hover .location-name, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .location:hover .location-name{ color:#34b7aa; text-decoration:underline; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .name, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .name, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .name, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .name{ width:280px; } @media only screen and (max-width:1420px){ .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .name, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .name, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .name, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .name{ width:100%; } } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .progress span, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .progress span, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .progress span, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .progress span{ width:46px; display:inline-block; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .score .score-view, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .score .score-view, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .score .score-view, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .score .score-view{ display:flex; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .score .score-view span, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .score .score-view span, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .score .score-view span, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .score .score-view span{ width:46px; display:inline-block; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .score .score-view .mid-score, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .score .score-view .mid-score, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .score .score-view .mid-score, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .score .score-view .mid-score{ margin-right:5px; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .score .score-view .low-score, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .score .score-view .low-score, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .score .score-view .low-score, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .score .score-view .low-score{ color:#dc3545; margin-right:5px; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .score .score-view .mid-score, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .score .score-view .mid-score, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .score .score-view .mid-score, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .score .score-view .mid-score{ color:#ffc107; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .score .score-view .high-score, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .score .score-view .high-score, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .score .score-view .high-score, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .score .score-view .high-score{ color:#28a745; } .dashboard-single-assessment-entry .assessment-entries-box .row-header .row-data .link-sent .unsent, .dashboard-single-assessment-entry .assessment-entries-box .row-header .header-labels .link-sent .unsent, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .row-data .link-sent .unsent, .dashboard-single-assessment-entry .assessment-entries-box .assessment-entry .header-labels .link-sent .unsent{ background:#ff9e00; border-radius:4px; padding:0px 6px; color:#fff; } .download-links.resource-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:1rem; padding:0; list-style:none; } .download-links.resource-grid li{ display:flex; align-items:center; background:#f5f5f5; padding:10px; border-radius:8px; } .download-links.resource-grid li a{ display:flex; align-items:center; gap:10px; text-decoration:none; color:#333; } .download-links.resource-grid img{ width:64px; height:64px; object-fit:contain; } .group-member-single-stats{ /* Member info card styling */ /* Status summary card */ /* Responsive container for main chart */ /* Clickable course title styling */ /* Course title truncation */ /* Mobile instruction text */ /* Responsive adjustments */ } .group-member-single-stats .group-member-info{ background:#fff; border-radius:12px; padding:20px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.05); margin-bottom:20px; display:flex; align-items:center; justify-content:space-between; } .group-member-single-stats .member-details h4{ margin:0; color:#333; } .group-member-single-stats .member-details small{ color:#666; font-size:14px; } .group-member-single-stats .status-summary{ background:#fff; border-radius:12px; padding:20px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.05); margin-bottom:20px; display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:20px; } .group-member-single-stats .status-item{ text-align:center; padding:15px; border-radius:8px; background:#f8f9fa; } .group-member-single-stats .status-item.not-started{ background:rgba(151, 151, 151, 0.1); border-left:4px solid rgba(0, 0, 0, 0.2); } .group-member-single-stats .status-item.in-progress{ background:rgba(255, 84, 36, 0.1); border-left:4px solid #ff5424; } .group-member-single-stats .status-item.completed{ background:rgba(76, 175, 80, 0.1); border-left:4px solid #4CAF50; } .group-member-single-stats .status-count{ font-size:32px; font-weight:bold; color:#333; display:block; } .group-member-single-stats .status-label{ font-size:14px; color:#666; margin-top:5px; } .group-member-single-stats .chart-1{ margin-bottom:40px; height:auto; min-height:300px; } .group-member-single-stats .chart-container{ position:relative; width:100%; overflow-x:auto; background:#fff; border-radius:12px; padding:20px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.05); margin:20px 0; } .group-member-single-stats .individual-course-charts{ display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:30px; max-width:100%; } .group-member-single-stats .course-chart{ background:#fff; border-radius:12px; padding:20px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.05); text-align:center; min-width:0; } .group-member-single-stats .course-chart h5 a{ color:#333; text-decoration:none; transition:color 0.3s ease; } .group-member-single-stats .course-chart h5 a:hover{ color:#ff5424; } .group-member-single-stats .course-subcharts{ display:flex; flex-direction:column; align-items:center; gap:20px; margin-top:15px; } .group-member-single-stats .chart-wrapper{ text-align:center; width:100%; } .group-member-single-stats .chart-wrapper h6{ margin-bottom:8px; font-weight:600; } .group-member-single-stats .mini-progress{ display:flex; align-items:center; gap:8px; justify-content:center; margin-top:8px; } .group-member-single-stats .progress-bar{ width:100px; height:10px; background-color:#e0e0e0; border-radius:5px; overflow:hidden; position:relative; } .group-member-single-stats .progress-fill{ height:100%; transition:width 0.6s ease-in-out; border-radius:5px; } .group-member-single-stats .progress-fill.lessons{ background-color:#4BC0C0; } .group-member-single-stats .progress-fill.topics{ background-color:#FFCE56; } .group-member-single-stats .progress-label{ font-size:13px; font-weight:600; color:#333; min-width:45px; text-align:left; } .group-member-single-stats .mini-progress label{ font-size:13px; font-weight:500; width:65px; text-align:right; color:#555; } .group-member-single-stats canvas.donut{ max-width:120px; max-height:120px; margin:0 auto; } .group-member-single-stats .donut-wrapper{ position:relative; display:inline-block; } .group-member-single-stats .donut-center-text{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-weight:600; color:#333; font-size:14px; } .group-member-single-stats .course-chart h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; } .group-member-single-stats .mobile-chart-hint{ display:none; text-align:center; font-size:12px; color:#666; margin-bottom:10px; font-style:italic; } @media (min-width:769px){ .group-member-single-stats .individual-course-charts{ grid-template-columns:repeat(2, 1fr); } } @media (max-width:768px){ .group-member-single-stats .chart-1{ height:auto; min-height:400px; } .group-member-single-stats .individual-course-charts{ grid-template-columns:1fr; } .group-member-single-stats .mobile-chart-hint{ display:block; } .group-member-single-stats .group-member-info{ flex-direction:column; text-align:center; } .group-member-single-stats .status-summary{ grid-template-columns:1fr; } } @media (max-width:480px){ .group-member-single-stats .mini-progress{ flex-direction:column; align-items:center; } .group-member-single-stats .mini-progress label{ text-align:center; width:auto; } }