/*
 Theme Name:   Academy LMS Child
 Theme URI:    http://academylms.thimpress.com/
 Description:  Academy LMS Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     academy-lms
 Version:      1.0.0
 Text Domain:  thim
*/

:root {
  --green-50: #f5faeb;
  --green-100: #e9f4d3;
  --green-200: #d5e9ad;
  --green-300: #b8da7c;
  --green-400: #9dc853;
  --green-500: #7ead35;
  --green-600: #608726;
  --green-700: #4b6922;
  --green-800: #3e5420;
  --green-900: #35481f;
  --green-950: #1a270c;

  --gray-50: #f8f8f8;
  --gray-100: #f0f0f0;
  --gray-200: #e5e5e5;
  --gray-300: #d1d1d1;
  --gray-400: #b4b4b4;
  --gray-500: #9a9a9a;
  --gray-600: #818181;
  --gray-700: #6a6a6a;
  --gray-800: #5a5a5a;
  --gray-900: #4e4e4e;
  --gray-950: #282828;
}


/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/inter-v12-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/inter-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/inter-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/inter-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html, body, h1, h2, h3, h4, h5, h6, h7 {
  font-family: "Inter", sans-serif;
}

.archive-courses article .inner-course .teacher_course {
  display: none !important;
}

/* LEARN PRESS OVERRIDES - BUTTONS */

.learnpress .learn-press-form button,
.gform_button,
button {
  background-color: var(--thim_body_primary_color);
  padding: 5px 20px;
  color: #fff;
  border: 0;
  border-radius: 5px;
}

.learnpress .learn-press-form button:hover,
.gform_button:hover,
button:hover {
  background-color: #000;
}

/* this is the conditional button on the registration page */
.button-box .button {
  border: 1px solid var(--thim_body_primary_color);
  background-color: var(--thim_body_primary_color);
  margin: 0 0 15px;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

/* PRICING ELEMENTS TO HIDE */

.single-button .price-box,
.button-box .intro,
.learn-press-course-wishlist {
  display: none;
}

/* LEARN PRESS LESSON TEMPLATE DESIGN CHANGES */
/* THIS CODE MAKES THE HEADER VISIBLE ON THE SINGLE COURSE PAGES. */

body.course-item-popup .page-title.courses_single,
body.course-item-popup .site-footer {
  display: none;
}

body.course-item-popup .site-content,
body.course-item-popup #main {
  padding: 0px !important;
}

body.admin-bar #popup-course {
  top: 0 !important;
  border-bottom: 40px solid #000;
}

html {
  overflow: visible !important;
}

body.course-item-popup #popup-course {
  position: relative !important;
  flex-wrap: wrap;
}

body.course-item-popup #popup-course > div {
  position: relative;
  flex-basis: 100%;
}

body.course-item-popup #popup-course #popup-header {
  position: absolute !important;
}

body.course-item-popup #popup-course #popup-content {
  flex-basis: calc(100% - 475px) !important;
}

body.course-item-popup #popup-course #popup-footer {
  position: absolute !important;
}

body.course-item-popup main#main {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

#popup-content ul {
  list-style-type: disc !important;
  list-style-position: inside;
  padding: 0 0 23px;
}

#learn-press-item-comments {
  display: none;
}

/* I might need this code. Not sure yet. */

/*
#popup-course #popup-sidebar {
    flex: 0 0 300px !important;
}
#popup-course #popup-sidebar .course-curriculum {
    width: 300px !important;
}

#popup-course #popup-header,
#popup-course #popup-footer,
#popup-course #sidebar-toggle {
    left: 300px !important;
}

body.lp-sidebar-toggle__close #popup-course #popup-sidebar {
    flex: 0 0 0 !important;
}

body.lp-sidebar-toggle__close #popup-course>#sidebar-toggle,
body.lp-sidebar-toggle__close #popup-course #popup-header,
body.lp-sidebar-toggle__close #popup-course #popup-footer {
    left: 0 !important;
}
*/

.thim-course-grid .course-item .thim-course-content .course-author .value a,
.learn-press .course-meta > div.course-author .value a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}
.thim-ralated-course {
  margin-top: 200px;
}
.wishlist-box {
  display: none;
}

.lp-profile-nav-tabs .orders,
.lp-profile-nav-tabs .wishlist {
  display: none;
}

#learn-press-course-tabs > ul > li.course-nav.course-nav-tab-reviews {
  display: none !important;
}

.learn-press-form-register {
  display: none !important;
}

.social_login {
  display: none;
}

body {
  font-family: "Inter", sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Inter", sans-serif;
  font-weight: bold;
}

.search-spacer {
  min-height: 60px;
}

.page-title .breadcrumbs ul li > span {
  color: #fff;
}

a.widget-button,
a.widget-button.medium,
input[type="submit"],
.learnpress .learn-press-form button,
.button-box .button,
#thim-popup-login-wrapper
  .thim-popup-login-container
  .thim-popup-login-container-inner
  .thim-popup-login
  .sc-btn,
.single-button .button-box button {
  height: auto !important;
  line-height: 20px !important;
  border-radius: 20px !important;
  text-transform: uppercase;
  padding: 8px 40px !important;
  border: 2px solid transparent;
}

.learn-press-form-login button[type="submit"],
#thim-popup-login-wrapper
  .thim-popup-login-container
  .thim-popup-login-container-inner
  .thim-popup-login
  .sc-btn {
  background-color: var(--green-700);
  color: #fff;
}

#header-top a.widget-button {
  background-color: var(--green-700) !important;
  color: #fff !important;
}

#header-top a.widget-button:hover {
  background-color: var(--green-800) !important;
  color: #fff !important;
  border: 2px solid transparent !important;
}

.search_top {
  width: 100%;
  border-right: 1px solid #bfd6a4;
}

.width-sidebar-right {
  border-right: 1px solid #bfd6a4;
  padding-right: 30px;
}

.wp-block-cover,
.wp-block-cover-image {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.site-header.header_v3 .navigation .sm-logo a.no-sticky-logo img,
.navigation .sm-logo a.sticky-logo img {
  max-width: 219px;
}

.site-header.header_v3 .width-sidebar-right .btn.btn-primary a,
.site-header.header_v3 .width-sidebar-right li a {
  color: #667f49 !important;
}

.site-header.header_v3 .width-sidebar-right .btn.btn-primary a:hover,
.site-header.header_v3 .width-sidebar-right li a:hover {
  color: #000 !important;
}

#thim-popup-login-wrapper
  .thim-popup-login-container
  .thim-popup-login-container-inner
  .thim-popup-login
  .sc-btn {
  color: #fff !important;
}

#thim-popup-login-wrapper
  .thim-popup-login-container
  .thim-popup-login-container-inner
  .thim-popup-login
  .sc-btn:hover {
  color: #667f49 !important;
}

.learnpress-v4
  .lp-archive-courses
  #course-learning
  .course-learning-summary
  .course-results-progress
  .course-progress {
  flex: 0 1 50%;
  margin-bottom: 60px;
}

body.course-item-popup main#main {
  margin-top: 60px;
  z-index: 1;
}

#row-course-review,
.course-students {
  display: none;
}

.course-curriculum .section-content .course-item-preview::before {
  background-color: var(--thim_body_primary_color);
}

.course-description li {
  list-style-type: disc;
}

.main-top .overlay-top-header {
  background-color: rgba(45, 45, 45, 1);
}

#popup-course #popup-header .course-title a:before {
  content: "Course Home > ";
}

.page-title[class*="courses_archive_"] .breadcrumbs ul li span {
  color: #fff;
}

.copyright-area .container {
  border-top: 1px dotted #fff;
}

footer#colophon .footer a:hover {
  color: #f5f7ec;
}

.site-header.header_v3 .width-navigation .menu-main-menu {
  z-index: 9999999;
}

.lp-user-profile #profile-nav .lp-profile-nav-tabs li.active > ul .active > a {
  color: #fff !important;
}

.learnpress-v4
  #popup-course
  #popup-content
  #learn-press-content-item
  .content-item-wrap
  .content-item-summary {
  min-height: 500px;
}

.mobile-menu-container .navbar-nav > li > a:hover {
  color: #fff;
}

#breadcrumbs > li > a:hover > span {
  color: #c8c8c8 !important;
}

.content-item-wrap .content-item-description p,
.content-item-wrap .content-item-description li {
  color: #666;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

#popup-content ul,
#popup-content ol {
  list-style-position: outside;
}

.content-item-wrap .content-item-description a {
  border-bottom: 1px dotted;
}
.content-item-wrap .content-item-description a:hover {
  color: #000;
  border-bottom: 1px solid;
}

figcaption {
  background-color: #f3f3f3;
  font-size: 12px;
  line-height: 1.4;
  padding: 10px;
}

@media (max-width: 768px) {
  .navbar-toggle {
    background-color: var(--thim_body_primary_color);
    left: 10px;
  }
  .site-header .navigation {
    background-color: #fff;
  }
}

/* The testimonial box is hardcoded into two columns with absolute positioning
This is a preliminary test of hiding the images and making ut full width
More work will need to be done to make it */

/*
.testimonial-image { 
display: none;
}

.testimonial_content { 
	width: 100% !important; 
	float: none !important; 
	text-align:center !important;
}

.testimonial_03 .widget-box-title {
    position: relative;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

.widget-box-title:after {
	background: transparent;
}
*/

.panel-row-style.bg_dark,
.page-title .main-top {
  background-image: none !important;
  background-color: var(--gray-950) !important;
}

.learnpress-v4 #popup-course #popup-content .lp-button:hover {
  background-color: var(--green-800) !important;
}

a.widget-button,
#thim-popup-login-wrapper
  .thim-popup-login-container
  .thim-popup-login-container-inner
  .thim-popup-login
  .sc-btn,
.learnpress .learn-press-form button {
  border: 2px solid var(--green-700) !important;
  background-color: var(--green-700) !important;
}

a.widget-button:hover,
input[type="submit"]:hover,
.button-box .button:hover,
.single-button .button-box button:hover,
#thim-popup-login-wrapper
  .thim-popup-login-container
  .thim-popup-login-container-inner
  .thim-popup-login
  .sc-btn:hover,
.learnpress .learn-press-form button:hover {
  border: 2px solid var(--green-800) !important;
  background-color: var(--green-800) !important;
  color: #fff !important;
}

.bg_maps {
  background-image: none !important;
  background-color: var(--gray-950) !important;
}

.bg_maps:before {
  background-color: initial !important;
}

footer#colophon .footer,
footer#colophon .copyright-area {
  background-color: var(--gray-950) !important;
}

.site-header.header_v3 .width-navigation label {
  color: var(--green-700) !important;
}

#back-to-top {
  background-color: var(--green-700) !important;
  border-color: var(--green-700) !important;
}

#back-to-top:hover {
  background-color: var(--green-800) !important;
  border-color: var(--green-800) !important;
}