.elementor-element-df3e355 .elementor-nav-menu {
display: flex;
align-items: center;
gap: 4px;
}
.elementor-element-df3e355 .elementor-nav-menu li {
list-style: none;
}
.elementor-element-df3e355 .elementor-nav-menu .elementor-item {
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 1 !important;
padding: 9px 16px !important;
margin: 0 !important;
border-radius: 999px !important;
color: #9498A0 !important;
background: transparent !important;
transition: all 0.15s ease !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto !important;
height: auto !important;
white-space: nowrap;
}
.elementor-element-df3e355 .elementor-nav-menu .elementor-item:hover:not(.elementor-item-anchor) {
color: #F7F5F0 !important;
}
.elementor-element-df3e355 .elementor-nav-menu li.current-menu-item .elementor-item:not(.elementor-item-anchor),
.elementor-element-df3e355 .elementor-nav-menu li.current_page_item .elementor-item:not(.elementor-item-anchor) {
background: #F7F5F0 !important;
color: #14151A !important;
}
.elementor-element-df3e355 .elementor-nav-menu .elementor-item-anchor {
color: #9498A0 !important;
background: transparent !important;
}
.elementor-element-df3e355 .elementor-nav-menu .elementor-item-anchor:hover {
color: #F7F5F0 !important;
} .elementor-element-df3e355 .elementor-menu-toggle {
color: #F7F5F0 !important;
}
.elementor-element-df3e355 .elementor-menu-toggle svg {
fill: #F7F5F0 !important;
}
.elementor-element-df3e355 .elementor-nav-menu--dropdown {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
padding: 8px !important;
}
.elementor-element-df3e355 .elementor-nav-menu--dropdown .elementor-nav-menu {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
align-items: stretch !important;
}
.elementor-element-df3e355 .elementor-nav-menu--dropdown .elementor-nav-menu li {
list-style: none;
width: 100%;
}
.elementor-element-df3e355 .elementor-nav-menu--dropdown .elementor-item {
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #9498A0 !important;
background: transparent !important;
padding: 10px 16px !important;
border-radius: 8px !important;
display: block !important;
width: 100%;
transition: all 0.15s ease !important;
}
.elementor-element-df3e355 .elementor-nav-menu--dropdown .elementor-item:hover:not(.elementor-item-anchor) {
color: #F7F5F0 !important;
background: #14151A !important;
}
.elementor-element-df3e355 .elementor-nav-menu--dropdown li.current-menu-item .elementor-item:not(.elementor-item-anchor),
.elementor-element-df3e355 .elementor-nav-menu--dropdown li.current_page_item .elementor-item:not(.elementor-item-anchor) {
background: #F5C518 !important;
color: #14151A !important;
}
.elementor-element-df3e355 .elementor-nav-menu--dropdown .elementor-item-anchor {
color: #9498A0 !important;
} .marquee-slider {
max-width: 1260px;
margin: 0 auto;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
mask-image: linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
}
.marquee-slider .swiper-container,
.marquee-slider .swiper {
overflow: visible !important;
}
.marquee-slider .swiper-wrapper {
transition: none !important;
animation: testimonialScroll 28s linear infinite !important;
}
.marquee-slider.swiper-container-initialized .swiper-wrapper {
transform: none !important;
}
.marquee-slider .swiper-slide {
flex-shrink: 0 !important;
}
@keyframes testimonialScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.marquee-slider .swiper-slide .testi-card {
background: #1D1F26;
border: 1px solid #33353F;
border-radius: 14px;
padding: 16px 20px;
min-width: 290px;
max-width: 290px;
}
.marquee-slider .swiper-slide .testi-card p {
font-size: 13.5px;
line-height: 1.5;
color: #F7F5F0;
margin-bottom: 10px;
}
.marquee-slider .swiper-slide .testi-avatar {
width: 28px;
height: 28px;
border-radius: 50%;
background: #F5C518;
color: #14151A;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Archivo Black', sans-serif;
font-size: 11px;
flex-shrink: 0;
}
.marquee-slider .swiper-slide .testi-author {
font-size: 12px;
color: #9498A0;
font-weight: 600;
} .slicewp-form {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
padding: 24px !important;
color: #F7F5F0 !important;
font-family: 'Inter', sans-serif !important;
max-width: 420px;
margin: 40px auto !important;
}
.slicewp-field-wrapper {
margin-bottom: 20px !important;
}
.slicewp-field-label-wrapper label {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
display: block;
margin-bottom: 6px;
}
.slicewp-field-inner input[type="text"],
.slicewp-field-inner input[type="password"] {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
padding: 12px 16px !important;
width: 100%;
font-family: 'Inter', sans-serif !important;
}
.slicewp-field-input-password {
position: relative;
}
.slicewp-show-hide-password {
color: #9498A0 !important;
}
.slicewp-show-hide-password:hover {
color: #F7F5F0 !important;
}
.slicewp-button-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
padding: 12px 24px !important;
width: 100%;
transition: all 0.15s ease !important;
}
.slicewp-button-primary:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
}
.slicewp-button-primary:active {
transform: scale(0.97);
box-shadow: 0 6px 0 #B62E1E !important;
}
.slicewp-lost-password {
text-align: center;
margin-top: 16px !important;
}
.slicewp-lost-password a {
color: #F5C518 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
font-size: 13px !important;
}
.slicewp-lost-password a:hover {
color: #F7F5F0 !important;
}
.page-header .entry-title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
text-align: center;
}
.page-content {
background: #14151A !important;
}
@media (max-width: 480px) {
.slicewp-form {
max-width: 100% !important;
margin: 20px 16px !important;
padding: 20px !important;
}
} #slicewp-affiliate-account {
font-family: 'Inter', sans-serif !important;
color: #F7F5F0 !important;
} .slicewp-nav-tab-wrapper {
display: flex;
gap: 4px;
border-bottom: 1px solid #33353F !important;
flex-wrap: wrap;
}
.slicewp-nav-tab a {
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #9498A0 !important;
padding: 9px 16px !important;
border-radius: 8px 8px 0 0 !important;
display: flex;
align-items: center;
gap: 6px;
transition: all 0.15s ease !important;
}
.slicewp-nav-tab a:hover {
color: #F7F5F0 !important;
background: #1D1F26 !important;
}
.slicewp-nav-tab.slicewp-active a {
color: #F5C518 !important;
background: #1D1F26 !important;
border-bottom: 2px solid #F5C518 !important;
} .slicewp-affiliate-dashboard-filters {
padding: 16px 0 !important;
}
.slicewp-date-picker-input {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 8px !important;
color: #F7F5F0 !important;
padding: 9px 14px !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.slicewp-date-picker-modal {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 10px !important;
}
.slicewp-date-picker-predefined-date-range {
color: #9498A0 !important;
font-family: 'Inter', sans-serif !important;
}
.slicewp-date-picker-predefined-date-range:hover {
background: #14151A !important;
color: #F7F5F0 !important;
} #slicewp-affiliate-account .slicewp-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.slicewp-chart-legend {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.slicewp-chart-legend span,
.slicewp-chart-legend li {
color: #F7F5F0 !important;
} .slicewp-grid-affiliate-dashboard .slicewp-card,
.slicewp-card.slicewp-card-affiliate-dashboard {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
transition: all 0.15s ease !important;
}
.slicewp-card.slicewp-card-affiliate-dashboard:hover {
border-color: #F5C518 !important;
transform: translateY(-2px);
}
.slicewp-card-title {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-size: 12px !important;
text-transform: uppercase;
letter-spacing: 1px;
}
.slicewp-kpi-value,
.slicewp-kpi-value > span:first-child {
font-family: 'Archivo Black', sans-serif !important;
color: #F7F5F0 !important;
font-size: 24px !important;
}
.slicewp-kpi-direction .slicewp-arrow-up {
color: #3E8E5A !important;
}
.slicewp-kpi-direction .slicewp-arrow-down {
color: #B62E1E !important;
}
.slicewp-card-footer {
background: #14151A !important;
border-top: 1px solid #33353F !important;
padding: 10px 16px !important;
}
.slicewp-card-footer a {
color: #F5C518 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
font-size: 13px !important;
}
.slicewp-card-footer a:hover {
color: #F7F5F0 !important;
} .slicewp-chart-time-unit-selector {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 6px !important;
font-family: 'Space Grotesk', sans-serif !important;
} .slicewp-section-heading {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
font-size: 16px !important;
margin-top: 24px !important;
} .slicewp-commission-rate-tag-sale {
background: #F5C518 !important;
color: #14151A !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
padding: 4px 10px !important;
border-radius: 999px !important;
font-size: 12px !important;
} .slicewp-section-general-affiliate-link.slicewp-card,
.slicewp-section-affiliate-link-generator.slicewp-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.slicewp-field-description p {
color: #9498A0 !important;
font-size: 12px !important;
}
#slicewp-affiliate-link,
#slicewp-affiliate-custom-link-input,
#slicewp-affiliate-custom-link-output {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
padding: 12px 16px !important;
width: 100%;
}
.slicewp-input-copy {
display: inline-flex;
align-items: center;
gap: 6px;
}
.slicewp-user-notice.slicewp-error {
background: rgba(182, 46, 30, 0.15) !important;
border: 1px solid #B62E1E !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
padding: 10px 14px !important;
} .slicewp-list-table-filters {
padding: 12px 0 !important;
}
.slicewp-list-table-wrapper {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 10px !important;
overflow: hidden;
}
table.slicewp-list-table {
width: 100%;
border-collapse: collapse;
}
table.slicewp-list-table thead th {
background: #14151A !important;
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 12px 16px !important;
border-bottom: 1px solid #33353F !important;
text-align: left;
}
table.slicewp-list-table tbody td {
color: #F7F5F0 !important;
padding: 12px 16px !important;
border-bottom: 1px solid #33353F !important;
font-size: 13px;
}
table.slicewp-list-table tbody tr:last-child td {
border-bottom: none !important;
} table.slicewp-list-table tbody td[colspan] {
color: #9498A0 !important;
text-align: center;
padding: 24px !important;
}
.slicewp-list-table-pagination {
color: #9498A0 !important;
font-size: 12px;
padding: 10px 16px !important;
} .slicewp-tab[data-slicewp-tab="settings"] .slicewp-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.slicewp-tab[data-slicewp-tab="settings"] label {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
}
.slicewp-tab[data-slicewp-tab="settings"] input[type="email"],
.slicewp-tab[data-slicewp-tab="settings"] input[type="text"] {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
padding: 12px 16px !important;
width: 100%;
} .slicewp-tab[data-slicewp-tab="creatives"] p {
color: #9498A0 !important;
text-align: center;
padding: 24px !important;
}
@media (max-width: 768px) {
.slicewp-nav-tab-wrapper {
overflow-x: auto;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
}
.slicewp-nav-tab a {
white-space: nowrap;
font-size: 13px !important;
padding: 8px 12px !important;
}
.slicewp-grid-affiliate-dashboard {
grid-template-columns: repeat(2, 1fr) !important;
}
table.slicewp-list-table {
font-size: 12px;
}
}
@media (max-width: 480px) {
.slicewp-grid-affiliate-dashboard {
grid-template-columns: 1fr !important;
}
}  .tutor-login-wrap.tutor-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
box-shadow: none !important;
}
.tutor-login-form-wrapper .tutor-h3 {
font-family: 'Archivo Black', sans-serif !important;
color: #F7F5F0 !important;
}
.tutor-login-form-wrapper .tutor-form-control.tutor-input {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
padding: 12px 16px !important;
}
.tutor-login-form-wrapper .tutor-form-control.tutor-input::placeholder {
color: #9498A0 !important;
}
.tutor-login-form-wrapper .tutor-label {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.tutor-login-form-wrapper .tutor-btn-link-gray {
color: #9498A0 !important;
}
.tutor-login-form-wrapper .tutor-btn-link-gray:hover {
color: #F7F5F0 !important;
}
.tutor-login-form-wrapper button.tutor-btn.tutor-btn-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
.tutor-login-form-wrapper button.tutor-btn.tutor-btn-primary:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
}
.tutor-login-form-wrapper button.tutor-btn.tutor-btn-primary:active {
transform: scale(0.94);
box-shadow: 0 6px 0 #B62E1E !important;
}
.tutor-login-form-wrapper .tutor-small {
color: #9498A0 !important;
}
.tutor-login-form-wrapper .tutor-btn-link {
color: #F5C518 !important;
font-weight: 700 !important;
}
.tutor-login-form-wrapper .tutor-btn-link:hover {
color: #F7F5F0 !important;
}
@media (max-width: 768px) {
.tutor-login-wrap.tutor-card {
width: 100% !important;
max-width: 100% !important;
margin: 30px auto !important;
border-radius: 10px !important;
}
.tutor-login-form-wrapper {
padding: 24px !important;
}
.tutor-login-form-wrapper .tutor-h3 {
font-size: 20px !important;
margin-bottom: 24px !important;
}
.tutor-login-form-wrapper .tutor-form-control.tutor-input {
padding: 11px 14px !important;
font-size: 14px !important;
}
.tutor-login-form-wrapper button.tutor-btn.tutor-btn-primary {
width: 100% !important;
padding: 12px !important;
}
}
@media (max-width: 480px) {
.tutor-login-wrap.tutor-card {
margin: 16px auto !important;
border-radius: 8px !important;
}
.tutor-login-form-wrapper {
padding: 18px !important;
}
.tutor-login-form-wrapper .tutor-h3 {
font-size: 18px !important;
margin-bottom: 18px !important;
}
.tutor-login-form-wrapper .tutor-flex.tutor-justify-between {
flex-direction: column !important;
align-items: flex-start !important;
gap: 12px !important;
}
.tutor-login-form-wrapper .tutor-btn-link-gray {
align-self: flex-start !important;
}
} .infinite-slider {
overflow: hidden;
display: flex !important;
align-items: center !important;
}
.infinite-slider .swiper-container,
.infinite-slider .swiper,
.infinite-slider .e-n-carousel {
overflow: visible !important;
width: 100%;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.infinite-slider .swiper-wrapper {
transition: none !important;
animation: infiniteSliderScroll 28s linear infinite !important;
display: flex !important;
align-items: center !important;
margin-bottom: 0 !important;
} .infinite-slider .swiper-slide {
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important; width: auto !important;
} .infinite-slider .swiper-slide .e-con-boxed,
.infinite-slider .swiper-slide .e-con-inner,
.infinite-slider .swiper-slide .e-con-full {
display: flex !important;
align-items: center !important;
width: 100%;
}
.infinite-slider .elementor-widget-heading {
display: flex !important;
align-items: center !important;
margin: 0 !important;
}
.infinite-slider .elementor-heading-title {
margin: 0 !important;
line-height: normal !important;
white-space: nowrap !important;
} .infinite-slider .swiper-pagination,
.infinite-slider .swiper-scrollbar {
display: none !important;
height: 0 !important;
} .infinite-slider .elementor-widget-html {
display: none !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
position: absolute !important;
}
@keyframes infiniteSliderScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
} @media (max-width: 768px) {
.infinite-slider .swiper-wrapper {
animation-duration: 12s !important;
}
}
@media (max-width: 480px) {
.infinite-slider .swiper-wrapper {
animation-duration: 9s !important;
}
} .tutor-account-page-wrapper,
.tutor-profile-wrapper {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-account-header {
background: #1D1F26 !important;
border-bottom: 1px solid #33353F !important;
color: #F7F5F0 !important;
}
.tutor-user-profile.tutor-profile-card,
.tutor-account-container .tutor-profile-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 12px !important;
}
.tutor-badge-disabled {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #9498A0 !important;
border-radius: 8px !important;
} @media (max-width: 480px) {
.tutor-account-header {
padding: 12px 16px !important;
}
.tutor-user-profile.tutor-profile-card,
.tutor-account-container .tutor-profile-card {
border-radius: 0 !important;
border-left: none !important;
border-right: none !important;
padding: 12px !important;
}
.tutor-account-container {
margin-top: 0 !important;
margin-bottom: 0 !important;
} .tutor-profile-card .tutor-ratio,
.tutor-profile-card img {
border-radius: 0 !important;
}
} .tutor-dashboard-home-card,
.tutor-dashboard-home-chart {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
padding: 20px !important;
color: #F7F5F0 !important;
}
.tutor-dashboard-home-card .tutor-small,
.tutor-dashboard-home-chart .tutor-small {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
font-size: 14px !important;
} .tutor-dashboard-home-card .tutor-btn.tutor-btn-outline {
border: 1px solid #33353F !important;
background: transparent !important;
color: #9498A0 !important;
}
.tutor-dashboard-home-card .tutor-btn.tutor-btn-outline:hover {
border-color: #F5C518 !important;
color: #F5C518 !important;
} .tutor-dashboard-home-course {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 10px 0 !important;
border-bottom: 1px solid #33353F !important;
background: #1D1F26 !important;
}
.tutor-dashboard-home-course:hover {
background: #14151A !important;
}
.tutor-dashboard-home-course:last-child {
border-bottom: none !important;
}
.tutor-dashboard-home-course-index {
background: #F5C518 !important;
color: #14151A !important;
font-family: 'Archivo Black', sans-serif !important;
border-radius: 999px !important;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.tutor-dashboard-home-course .tutor-p3 {
color: #F7F5F0 !important;
}
.tutor-dashboard-home-course .tutor-tiny.tutor-text-subdued {
color: #9498A0 !important;
}
.tutor-dashboard-home-course .tutor-tiny.tutor-font-semibold {
color: #F7F5F0 !important;
}
.tutor-dashboard-home-course .tutor-icon-secondary {
color: #9498A0 !important;
}
.tutor-dashboard-home-course .woocommerce-Price-amount,
.tutor-dashboard-home-course .woocommerce-Price-currencySymbol {
color: #F5C518 !important;
font-family: 'Space Grotesk', sans-serif !important;
} .tutor-dashboard-home-chart-legend {
color: #9498A0 !important;
font-size: 13px;
}
.tutor-dashboard-home-chart-legend .tutor-text-primary {
color: #F7F5F0 !important;
} .tutor-dashboard-home-chart-legend::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 6px;
}
.tutor-dashboard-home-chart-legend[data-color="enrolled"]::before {
background: #7C4DFF;
}
.tutor-dashboard-home-chart-legend[data-color="completed"]::before {
background: #3E8E5A;
}
.tutor-dashboard-home-chart-legend[data-color="in_progress"]::before {
background: #F5C518;
}
.tutor-dashboard-home-chart-legend[data-color="inactive"]::before {
background: #33353F;
}
.tutor-dashboard-home-chart-legend[data-color="cancelled"]::before {
background: #B62E1E;
} .tutor-dashboard-my-courses .tutor-h4 {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
} .tutor-dashboard-my-courses .tutor-btn-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
.tutor-dashboard-my-courses .tutor-btn-primary:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
} .tutor-dashboard-my-courses .tutor-surface-l1 {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 16px !important;
}
.tutor-dashboard-my-courses .tutor-border-b {
border-bottom: 1px solid #33353F !important;
} .tutor-dashboard-my-courses .tutor-btn-primary-soft {
background: #14151A !important;
color: #F5C518 !important;
border: 1px solid #33353F !important;
}
.tutor-dashboard-my-courses .tutor-btn-primary-soft:hover {
border-color: #F5C518 !important;
}
.tutor-dashboard-my-courses .tutor-btn-primary-soft .tutor-icon-brand {
color: #F5C518 !important;
} .tutor-dashboard-my-courses .tutor-input {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
}
.tutor-dashboard-my-courses .tutor-input::placeholder {
color: #9498A0 !important;
}
.tutor-dashboard-my-courses .tutor-icon-idle {
color: #9498A0 !important;
} .tutor-dashboard-my-courses .tutor-btn-outline.tutor-btn-icon {
background: transparent !important;
border: 1px solid #33353F !important;
color: #9498A0 !important;
}
.tutor-dashboard-my-courses .tutor-btn-outline.tutor-btn-icon:hover {
border-color: #F5C518 !important;
color: #F5C518 !important;
} .tutor-my-courses-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
overflow: hidden;
transition: all 0.15s ease !important;
}
.tutor-my-courses-card:hover {
border-color: #F5C518 !important;
transform: translateY(-2px);
} .tutor-my-courses-card-actions .tutor-btn-secondary {
background: #1D1F26 !important;
color: #F7F5F0 !important;
border: 1px solid #33353F !important;
}
.tutor-my-courses-card-actions .tutor-btn-secondary:hover {
background: #F5C518 !important;
color: #14151A !important;
border-color: #F5C518 !important;
}
.tutor-my-courses-card-content .tutor-text-secondary {
color: #9498A0 !important;
}
.tutor-my-courses-card-content .tutor-icon-brand {
color: #F5C518 !important;
}
.tutor-my-courses-card-content a.tutor-p2 {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.tutor-my-courses-card-content a.tutor-p2:hover {
color: #F5C518 !important;
}
.tutor-my-courses-card-content .tutor-text-subdued {
color: #9498A0 !important;
} .tutor-my-courses-card-footer {
border-top: 1px solid #33353F !important;
}
.tutor-my-courses-card-footer .price,
.tutor-my-courses-card-footer .woocommerce-Price-amount,
.tutor-my-courses-card-footer .woocommerce-Price-currencySymbol {
color: #F5C518 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
}
.tutor-my-courses-card-footer-actions .tutor-btn-ghost {
color: #9498A0 !important;
}
.tutor-my-courses-card-footer-actions .tutor-btn-ghost:hover {
color: #F7F5F0 !important;
} .tutor-popover-menu-item-edit,
.tutor-popover-menu-item-overview {
color: #9498A0 !important;
}
.tutor-popover-menu-item-edit:hover,
.tutor-popover-menu-item-overview:hover {
color: #F7F5F0 !important;
background: #14151A !important;
}
.tutor-popover-menu-item-delete {
color: #B62E1E !important;
}
.tutor-popover-menu-item-delete:hover {
background: rgba(182, 46, 30, 0.15) !important;
color: #F7F5F0 !important;
}
@media (max-width: 768px) {
.tutor-dashboard-my-courses .tutor-my-courses-card-wrapper {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 480px) {
.tutor-dashboard-my-courses .tutor-my-courses-card-wrapper {
grid-template-columns: 1fr !important;
}
} .tutor-dashboard-announcements .tutor-h4,
.tutor-dashboard-quiz-attempts-wrapper .tutor-h4 {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
} .tutor-surface-l1 {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
} .tutor-dashboard-announcements .tutor-btn-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
}
.tutor-dashboard-announcements .tutor-btn-primary:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
} .tutor-border-b {
border-bottom: 1px solid #33353F !important;
} .tutor-btn-primary-soft {
background: #14151A !important;
color: #F5C518 !important;
border: 1px solid #33353F !important;
}
.tutor-btn-primary-soft:hover {
border-color: #F5C518 !important;
}
.tutor-btn-primary-soft .tutor-icon-brand {
color: #F5C518 !important;
}
.tutor-btn-outline.tutor-btn-small,
.tutor-btn-outline.tutor-btn-icon {
background: transparent !important;
border: 1px solid #33353F !important;
color: #9498A0 !important;
}
.tutor-btn-outline.tutor-btn-small:hover,
.tutor-btn-outline.tutor-btn-icon:hover {
border-color: #F5C518 !important;
color: #F5C518 !important;
} .tutor-input-field .tutor-input {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
}
.tutor-input-field .tutor-input::placeholder {
color: #9498A0 !important;
}
.tutor-icon-idle {
color: #9498A0 !important;
} .tutor-flex-center-col .tutor-text-subdued {
color: #9498A0 !important;
} .tutor-range-calendar-popover {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.vc.tutor-vc-calendar {
background: transparent !important;
color: #F7F5F0 !important;
} .vc-presets {
border-right: 1px solid #33353F !important;
}
.vc-presets button {
color: #9498A0 !important;
}
.vc-presets button:hover {
background: #14151A !important;
color: #F7F5F0 !important;
}
.vc-presets button[data-active] {
background: #14151A !important;
color: #F5C518 !important;
}
.vc-preset-icon {
color: #F5C518 !important;
} .vc-header__content .vc-month,
.vc-header__content .vc-year {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.vc-arrow {
color: #9498A0 !important;
}
.vc-arrow:hover {
color: #F5C518 !important;
} .vc-week__day {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
} .vc-date__btn {
color: #F7F5F0 !important;
border-radius: 8px !important;
}
.vc-date__btn:hover {
background: #14151A !important;
}
.vc-date[data-vc-date-month="prev"] .vc-date__btn,
.vc-date[data-vc-date-month="next"] .vc-date__btn {
color: #33353F !important;
}
.vc-date[data-vc-date-today] .vc-date__btn {
border: 1px solid #F5C518 !important;
color: #F5C518 !important;
} .vc-date[data-vc-date-selected] .vc-date__btn,
.vc-date[data-vc-date-in-range] .vc-date__btn {
background: #F5C518 !important;
color: #14151A !important;
} .vc-footer .tutor-btn-secondary {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
}
.vc-footer .tutor-btn-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
box-shadow: 0 6px 0 #B62E1E !important;
} .tutor-select-trigger {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
}
.tutor-select-value-placeholder {
color: #9498A0 !important;
}
.tutor-select-menu {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 10px !important;
}
.tutor-select-search-input {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
}
.tutor-select-option {
color: #9498A0 !important;
}
.tutor-select-option:hover,
.tutor-select-option[data-highlighted="true"] {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-select-option[data-selected="true"] {
background: #F5C518 !important;
color: #14151A !important;
} .tutor-label {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.tutor-input.tutor-text-area {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
}
.tutor-modal-title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
} .tutor-surface-l1 {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 16px !important;
}
.tutor-surface-l1 .tutor-border-b {
border-bottom: 1px solid #33353F !important;
} .tutor-btn-primary-soft {
background: #14151A !important;
color: #F5C518 !important;
border: 1px solid #33353F !important;
}
.tutor-btn-primary-soft:hover {
border-color: #F5C518 !important;
}
.tutor-btn-primary-soft .tutor-icon-brand {
color: #F5C518 !important;
} .tutor-surface-l1 ~ .tutor-btn-primary,
.tutor-dashboard-announcements .tutor-btn-primary,
.tutor-dashboard-quiz-attempts-wrapper .tutor-btn-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
} .tutor-input {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
}
.tutor-input::placeholder {
color: #9498A0 !important;
}
.tutor-icon-idle {
color: #9498A0 !important;
} .tutor-btn-outline.tutor-btn-icon {
background: transparent !important;
border: 1px solid #33353F !important;
color: #9498A0 !important;
}
.tutor-btn-outline.tutor-btn-icon:hover {
border-color: #F5C518 !important;
color: #F5C518 !important;
} .tutor-flex-center-col svg {
--tutor-visual-gray-2: #2A2C35;
--tutor-visual-gray-3: #3D404B;
}
.tutor-flex-center-col .tutor-text-subdued {
color: #9498A0 !important;
} .tutor-dropdown-filter .tutor-popover .tutor-input {
background: #14151A !important;
} .tutor-popover-menu .tutor-text-secondary {
color: #9498A0 !important;
} .tutor-range-calendar-popover {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
}
.vc-presets {
border-right: 1px solid #33353F !important;
}
.vc-presets button {
color: #9498A0 !important;
}
.vc-presets button:hover {
background: #14151A !important;
color: #F7F5F0 !important;
}
.vc-presets button[data-active] {
color: #F5C518 !important;
}
.vc-header__content .vc-month,
.vc-header__content .vc-year {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.vc-week__day {
color: #9498A0 !important;
}
.vc-date__btn {
color: #F7F5F0 !important;
}
.vc-date__btn:hover {
background: #14151A !important;
color: #F5C518 !important;
}
.vc-date[data-vc-date-today] .vc-date__btn {
border: 1px solid #F5C518 !important;
}
.vc-arrow {
color: #9498A0 !important;
}
.vc-arrow:hover {
color: #F5C518 !important;
}
.vc-footer {
border-top: 1px solid #33353F !important;
} .tutor-select-trigger {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
}
.tutor-select-menu {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
}
.tutor-select-search-input {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
}
.tutor-select-option {
color: #9498A0 !important;
}
.tutor-select-option:hover,
.tutor-select-option[data-highlighted="true"] {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-select-option[data-selected="true"] {
color: #F5C518 !important;
}
.tutor-label {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.tutor-input.tutor-text-area {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
}
.tutor-modal-title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.tutor-modal-footer {
border-top: 1px solid #33353F !important;
} .tutor-account-container {
background: #14151A !important;
}
.tutor-user-profile .tutor-user-profile-statistics {
background: #14151A !important;
}
.tutor-user-profile .tutor-statistic-title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.tutor-user-profile .tutor-user-profile-statistics .tutor-statistic-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 12px !important;
box-shadow: none !important;
}
.tutor-statistic-card-icon {
color: #F5C518 !important;
}
.tutor-statistic-card-value {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.tutor-statistic-card-label {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-size: 12px !important;
text-transform: uppercase;
letter-spacing: 0.5px;
} .tutor-course-details-page {
background: #14151A !important;
color: #F7F5F0 !important;
} .tutor-course-details-header {
background: transparent !important;
}
.tutor-course-details-title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
font-size: 24px !important;
line-height: 1.3 !important;
} .tutor-course-details-page .tutor-color-black {
color: #F7F5F0 !important;
}
.tutor-course-details-ratings .tutor-icon-star-line {
color: #F5C518 !important;
}
.tutor-course-details-info a {
color: #F5C518 !important;
}
.tutor-course-details-info,
.tutor-course-details-info > div {
color: #9498A0 !important;
}
.tutor-course-details-actions .tutor-btn-ghost {
color: #9498A0 !important;
background: transparent !important;
}
.tutor-course-details-actions .tutor-btn-ghost:hover {
color: #F7F5F0 !important;
} .tutor-course-details-tab .tutor-nav {
border-bottom: 1px solid #33353F !important;
}
.tutor-course-details-tab .tutor-nav-link {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.tutor-course-details-tab .tutor-nav-link:hover {
color: #F7F5F0 !important;
}
.tutor-course-details-tab .tutor-nav-link.is-active {
color: #F5C518 !important;
border-bottom: 2px solid #F5C518 !important;
}
.tutor-course-content-title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
} .tutor-accordion-item {
border: 1px solid #33353F !important;
border-radius: 8px !important;
margin-bottom: 8px;
}
.tutor-accordion-item-header {
background: #1D1F26 !important;
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.tutor-accordion-item-header.is-active {
color: #F5C518 !important;
} .tutor-tab-item .tutor-empty-state {
color: #9498A0 !important;
}
.tutor-tab-item .tutor-empty-state img {
opacity: 0.5;
} .tutor-sidebar-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
background: #1D1F26 !important;
}
.tutor-single-course-sidebar-more > div {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
} .tutor-course-details-tab .tutor-is-sticky,
.tutor-course-details-tab .tutor-nav {
background: transparent !important;
}
.tutor-course-sidebar-card-pricing .woocommerce-Price-amount,
.tutor-course-sidebar-card-pricing .woocommerce-Price-currencySymbol {
color: #F5C518 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.tutor-card-body .tutor-color-muted {
color: #9498A0 !important;
}
.tutor-sidebar-card .tutor-add-to-cart-button {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
.tutor-sidebar-card .tutor-add-to-cart-button:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
} .tutor-sidebar-card .tutor-woocommerce-view-cart {
background: transparent !important;
border: 1.5px solid #F5C518 !important;
color: #F5C518 !important;
border-radius: 8px !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
.tutor-sidebar-card .tutor-woocommerce-view-cart:hover {
background: #F5C518 !important;
color: #14151A !important;
} button[name="complete_course_btn"].tutor-btn-outline-primary {
background: transparent !important;
border: 1.5px solid #F5C518 !important;
color: #F5C518 !important;
border-radius: 8px !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
button[name="complete_course_btn"].tutor-btn-outline-primary:hover {
background: #F5C518 !important;
color: #14151A !important;
}
.tutor-card-footer {
border-top: 1px solid #33353F !important;
}
.tutor-card-footer .tutor-ul li span.tutor-color-black {
color: #F5C518 !important;
}
.tutor-card-footer .tutor-color-secondary {
color: #9498A0 !important;
} .tutor-course-details-instructors h3 {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.tutor-course-details-instructors a {
color: #F7F5F0 !important;
}
.tutor-course-details-instructors a:hover {
color: #F5C518 !important;
}
.tutor-course-details-instructors .tutor-avatar-text {
background: #F5C518 !important;
color: #14151A !important;
font-family: 'Archivo Black', sans-serif !important;
} .tutor-modal-content-white {
background: #1D1F26 !important;
color: #F7F5F0 !important;
}
.tutor-modal-content-white .tutor-color-black {
color: #F7F5F0 !important;
}
.tutor-modal-content-white .tutor-color-secondary {
color: #9498A0 !important;
}
.tutor-modal-content-white .tutor-form-control {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
}
.tutor-modal-content-white .tutor-copy-text.tutor-bg-white {
background: #1D1F26 !important;
color: #F7F5F0 !important;
} .wp-block-woocommerce-cart {
background: transparent !important;
color: #F7F5F0 !important;
}
.wp-block-woocommerce-filled-cart-block,
.wp-block-woocommerce-cart-items-block {
background: transparent !important;
}
.wp-block-woocommerce-cart-line-items-block {
border-top: 1px solid #33353F !important;
} .wp-block-woocommerce-cart-totals-block {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
padding: 24px !important;
overflow: visible !important;
}
.wp-block-woocommerce-cart-order-summary-block {
color: #F7F5F0 !important;
background: transparent !important;
padding: 0 !important;
}
.wp-block-woocommerce-proceed-to-checkout-block {
margin-top: 16px !important;
padding-bottom: 4px !important;
}
.wp-block-woocommerce-cart-order-summary-heading-block,
.wp-block-woocommerce-cart-order-summary-heading-block .wc-block-components-totals-heading,
.wp-block-woocommerce-cart-order-summary-heading-block h2 {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
} .wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-panel__button {
color: #F5C518 !important;
background: transparent !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block .wc-block-components-text-input input {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
}
.wp-block-woocommerce-cart-order-summary-totals-block {
border-top: 1px solid #33353F !important;
padding-top: 12px !important;
margin-top: 12px !important;
}
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-item__label,
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-item__description {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-item__value {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
} .wp-block-woocommerce-empty-cart-block {
color: #9498A0 !important;
text-align: center;
}
.wc-block-cart__empty-cart__title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
} .woocommerce-cart .entry-title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
font-size: 32px !important;
line-height: 1.2 !important;
}
.wc-block-cart {
background: transparent !important;
color: #F7F5F0 !important;
}
.wc-block-cart-items {
border-top: 1px solid #33353F !important;
}
.wc-block-cart-items__header {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
border-bottom: 1px solid #33353F !important;
}
.wc-block-cart-items__row {
border-bottom: 1px solid #33353F !important;
}
.wc-block-components-product-name {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.wc-block-components-product-name:hover {
color: #F5C518 !important;
}
.wc-block-components-product-price,
.wc-block-components-formatted-money-amount {
color: #F5C518 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.wc-block-components-quantity-selector {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 8px !important;
}
.wc-block-components-quantity-selector__input {
background: transparent !important;
color: #F7F5F0 !important;
}
.wc-block-components-quantity-selector__button {
color: #9498A0 !important;
}
.wc-block-components-quantity-selector__button:hover {
color: #F5C518 !important;
}
.wc-block-cart-item__remove-link {
color: #9498A0 !important;
}
.wc-block-cart-item__remove-link:hover {
color: #B62E1E !important;
} .wc-block-components-totals-wrapper {
border-color: #33353F !important;
}
.wc-block-cart__totals-title,
.wc-block-components-totals-item__label {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.wc-block-components-totals-item__value {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.wc-block-components-totals-coupon .wc-block-components-panel__button {
color: #9498A0 !important;
}
.wc-block-components-totals-coupon-link {
color: #F5C518 !important;
}
.wc-block-components-totals-coupon .wc-block-components-text-input input {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
} .wc-block-cart__submit-container .wp-element-button,
.wc-proceed-to-checkout .checkout-button {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
text-decoration: none !important;
}
.wc-block-cart__submit-container .wp-element-button:hover,
.wc-proceed-to-checkout .checkout-button:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
} @media (max-width: 782px) { .wp-block-woocommerce-cart.alignwide {
margin-inline: 0 !important;
} .woocommerce-cart,
.wc-block-components-sidebar-layout {
overflow-x: hidden !important;
} .wc-block-components-sidebar-layout.wc-block-cart {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
}
.wc-block-cart__main,
.wc-block-cart__sidebar {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100% !important;
box-sizing: border-box !important;
}
.wc-block-cart__main { order: 1 !important; }
.wc-block-cart__sidebar {
order: 2 !important;
padding: 20px !important;
overflow-x: hidden !important;
} .wc-block-cart__sidebar,
.wc-block-cart__sidebar *,
.wp-block-woocommerce-cart-totals-block,
.wp-block-woocommerce-cart-totals-block * {
max-width: 100% !important;
box-sizing: border-box !important;
}
.wc-block-components-totals-wrapper,
.wc-block-components-totals-coupon,
.wp-block-woocommerce-cart-order-summary-coupon-form-block {
width: 100% !important;
}
.wc-block-components-totals-item {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
width: 100% !important;
gap: 6px 12px !important;
}
.wc-block-components-panel__button {
display: flex !important;
width: 100% !important;
justify-content: space-between !important;
flex-wrap: nowrap !important;
white-space: normal !important;
}
.woocommerce-cart .entry-title {
font-size: 26px !important;
} .wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
display: block !important;
width: 100% !important;
}
.wc-block-cart-items thead,
.wc-block-cart-items__header {
display: none !important;
}
.wc-block-cart-items tbody {
display: block !important;
width: 100% !important;
} .wc-block-cart-items__row.wc-block-cart-items__row.wc-block-cart-items__row {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
width: 100% !important;
gap: 12px !important;
padding: 16px 0 !important;
box-sizing: border-box !important;
}
.wc-block-cart-item__image.wc-block-cart-item__image {
display: block !important;
flex: 0 0 72px !important;
width: 72px !important;
padding: 0 !important;
}
.wc-block-cart-item__image.wc-block-cart-item__image img {
width: 72px !important;
height: 72px !important;
max-width: 72px !important;
object-fit: cover !important;
border-radius: 8px !important;
}
.wc-block-cart-item__product.wc-block-cart-item__product {
display: block !important;
flex: 1 1 0 !important;
min-width: 0 !important;
padding: 0 !important;
}
.wc-block-cart-item__total.wc-block-cart-item__total {
display: block !important;
flex: 0 0 100% !important;
width: 100% !important;
text-align: right !important;
padding: 0 !important;
margin-top: -6px !important;
}
.wc-block-components-product-name {
font-size: 15px !important;
display: block !important;
}
.wc-block-components-product-price,
.wc-block-components-formatted-money-amount {
font-size: 14px !important;
}
.wc-block-cart-item__prices {
margin: 4px 0 !important;
} .wc-block-cart-item__quantity {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
margin-top: 8px !important;
}
.wc-block-components-quantity-selector {
height: 40px !important;
flex: 0 0 auto !important;
}
.wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector__input {
min-width: 36px !important;
min-height: 36px !important;
font-size: 15px !important;
}
.wc-block-cart-item__remove-link {
font-size: 13px !important;
} .wc-block-cart__submit-container .wp-element-button,
.wc-proceed-to-checkout .checkout-button {
width: 100% !important;
display: block !important;
text-align: center !important;
padding: 14px 20px !important;
font-size: 15px !important;
box-sizing: border-box !important;
}
} @container (max-width: 699px) {
div.wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row.wc-block-cart-items__row {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
width: 100% !important;
gap: 12px !important;
padding: 16px 0 !important;
box-sizing: border-box !important;
}
div.wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image {
display: block !important;
flex: 0 0 72px !important;
width: 72px !important;
padding: 0 !important;
}
div.wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__image img {
width: 72px !important;
height: 72px !important;
max-width: 72px !important;
object-fit: cover !important;
border-radius: 8px !important;
}
div.wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__product {
display: block !important;
flex: 1 1 0 !important;
min-width: 0 !important;
padding: 0 !important;
}
div.wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__total {
display: block !important;
flex: 0 0 100% !important;
width: 100% !important;
text-align: right !important;
padding: 0 !important;
margin-top: -6px !important;
}
}
@media (max-width: 480px) {
.woocommerce-cart .entry-title {
font-size: 22px !important;
}
.wc-block-cart__sidebar {
padding: 16px !important;
border-radius: 10px !important;
}
.wc-block-cart-items__row {
padding: 14px 0 !important;
gap: 10px !important;
}
.wc-block-cart-item__image,
.wc-block-cart-item__image img {
flex-basis: 60px !important;
width: 60px !important;
max-width: 60px !important;
height: 60px !important;
}
.wc-block-components-product-name {
font-size: 14px !important;
}
.wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector__input {
min-width: 32px !important;
min-height: 32px !important;
font-size: 14px !important;
}
.wc-block-cart__submit-container .wp-element-button,
.wc-proceed-to-checkout .checkout-button {
font-size: 14px !important;
padding: 13px 16px !important;
box-shadow: 0 4px 0 #B62E1E !important;
}
.wc-block-cart__submit-container .wp-element-button:hover,
.wc-proceed-to-checkout .checkout-button:hover {
box-shadow: 0 6px 0 #B62E1E !important;
}
} .woocommerce-checkout .entry-title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
font-size: 32px !important;
line-height: 1.2 !important;
}
.wp-block-woocommerce-checkout {
background: transparent !important;
color: #F7F5F0 !important;
}
.wp-block-woocommerce-checkout-fields-block {
background: transparent !important;
} .wp-block-woocommerce-checkout-contact-information-block,
.wp-block-woocommerce-checkout-shipping-address-block,
.wp-block-woocommerce-checkout-billing-address-block,
.wp-block-woocommerce-checkout-shipping-methods-block,
.wp-block-woocommerce-checkout-payment-block,
.wp-block-woocommerce-checkout-additional-information-block,
.wp-block-woocommerce-checkout-order-note-block {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
padding: 20px !important;
margin-bottom: 16px !important;
} .wc-block-components-checkout-step__title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.wc-block-components-checkout-step__description {
color: #9498A0 !important;
} .wc-block-components-text-input input,
.wc-block-components-textarea textarea {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
}
.wc-block-components-text-input label {
color: #9498A0 !important;
} .wc-block-components-dropdown-selector__control,
.wc-blocks-components-select .wc-blocks-components-select__select {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
} .wc-block-components-radio-control__option {
background: #14151A !important;
border: 1px solid #33353F !important;
border-radius: 8px !important;
color: #F7F5F0 !important;
}
.wc-block-components-radio-control__option--checked {
border-color: #F5C518 !important;
}
.wc-block-components-radio-control-accordion-option__description {
color: #9498A0 !important;
} .wc-block-checkout__terms {
color: #9498A0 !important;
}
.wc-block-checkout__terms a {
color: #F5C518 !important;
} .wp-block-woocommerce-checkout-order-note-block textarea {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
} .wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-components-button {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
.wc-block-components-checkout-place-order-button:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
} .wp-block-woocommerce-checkout-totals-block {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
padding: 24px !important;
overflow: visible !important;
}
.wp-block-woocommerce-checkout-order-summary-block {
color: #F7F5F0 !important;
background: transparent !important;
}
.wc-block-components-order-summary-item__quantity {
color: #9498A0 !important;
}
.wc-block-components-order-summary-item__individual-prices,
.wc-block-components-order-summary-item__total-price {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.wp-block-woocommerce-checkout-order-summary-totals-block {
border-top: 1px solid #33353F !important;
padding-top: 12px !important;
margin-top: 12px !important;
}
.wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item__label {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item__value {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
@media (max-width: 768px) {
.wp-block-woocommerce-checkout-contact-information-block,
.wp-block-woocommerce-checkout-shipping-address-block,
.wp-block-woocommerce-checkout-billing-address-block,
.wp-block-woocommerce-checkout-payment-block {
padding: 16px !important;
}
} body.woocommerce-order-received .page-header .entry-title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
font-size: 32px !important;
line-height: 1.2 !important;
}
.woocommerce-order {
color: #F7F5F0 !important;
} .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
background: rgba(62, 142, 90, 0.15) !important;
border: 1px solid #3E8E5A !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
padding: 12px 16px !important;
} .woocommerce-order-overview {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
padding: 16px !important;
}
.woocommerce-order-overview li {
color: #9498A0 !important;
border-right: 1px solid #33353F !important;
}
.woocommerce-order-overview li strong {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
} .woocommerce-order-details__title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
table.woocommerce-table--order-details {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 10px !important;
color: #F7F5F0 !important;
}
table.woocommerce-table--order-details thead th {
background: #14151A !important;
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
border-bottom: 1px solid #33353F !important;
}
table.woocommerce-table--order-details tbody td,
table.woocommerce-table--order-details tfoot td,
table.woocommerce-table--order-details tfoot th {
border-top: 1px solid #33353F !important;
color: #F7F5F0 !important;
}
table.woocommerce-table--order-details a {
color: #F5C518 !important;
}
table.woocommerce-table--order-details tfoot tr:last-child td,
table.woocommerce-table--order-details tfoot tr:last-child th {
font-family: 'Archivo Black', sans-serif !important;
} .woocommerce-customer-details {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
padding: 16px !important;
margin-top: 16px !important;
}
.woocommerce-column__title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.woocommerce-customer-details address {
color: #9498A0 !important;
font-style: normal;
}
@media (max-width: 600px) {
.woocommerce-order-overview {
flex-direction: column !important;
}
.woocommerce-order-overview li {
border-right: none !important;
border-bottom: 1px solid #33353F !important;
padding: 8px 0 !important;
}
.woocommerce-order-overview li:last-child {
border-bottom: none !important;
}
} #tutor-registration-form {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
color: #F7F5F0 !important;
font-family: 'Inter', sans-serif !important;
max-width: 480px;
margin: 40px auto !important;
} .entry-title {
font-size: 32px !important;
line-height: 1.2 !important;
}
#tutor-registration-form .tutor-form-group label {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
} #tutor-registration-form .tutor-password-field label {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
}
#tutor-registration-form .tutor-form-control.tutor-input {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
padding: 12px 16px !important;
width: 100%;
}
#tutor-registration-form .tutor-form-control.tutor-input::placeholder {
color: #9498A0 !important;
} #tutor-registration-form .tutor-password-field span svg {
color: #9498A0 !important;
}
#tutor-registration-form .tutor-password-field span:hover svg {
color: #F7F5F0 !important;
} #tutor-registration-form .tutor-btn-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
padding: 12px 24px !important;
transition: all 0.15s ease !important;
}
#tutor-registration-form .tutor-btn-primary:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
}
#tutor-registration-form .tutor-btn-primary:active {
transform: scale(0.97);
box-shadow: 0 6px 0 #B62E1E !important;
} #tutor-registration-form .tutor-small {
color: #9498A0 !important;
}
#tutor-registration-form .tutor-btn-link {
color: #F5C518 !important;
font-weight: 700 !important;
}
#tutor-registration-form .tutor-btn-link:hover {
color: #F7F5F0 !important;
}
@media (max-width: 480px) {
#tutor-registration-form {
max-width: 100% !important;
margin: 20px 16px !important;
padding: 20px !important;
}
} #tutor-registration-wrap.tutor-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
} .tutor-dashboard-welcome-card,
.tutor-dashboard-quick-tips-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.tutor-dashboard-welcome-badge {
background: rgba(245, 197, 24, 0.15) !important;
color: #F5C518 !important;
border-radius: 999px !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.tutor-dashboard-welcome-content .tutor-h3 {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.tutor-dashboard-welcome-content .tutor-p2 {
color: #9498A0 !important;
}
.tutor-dashboard-welcome-content .tutor-btn-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
.tutor-dashboard-welcome-content .tutor-btn-primary:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
}
.tutor-dashboard-quick-tips-card .tutor-surface-brand-tertiary {
background: rgba(245, 197, 24, 0.15) !important;
}
.tutor-dashboard-quick-tips-card .tutor-icon-brand {
color: #F5C518 !important;
}
.tutor-dashboard-quick-tips-card .tutor-medium.tutor-font-semibold {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.tutor-dashboard-quick-tips-card .tutor-text-secondary {
color: #9498A0 !important;
} .tutor-billing-body {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.tutor-billing-tabs-content {
background: #1D1F26 !important;
}
.tutor-dropdown-filter .tutor-btn-link {
color: #F7F5F0 !important;
}
.tutor-dropdown-filter .tutor-text-secondary {
color: #9498A0 !important;
}
.tutor-dropdown-filter .tutor-text-primary {
color: #F7F5F0 !important;
}
.tutor-billing-tabs .tutor-nav.tutor-nav-small.tutor-nav-primary,
.tutor-billing-tabs-content,
.tutor-billing-body {
border-color: #33353F !important;
}
@media (max-width: 768px) {
.tutor-billing-body,
.tutor-billing-tabs-content {
background: #1D1F26 !important;
}
.tutor-billing-tabs .tutor-nav.tutor-nav-small.tutor-nav-primary,
.tutor-billing-tabs-content,
.tutor-billing-body {
border-color: #33353F !important;
}
} .tutor-tabs-nav.tutor-profile-settings-tab {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.tutor-tabs-tab {
color: #9498A0 !important;
border-radius: 8px !important;
transition: all 0.15s ease !important;
}
.tutor-tabs-tab:hover {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-tabs-tab.tutor-tabs-tab-active {
background: rgba(245, 197, 24, 0.15) !important;
color: #F5C518 !important;
}
.tutor-tabs-tab .tutor-text-small {
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.tutor-tabs-tab .tutor-text-subdued {
color: #9498A0 !important;
}
.tutor-tabs-tab.tutor-tabs-tab-active .tutor-text-small,
.tutor-tabs-tab.tutor-tabs-tab-active .tutor-text-subdued {
color: #F5C518 !important;
}
.tutor-tabs-tab .tutor-icon,
.tutor-tabs-tab .tutor-icon svg {
color: #9498A0 !important;
}
.tutor-tabs-tab.tutor-tabs-tab-active .tutor-icon,
.tutor-tabs-tab.tutor-tabs-tab-active .tutor-icon svg {
color: #F5C518 !important;
}
.tutor-profile-header {
border-bottom: 1px solid #33353F !important;
} .tutor-wp-editor-container .mce-tinymce.mce-container.mce-panel {
border: 1px solid #33353F !important;
}
#wp-tutor_profile_bio-wrap.wp-editor-wrap,
.tutor-wp-editor-container .wp-editor-container {
border-color: #33353F !important;
}
.tutor-wp-editor-container .mce-toolbar-grp,
#wp-tutor_profile_bio-wrap div.mce-toolbar-grp {
background-color: #1D1F26 !important;
border-bottom: 1px solid #33353F !important;
}
.tutor-wp-editor-container .mce-btn button {
color: #9498A0 !important;
}
.tutor-wp-editor-container .mce-btn button:hover {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-wp-editor-container .mce-btn .mce-ico {
color: inherit !important;
}
.tutor-wp-editor-container .mce-edit-area,
.tutor-wp-editor-container .mce-edit-area iframe {
background: #14151A !important;
}
.tutor-wp-editor-container .mce-statusbar,
.tutor-wp-editor-container div.mce-panel.mce-statusbar,
.tutor-wp-editor-container .mce-container.mce-panel.mce-statusbar {
background-color: #1D1F26 !important;
border-color: #33353F !important;
}
.tutor-wp-editor-container .mce-path-item {
color: #9498A0 !important;
}
.tutor-wp-editor-container .mce-resizehandle .mce-ico {
color: #9498A0 !important;
} .tutor-see-all-courses {
display: flex;
align-items: center;
gap: 6px;
background: #1D1F26 !important;
color: #F5C518 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
padding: 10px 14px !important;
border-radius: 8px !important;
transition: all 0.15s ease !important;
}
.tutor-see-all-courses:hover {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-see-all-courses svg {
color: inherit !important;
} :root {
--tutor-border-idle: #33353F !important;
--tutor-surface-l1: #1D1F26 !important;
--tutor-surface-l2: #1D1F26 !important;
--tutor-surface-l3: #14151A !important;
} button.tutor-btn-outline:hover:not(:disabled):not(.disabled),
a.tutor-btn-outline:hover:not(:disabled):not(.disabled),
.tutor-btn-outline:hover:not(:disabled):not(.disabled) {
border-color: #F5C518 !important;
} .slicewp-user-notice.slicewp-warning {
background: rgba(245, 197, 24, 0.15) !important;
border: 1px solid #F5C518 !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
padding: 12px 16px !important;
}
.slicewp-field-inner input:disabled {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #9498A0 !important;
opacity: 1 !important;
-webkit-text-fill-color: #9498A0 !important;
}
#slicewp-affiliate-register-form .slicewp-field-inner input,
#slicewp-affiliate-register-form .slicewp-field-inner textarea {
background: #14151A !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
border-radius: 8px !important;
padding: 12px 16px !important;
width: 100%;
}  .tutor-dashboard-layout,
.tutor-dashboard-body,
.tutor-dashboard-page {
background: #14151A !important;
color: #F7F5F0 !important;
} .tutor-dashboard-sidebar {
background: #1D1F26 !important;
border-right: 1px solid #33353F !important;
}
.tutor-dashboard-sidebar-nav ul li a {
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
color: #9498A0 !important;
border-radius: 8px !important;
padding: 10px 14px !important;
transition: all 0.15s ease !important;
}
.tutor-dashboard-sidebar-nav ul li a:hover {
color: #F7F5F0 !important;
background: #14151A !important;
}
.tutor-dashboard-sidebar-nav ul li a.active {
background: #F5C518 !important;
color: #14151A !important;
}
.tutor-dashboard-sidebar-nav ul li a.active svg {
color: #14151A !important;
}
.tutor-see-all-courses {
color: #F5C518 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.tutor-see-all-courses:hover {
color: #F7F5F0 !important;
} .tutor-dashboard-header {
background: transparent !important;
border-bottom: 1px solid #33353F !important;
}
.tutor-dashboard-header-left .tutor-h5 {
font-family: 'Archivo Black', sans-serif !important;
color: #F7F5F0 !important;
}
.tutor-dashboard-header-left .tutor-text-subdued {
color: #9498A0 !important;
} .tutor-avatar {
background: #F5C518 !important;
}
.tutor-avatar-initials {
color: #14151A !important;
font-family: 'Archivo Black', sans-serif !important;
} body .tutor-popover.tutor-dashboard-header-user-popover {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
box-shadow: 0 20px 50px rgba(0,0,0,.35) !important;
} .tutor-dashboard-header-user-popover-profile {
background: #1D1F26 !important;
} .tutor-dashboard-header-user-popover .tutor-profile-header-top {
border-bottom: 1px solid #33353F !important;
}
.tutor-dashboard-header-user-popover .tutor-profile-header-title {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
}
.tutor-dashboard-header-user-popover .tutor-btn-ghost {
color: #9498A0 !important;
}
.tutor-dashboard-header-user-popover .tutor-btn-ghost:hover {
color: #F7F5F0 !important;
} .tutor-dashboard-header-user-popover .tutor-user-profile-info {
border-bottom: 1px solid #33353F !important;
}
.tutor-dashboard-header-user-popover .tutor-avatar-border {
border: 2px solid #F5C518 !important;
} .tutor-dashboard-header-user-popover-menu-wrapper {
background: #1D1F26 !important;
}
.tutor-dashboard-header-user-popover-menu li a {
color: #9498A0 !important;
font-family: 'Inter', sans-serif !important;
}
.tutor-dashboard-header-user-popover-menu li a:hover {
color: #F7F5F0 !important;
background: #14151A !important;
}
.tutor-dashboard-header-user-popover-menu li a svg {
color: #9498A0 !important;
}
.tutor-dashboard-header-user-popover-menu li a:hover svg {
color: #F7F5F0 !important;
} .tutor-mobile-logout-wrapper {
border-top: 1px solid #33353F !important;
}
.tutor-mobile-logout-wrapper .tutor-btn {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
}
.tutor-user-profile-meta .tutor-text-primary {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.tutor-user-profile-meta .tutor-text-secondary {
color: #9498A0 !important;
} .tutor-stat-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
padding: 20px !important;
transition: all 0.15s ease !important;
}
.tutor-stat-card:hover {
border-color: #F5C518 !important;
transform: translateY(-2px);
}
.tutor-stat-card-title {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-size: 12px !important;
text-transform: uppercase;
letter-spacing: 1px;
}
.tutor-stat-card-icon {
color: #F5C518 !important;
}
.tutor-stat-card-value {
font-family: 'Archivo Black', sans-serif !important;
color: #F7F5F0 !important;
font-size: 28px !important;
} .tutor-student-dashboard-courses .tutor-small.tutor-font-medium {
font-family: 'Archivo Black', sans-serif !important;
color: #F7F5F0 !important;
font-size: 15px !important;
}
.tutor-student-dashboard-courses .tutor-btn-link {
color: #F5C518 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
} .tutor-progress-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
cursor: pointer;
transition: all 0.15s ease !important;
}
.tutor-progress-card:hover {
border-color: #F5C518 !important;
}
.tutor-progress-card-category {
color: #F5C518 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-size: 11px !important;
text-transform: uppercase;
letter-spacing: 1px;
}
.tutor-progress-card-title {
font-family: 'Archivo Black', sans-serif !important;
color: #F7F5F0 !important;
}
.tutor-progress-card-details {
color: #9498A0 !important;
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
}
.tutor-progress-bar {
background: #33353F !important;
border-radius: 999px !important;
height: 6px !important;
}
.tutor-progress-bar-fill {
background: #F5C518 !important;
border-radius: 999px !important;
}
.tutor-progress-card-actions .tutor-btn-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
.tutor-progress-card-actions .tutor-btn-primary:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
} .tutor-dashboard-nav-mobile {
background: #1D1F26 !important;
border-top: 1px solid #33353F !important;
}
.tutor-dashboard-nav-mobile-list li a {
color: #9498A0 !important;
}
.tutor-dashboard-nav-mobile-list li a.active,
.tutor-dashboard-nav-mobile-list li a.active .tutor-dashboard-nav-mobile-icon {
color: #F5C518 !important;
}
.tutor-dashboard-nav-mobile-text {
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
} .tutor-dashboard-nav-mobile-more-popover {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.tutor-dashboard-nav-mobile-more-popover li a {
color: #9498A0 !important;
}
.tutor-dashboard-nav-mobile-more-popover li a:hover {
color: #F7F5F0 !important;
} .tutor-dashboard-page-card,
.tutor-dashboard-courses-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
overflow: hidden;
}
.tutor-dashboard-page-card-header,
.tutor-dashboard-courses-tab {
background: #1D1F26 !important;
border-bottom: 1px solid #33353F !important;
}
.tutor-dashboard-page-card-body,
.tutor-dashboard-courses-list {
background: #1D1F26 !important;
color: #F7F5F0 !important;
} .tutor-dashboard-discussions .tutor-h4,
.tutor-dashboard-courses-wrapper .tutor-h4 {
font-family: 'Archivo Black', sans-serif !important;
color: #F7F5F0 !important;
} .tutor-dropdown-filter .tutor-btn-link {
color: #F7F5F0 !important;
}
.tutor-dropdown-filter .tutor-text-secondary,
.tutor-icon-secondary {
color: #9498A0 !important;
}
.tutor-btn.tutor-btn-outline {
border: 1px solid #33353F !important;
background: transparent !important;
color: #9498A0 !important;
}
.tutor-btn.tutor-btn-outline:hover {
border-color: #F5C518 !important;
color: #F5C518 !important;
} .tutor-popover {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 10px !important;
}
.tutor-popover-menu-item {
color: #9498A0 !important;
font-family: 'Inter', sans-serif !important;
border-radius: 6px !important;
}
.tutor-popover-menu-item:hover {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-popover-menu-item.tutor-active {
background: #F5C518 !important;
color: #14151A !important;
}
.tutor-popover-menu-item .tutor-text-primary {
color: inherit !important;
} .tutor-dashboard-page-card-body .tutor-border-b {
border-bottom: 1px solid #33353F !important;
} .tutor-dashboard-page-card-body svg {
--tutor-visual-gray-2: #2A2C35;
--tutor-visual-gray-3: #3D404B;
}
.tutor-dashboard-page-card-body .tutor-text-subdued {
color: #9498A0 !important;
} .tutor-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.tutor-card svg {
--tutor-visual-gray-2: #2A2C35;
--tutor-visual-gray-3: #3D404B;
}
.tutor-card .tutor-text-subdued {
color: #9498A0 !important;
} .tutor-courses-wrap {
background: transparent !important;
} .tutor-course-filter .tutor-form-select {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 8px !important;
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.tutor-course-filter .tutor-form-select-label {
color: #F7F5F0 !important;
}
.tutor-course-filter .tutor-form-select-dropdown {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 8px !important;
}
.tutor-course-filter .tutor-form-select-option {
color: #9498A0 !important;
}
.tutor-course-filter .tutor-form-select-option:hover {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-course-filter .tutor-form-select-option.is-active {
background: #F5C518 !important;
color: #14151A !important;
} .tutor-course-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
overflow: hidden;
transition: all 0.15s ease !important;
}
.tutor-course-card:hover {
border-color: #F5C518 !important;
transform: translateY(-2px);
}
.tutor-course-card .tutor-card-body {
background: transparent !important;
} .tutor-course-card .tutor-icon-star-line {
color: #F5C518 !important;
} .tutor-course-card .tutor-course-name a {
font-family: 'Archivo Black', sans-serif !important;
color: #F7F5F0 !important;
}
.tutor-course-card .tutor-course-name a:hover {
color: #F5C518 !important;
} .tutor-course-card .tutor-meta {
color: #9498A0 !important;
font-family: 'Inter', sans-serif !important;
}
.tutor-course-card .tutor-meta-icon,
.tutor-course-card .tutor-meta-value {
color: #9498A0 !important;
} .tutor-course-card .tutor-avatar-text {
background: #F5C518 !important;
color: #14151A !important;
font-family: 'Archivo Black', sans-serif !important;
}
.tutor-course-card .tutor-meta a {
color: #F7F5F0 !important;
font-weight: 600 !important;
}
.tutor-course-card .tutor-meta a:hover {
color: #F5C518 !important;
} .tutor-course-card .tutor-card-footer {
background: transparent !important;
border-top: 1px solid #33353F !important;
}
.tutor-course-card .tutor-btn-outline-primary {
background: transparent !important;
border: 1.5px solid #F5C518 !important;
color: #F5C518 !important;
border-radius: 8px !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
.tutor-course-card .tutor-btn-outline-primary:hover {
background: #F5C518 !important;
color: #14151A !important;
} .tutor-course-wishlist-btn {
background: #1D1F26 !important;
color: #9498A0 !important;
}
.tutor-course-wishlist-btn:hover {
color: #F5C518 !important;
} :root {
--tutor-surface-base: #14151A !important;
--tutor-surface-1: #1D1F26 !important;
--tutor-surface-2: #1D1F26 !important;
--tutor-surface-3: #14151A !important;
--tutor-border-color: #33353F !important;
--tutor-border-hover: #F5C518 !important;
--tutor-text-primary: #F7F5F0 !important;
--tutor-text-secondary: #9498A0 !important;
--tutor-text-subdued: #9498A0 !important;
--tutor-actions-brand-primary: #F5C518 !important;
--tutor-actions-gray-empty: #33353F !important;
--tutor-visual-gray-1: #1D1F26 !important;
--tutor-visual-gray-2: #2A2C35 !important;
--tutor-visual-gray-3: #3D404B !important;
}
html[data-tutor-theme] {
background-color: #14151A !important;
} .tutor-quiz-intro {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-quiz-intro-title {
font-family: 'Archivo Black', sans-serif !important;
color: #F7F5F0 !important;
}
.tutor-quiz-intro-icon {
background: #1D1F26 !important;
border-radius: 10px !important;
} .tutor-quiz-intro-params.tutor-table-wrapper {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 10px !important;
overflow: hidden;
}
.tutor-quiz-intro-params .tutor-table {
background: transparent !important;
}
.tutor-quiz-intro-params .tutor-table tr {
border-bottom: 1px solid #33353F !important;
}
.tutor-quiz-intro-params .tutor-table td {
color: #F7F5F0 !important;
background: transparent !important;
border-color: #33353F !important;
}
.tutor-quiz-intro-params .tutor-table td svg {
color: #F5C518 !important;
} .tutor-quiz-intro .tutor-learning-area-footer {
background: #1D1F26 !important;
border-top: 1px solid #33353F !important;
}
.tutor-quiz-intro .tutor-btn-ghost {
color: #9498A0 !important;
}
.tutor-quiz-intro .tutor-btn-ghost:hover {
color: #F7F5F0 !important;
}
.tutor-quiz-intro .tutor-btn-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
.tutor-quiz-intro .tutor-btn-primary:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
} .tutor-quiz-autostart-card {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
}
.tutor-quiz-autostart-title {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.tutor-quiz-autostart-digit {
color: #F5C518 !important;
font-family: 'Archivo Black', sans-serif !important;
} .tutor-learning-area {
background: #14151A !important;
} .tutor-learning-header {
background: #1D1F26 !important;
border-bottom: 1px solid #33353F !important;
}
.tutor-learning-header-inner,
.tutor-learning-header-content {
background: #1D1F26 !important;
}
.tutor-learning-header-title {
font-family: 'Archivo Black', sans-serif !important;
color: #F7F5F0 !important;
font-size: 15px !important;
}
.tutor-learning-header-back svg,
.tutor-learning-header-toggle-mobile svg {
color: #9498A0 !important;
} .tutor-learning-sidebar {
background: #1D1F26 !important;
border-right: 1px solid #33353F !important;
}
.tutor-learning-sidebar-curriculum {
background: #1D1F26 !important;
} .tutor-learning-progress {
background: #1D1F26 !important;
} .tutor-learning-nav-item {
background: #1D1F26 !important;
} .tutor-learning-sidebar-pages {
background: #1D1F26 !important;
border-top: 1px solid #33353F !important;
}
.tutor-learning-pages-item {
background: #1D1F26 !important;
}
.tutor-learning-progress {
border-bottom: 1px solid #33353F !important;
}
.tutor-learning-progress-text {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.tutor-learning-progress-text span {
color: #F5C518 !important;
font-family: 'Archivo Black', sans-serif !important;
} .tutor-learning-nav-header {
background: transparent !important;
border-bottom: 1px solid #33353F !important;
transition: all 0.15s ease !important;
}
.tutor-learning-nav-header:hover {
background: #14151A !important;
}
.tutor-learning-nav-header-title {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.tutor-learning-nav-header-arrow svg,
.tutor-learning-nav-header-summary svg {
color: #9498A0 !important;
}
.tutor-learning-nav-topic.active .tutor-learning-nav-header-title {
color: #F5C518 !important;
} .tutor-learning-nav-item {
color: #9498A0 !important;
border-bottom: 1px solid #33353F !important;
transition: all 0.15s ease !important;
}
.tutor-learning-nav-item:hover {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-learning-nav-item.active {
background: #14151A !important;
color: #F5C518 !important;
border-left: 2px solid #F5C518 !important;
}
.tutor-learning-nav-item .tutor-tiny-2.tutor-text-subdued {
color: #9498A0 !important;
} .tutor-learning-pages-item {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
}
.tutor-learning-pages-item:hover {
color: #F7F5F0 !important;
background: #14151A !important;
} .tutor-learning-area-content {
background: #14151A !important;
}
.tutor-lesson-content {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
} .tutor-lesson-content .tutor-lesson-content-tab {
background: #1D1F26 !important;
box-shadow: none !important;
border: none !important;
border-bottom: none !important;
}
.tutor-lesson-content-tab,
.tutor-lesson-content-tab * {
border-color: #33353F !important;
}
.tutor-tabs-content,
.tutor-tab-panel,
.tutor-lesson-content-tab {
box-shadow: none !important;
border-bottom: none !important;
} .tutor-lesson-content,
.tutor-lesson-content *,
.tutor-tabs-content,
.tutor-tabs-content *,
.tutor-tab-panel,
.tutor-tab-panel * {
box-shadow: none !important;
} .tutor-lesson-content::before,
.tutor-lesson-content::after,
.tutor-tabs-content::before,
.tutor-tabs-content::after,
.tutor-tab-panel::before,
.tutor-tab-panel::after,
.tutor-lesson-wrapper::before,
.tutor-lesson-wrapper::after {
display: none !important;
content: none !important;
background: transparent !important;
box-shadow: none !important;
border: none !important;
} .tutor-tab-panel {
background: #1D1F26 !important;
}
.tutor-lesson-wrapper {
background: transparent !important;
color: #F7F5F0 !important;
font-family: 'Inter', sans-serif !important;
}
.tutor-lesson-wrapper p {
color: #E7E7EA !important;
} .tutor-learning-area-footer {
background: #1D1F26 !important;
border-top: 1px solid #33353F !important;
}
.tutor-learning-area-footer .tutor-btn-ghost {
color: #9498A0 !important;
}
.tutor-learning-area-footer .tutor-btn-ghost:hover {
color: #F7F5F0 !important;
}
.tutor-mark-as-complete-button {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
transition: all 0.15s ease !important;
}
.tutor-mark-as-complete-button:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
}
.tutor-mark-as-complete-button .tutor-icon-brand {
color: #14151A !important;
} .tutor-expand-btn {
border-color: #33353F !important;
color: #9498A0 !important;
background: transparent !important;
}
.tutor-btn-secondary {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
color: #F7F5F0 !important;
}
.tutor-btn-secondary:hover {
border-color: #F5C518 !important;
color: #F5C518 !important;
} .tutor-modal-content {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 14px !important;
color: #F7F5F0 !important;
}
.tutor-modal-content h5.tutor-h5,
.tutor-modal-content .tutor-h5 {
color: #F7F5F0 !important;
}
.tutor-modal-content .tutor-text-secondary {
color: #9498A0 !important;
}
.tutor-modal-close {
color: #9498A0 !important;
}
.tutor-modal-close:hover {
color: #F7F5F0 !important;
} .tutor-finish-course-progress {
background: #14151A !important;
border: 1px solid #33353F !important;
}
.tutor-finish-course-progress .tutor-text-secondary {
color: #9498A0 !important;
}
.tutor-btn-destructive {
background: #B62E1E !important;
color: #F7F5F0 !important;
border: none !important;
}
.tutor-btn-destructive:hover {
background: #942617 !important;
} .tutor-tooltip {
background: #14151A !important;
color: #F7F5F0 !important;
border: 1px solid #33353F !important;
} @media (max-width: 992px) {
.tutor-learning-sidebar {
background: #1D1F26 !important;
}
.tutor-learning-header-title {
font-size: 14px !important;
}
.tutor-lesson-content {
border-radius: 10px !important;
}
}
@media (max-width: 600px) {
.tutor-learning-area-footer {
flex-direction: column !important;
gap: 10px !important;
}
.tutor-mark-as-complete-button {
width: 100% !important;
order: -1;
}
.tutor-lesson-content {
border-radius: 0 !important;
border-left: none !important;
border-right: none !important;
}
} @media (max-width: 992px) { .tutor-course-list.tutor-grid-3 {
grid-template-columns: repeat(2, 1fr) !important;
} .tutor-dashboard-page {
padding: 16px !important;
}
.tutor-student-dashboard-stats .tutor-grid {
gap: 12px !important;
}
.tutor-stat-card {
padding: 14px !important;
}
.tutor-stat-card-value {
font-size: 22px !important;
}
} .tutor-nav.tutor-nav-primary {
display: flex;
gap: 4px;
border-bottom: 1px solid #33353F !important;
padding-bottom: 0 !important;
}
.tutor-nav-item {
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #9498A0 !important;
background: transparent !important;
padding: 9px 16px !important;
border-radius: 8px 8px 0 0 !important;
transition: all 0.15s ease !important;
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap;
}
.tutor-nav-item:hover {
color: #F7F5F0 !important;
background: #1D1F26 !important;
}
.tutor-nav-item.active {
color: #F5C518 !important;
background: #1D1F26 !important;
border-bottom: 2px solid #F5C518 !important;
}
.tutor-nav-item svg,
.tutor-nav-item .tutor-icon-subdued {
color: currentColor !important;
} .tutor-nav-dropdown {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 10px !important;
padding: 6px !important;
}
.tutor-nav-dropdown-item {
color: #9498A0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
font-size: 13px !important;
padding: 8px 12px !important;
border-radius: 6px !important;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.15s ease !important;
}
.tutor-nav-dropdown-item:hover {
background: #14151A !important;
color: #F7F5F0 !important;
}
.tutor-nav-dropdown-item.active {
background: #F5C518 !important;
color: #14151A !important;
} @media (max-width: 768px) {
.tutor-nav.tutor-nav-primary {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; flex-wrap: nowrap;
}
.tutor-nav.tutor-nav-primary::-webkit-scrollbar {
display: none; }
.tutor-nav-item {
font-size: 13px !important;
padding: 8px 12px !important;
flex-shrink: 0;
}
.tutor-nav-item svg {
width: 16px !important;
height: 16px !important;
}
}
@media (max-width: 480px) {
.tutor-nav-item {
font-size: 12px !important;
padding: 7px 10px !important;
gap: 4px;
} .tutor-nav-dropdown {
min-width: 180px;
}
.tutor-nav-dropdown-item {
font-size: 12px !important;
padding: 7px 10px !important;
}
}
@media (max-width: 600px) { .tutor-course-list.tutor-grid-3 {
grid-template-columns: 1fr !important;
}
.tutor-course-filter {
text-align: left !important;
}
.tutor-course-filter .tutor-form-select {
width: 100% !important;
} .tutor-student-dashboard-stats .tutor-grid.tutor-grid-cols-4 {
grid-template-columns: repeat(2, 1fr) !important;
}
.tutor-progress-card-inner {
flex-direction: column !important;
}
.tutor-progress-card-thumbnail img {
width: 100% !important;
height: auto !important;
}
.tutor-dashboard-header-left .tutor-h5 {
font-size: 16px !important;
}
} .slicewp-tab {
background: transparent !important;
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
} .slicewp-list-table-filters {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin-bottom: 20px !important;
}
.slicewp-date-picker-input {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 8px !important;
color: #F7F5F0 !important;
padding: 10px 14px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.slicewp-date-picker-input svg {
fill: #9498A0 !important;
width: 18px !important;
height: 18px !important;
}
.slicewp-date-picker-modal {
background: #1D1F26 !important;
border: 1px solid #33353F !important;
border-radius: 10px !important;
color: #F7F5F0 !important;
}
.slicewp-date-picker-predefined-date-range {
color: #F7F5F0 !important;
}
.slicewp-date-picker-predefined-date-range:hover {
color: #F5C518 !important;
}
.slicewp-button-primary {
background: #F5C518 !important;
color: #14151A !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 6px 0 #B62E1E !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
padding: 10px 22px !important;
transition: all 0.15s ease !important;
}
.slicewp-button-primary:hover {
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
} .slicewp-list-table-wrapper {
border: 1px solid #33353F !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #1D1F26 !important;
}
.slicewp-list-table {
width: 100% !important;
border-collapse: collapse !important;
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.slicewp-list-table thead th {
color: #9498A0 !important;
text-transform: uppercase !important;
font-size: 12px !important;
letter-spacing: 0.5px !important;
border-bottom: 1px solid #33353F !important;
padding: 14px 16px !important;
text-align: left !important;
background: transparent !important;
}
.slicewp-list-table tbody td {
padding: 14px 16px !important;
border-bottom: 1px solid #33353F !important;
color: #F7F5F0 !important;
font-size: 14px !important;
}
.slicewp-list-table tbody tr:last-child td {
border-bottom: none !important;
}
.slicewp-list-table tbody tr:hover {
background: rgba(245, 197, 24, 0.04) !important;
} .slicewp-list-table-item-details-row td {
background: #14151A !important;
border-bottom: 1px solid #33353F !important;
}
.slicewp-list-table-item-details-row h4 {
color: #9498A0 !important;
font-family: 'Archivo Black', sans-serif !important;
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin-bottom: 10px !important;
}
.slicewp-list-table-item-details-row .slicewp-list-table {
border: 1px solid #33353F !important;
border-radius: 10px !important;
overflow: hidden !important;
} .slicewp-status-pill {
display: inline-block !important;
padding: 4px 12px !important;
border-radius: 999px !important;
font-size: 12px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;
}
.slicewp-status-paid {
background: rgba(76, 201, 141, 0.12) !important;
color: #4CC98D !important;
}
.slicewp-status-pending {
background: rgba(245, 197, 24, 0.12) !important;
color: #F5C518 !important;
}
.slicewp-status-unpaid,
.slicewp-status-rejected {
background: rgba(182, 46, 30, 0.12) !important;
color: #E9573F !important;
} .slicewp-list-table a,
.slicewp-toggle-item-details {
color: #F5C518 !important;
font-weight: 600 !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
transition: color 0.15s ease !important;
}
.slicewp-list-table a:hover,
.slicewp-toggle-item-details:hover {
color: #ffffff !important;
text-decoration: underline !important;
}
.slicewp-toggle-item-details svg {
fill: currentColor !important;
width: 16px !important;
height: 16px !important;
} .slicewp-list-table-after {
color: #9498A0 !important;
font-size: 13px !important;
padding: 14px 4px !important;
} @media (max-width: 782px) {
.slicewp-list-table-filters {
flex-wrap: wrap !important;
}
.slicewp-date-picker-input {
width: 100% !important;
box-sizing: border-box !important;
}
.slicewp-button-primary {
width: 100% !important;
box-sizing: border-box !important;
} .slicewp-list-table-wrapper table.slicewp-list-table {
display: block !important;
width: 100% !important;
}
.slicewp-list-table-wrapper table.slicewp-list-table thead {
display: none !important;
}
.slicewp-list-table-wrapper table.slicewp-list-table tbody {
display: block !important;
width: 100% !important;
}
.slicewp-list-table-wrapper table.slicewp-list-table tbody tr:not(.slicewp-list-table-item-details-row) {
display: flex !important;
flex-wrap: wrap !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 12px 16px !important;
gap: 4px 12px !important;
}
.slicewp-list-table-wrapper table.slicewp-list-table tbody tr:not(.slicewp-list-table-item-details-row) td {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
padding: 4px 0 !important;
border-bottom: none !important;
font-size: 13px !important;
} .slicewp-column-id::before        { content: "ID"; }
.slicewp-column-amount::before    { content: "Amount"; }
.slicewp-column-reference::before { content: "Reference"; }
.slicewp-column-type::before      { content: "Type"; }
.slicewp-column-date::before      { content: "Date"; }
.slicewp-column-status::before    { content: "Status"; }
.slicewp-column-id::before,
.slicewp-column-amount::before,
.slicewp-column-reference::before,
.slicewp-column-type::before,
.slicewp-column-date::before,
.slicewp-column-status::before {
color: #9498A0 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
font-weight: 700 !important;
}
.slicewp-column-actions {
justify-content: flex-end !important;
width: 100% !important;
margin-top: 6px !important;
padding-top: 10px !important;
border-top: 1px solid #33353F !important;
} .slicewp-list-table-item-details-row .slicewp-list-table {
display: block !important;
width: 100% !important;
}
.slicewp-list-table-item-details-row .slicewp-list-table thead {
display: none !important;
}
.slicewp-list-table-item-details-row .slicewp-list-table tbody {
display: block !important;
width: 100% !important;
}
.slicewp-list-table-item-details-row .slicewp-list-table tbody tr {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 10px 14px !important;
gap: 6px !important;
}
.slicewp-list-table-item-details-row .slicewp-list-table tbody td {
display: flex !important;
justify-content: space-between !important;
width: 100% !important;
padding: 2px 0 !important;
font-size: 13px !important;
word-break: break-word !important;
}
.slicewp-column-item-name::before        { content: "Name"; }
.slicewp-column-item-commission-amount::before { content: "Commission"; }
.slicewp-column-landing_url::before      { content: "Landing URL"; }
.slicewp-column-referrer_url::before     { content: "Referrer URL"; }
.slicewp-column-item-name::before,
.slicewp-column-item-commission-amount::before,
.slicewp-column-landing_url::before,
.slicewp-column-referrer_url::before {
color: #9498A0 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
font-weight: 700 !important;
flex-shrink: 0 !important;
margin-right: 12px !important;
}
.slicewp-list-table-item-details-row td[style*="height"] {
height: auto !important;
}
}
@media (max-width: 480px) {
.slicewp-list-table-wrapper table.slicewp-list-table tbody tr:not(.slicewp-list-table-item-details-row) td,
.slicewp-list-table-item-details-row .slicewp-list-table tbody td {
font-size: 12.5px !important;
}
.slicewp-status-pill {
font-size: 11px !important;
padding: 3px 10px !important;
}
} .tutor-accordion {
border: 1px solid #33353F !important;
border-radius: 12px !important;
overflow: hidden !important;
background: transparent !important;
}
.tutor-accordion-item {
border-bottom: 1px solid #33353F !important;
}
.tutor-accordion-item:last-child {
border-bottom: none !important;
} .tutor-accordion,
.tutor-accordion *,
.tutor-accordion-item,
.tutor-accordion-item-header,
.tutor-accordion-item-body,
.tutor-accordion-item-body-content,
.tutor-course-content-list,
.tutor-course-content-list-item {
border-color: #33353F !important;
} .tutor-accordion-item-header {
background: #1D1F26 !important;
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
font-size: 15px !important;
padding: 16px 20px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
cursor: pointer !important;
margin: 0 !important;
}
.tutor-accordion-item-header.is-active {
color: #F5C518 !important;
} .tutor-accordion-item-header::after {
color: #9498A0 !important;
}
.tutor-accordion-item-header.is-active::after {
color: #F5C518 !important;
}
.tutor-accordion-item-header::after {
color: #F5C518 !important;
} .tutor-tab-item .tutor-mt-40 .tutor-accordion-item-body,
.tutor-accordion-item-body {
background: #14151A !important;
}
.tutor-tab-item .tutor-mt-40 .tutor-accordion-item-body-content,
.tutor-accordion-item-body-content {
background: #14151A !important;
}
.tutor-tab-item .tutor-mt-40 ul.tutor-course-content-list,
.tutor-course-content-list {
background: #14151A !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tutor-tab-item .tutor-mt-40 li.tutor-course-content-list-item,
.tutor-course-content-list-item {
background: #14151A !important;
color: #F7F5F0 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 14px 20px !important;
border-bottom: 1px solid #33353F !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.tutor-course-content-list-item:last-child {
border-bottom: none !important;
}
.tutor-course-content-list-item:hover {
background: rgba(245, 197, 24, 0.04) !important;
}
.tutor-course-content-list-item-title {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
margin: 0 !important;
}
.tutor-course-content-list-item-icon {
color: #9498A0 !important;
}
.tutor-course-content-list-item-duration {
color: #9498A0 !important;
}
.tutor-course-content-list-item-status {
color: #9498A0 !important;
} .tutor-course-content-list-item-status.tutor-icon-circle-mark-line,
.tutor-course-content-list-item-status.tutor-icon-circle-play-line {
color: #F5C518 !important;
} .tutor-course-content-title,
h3.tutor-color-black.tutor-course-content-title,
.tutor-fs-5.tutor-fw-bold.tutor-color-black {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
} .tutor-color-muted,
.tutor-color-secondary {
color: #9498A0 !important;
} @media (max-width: 782px) {
.tutor-accordion-item-header {
padding: 14px 16px !important;
font-size: 14px !important;
}
.tutor-course-content-list-item {
padding: 12px 16px !important;
flex-wrap: wrap !important;
gap: 6px !important;
}
.tutor-course-content-list-item-title {
font-size: 13.5px !important;
}
.tutor-course-content-list-item > .tutor-d-flex:first-child {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.tutor-course-content-list-item-title {
white-space: normal !important;
word-break: break-word !important;
}
}
@media (max-width: 480px) {
.tutor-accordion-item-header {
padding: 12px 14px !important;
font-size: 13.5px !important;
}
.tutor-course-content-list-item {
padding: 10px 14px !important;
}
.tutor-course-content-list-item-title {
font-size: 13px !important;
}
} @media (max-width: 1024px) {
.alignwide,
.alignfull {
margin-inline: 0 !important;
}
} @media (max-width: 1024px) {
html, body {
overflow-x: hidden !important;
}
} .tutor-btn-primary {
background-color: #F5C518 !important;
border-color: #F5C518 !important;
color: #14151A !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 700 !important;
box-shadow: 0 6px 0 #B62E1E !important;
transition: all 0.15s ease !important;
}
.tutor-btn-primary:hover,
.tutor-btn-primary:focus {
background-color: #F5C518 !important;
border-color: #F5C518 !important;
color: #14151A !important;
box-shadow: 0 8px 0 #B62E1E !important;
transform: translateY(-2px);
} :root {
--tutor-color-primary: #F5C518 !important;
} .tutor-accordion {
border: 1px solid #33353F !important;
border-radius: 12px !important;
overflow: hidden !important;
background: transparent !important;
}
.tutor-accordion-item {
border-bottom: 1px solid #33353F !important;
}
.tutor-accordion-item:last-child {
border-bottom: none !important;
} .tutor-accordion,
.tutor-accordion *,
.tutor-accordion-item,
.tutor-accordion-item-header,
.tutor-accordion-item-body,
.tutor-accordion-item-body-content,
.tutor-course-content-list,
.tutor-course-content-list-item {
border-color: #33353F !important;
} .tutor-accordion-item-header {
background: #1D1F26 !important;
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
font-size: 15px !important;
padding: 16px 20px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
cursor: pointer !important;
margin: 0 !important;
}
.tutor-accordion-item-header.is-active {
color: #F5C518 !important;
} .tutor-accordion-item-header::after {
color: #9498A0 !important;
}
.tutor-accordion-item-header.is-active::after {
color: #F5C518 !important;
}
.tutor-accordion-item-header::after {
color: #F5C518 !important;
} .tutor-tab-item .tutor-mt-40 .tutor-accordion-item-body,
.tutor-accordion-item-body {
background: #14151A !important;
}
.tutor-tab-item .tutor-mt-40 .tutor-accordion-item-body-content,
.tutor-accordion-item-body-content {
background: #14151A !important;
}
.tutor-tab-item .tutor-mt-40 ul.tutor-course-content-list,
.tutor-course-content-list {
background: #14151A !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tutor-tab-item .tutor-mt-40 li.tutor-course-content-list-item,
.tutor-course-content-list-item {
background: #14151A !important;
color: #F7F5F0 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 14px 20px !important;
border-bottom: 1px solid #33353F !important;
font-family: 'Space Grotesk', sans-serif !important;
}
.tutor-course-content-list-item:last-child {
border-bottom: none !important;
}
.tutor-course-content-list-item:hover {
background: rgba(245, 197, 24, 0.04) !important;
}
.tutor-course-content-list-item-title {
color: #F7F5F0 !important;
font-family: 'Space Grotesk', sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
margin: 0 !important;
}
.tutor-course-content-list-item-icon {
color: #9498A0 !important;
}
.tutor-course-content-list-item-duration {
color: #9498A0 !important;
}
.tutor-course-content-list-item-status {
color: #9498A0 !important;
} .tutor-course-content-list-item-status.tutor-icon-circle-mark-line,
.tutor-course-content-list-item-status.tutor-icon-circle-play-line {
color: #F5C518 !important;
} .tutor-course-content-title,
h3.tutor-color-black.tutor-course-content-title,
.tutor-fs-5.tutor-fw-bold.tutor-color-black {
color: #F7F5F0 !important;
font-family: 'Archivo Black', sans-serif !important;
} .tutor-color-muted,
.tutor-color-secondary {
color: #9498A0 !important;
} @media (max-width: 782px) {
.tutor-accordion-item-header {
padding: 14px 16px !important;
font-size: 14px !important;
}
.tutor-course-content-list-item {
padding: 12px 16px !important;
flex-wrap: wrap !important;
gap: 6px !important;
}
.tutor-course-content-list-item-title {
font-size: 13.5px !important;
}
.tutor-course-content-list-item > .tutor-d-flex:first-child {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.tutor-course-content-list-item-title {
white-space: normal !important;
word-break: break-word !important;
}
}
@media (max-width: 480px) {
.tutor-accordion-item-header {
padding: 12px 14px !important;
font-size: 13.5px !important;
}
.tutor-course-content-list-item {
padding: 10px 14px !important;
}
.tutor-course-content-list-item-title {
font-size: 13px !important;
}
}