:root,
[data-tutor-theme="light"],
[data-tutor-theme="dark"],
body.tutor-screen-frontend-dashboard,
body.tutor-frontend,
body.tutor-lms,
.tutor-wrap,
.tutor-dashboard-layout,
.tutor-dashboard-isolated,
.tutor-dashboard-isolated-page-wrapper {
    --tutor-font-family-heading: "Catchy Mager Regular", Georgia, serif;
    --tutor-font-family-body: "Satoshi-Light", "Satoshi", sans-serif;

    --tutor-surface-base: #fbf1ec;
    --tutor-surface-l1: #ffffff;
    --tutor-surface-l1-hover: #f7ebe4;
    --tutor-surface-l2: #f3e4dc;
    --tutor-surface-l2-hover: #e8d5cb;
    --tutor-surface-l3: #f7ebe4;
    --tutor-surface-brand-dark: #7d675a;
    --tutor-surface-brand-primary: #c8b0a7;
    --tutor-surface-brand-primary-2: #b68b6c;
    --tutor-surface-brand-secondary: #f3e4dc;
    --tutor-surface-brand-tertiary: #fbf1ec;
    --tutor-surface-brand-quaternary: #e8d5cb;
    --tutor-surface-sidebar-l1: #c8b0a7;

    --tutor-text-primary: #000000;
    --tutor-text-secondary: #7d675a;
    --tutor-text-subdued: #7d675a;
    --tutor-text-disabled: #b9a79c;
    --tutor-text-brand: #b68b6c;
    --tutor-text-brand-hover: #a57a5c;
    --tutor-text-brand-secondary: #c8b0a7;

    --tutor-icon-idle: #7d675a;
    --tutor-icon-hover: #000000;
    --tutor-icon-secondary: #7d675a;
    --tutor-icon-subdued: #9a8578;
    --tutor-icon-brand: #b68b6c;
    --tutor-icon-brand-hover: #a57a5c;
    --tutor-icon-brand-secondary: #e8d5cb;

    --tutor-button-primary: #c8b0a7;
    --tutor-button-primary-hover: #b68b6c;
    --tutor-button-primary-focused: #c8b0a7;
    --tutor-button-primary-disabled: #e8d5cb;
    --tutor-button-primary-soft: #f3e4dc;
    --tutor-button-primary-soft-hover: #e8d5cb;
    --tutor-button-primary-soft-focused: #f3e4dc;
    --tutor-button-secondary: #f3e4dc;
    --tutor-button-secondary-hover: #e8d5cb;
    --tutor-button-secondary-focused: #f3e4dc;
    --tutor-button-outline-inverse: #ffffff;
    --tutor-button-outline-hover: #f3e4dc;
    --tutor-button-outline-focused-inverse: #ffffff;
    --tutor-button-ghost-hover: #f3e4dc;
    --tutor-button-radius: 0px;

    --tutor-border-idle: #e8d5cb;
    --tutor-border-idle2: #e8d5cb;
    --tutor-border-hover: #c8b0a7;
    --tutor-border-tertiary: #b9a79c;
    --tutor-border-brand: #c8b0a7;
    --tutor-border-brand-secondary: #e8d5cb;
    --tutor-border-brand-tertiary: #b68b6c;

    --tutor-tab-sidebar-l2: #c8b0a7;
    --tutor-tab-sidebar-l2-hover: rgba(255, 255, 255, 0.18);
    --tutor-tab-sidebar-l2-active: rgba(255, 255, 255, 0.28);
    --tutor-tab-sidebar-l4-hover: rgba(255, 255, 255, 0.18);
    --tutor-tab-sidebar-l4-active: rgba(255, 255, 255, 0.28);
    --tutor-tab-l3: #f3e4dc;
    --tutor-tab-l3-hover: #e8d5cb;
    --tutor-tab-l3-active: #e8d5cb;
    --tutor-tab-l3-active-hover: #f3e4dc;
    --tutor-tab-radius: 0px;

    --tutor-actions-brand-primary: #b68b6c;
    --tutor-actions-brand-secondary: #e8d5cb;
    --tutor-actions-brand-tertiary: #f3e4dc;
    --tutor-visual-brand-1: #b68b6c;
    --tutor-visual-brand-2: #c8b0a7;
    --tutor-visual-brand-3: #e8d5cb;

    --tutor-input-border-color: #e8d5cb;
    --tutor-popover-radius: 0px;
    --tutor-popover-border: 1px solid #e8d5cb;
    --tutor-popover-shadow: none;
    --tutor-color-primary: #c8b0a7;
    --tutor-color-primary-hover: #b68b6c;
}

body.tutor-screen-frontend-dashboard,
body.tutor-frontend.tutor-screen-frontend-dashboard {
    padding-top: 0 !important;
    margin: 0 !important;
    background-color: #fbf1ec !important;
    font-family: "Satoshi-Light", "Satoshi", sans-serif !important;
    color: #000 !important;
}

body.tutor-screen-frontend-dashboard #page,
body.tutor-screen-frontend-dashboard #content,
body.tutor-screen-frontend-dashboard .site,
body.tutor-screen-frontend-dashboard .site-content {
    background-color: #fbf1ec !important;
}

.tutor-dashboard-layout,
.tutor-dashboard-main,
.tutor-dashboard-body,
.tutor-dashboard-page,
.tutor-dashboard-isolated,
.tutor-dashboard-isolated-page-wrapper {
    background-color: #fbf1ec !important;
    color: #000;
}

.tutor-dashboard-layout *,
.tutor-dashboard-isolated *,
.tutor-dashboard-isolated-page-wrapper *,
.tutor-wrap.tutor-page-wrap *,
body.tutor-screen-frontend-dashboard * {
    font-family: "Satoshi-Light", "Satoshi", sans-serif;
}

.tutor-dashboard-layout .tutor-h1,
.tutor-dashboard-layout .tutor-h2,
.tutor-dashboard-layout .tutor-h3,
.tutor-dashboard-layout .tutor-h4,
.tutor-dashboard-isolated .tutor-h1,
.tutor-dashboard-isolated .tutor-h2,
.tutor-dashboard-isolated .tutor-h3,
.tutor-dashboard-isolated .tutor-h4,
.tutor-wrap .tutor-h1,
.tutor-wrap .tutor-h2,
.tutor-wrap .tutor-h3,
.tutor-wrap .tutor-h4,
.tutor-login-wrap .tutor-h3,
.tutor-stat-card-value {
    font-family: "Catchy Mager Regular", Georgia, serif !important;
    font-weight: 400 !important;
    color: #000 !important;
}

.tutor-dashboard-header .tutor-h5,
.tutor-dashboard-header .tutor-h6,
.tutor-stat-card-title,
.tutor-dashboard-layout .tutor-h5,
.tutor-dashboard-layout .tutor-h6 {
    font-family: "Satoshi-Bold", "Satoshi", sans-serif !important;
    font-weight: 700 !important;
    color: #000 !important;
    letter-spacing: normal;
}

.tutor-dashboard-layout strong,
.tutor-dashboard-layout b,
.tutor-dashboard-layout .tutor-font-medium,
.tutor-dashboard-layout .tutor-font-semibold,
.tutor-dashboard-layout .tutor-font-bold,
.tutor-dashboard-isolated strong,
.tutor-dashboard-isolated .tutor-font-medium,
.tutor-dashboard-isolated .tutor-font-semibold,
.tutor-dashboard-isolated .tutor-font-bold,
.tutor-wrap strong {
    font-family: "Satoshi-Bold", "Satoshi", sans-serif !important;
}

.tutor-dashboard-sidebar {
    background-color: #c8b0a7 !important;
    border-inline-end: none !important;
}

.tutor-dashboard-sidebar-logo {
    border-bottom-color: rgba(255, 255, 255, 0.25) !important;
}

.tutor-dashboard-sidebar-logo img {
    max-height: 42px;
    width: auto;
}

.tutor-dashboard-sidebar-logo .site-title,
.tutor-dashboard-sidebar-logo span {
    color: #fff !important;
    font-family: "BonVivant-Regular", Georgia, serif !important;
    font-size: 1.75rem;
    line-height: 1.2;
}

.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a {
    color: #fff !important;
    border-radius: 0 !important;
}

.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a:hover {
    background-color: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
}

.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a.active {
    background-color: rgba(255, 255, 255, 0.28) !important;
    color: #fff !important;
}

.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a svg,
.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a svg *,
.tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a path {
    color: #fff !important;
    stroke: currentColor;
    fill: currentColor;
}

.tutor-dashboard-sidebar .tutor-see-all-courses {
    color: #fff !important;
    background-color: #b68b6c !important;
    border-radius: 0 !important;
    font-family: "Satoshi-Bold", "Satoshi", sans-serif !important;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 0.04em;
}

.tutor-dashboard-sidebar .tutor-see-all-courses:hover {
    background-color: #a57a5c !important;
    color: #fff !important;
}

.tutor-dashboard-nav-mobile {
    background-color: #c8b0a7 !important;
    border-top: none !important;
}

.tutor-dashboard-nav-mobile a,
.tutor-dashboard-nav-mobile .tutor-dashboard-nav-mobile-icon,
.tutor-dashboard-nav-mobile span {
    color: #fff !important;
}

.tutor-dashboard-nav-mobile a.active,
.tutor-dashboard-nav-mobile .active {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.22) !important;
}

.tutor-dashboard-nav-mobile-more-popover {
    background-color: #fff !important;
    border: 1px solid #e8d5cb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.tutor-dashboard-header {
    background-color: #fbf1ec !important;
    border-bottom-color: #e8d5cb !important;
}

.tutor-dashboard-header .tutor-text-subdued,
.tutor-dashboard-header .tutor-tiny {
    color: #7d675a !important;
}

.tutor-dashboard-header-user-popover,
.tutor-dashboard-header-user-popover-menu-wrapper,
.tutor-popover {
    background-color: #fff !important;
    border: 1px solid #e8d5cb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.tutor-dashboard-header-user-popover-profile {
    background-color: #fbf1ec !important;
    border-radius: 0 !important;
}

.tutor-dashboard-header-user-popover-menu a,
.tutor-dashboard-header-user-popover-menu button {
    border-radius: 0 !important;
    color: #000 !important;
}

.tutor-dashboard-header-user-popover-menu a:hover,
.tutor-dashboard-header-user-popover-menu button:hover {
    background-color: #f7ebe4 !important;
}

.tutor-stat-card,
.tutor-dashboard-home-card,
.tutor-dashboard-page-card,
.tutor-dashboard-welcome-card,
.tutor-dashboard-courses-card,
.tutor-dashboard-quick-tips-card,
.tutor-progress-card,
.tutor-card,
.tutor-surface-l1,
.tutor-empty-state,
.tutor-billing-card,
.tutor-my-courses-card,
[class*="tutor-dashboard"][class*="card"] {
    background-color: #fff !important;
    border: 1px solid #e8d5cb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.tutor-stat-card {
    padding: 16px;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.tutor-stat-card:hover {
    border-color: #c8b0a7 !important;
    background-color: #fff !important;
}

.tutor-stat-card-icon {
    color: #b68b6c !important;
}

.tutor-stat-card-icon svg,
.tutor-stat-card-icon path {
    color: #b68b6c !important;
    fill: currentColor;
}

.tutor-stat-card-value {
    font-size: 2rem;
    line-height: 1.1;
}

.tutor-progress-card {
    padding: 12px !important;
}

.tutor-progress-card:hover {
    border-color: #c8b0a7 !important;
    background-color: #fff !important;
}

.tutor-progress-card-thumbnail,
.tutor-progress-card-thumbnail img,
.tutor-dashboard-layout img,
.tutor-avatar,
.tutor-avatar img,
.tutor-dashboard-header-user-avatar img {
    border-radius: 0 !important;
}

.tutor-progress-card-category,
.tutor-progress-card-title,
.tutor-student-dashboard-courses .tutor-small {
    color: #000 !important;
}

.tutor-progress-card-category {
    color: #7d675a !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 11px !important;
    font-family: "Satoshi-Bold", "Satoshi", sans-serif !important;
}

.tutor-progress-bar,
.tutor-progress-card .tutor-progress-bar,
[class*="tutor-progress"] .tutor-progress-bar {
    background-color: #f3e4dc !important;
    border-radius: 0 !important;
}

.tutor-progress-bar .tutor-progress-value,
.tutor-progress-value {
    background-color: #b68b6c !important;
    border-radius: 0 !important;
}

.tutor-dashboard-courses-card,
.tutor-dashboard-courses-tab {
    border-radius: 0 !important;
}

.tutor-dashboard-courses-tab,
.tutor-tabs,
.tutor-tabs-nav {
    border-color: #e8d5cb !important;
}

.tutor-tabs-tab,
.tutor-tabs-tab a,
button.tutor-tabs-tab {
    border-radius: 0 !important;
    color: #7d675a !important;
    font-family: "Satoshi-Bold", "Satoshi", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 12px !important;
}

.tutor-tabs-tab:hover,
.tutor-tabs-tab-active,
.tutor-tabs-tab.tutor-tabs-tab-active,
.tutor-tabs-tab[aria-selected="true"] {
    color: #000 !important;
    background-color: #f3e4dc !important;
}

.tutor-dashboard-page-card-header {
    border-bottom-color: #e8d5cb !important;
}

.tutor-btn,
.tutor-btn-primary,
.tutor-btn-secondary,
.tutor-btn-outline,
.tutor-btn-outline-primary,
.tutor-btn-ghost,
.tutor-btn-link,
a.tutor-btn,
button.tutor-btn,
.tutor-progress-card-resume-btn,
.tutor-wrap .tutor-btn,
.tutor-login-wrap .tutor-btn {
    border-radius: 0 !important;
    font-family: "Satoshi-Bold", "Satoshi", sans-serif !important;
    letter-spacing: 0.04em;
}

.tutor-btn-outline,
a.tutor-btn-outline,
button.tutor-btn-outline {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #e8d5cb !important;
    box-shadow: none !important;
    text-transform: none;
    letter-spacing: normal;
    font-family: "Satoshi-Medium", "Satoshi-Bold", "Satoshi", sans-serif !important;
}

.tutor-btn-outline svg,
.tutor-btn-outline svg *,
button.tutor-btn-outline svg,
button.tutor-btn-outline svg * {
    color: #7d675a !important;
    stroke: currentColor;
}

.tutor-btn-outline:hover,
a.tutor-btn-outline:hover,
button.tutor-btn-outline:hover {
    background-color: #f3e4dc !important;
    border-color: #c8b0a7 !important;
    color: #000000 !important;
}

.tutor-btn-outline.tutor-btn-icon,
button.tutor-btn-outline.tutor-btn-icon {
    background-color: #ffffff !important;
    border: 1px solid #e8d5cb !important;
    color: #7d675a !important;
    box-shadow: none !important;
}

.tutor-btn-outline.tutor-btn-icon:hover,
button.tutor-btn-outline.tutor-btn-icon:hover {
    background-color: #f3e4dc !important;
    border-color: #c8b0a7 !important;
    color: #000000 !important;
}

.tutor-btn-primary,
a.tutor-btn-primary,
button.tutor-btn-primary,
.tutor-wrap .tutor-btn-primary,
.tutor-login-wrap .tutor-btn-primary,
.tutor-progress-card-resume-btn {
    background-color: #c8b0a7 !important;
    border: 2px solid #c8b0a7 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 12px !important;
    box-shadow: none !important;
}

.tutor-btn-primary:hover,
a.tutor-btn-primary:hover,
button.tutor-btn-primary:hover,
.tutor-wrap .tutor-btn-primary:hover,
.tutor-login-wrap .tutor-btn-primary:hover,
.tutor-progress-card-resume-btn:hover {
    background-color: #b68b6c !important;
    border-color: #b68b6c !important;
    color: #fff !important;
}

.tutor-btn-secondary,
a.tutor-btn-secondary,
button.tutor-btn-secondary {
    background-color: #f3e4dc !important;
    border: 2px solid #e8d5cb !important;
    color: #000 !important;
    text-transform: uppercase;
    font-size: 12px !important;
}

.tutor-btn-secondary:hover,
a.tutor-btn-secondary:hover,
button.tutor-btn-secondary:hover {
    background-color: #e8d5cb !important;
    color: #000 !important;
}

.tutor-btn-outline-primary,
a.tutor-btn-outline-primary,
button.tutor-btn-outline-primary {
    background-color: transparent !important;
    border: 2px solid #c8b0a7 !important;
    color: #7d675a !important;
    text-transform: uppercase;
    font-size: 12px !important;
}

.tutor-btn-outline-primary:hover,
a.tutor-btn-outline-primary:hover,
button.tutor-btn-outline-primary:hover {
    background-color: #c8b0a7 !important;
    color: #fff !important;
}

.tutor-btn-link,
.tutor-btn-link-gray,
.tutor-text-brand,
a.tutor-text-brand {
    color: #b68b6c !important;
}

.tutor-btn-link:hover,
.tutor-btn-link-gray:hover,
.tutor-text-brand:hover,
a.tutor-text-brand:hover {
    color: #a57a5c !important;
}

.tutor-form-control,
.tutor-input,
.tutor-select-trigger,
.tutor-textarea,
input.tutor-form-control,
select.tutor-form-control,
textarea.tutor-form-control,
.tutor-wrap .tutor-form-control,
.tutor-login-wrap .tutor-form-control,
.tutor-login-wrap .tutor-input {
    border-radius: 0 !important;
    border-color: #e8d5cb !important;
    background-color: #fff !important;
    color: #000 !important;
    font-family: "Satoshi-Light", "Satoshi", sans-serif !important;
    box-shadow: none !important;
}

.tutor-form-control:focus,
.tutor-input:focus,
.tutor-select-trigger:focus,
.tutor-wrap .tutor-form-control:focus,
.tutor-login-wrap .tutor-form-control:focus {
    border-color: #b68b6c !important;
    box-shadow: none !important;
    outline: none !important;
}

.tutor-checkbox,
.tutor-radio,
.tutor-switch input {
    accent-color: #b68b6c;
}

.tutor-badge {
    border-radius: 0 !important;
    background-color: #f3e4dc !important;
    color: #7d675a !important;
    font-family: "Satoshi-Bold", "Satoshi", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.tutor-alert {
    border-radius: 0 !important;
    border: 1px solid #e8d5cb !important;
    background-color: #fff !important;
}

.tutor-table-wrapper,
.tutor-table-wrapper.tutor-table-bordered,
.tutor-table {
    border-color: #e8d5cb !important;
    border-radius: 0 !important;
}

.tutor-table thead th {
    background-color: #fbf1ec !important;
    color: #000 !important;
    font-family: "Satoshi-Bold", "Satoshi", sans-serif !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.03em;
    border-color: #e8d5cb !important;
}

.tutor-table tbody td {
    border-color: #e8d5cb !important;
    color: #000 !important;
}

.tutor-table tbody tr:hover td {
    background-color: #f7ebe4 !important;
}

.tutor-pagination a,
.tutor-pagination button,
.tutor-pagination .page-numbers {
    border-radius: 0 !important;
    border-color: #e8d5cb !important;
    color: #7d675a !important;
    background: #fff !important;
}

.tutor-pagination .current,
.tutor-pagination a:hover,
.tutor-pagination button:hover {
    background-color: #c8b0a7 !important;
    border-color: #c8b0a7 !important;
    color: #fff !important;
}

.tutor-modal-content,
.tutor-modal-window,
.tutor-modal .tutor-card {
    border-radius: 0 !important;
    border: 1px solid #e8d5cb !important;
    box-shadow: none !important;
    background-color: #fff !important;
}

.tutor-modal-backdrop {
    background-color: rgba(125, 103, 90, 0.45) !important;
}

.tutor-login-wrap,
.tutor-template-segment.tutor-login-wrap,
.tutor-card.tutor-login-wrap {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #e8d5cb !important;
    background: #fff !important;
}

.tutor-login-wrap .tutor-btn-link,
.tutor-login-wrap .tutor-btn-link-gray,
.tutor-login-wrap a {
    color: #7d675a !important;
}

.tutor-login-wrap .tutor-btn-link:hover,
.tutor-login-wrap a:hover {
    color: #b68b6c !important;
}

.tutor-dashboard-welcome-banner,
.tutor-dashboard-welcome-badge {
    border-radius: 0 !important;
}

.tutor-account-settings,
.tutor-preferences-setting-item,
.tutor-billing-content,
.tutor-dashboard-announcements,
.tutor-dashboard-wishlist-wrapper,
.tutor-student-attempt-detail,
.tutor-filters,
.tutor-dashboard-my-courses {
    color: #000;
}

.tutor-filters,
.tutor-filters .tutor-form-control,
.tutor-filters .tutor-select-trigger {
    border-radius: 0 !important;
}

.tutor-dashboard-layout a:hover,
.tutor-wrap a:hover {
    text-decoration: none;
}

.tutor-empty-state,
.tutor-dashboard-layout .tutor-empty-state {
    background-color: #fff !important;
    border: 1px solid #e8d5cb !important;
    border-radius: 0 !important;
}

.tutor-dashboard-layout [class*="rounded"],
.tutor-dashboard-layout [class*="rounded-"],
.tutor-dashboard-layout .tutor-rounded,
.tutor-dashboard-layout .tutor-rounded-sm,
.tutor-dashboard-layout .tutor-rounded-md,
.tutor-dashboard-layout .tutor-rounded-lg,
.tutor-dashboard-layout .tutor-rounded-xl,
.tutor-dashboard-layout .tutor-rounded-2xl,
.tutor-dashboard-layout .tutor-rounded-full:not(img):not(.tutor-avatar):not([class*="avatar"]) {
    border-radius: 0 !important;
}

@media screen and (max-width: 768px) {
    body.tutor-screen-frontend-dashboard {
        padding-top: 0 !important;
        padding-bottom: 88px !important;
    }

    .tutor-dashboard-courses-card {
        background-color: transparent !important;
        border: none !important;
    }
}
