/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Tutor LMS lesson UI fixes: complete button and curriculum sidebar */
.tutor-course-single-content-wrapper .tutor-topbar,
.tutor-course-single-content-wrapper [class*="topbar"] {
  align-items: center !important;
}

.tutor-course-single-content-wrapper .tutor-topbar .tutor-d-flex,
.tutor-course-single-content-wrapper [class*="topbar"] .tutor-d-flex {
  align-items: center !important;
}

.tutor-topbar-complete-btn {
  flex: 0 0 auto !important;
  margin: 0 16px 0 0 !important;
}

.tutor-topbar-complete-btn form {
  margin: 0 !important;
}

.tutor-topbar-mark-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 11px 20px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.tutor-topbar-mark-btn .tutor-mr-8 {
  margin-right: 0 !important;
}

.tutor-topbar-mark-btn span {
  display: inline-flex !important;
  align-items: center !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header .tutor-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header .tutor-col,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-title {
  min-width: 0 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-title {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-title-info {
  flex: 0 0 auto !important;
  margin-left: 6px !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 46px !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
  color: #0B4F8A !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item > a {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item > a > .tutor-d-flex:first-child {
  min-width: 0 !important;
  margin-right: 0 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-title {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-duration {
  margin-right: 10px !important;
  white-space: nowrap !important;
}

.tutor-course-single-sidebar-wrapper .tutor-form-check-input {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

  .tutor-topbar-mark-btn {
    min-height: 40px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
  }

  .tutor-course-single-sidebar-wrapper .tutor-course-topic-summary {
    min-width: 40px !important;
  }

}