/*--------------------------------------------------------------------------------------

General

--------------------------------------------------------------------------------------*/

#learn-press-profile > .lp-content-area {
  padding: 0;
}

/*--------------------------------------------------------------
Tables
--------------------------------------------------------------*/

.lp-profile-content table.lp-list-table,
.lp-list-table thead,
.lp-profile-content table.lp-list-table tr th,
.lp-profile-content table.lp-list-table tr td {
  border-color: var(--gp-misc-border-color);
}
.lp-list-table thead tr th,
.lp-list-table tbody tr td,
.lp-list-table tbody tr th,
.lp-list-table tfoot tr td,
.lp-list-table tfoot tr th {
  color: var(--gp-body-text-color);
  background: var(--gp-misc-bg-color);
}
.lp-list-table tbody tr:nth-child(odd),
.lp-list-table tfoot tr:nth-child(odd) {
  background: var(--gp-misc-bg-color);
}
.lp-list-table tbody,
.lp-list-table tfoot {
  border-color: var(--gp-misc-border-color);
}
.lp-label {
  color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------------------------------

Courses

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Courses Bar
--------------------------------------------------------------*/

input[type="radio"]:nth-child(1):checked ~ .switch-btn:nth-child(2)::before,
input[type="radio"]:nth-child(3):checked ~ .switch-btn:nth-child(4)::before {
  color: var(--gp-primary-color);
}
.lp-courses-bar .switch-layout .switch-btn::before {
  color: var(--gp-tertiary-color);
}
.lp-courses-bar .search-courses input[type="text"] {
  background: var(--gp-section-bg-color);
  border-color: var(--gp-misc-border-color);
  color: var(--gp-tertiary-color);
}
.lp-courses-bar .search-courses input[type="text"]:focus {
  border-color: var(--gp-primary-color);
}
.lp-courses-bar .search-courses button {
  margin-top: -4px;
  color: var(--gp-tertiary-color) !important;
}
.lp-courses-bar .switch-layout .switch-btn.grid::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
Courses
--------------------------------------------------------------*/

/* Page ************************************/

.lp-archive-courses .learn-press-courses-header h1 {
  font-weight: var(--gp-strong-font-weight);
}
.lp-archive-courses .lp-content-area {
  max-width: none !important;
  padding-right: 0;
  padding-left: 0;
}

/* Items ************************************/

.learn-press-courses[data-layout="list"] .course,
.learn-press-courses[data-layout="grid"] .course-item {
  border: 0;
  background: var(--gp-misc-bg-color);
}
.learn-press-courses[data-layout="list"] .course {
  padding: 0;
}
.learn-press-courses[data-layout="list"] .course-content {
  padding: 30px;
}
.learn-press-courses[data-layout="grid"] .course-content .separator {
  border-color: var(--gp-misc-border-color);
}

/* Instructor ************************************/

.lp-archive-courses .course-item .course-instructor a {
  color: var(--gp-tertiary-color);
}
.lp-archive-courses .course-item .course-instructor a:hover {
  color: var(--gp-primary-color);
}

/* Title ************************************/

.lp-archive-courses .course-content .course-permalink {
  color: var(--gp-body-text-color);
}
.lp-archive-courses
  .learn-press-courses[data-layout="list"]
  .course-content
  .course-title {
  font-size: 20px;
  line-height: 26px;
}
.lp-archive-courses .course-permalink .course-title {
  transition: all 0.4s;
}
.lp-archive-courses .course-permalink .course-title:hover {
  color: var(--gp-primary-color);
}

/* Read More ************************************/

.learn-press-courses[data-layout="list"] .course-content .course-readmore a {
  transition: all 0.4s;
  background: var(--gp-button-bg-color, var(--gp-primary-color));
  color: var(--gp-button-text-color);
  font-weight: var(--gp-strong-font-weight);
}
.learn-press-courses[data-layout="list"]
  .course-content
  .course-readmore
  a:hover {
  opacity: 1;
  background: var(--gp-button-bg-color-hover, var(--gp-secondary-color));
  color: var(--gp-button-text-color);
}

/* Meta ************************************/

.learn-press-courses[data-layout="list"] .course-wrap-meta .meta-item {
  color: var(--gp-tertiary-color);
}
.learn-press-courses[data-layout="list"] .course-wrap-meta .meta-item::before {
  color: var(--gp-quarternary-color);
}

/* Meta ************************************/

.lp-archive-courses .course-content .course-info .course-price .origin-price,
.lp-archive-courses .course-content .course-info .course-price .price,
.lp-archive-courses .course-content .course-info .course-price .free {
  font-size: 1.2em;
  font-weight: var(--gp-strong-font-weight);
}

/* Messages ************************************/

.learn-press-message {
  background: var(--gp-misc-bg-color);
}
.learn-press-message::after {
  border-bottom-color: var(--gp-misc-bg-color);
}

/*--------------------------------------------------------------------------------------

Single Course

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Breadcrumbs
--------------------------------------------------------------*/

ul.learn-press-breadcrumb {
  max-width: none !important;
  padding: 0 0 20px 0;
}
ul.learn-press-breadcrumb a,
ul.learn-press-breadcrumb i {
  color: var(--gp-tertiary-color);
}
ul.learn-press-breadcrumb li a:hover {
  color: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Course Header
--------------------------------------------------------------*/

.lp-archive-courses .course-detail-info,
.lp-archive-courses .course-detail-info::before,
.lp-archive-courses .course-detail-info::after {
  background: var(--gp-secondary-color);
}
#learn-press-course .lp-content-area {
  max-width: none !important;
  padding-right: 0;
  padding-left: 0;
}
.lp-archive-courses .course-detail-info .course-title {
  font-weight: var(--gp-strong-font-weight);
}
.lp-archive-courses .course-meta__pull-left .meta-item__value label {
  color: var(--gp-overlay-meta-text-color);
}
.lp-archive-courses .course-meta__pull-left .meta-item::before {
  color: var(--gp-quarternary-color);
}
.lp-archive-courses .course-meta__pull-left .meta-item__value > div a:hover {
  color: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Course Extras
--------------------------------------------------------------*/

.course-extra-box {
  border-color: var(--gp-misc-border-color);
  border-radius: var(--gp-section-border-radius);
}
.course-extra-box__title {
  font-weight: var(--gp-strong-font-weight);
  background: var(--gp-misc-bg-color);
}
.course-extra-box__content li {
  border-color: var(--gp-misc-border-color);
  color: var(--gp-body-text-color);
}
.course-extra-box__title::after {
  color: var(--gp-tertiary-color);
}
.course-extra-box__content li::before {
  color: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Tabs
--------------------------------------------------------------*/

.wrapper-course-nav-tabs {
  border: 0;
}
.learn-press-nav-tabs li label {
  color: var(--gp-tertiary-color);
}
.learn-press-nav-tabs li.active label,
.learn-press-nav-tabs li:hover label {
  color: var(--gp-primary-color);
}
.learn-press-nav-tabs li.active::after,
.learn-press-nav-tabs li:hover::after {
  background-color: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Curriculum Tab
--------------------------------------------------------------*/

.course-curriculum .section-left .section-title {
  color: var(--gp-body-text-color);
}
.course-curriculum .section-header .section-desc {
  color: var(--gp-tertiary-color);
}
.course-curriculum .section-header {
  border-color: var(--gp-misc-border-color);
}
.course-curriculum .course-item {
  background: var(--gp-misc-bg-color);
}
.course-curriculum .course-item .item-icon,
.course-curriculum .course-item .item-name {
  color: var(--gp-body-text-color);
  font-weight: var(--gp-strong-font-weight);
}
.course-curriculum .course-item .section-item-link {
  color: var(--gp-tertiary-color);
}
.course-curriculum .section-content .course-item-preview::before {
  background: var(--gp-primary-color);
}
.course-curriculum .course-item .section-item-link::before {
  color: var(--gp-primary-color);
}
.course-curriculum .course-item .section-item-link:hover .item-name {
  color: var(--gp-primary-color);
}
.course-curriculum .course-item.item-locked .course-item-status::before {
  color: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Instructor Tab
--------------------------------------------------------------*/

.course-tab-panel .lp-course-author .author-title a {
  color: var(--gp-body-text-color);
}

/*--------------------------------------------------------------
FAQs Tab
--------------------------------------------------------------*/

.course-tab-panel-faqs .course-faqs-box {
  border-color: var(--gp-misc-border-color);
  border-radius: var(--gp-section-border-radius);
}
.course-tab-panel-faqs .course-faqs-box:hover,
input[name="course-faqs-box-ratio"]:checked + .course-faqs-box {
  background: var(--gp-misc-bg-color);
}
.course-tab-panel-faqs .course-faqs-box__title::after {
  color: var(--gp-tertiary-color);
}
.course-tab-panel-faqs .course-faqs-box__content-inner {
  color: var(--gp-body-text-color);
  font-weight: 400;
}
input[name="course-faqs-box-ratio"]:checked
  + .course-faqs-box
  .course-faqs-box__title,
.course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
  color: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Comment Form
--------------------------------------------------------------*/

#learn-press-course #comments {
  margin-top: 30px;
  padding: 0;
}
#learn-press-course #comments .gp-section-style {
  padding: 0;
}
.comment-respond .comment-form {
  margin: 0;
}
.comment-respond .comment-form textarea,
.comment-respond .comment-form input {
  background: var(--gp-section-bg-color);
  border-color: var(--gp-misc-border-color);
  border-radius: var(--gp-form-field-border-radius);
  color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/

.lp-archive-courses .course-summary-sidebar__inner .course-sidebar-top {
  box-shadow: none;
}

/* Unenrolled ************************************/

.lp-archive-courses .course-summary-sidebar__inner > div {
  background: var(--gp-misc-bg-color);
}
.course-summary-sidebar .course-sidebar-preview {
  background: var(--gp-misc-bg-color);
}
.course-summary .course-featured-review .featured-review__content {
  color: var(--gp-tertiary-color);
}
.course-summary-sidebar .lp-course-buttons button {
  background: var(--gp-button-bg-color, var(--gp-primary-color));
  color: var(--gp-button-text-color);
  font-weight: var(--gp-strong-font-weight);
}
.course-summary-sidebar .lp-course-buttons button:hover {
  background: var(--gp-button-bg-color-hover, var(--gp-secondary-color));
}

/* Enrolled ************************************/

.course-sidebar-preview .course-time-row strong {
  color: var(--gp-body-text-color);
  font-weight: var(--gp-strong-font-weight);
}
.course-sidebar-preview .course-time {
  border-color: var(--gp-misc-border-color);
}
.course-summary-sidebar .course-results-progress .items-progress__heading,
.course-summary-sidebar .course-results-progress .course-progress__heading {
  color: var(--gp-body-text-color);
  font-weight: var(--gp-strong-font-weight);
}
.learn-press-progress::before,
.learn-press-progress .progress-bg {
  background: var(--gp-misc-border-color);
}
.learn-press-progress .progress-bg .progress-active {
  background: var(--gp-primary-color);
}
.lp-course-progress .lp-passing-conditional {
  background: var(--gp-secondary-color);
}

/*--------------------------------------------------------------------------------------

Lesson

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Page
--------------------------------------------------------------*/

#popup-course {
  background: var(--gp-section-bg-color);
}
#popup-content .lp-button {
  border: 0;
  background: var(--gp-button-bg-color, var(--gp-primary-color));
  color: var(--gp-button-text-color);
}
#popup-content .lp-button:hover {
  background: var(--gp-button-bg-color, var(--gp-secondary-color));
  color: var(--gp-button-text-color);
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/

#popup-sidebar {
  background: var(--gp-misc-border-color);
  box-shadow: none;
}
#sidebar-toggle {
  background: var(--gp-section-bg-color);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.gp-color-dark #sidebar-toggle {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}
#sidebar-toggle::before {
  color: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Search
--------------------------------------------------------------*/

#popup-sidebar .search-course {
  background: var(--gp-section-bg-color);
}
#popup-sidebar .search-course button::before {
  color: var(--gp-tertiary-color);
}
#popup-sidebar .search-course input[name="s"],
#popup-sidebar .search-course input[name="s"]:focus {
  color: var(--gp-tertiary-color);
}
#popup-sidebar .search-course.searching::after {
  display: none;
}

/*--------------------------------------------------------------
Lesson Sections
--------------------------------------------------------------*/

#popup-sidebar .section-header {
  background-color: var(--gp-misc-border-color);
}
#popup-sidebar .section-header .section-title {
  color: var(--gp-body-text-color);
}
#popup-sidebar .course-item {
  background: var(--gp-section-bg-color);
}
#popup-sidebar .course-item.current {
  background: var(--gp-misc-bg-color);
}
#popup-sidebar .course-item-meta .item-meta {
  color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------
Lesson Header
--------------------------------------------------------------*/

#popup-header {
  border: 0;
  background: var(--gp-secondary-color);
}

/* Title ************************************/

.content-item-wrap .course-item-title {
  color: var(--gp-body-text-color);
}

/* Comments ************************************/

.learn-press-comments #comments {
  padding: 0;
}
.learn-press-comments #comments .gp-section-style {
  padding: 0;
}
#learn-press-item-comments {
  padding-bottom: 50px;
}

/*--------------------------------------------------------------
Lesson Footer
--------------------------------------------------------------*/

#popup-footer {
  border-color: var(--gp-misc-border-color);
  background: none;
}
#popup-footer .course-item-nav .prev a,
#popup-footer .course-item-nav .next a {
  color: var(--gp-tertiary-color);
}
#popup-footer .course-item-nav .prev:hover a,
#popup-footer .course-item-nav .prev:hover::before,
#popup-footer .course-item-nav .next:hover a,
#popup-footer .course-item-nav .next:hover::before {
  color: var(--gp-primary-color);
}

/*--------------------------------------------------------------------------------------

Quiz

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Quiz Intro
--------------------------------------------------------------*/

.content-item-wrap .quiz-content {
  color: var(--gp-body-text-color);
}
.quiz-intro-item__title {
  color: var(--gp-body-text-color);
}
.quiz-intro-item__content {
  color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------
Quiz Header
--------------------------------------------------------------*/

.quiz-status > div {
  border-radius: var(--gp-section-border-radius);
  background: var(--gp-misc-bg-color);
}
.quiz-status .questions-index,
.quiz-status .questions-index span,
.quiz-status .countdown .fas,
.quiz-status .countdown {
  color: var(--gp-body-text-color);
}
.quiz-status .submit-quiz button {
  background: var(--gp-button-bg-color, var(--gp-primary-color));
}
.quiz-status .submit-quiz button:hover {
  background: var(--gp-button-bg-color-hover, var(--gp-secondary-color));
}

/*--------------------------------------------------------------
Quiz Intro
--------------------------------------------------------------*/

.question .question-title {
  color: var(--gp-body-text-color);
}
.quiz-intro-item::before {
  color: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Quiz Answers
--------------------------------------------------------------*/

.question .answer-option .option-title {
  border-color: var(--gp-misc-border-color);
  color: var(--gp-tertiary-color);
}
.question .answer-option .option-title:hover,
.answer-options .answer-option:hover,
.answer-options .answer-option.answer-correct {
  background-color: var(--gp-misc-bg-color);
  color: var(--gp-tertiary-color);
}
.question .answer-option input[type="radio"],
.question .answer-option input[type="checkbox"] {
  border-color: var(--gp-misc-border-color);
}
.answer-options .answer-option input[type="checkbox"],
.answer-options .answer-option input[type="radio"] {
  border-color: var(--gp-misc-border-color);
  background: none;
}
.question .answer-option input[type="radio"]::after,
.question .answer-option input[type="checkbox"]::after {
  border-color: var(--gp-misc-border-color);
}
.question .answer-option input[type="radio"]:disabled,
.question .answer-option input[type="checkbox"]:disabled {
  border-color: var(--gp-misc-border-color);
  background: var(--gp-section-bg-color);
}

/*--------------------------------------------------------------
Quiz Footer
--------------------------------------------------------------*/

.content-item-wrap .quiz-buttons.align-center .button-left.fixed {
  background: none;
}

/* Quiz Pagination ************************************/

.content-item-wrap .questions-pagination .nav-links .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin: 0 2px;
  fill: var(--gp-body-text-color);
  stroke: var(--gp-body-text-color);
  color: var(--gp-body-text-color);
  font-size: 12px;
  line-height: 30px;
  font-weight: var(--gp-strong-font-weight);
  border-radius: 50%;
  border: 0;
}
.content-item-wrap .questions-pagination .nav-links .page-numbers.dots {
  cursor: default;
}
.content-item-wrap .questions-pagination .nav-links .page-numbers.dots:hover {
  background: none;
}
.content-item-wrap .questions-pagination .nav-links .page-numbers.current,
.content-item-wrap .questions-pagination .nav-links .page-numbers:hover {
  border: 0;
  color: var(--gp-button-text-color);
  background: var(--gp-button-bg-color, var(--gp-primary-color));
}
.content-item-wrap .questions-pagination .nav-links .page-numbers.next,
.content-item-wrap .questions-pagination .nav-links .page-numbers.prev {
  width: auto;
  height: auto;
  border: 0;
  padding: 0 10px;
}
.content-item-wrap .questions-pagination .nav-links .page-numbers.next:hover,
.content-item-wrap .questions-pagination .nav-links .page-numbers.prev:hover {
  background: none;
  color: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Quiz Results
--------------------------------------------------------------*/

.quiz-result .result-grade::before {
  border-color: var(--gp-misc-border-color);
}
.quiz-result .result-grade .result-achieved {
  border-color: var(--gp-misc-border-color);
  color: var(--gp-tertiary-color);
}
.quiz-result .result-grade .result-require {
  color: var(--gp-tertiary-color);
}
.quiz-result .result-statistic .result-statistic-field + li {
  border-color: var(--gp-misc-border-color);
}
.quiz-result .result-statistic .result-statistic-field span {
  color: var(--gp-body-text-color);
}
.quiz-result .result-statistic .result-statistic-field p {
  color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------------------------------

Instructors

--------------------------------------------------------------------------------------*/

article.lp-content-area {
  max-width: none !important;
  padding-right: 0;
  padding-left: 0;
}
.lp-list-instructors .ul-list-instructors li.item-instructor {
  border: 0 !important;
  background: var(--gp-misc-bg-color);
}
.lp-list-instructors
  .ul-list-instructors
  li.item-instructor
  .instructor-avatar
  img {
  max-width: 150px;
  margin: 0 auto;
  display: block;
  border-radius: 50%;
}
.lp-list-instructors
  .ul-list-instructors
  li.item-instructor
  .instructor-display-name {
  font-weight: var(--gp-strong-font-weight);
}
.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-info {
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
}
.lp-list-instructors
  .ul-list-instructors
  li.item-instructor
  .instructor-btn-view {
  background: var(--gp-button-bg-color, var(--gp-primary-color)) !important;
  color: var(--gp-button-text-color) !important;
  font-weight: var(--gp-strong-font-weight) !important;
}
.lp-list-instructors
  .ul-list-instructors
  li.item-instructor
  .instructor-btn-view:hover {
  background: var(--gp-secondary-color) !important;
  color: var(--gp-button-text-color) !important;
}

/*--------------------------------------------------------------------------------------

Single Instructor Page

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Info
--------------------------------------------------------------*/

.lp-single-instructor__info {
  border: 0 !important;
  background: var(--gp-misc-bg-color);
}
.lp-single-instructor__info .instructor-avatar img {
  border: 0 !important;
}
.lp-single-instructor h2 {
  font-weight: var(--gp-strong-font-weight) !important;
}

/*--------------------------------------------------------------
Courses
--------------------------------------------------------------*/

.lp-single-instructor .ul-instructor-courses h3 {
  border-color: var(--gp-misc-border-color) !important;
}
.lp-single-instructor .ul-instructor-courses h3 a {
  font-weight: var(--gp-strong-font-weight);
  color: var(--gp-body-text-color);
}
.lp-single-instructor .ul-instructor-courses h3 a:hover {
  color: var(--gp-primary-color);
}

/*--------------------------------------------------------------------------------------

Profile Page

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Profile Header
--------------------------------------------------------------*/

.lp-user-profile .wrapper-profile-header {
  background: var(--gp-misc-bg-color);
  color: var(--gp-body-text-color);
}
.lp-user-profile .lp-profile-left {
  min-width: 150px;
  min-height: 150px;
}
.lp-user-profile .lp-profile-user-bio {
  font-weight: 400;
}
.lp-user-profile .lp-profile-username::before,
.lp-user-profile .lp-profile-username::after {
  background: var(--gp-body-text-color);
}

/*--------------------------------------------------------------
Profile Sidebar
--------------------------------------------------------------*/

.lp-user-profile #profile-sidebar {
  border-color: var(--gp-misc-border-color);
  background: var(--gp-misc-bg-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs > li {
  border-color: var(--gp-misc-border-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs > li.active,
.lp-user-profile #profile-nav .lp-profile-nav-tabs > li:hover {
  background: var(--gp-primary-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs > li > a > i {
  color: var(--gp-primary-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs > li a {
  color: var(--gp-body-text-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs > li > a::after {
  color: var(--gp-tertiary-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs li.active > ul .active {
  background: var(--gp-misc-bg-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs li.active > ul .active > a,
.lp-user-profile
  #profile-nav
  .lp-profile-nav-tabs
  li.active
  > ul
  .active
  > a
  i {
  color: var(--gp-button-text-color);
  background: var(--gp-primary-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs > li:last-child {
  border-radius: 0;
}

/* Dropdrop Nav ************************************/

.lp-user-profile #profile-nav .lp-profile-nav-tabs li > ul {
  background: var(--gp-misc-bg-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs > li ul li a {
  border-color: var(--gp-misc-border-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs > li ul li a:hover {
  color: var(--gp-button-text-color);
  background: var(--gp-primary-color);
}
.lp-user-profile #profile-nav .lp-profile-nav-tabs > li ul li:hover > a i {
  color: var(--gp-button-text-color);
  background: none;
}

/*--------------------------------------------------------------
Profile - Courses Tab
--------------------------------------------------------------*/

.dashboard-statistic__row .statistic-box {
  border: 0;
  background: var(--gp-misc-bg-color);
}
.dashboard-statistic__row .statistic-box:hover {
  background: var(--gp-misc-border-color);
}
.statistic-box .statistic-box__text {
  color: var(--gp-tertiary-color);
}
.statistic-box .statistic-box__number {
  color: var(--gp-primary-color);
}
.learn-press-filters > li span,
.learn-press-course-tab-filters .learn-press-filters a.active {
  color: var(--gp-primary-color);
}
.learn-press-filters > li a {
  color: var(--gp-body-text-color);
}
.learn-press-filters > li a:hover {
  color: var(--gp-primary-color);
}
.learn-press-filters > li::after {
  color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------
Profile - My Courses Tab
--------------------------------------------------------------*/

.learn-press-profile-course__progress .lp_profile_course_progress__header th,
.learn-press-profile-course__progress .lp_profile_course_progress__item td {
  border-color: var(--gp-misc-border-color);
}
.learn-press-profile-course__progress .lp_profile_course_progress__header {
  background: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Profile - Orders Tab
--------------------------------------------------------------*/

.lp-user-profile .profile-orders .column-order-actions a {
  color: var(--gp-primary-color);
}
.lp-user-profile .profile-orders .column-order-actions a:hover {
  color: var(--gp-secondary-color);
}
div.order-recover input[type="text"] {
  background: var(--gp-section-bg-color);
  border-color: var(--gp-misc-border-color);
  color: var(--gp-tertiary-color);
  border-radius: var(--gp-form-field-border-radius);
}
.lp-user-profile .lp-profile-content .lp-button {
  border: var(--gp-button-border);
  background: var(--gp-button-bg-color, var(--gp-primary-color));
  color: var(--gp-button-text-color);
  font-weight: var(--gp-strong-font-weight);
  border-radius: var(--gp-button-border-radius);
}
.lp-user-profile .lp-profile-content .lp-button:hover {
  background: var(--gp-button-bg-color-hover, var(--gp-secondary-color));
}

/*--------------------------------------------------------------
Profile - Settings Tab
--------------------------------------------------------------*/

/* Tabs ************************************/

.learn-press-tabs .learn-press-tabs__tab {
  border: 0;
  background: var(--gp-misc-bg-color);
}
.lp-user-profile #profile-content-settings .learn-press-tabs__nav {
  border: 0;
}
.lp-user-profile
  #profile-content-settings
  .learn-press-tabs__nav
  .learn-press-tabs__tab
  a:hover {
  color: var(--gp-primary-color);
}
.learn-press-tabs
  .learn-press-tabs__checker:nth-child(1):checked
  ~ .learn-press-tabs__nav
  .learn-press-tabs__tab:nth-child(1),
.learn-press-tabs
  .learn-press-tabs__checker:nth-child(2):checked
  ~ .learn-press-tabs__nav
  .learn-press-tabs__tab:nth-child(2),
.learn-press-tabs
  .learn-press-tabs__checker:nth-child(3):checked
  ~ .learn-press-tabs__nav
  .learn-press-tabs__tab:nth-child(3) {
  background: var(--gp-primary-color);
}
.learn-press-tabs .learn-press-tabs__tab > label a {
  color: var(--gp-body-text-color);
}
.learn-press-tabs
  .learn-press-tabs__checker:nth-child(1):checked
  ~ .learn-press-tabs__nav
  .learn-press-tabs__tab:nth-child(1)
  label
  a,
.learn-press-tabs
  .learn-press-tabs__checker:nth-child(2):checked
  ~ .learn-press-tabs__nav
  .learn-press-tabs__tab:nth-child(2)
  label
  a,
.learn-press-tabs
  .learn-press-tabs__checker:nth-child(3):checked
  ~ .learn-press-tabs__nav
  .learn-press-tabs__tab:nth-child(3)
  label
  a {
  color: var(--gp-button-text-color);
}
.learn-press-tabs
  .learn-press-tabs__checker:nth-child(1):checked
  ~ .learn-press-tabs__nav
  .learn-press-tabs__tab:nth-child(1)::before,
.learn-press-tabs
  .learn-press-tabs__checker:nth-child(2):checked
  ~ .learn-press-tabs__nav
  .learn-press-tabs__tab:nth-child(2)::before,
.learn-press-tabs
  .learn-press-tabs__checker:nth-child(3):checked
  ~ .learn-press-tabs__nav
  .learn-press-tabs__tab:nth-child(3)::before {
  display: none;
}

/* Form ************************************/

/* General */
.lp-user-profile
  #profile-content-settings
  .learn-press-form
  .form-fields
  .form-field
  label {
  color: var(--gp-body-text-color);
}
.lp-user-profile
  #profile-content-settings
  .learn-press-form
  .form-fields
  .form-field
  .form-field-input
  input {
  background: var(--gp-section-bg-color);
  border-color: var(--gp-misc-border-color);
  color: var(--gp-tertiary-color);
  border-radius: var(--gp-form-field-border-radius);
}
#learn-press-profile-basic-information button[type="submit"] {
  border: var(--gp-button-border);
  background: var(--gp-button-bg-color, var(--gp-primary-color));
  color: var(--gp-button-text-color);
  font-weight: var(--gp-strong-font-weight);
  border-radius: var(--gp-button-border-radius);
}
#learn-press-profile-basic-information button[type="submit"]:hover {
  opacity: 1;
  background: var(--gp-button-bg-color-hover, var(--gp-secondary-color));
}

/* Avatar */
.learnpress_avatar__form__upload {
  border: 1px dashed var(--gp-misc-border-color);
  background-color: var(--gp-misc-bg-color);
}
button.learnpress_avatar__button {
  height: auto;
  border: var(--gp-button-border);
  background: var(--gp-button-bg-color, var(--gp-primary-color));
  color: var(--gp-button-text-color);
  font-weight: var(--gp-strong-font-weight);
  border-radius: var(--gp-button-border-radius);
}
button.learnpress_avatar__button:hover {
  background: var(--gp-button-bg-color-hover, var(--gp-secondary-color));
}

/* Password */
.lp-password-input .lp-show-password-input.display-password::after {
  color: var(--gp-tertiary-color);
}
.profile-basic-information button,
form[name="profile-change-password"] button {
  border: var(--gp-button-border);
  background: var(--gp-button-bg-color, var(--gp-primary-color));
  color: var(--gp-button-text-color);
  font-weight: var(--gp-strong-font-weight);
  border-radius: var(--gp-button-border-radius);
}
.profile-basic-information button,
form[name="profile-change-password"] button:hover {
  opacity: 1;
  background: var(--gp-button-bg-color-hover, var(--gp-secondary-color));
}

/*--------------------------------------------------------------------------------------

Become A Teacher Page

--------------------------------------------------------------------------------------*/

.become-teacher-form {
  width: 100%;
  max-width: 100%;
}

/*--------------------------------------------------------------------------------------

Checkout Pahge

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Notes
--------------------------------------------------------------*/

.lp-checkout-form a {
  color: var(--gp-primary-color);
}
.lp-checkout-form a:hover {
  color: var(--gp-secondary-color);
}
.order-comments {
  border-color: var(--gp-misc-border-color);
}

/*--------------------------------------------------------------
Your Order
--------------------------------------------------------------*/

#checkout-order .lp-checkout-order__inner {
  border-radius: var(--gp-section-bg-color);
  border: 0;
  background: var(--gp-misc-bg-color);
}
#checkout-order .course-name a {
  color: var(--gp-body-text-color);
}
#checkout-order .course-name a:hover {
  color: var(--gp-primary-color);
}
#checkout-order td,
#checkout-order th {
  border-color: var(--gp-misc-border-color);
}
.lp-checkout-form__before .lp-checkout-block h4,
.lp-checkout-form__after .lp-checkout-block h4 {
  color: var(--gp-body-text-color);
}
#checkout-order tfoot .cart-subtotal,
#checkout-order .col-number,
#checkout-order tfoot .order-total th,
#checkout-order .order-total .col-number {
  color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------
Payment Method
--------------------------------------------------------------*/

#learn-press-checkout .payment-methods .lp-payment-method > label {
  background: var(--gp-misc-bg-color);
}
#learn-press-checkout .payment-methods .lp-payment-method.selected > label {
  background: var(--gp-misc-border-color);
}
#learn-press-checkout .payment-methods .payment-method-form {
  border-color: var(--gp-misc-border-color);
  background: var(--gp-misc-bg-color);
}

/*--------------------------------------------------------------
Checkout Button
--------------------------------------------------------------*/

#checkout-payment #checkout-order-action button {
  border: var(--gp-button-border);
  background: var(--gp-button-bg-color, var(--gp-primary-color));
  color: var(--gp-button-text-color);
  font-weight: var(--gp-strong-font-weight);
  border-radius: var(--gp-button-border-radius);
}
#checkout-payment #checkout-order-action button:hover {
  opacity: 1;
  background: var(--gp-button-bg-color-hover, var(--gp-secondary-color));
}

/*--------------------------------------------------------------------------------------

Course Element 

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Archives code - used in element, may be used for archive pages in the future
--------------------------------------------------------------*/

.gp-loop-items-courses.gp-style-boxed .gp-meta-data {
  margin: 10px 0;
}
.gp-theme .gp-loop-items-courses .gp-loop-item .gp-meta-data-price {
  margin: 0;
  font-size: 15px;
}
.gp-theme
  .gp-loop-items-courses.gp-style-boxed
  .gp-loop-item
  .gp-meta-data-price {
  padding: 5px 10px;
}

/*--------------------------------------------------------------
Element specific code
--------------------------------------------------------------*/

.gp-element-courses .gp-loop-item-details {
  width: 100%;
}
.gp-element-courses .gp-course-progress-wrapper {
  display: flex;
  align-items: center;
}
.gp-element-courses .learn-press-progress {
  width: 100%;
}
.gp-element-courses .gp-course-progress-percentage {
  margin: 0 0 0 10px;
  font-size: 0.75em;
  line-height: 1em;
  font-weight: var(--gp-strong-font-weight);
  color: #81d742;
}
.gp-element-courses .gp-course-status-button {
  margin-left: 30px;
  padding: 10px 12px !important;
  font-size: 11px !important;
}

/*--------------------------------------------------------------------------------------

Media Queries

--------------------------------------------------------------------------------------*/

@media (max-width: 1199px) {
  .lp-archive-courses .course-summary-content .course-info-left {
    width: 100%;
  }
  .lp-archive-courses .course-summary-content {
    width: 100%;
  }
  .lp-archive-courses .lp-entry-content {
    flex-direction: column;
  }
  .lp-archive-courses .lp-entry-content .entry-content-left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 50px;
  }
  .lp-archive-courses .course-summary-sidebar {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
  }
  .lp-archive-courses .course-summary-sidebar .course-summary-sidebar__inner {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .lp-archive-courses ul.course-nav-tabs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-height: none;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  #popup-header .course-title {
    margin-top: 20px;
  }
}