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

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 .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 .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
--------------------------------------------------------------*/

ul.learn-press-nav-tabs {
background: var(--gp-misc-bg-color);
}
ul.learn-press-nav-tabs .course-nav:first-child.active::after,
ul.learn-press-nav-tabs .course-nav:last-child.active::after {
background: var(--gp-misc-bg-color);
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(1):checked ~ .learn-press-nav-tabs .course-nav:nth-child(1) label,
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(2):checked ~ .learn-press-nav-tabs .course-nav:nth-child(2) label,
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(3):checked ~ .learn-press-nav-tabs .course-nav:nth-child(3) label,
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(4):checked ~ .learn-press-nav-tabs .course-nav:nth-child(4) label {
color: var(--gp-button-text-color);
background: var(--gp-primary-color);
}
.course-tabs .course-nav label {
font-weight: var(--gp-strong-font-weight);
}
.course-tabs .course-nav:hover label {
color: var(--gp-primary-color);
}
ul.learn-press-nav-tabs .course-nav.active::before {
display: none;
}

/*--------------------------------------------------------------
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: .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;
    }

}