@charset "UTF-8";
/* Lesson player and course details (Tutor LMS) styling: recolours Tutor's design tokens with The Talking Dog brand and swaps the text title for the logo.
   Visual only: no layout, data, or behaviour is changed. Works with Tutor's light and dark themes. */

/* Brand colour ramp (600 = site blue #1E5AA8) */
:root {
  --tutor-brand-50: #F2F7FD; --tutor-brand-100: #E3EEFA; --tutor-brand-200: #C5DBF4; --tutor-brand-300: #9CC1EB; --tutor-brand-400: #6BA0E0;
  --tutor-brand-500: #3E80CF; --tutor-brand-600: #1E5AA8; --tutor-brand-700: #174A8C; --tutor-brand-800: #123B73; --tutor-brand-900: #0F2A4A; --tutor-brand-950: #0A1B30;
}

/* Light theme */
html[data-tutor-theme="light"], html:not([data-tutor-theme]) {
  --tutor-surface-base: #F7F9FC; --tutor-surface-l1: #FFFFFF; --tutor-surface-l1-hover: #F2F6FB; --tutor-surface-l2: #EBF0F7; --tutor-surface-l2-hover: #DCE6F2;
  --tutor-surface-l3: #F2F6FB; --tutor-surface-sidebar-l1: #FFFFFF;
  --tutor-border-idle: #D8E4EF; --tutor-border-idle2: #D8E4EF; --tutor-border-hover: #B6C9DD;
  --tutor-text-primary: #0F2A4A; --tutor-text-secondary: #243746; --tutor-text-subdued: #5A6B7A;
  --tutor-icon-idle: #243746; --tutor-icon-secondary: #5A6B7A; --tutor-icon-hover: #0F2A4A;
}

/* Dark theme: navy, from the site's dark blue */
html[data-tutor-theme="dark"] {
  --tutor-surface-base: #0A1B30; --tutor-surface-l1: #102A47; --tutor-surface-l1-hover: #16365A; --tutor-surface-l2: #16365A; --tutor-surface-l2-hover: #1D446E;
  --tutor-surface-l3: #0E2440; --tutor-surface-sidebar-l1: #071526;
  --tutor-border-idle: #4A6A8F; --tutor-border-idle2: #23466E; --tutor-border-hover: #7C9AC0;
  --tutor-text-primary: #F2F6FB; --tutor-text-secondary: #DCE6F2; --tutor-text-subdued: #A9BCD3;
  --tutor-text-brand: #7DB2EE; --tutor-text-brand-hover: #A9CDF5; --tutor-icon-brand: #7DB2EE; --tutor-text-brand-secondary: #9CC1EB;
  --tutor-icon-idle: #DCE6F2; --tutor-icon-secondary: #A9BCD3; --tutor-icon-brand-secondary: #16365A;
}

/* Site font on buttons and form controls on every lesson and course screen (the theme sets a serif font on buttons) */
:is(.tutor-learning-page, .tutor-course-details-page) button, :is(.tutor-learning-page, .tutor-course-details-page) input, :is(.tutor-learning-page, .tutor-course-details-page) select,
:is(.tutor-learning-page, .tutor-course-details-page) textarea, :is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn { font-family: inherit; letter-spacing: 0; }

/* Buttons: the site's global button style (white text on a blue gradient) was overriding Tutor's own button styles. Restore them. */
:is(.tutor-learning-page, .tutor-course-details-page) :is(.tutor-btn, .tutor-tabs-tab, .tutor-input-clear-button, .tutor-select-trigger, button[class*="tutor-"]) { background-image: none; box-shadow: none; text-shadow: none; }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-outline { background-color: transparent; color: var(--tutor-text-primary); border: 1.5px solid var(--tutor-border-idle2); }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-outline:hover, :is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-outline:focus-visible { background-color: var(--tutor-surface-l1-hover); border-color: var(--tutor-border-hover); color: var(--tutor-text-primary); }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-ghost { background-color: transparent; color: var(--tutor-text-primary); border: 0; }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-ghost:hover, :is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-ghost:focus-visible { background-color: var(--tutor-surface-l1-hover); color: var(--tutor-text-primary); }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-primary { background-color: var(--tutor-brand-600); color: #fff; border: 0; box-shadow: 0 6px 16px rgba(30, 90, 168, .25); }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-primary:hover, :is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-primary:focus-visible { background-color: var(--tutor-brand-700); color: #fff; }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-secondary { background-color: var(--tutor-surface-l2); color: var(--tutor-text-primary); border: 0; }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-secondary:hover { background-color: var(--tutor-surface-l2-hover); color: var(--tutor-text-primary); }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn svg, :is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn i { color: inherit; }

/* Settings tabs, dropdown triggers and clear buttons */
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-tabs-tab { background-color: transparent; color: var(--tutor-text-secondary); border: 0; }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-tabs-tab:hover { background-color: var(--tutor-surface-l1-hover); color: var(--tutor-text-primary); }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-tabs-tab.tutor-tabs-tab-active, :is(.tutor-learning-page, .tutor-course-details-page) .tutor-tabs-tab[aria-selected="true"] { background-color: var(--tutor-surface-l2); color: var(--tutor-text-brand); }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-input-clear-button { background-color: transparent; color: var(--tutor-text-subdued); }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-input-clear-button:hover { color: var(--tutor-text-primary); }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-select-trigger { background-color: var(--tutor-surface-l1); color: var(--tutor-text-primary); border: 1px solid var(--tutor-border-idle2); text-align: left; }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-select-trigger:hover { border-color: var(--tutor-border-hover); }

/* Keyboard focus */
:is(.tutor-learning-page, .tutor-course-details-page) :is(.tutor-btn, .tutor-tabs-tab, .tutor-select-trigger, a):focus-visible { outline: 3px solid #5B9FE6; outline-offset: 2px; }

/* Brand-coloured ghost buttons (e.g. Take Note) */
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-ghost-brand { background-color: transparent; color: var(--tutor-text-brand); border: 0; }
:is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-ghost-brand:hover, :is(.tutor-learning-page, .tutor-course-details-page) .tutor-btn-ghost-brand:focus-visible { background-color: var(--tutor-surface-l1-hover); color: var(--tutor-text-brand-hover); }
:is(.tutor-learning-page, .tutor-course-details-page) :is(.tutor-btn-ghost-brand, .tutor-btn-outline, .tutor-btn-ghost, .tutor-expand-toggle, .tutor-learning-pages-item) { background-image: none; }

/* ---------- Course details page (single course): site look ---------- */
body.single-courses { background: linear-gradient(180deg, #EBF0F7 0, #F7F9FC 420px) no-repeat, #F7F9FC; }
body.single-courses #primary, body.single-courses .content-container, body.single-courses .site-container { background: transparent; }
.tutor-course-details-page { font-family: Inter, Nunito, system-ui, -apple-system, "Segoe UI", sans-serif; color: #243746; padding-top: 24px; padding-bottom: 56px; }
.tutor-course-details-page .tutor-course-details-title { font-family: inherit; font-size: clamp(26px, 3.4vw, 38px); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; color: #0F2A4A; }
.tutor-course-details-page .tutor-course-details-header { margin-bottom: 28px; }
.tutor-course-details-page .tutor-course-details-top, .tutor-course-details-page .tutor-course-details-top a { color: #5A6B7A; }
.tutor-course-details-page .tutor-course-details-top a { color: #1E5AA8; font-weight: 600; text-decoration: none; }
.tutor-course-details-page .tutor-course-thumbnail img { border-radius: 20px; box-shadow: 0 8px 32px rgba(30, 90, 168, .18); }
.tutor-course-details-page .entry.content-bg.single-entry { background: #fff; border: 1px solid #D8E4EF; border-radius: 20px; box-shadow: 0 8px 32px rgba(30, 90, 168, .10); margin-top: 24px; padding: 8px 12px; }
.tutor-course-details-page .tutor-sidebar-card, .tutor-course-details-page .tutor-single-course-sidebar-more {
  background: #fff; border: 1px solid #D8E4EF; border-radius: 20px; box-shadow: 0 8px 32px rgba(30, 90, 168, .12);
}
.tutor-course-details-page .tutor-sidebar-card .tutor-btn { border-radius: 12px; height: 50px; font-size: 16px; font-weight: 700; justify-content: center; }
.tutor-course-details-page .tutor-btn-outline-primary { background-color: transparent; background-image: none; color: #1E5AA8; border: 1.5px solid #1E5AA8; box-shadow: none; }
.tutor-course-details-page .tutor-btn-outline-primary:hover, .tutor-course-details-page .tutor-btn-outline-primary:focus-visible { background-color: #1E5AA8; color: #fff; }
.tutor-course-details-page .tutor-btn-outline-primary svg, .tutor-course-details-page .tutor-btn-outline-primary i { color: inherit; }
.tutor-course-details-page .tutor-progress-bar, .tutor-course-details-page [class*="tutor-progress"] { border-radius: 999px; }
.tutor-course-details-page .tutor-single-course-sidebar-more { padding: 8px 4px; }
.tutor-course-details-page h2, .tutor-course-details-page h3, .tutor-course-details-page h4 { color: #0F2A4A; letter-spacing: -.01em; }
@media (max-width: 900px) { .tutor-course-details-page { padding-top: 12px; } .tutor-course-details-page .tutor-course-thumbnail img { border-radius: 16px; } }

/* Sticky course tabs and sidebar sit below the site's sticky promo bar + header (about 109px tall) instead of behind it */
body.single-courses .tutor-is-sticky { top: 112px !important; }
body.single-courses .tutor-single-course-sidebar { top: 136px !important; }
body.single-courses.admin-bar .tutor-is-sticky { top: 144px !important; }
body.single-courses.admin-bar .tutor-single-course-sidebar { top: 168px !important; }
@media (max-width: 900px) { body.single-courses .tutor-is-sticky { top: 124px !important; } body.single-courses.admin-bar .tutor-is-sticky { top: 170px !important; } }