/*!
Theme Name: The Finlab Theme
Theme URI: https://krome.sg
Author: Krome Pte Ltd
Author URI: https://krome.sg
Description: An elegant theme for The Finlab by Krome Singapore
Version: 2023.09.05
License: Copyrighted
Text Domain: the-finlab-theme
Tags: custom-theme, elementor-ready, toolset-ready, custom-header, featured-images
*/

/*WP block*/
.wp-block-image {
  margin-bottom: 30px;
}

/*MemberPress Form elements*/
.mp_wrapper textarea,
.mp_wrapper select,
.mp_wrapper input[type="text"],
.mp_wrapper input[type="url"],
.mp_wrapper input[type="email"],
.mp_wrapper input[type="tel"],
.mp_wrapper input[type="number"],
.mp_wrapper input[type="password"] {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

.mepr-form input.invalid,
.mepr-form select.invalid,
.mepr-form textarea.invalid {
  border: 2px solid #fb002c !important;
  background-color: #ffffff !important;
}

.mepr-form label.mepr-checkbox-field.invalid,
.mepr-form div.mepr-checkboxes-field.invalid,
.mepr-form div.mepr-radios-field.invalid {
  border: none !important;
  background-color: #ffffff !important;
  color: #fb002c;
}

.mp-form-submit .mepr-submit {
  margin-bottom: 30px;
}

.mp-form-row a {
  text-decoration: underline !important;
}

input[type="submit"]:hover {
  background: #005eb8;
}

/*Full Width Child*/
.full-width-child > .elementor-widget-container {
  width: 100vw;
  position: relative;
  left: 49.9%;
  right: 49.9%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/*Single Course*/
div.mpcs-breadcrumbs {
  padding: 50px 0 30px;
}
div.mpcs-breadcrumbs .mpcs-breadcrumb a {
  font-weight: 400;
  text-transform: uppercase;
}
div.mpcs-breadcrumbs span.mpcs-breadcrumb:not(:last-child)::after {
  content: url("../finlab-community/img/icons/icon_breadcrumb_separator.2b482631.svg") !important;
  margin-left: 1rem;
  margin-right: 1rem;
}

#mpcs-lesson-navigation {
  margin: 30px 0;
}

.course-progress-bar-main > span {
  background: #6cd999 !important;
}
.course-progress-bar-main > span:after {
  background-image: none !important;
}

.mpcs-button .is-purple,
.mpcs-lesson-locked-buttons a.mpcs-button.is-purple {
  background-color: #0084ff !important;
  border: 1px solid #0084ff !important;
}

.mpcs-button .is-green {
  background-color: #6cd999 !important;
  border: 1px solid #6cd999 !important;
}

.mpcs-lesson-progress .mpcs-lesson-complete {
  color: #6cd999 !important;
}

.mpcs-button span,
.mpcs-lesson-locked-buttons a {
  border-radius: 50px !important;
}

/*Single Quiz*/
.mpcs-quiz-question-label > label {
  color: #005eb8;
}
.mpcs-quiz-question-option .mpcs-quiz-question-option-label {
  color: #212121;
}

/*Progress Bar*/
.mpcs-course-list .course-progress {
  border: 2px solid #005eb8 !important;
  border-radius: 999px !important;
}
.mpcs-course-list .course-progress .user-progress {
  border-radius: 999px !important;
}

/*.mepr-courses-wrapper {
  max-width: 1000px;
}*/
.mepr-courses-wrapper .grid {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  padding: 1.8rem 0;
  border-bottom: 1px solid rgba(110, 118, 129, 0.25);
}
.mepr-courses-wrapper .grid .grid-pad {
  width: 100%;
  padding-left: 0;
  padding-top: 0;
}

/*ReadyLaunch Pages*/
.course-progress h1 {
  line-height: 1.25 !important;
}
.mpcs-quiz-question-label > label,
.mpcs-quiz-question-option .mpcs-quiz-question-option-label {
  color: #005eb8 !important;
}
.mpcs-quiz-question-input {
  max-width: none !important;
}

/*Course Listing*/
.mpcs-cards .card {
  border-radius: 20px;
}
.mpcs-cards .card .card-image:first-child img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.mpcs-cards .card .card-header .card-title h3 a {
  color: #005eb8;
}

.mpcs-course-filter .dropdown a.btn {
  border-radius: 20px;
}

.search-course .input-group input[type="text"] {
  border-radius: 20px;
  padding-left: 12px;
  border-color: #005eb8 !important;
}
.search-course .input-group button {
  box-shadow: none;
  padding: 5px 10px;
}

.mpcs-classroom .mpcs-course-filter .dropdown .btn span,
.mpcs-classroom .mpcs-course-filter .dropdown .btn i,
.mpcs-classroom .mpcs-course-filter .input-group .input-group-btn,
.mpcs-classroom .mpcs-course-filter .input-group .mpcs-search,
.mpcs-classroom .mpcs-course-filter .input-group input[type="text"],
.mpcs-classroom .mpcs-course-filter .dropdown a,
.mpcs-classroom .pagination,
.mpcs-classroom .pagination i,
.mpcs-classroom .pagination a {
  color: #005eb8 !important;
  border-color: #005eb8 !important;
}