/*---------------------------------------------------------------------------
  Variables
---------------------------------------------------------------------------*/

:root {
  --navy: #011E42;
  --navy-rgb: 1, 30, 66;

  --aqua: #00E5D4;
  --aqua-rgb: 0, 229, 212;

  --green: #00D8A4;
  --green-rgb: 0, 216, 164;

  --blue: #15BBFC;
  --blue-rgb: 21, 187, 252;

  --purple: #8286FD;
  --purple-rgb: 130, 134, 253;

  --pink: #FF0080;
  --pink-rgb: 255, 0, 128;

  --red: #FC1441;
  --red-rgb: 252, 20, 65;

  --orange: #FF8C00;
  --orange-rgb: 255, 140, 0;

  --yellow: #FCC82D;
  --yellow-rgb: 252, 200, 45;

  --white: #ffffff;
  --white-rgb: 255, 255, 255;

  --light-grey: #F7F7F7;
  --light-grey-rgb: 247, 247, 247;

  --outline-grey: #D9D9D9;
  --outline-grey-rgb: 217, 217, 217;

  --text-grey: #58595B;
  --text-grey-rgb: 88, 89, 91;

  --black: #000000;
  --black-rgb: 0, 0, 0;

  --transition: 0.25s ease all;

  --border-radius-xs: 5px;
  --border-radius-sm: 10px;
  --border-radius-md: 20px;
  --border-radius-xl: 45px;
}

/*---------------------------------------------------------------------------
  LearnDash Base
---------------------------------------------------------------------------*/

.learndash-wrapper .ld-tab-content > *:not(:last-child),
.learndash-wrapper .lesson-content .lesson-video,
.learndash .back-to-course {
  margin: 0 0 20px !important;
}

.learndash-wrapper .sfwd-mark-complete:after,
.learndash-wrapper .ld-button .ld-icon,
.learndash-wrapper .ld-progress-steps,
.learndash-wrapper .ld-status-progress,
.learndash-wrapper .ld-breadcrumbs-segments,
.learndash-wrapper .ld-expand-button .ld-text,
.learndash-wrapper .ld-item-list-item-expanded:before,
.learndash-wrapper .ld-table-list-header,
.learndash-wrapper .ld-item-list-section-heading,
.learndash-wrapper .ld-item-list .ld-section-heading,
.learndash-wrapper .ld-item-list .ld-item-components,
.learndash-wrapper .wpProQuiz_content input.wpProQuiz_button[name="check"],
.learndash-wrapper .wpProQuiz_questionListItem .wpProQuiz_sortable:before,
.learndash-wrapper .wpProQuiz_quiz_time,
.learndash-wrapper .ld-quiz-status,
.learndash-wrapper .wpProQuiz_certificate,
.learndash-wrapper .ld-content-actions .ld-course-step-back,
.learndash-wrapper .ld-item-list-item-expanded .ld-table-list-header {
  display: none !important;
}

/*---------------------------------------------------------------------------
  Alerts
---------------------------------------------------------------------------*/

.learndash-wrapper .ld-alert,
.learndash-wrapper .wpProQuiz_points,
.learndash-wrapper .wpProQuiz_response,
.learndash-wrapper .certificate-completion {
  margin: 0 !important;
  padding: 30px !important;
  min-height: auto !important;
  text-align: center !important;
  background: rgba(var(--aqua-rgb), 5%) !important;
  border: 1px solid var(--aqua) !important;
  border-radius: var(--border-radius-xs) !important;
  display: block;
}

.learndash-wrapper .ld-alert,
.learndash-wrapper .wpProQuiz_points,
.learndash-wrapper .wpProQuiz_response,
.learndash-wrapper .wpProQuiz_response span,
.learndash-wrapper .certificate-completion {
  font-weight: 500;
  font-size: 14px;
  color: var(--navy);
}

.learndash-wrapper .certificate-completion form {
  margin-top: 30px !important;
}

.learndash-wrapper .certificate-completion form #input_37_6 {
  min-width: 250px !important;
}

.learndash-wrapper .certificate-completion form .gform_footer {
  margin: 0 !important;
  margin-left: 10px !important;
}

.learndash-wrapper .certificate-completion form .gform_footer {
  margin: 0 !important;
  margin-left: 10px !important;
}

@media screen and (max-width: 720px) {
  .learndash-wrapper .certificate-completion form .gform_body,
  .learndash-wrapper .certificate-completion form .gform_footer,
  .learndash-wrapper .certificate-completion form .gform_footer *[type="submit"] {
    width: 100% !important;
  }

  .learndash-wrapper .certificate-completion form .gform_footer {
    margin: 10px 0 0 0 !important;
  }
}

/*---------------------------------------------------------------------------
  LearnDash Buttons
---------------------------------------------------------------------------*/

.learndash-wrapper .ld-quiz-actions,
.learndash-wrapper .ld-content-actions {
  gap: 10px !important;
}

.learndash-wrapper .ld-quiz-actions,
.learndash-wrapper .ld-content-actions {
  border-top: 1px solid var(--outline-grey) !important;
  padding-top: 30px !important;
  margin: 20px 0 !important;
}

.learndash-wrapper .ld-quiz-actions .ld-quiz-action,
.learndash-wrapper .ld-content-actions .ld-content-action {
  padding: 0 !important;
}

.learndash-wrapper .ld-button *,
.learndash-wrapper .quiz_continue_link {
  padding: 0 !important;
  margin: 0 !important;
}

.learndash-wrapper .ld-button,
.learndash-wrapper .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link,
.learndash-wrapper *[type="submit"] {
  margin: 0 !important;
  outline: 0 !important;
  border: 0 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border-radius: var(--border-radius-xs) !important;
  background-color: transparent !important;
  background: linear-gradient(120deg, var(--aqua), var(--aqua), #6DFDF3, var(--aqua), var(--aqua)) !important;
  background-size: 400% 100% !important;
  background-position: 100% 0 !important;
  padding: 15px 25px !important;
  font-size: 14px !important;
  color: var(--navy) !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  text-decoration: none !important;
  position: relative !important;
  transition: 0.5s ease all !important;
}

.learndash-wrapper .ld-button:hover,
.learndash-wrapper .ld-button:focus,
.learndash-wrapper .ld-button:active,
.learndash-wrapper .wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_button:focus,
.learndash-wrapper .wpProQuiz_button:active,
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link:hover,
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link:focus,
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link:active,
.learndash-wrapper *[type="submit"]:hover,
.learndash-wrapper *[type="submit"]:focus,
.learndash-wrapper *[type="submit"]:active {
  opacity: 1 !important;
  background-position: 0 0 !important;
}

/* Responsive */

@media screen and (max-width: 768px) {
  .learndash-wrapper .ld-quiz-actions,
  .learndash-wrapper .ld-content-actions {
    padding-top: 20px !important;
  }
}

/*---------------------------------------------------------------------------
  Progress Bar
---------------------------------------------------------------------------*/

.learndash-wrapper .ld-breadcrumbs {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
}

.learndash-wrapper .ld-progress {
  background: rgba(var(--aqua-rgb), 10%);
  border-radius: var(--border-radius-xs) !important;
  padding: 10px !important;
  align-items: center !important;
  flex-direction: row-reverse !important;
  width: 100%;
}

.learndash-wrapper .ld-progress-bar {
  margin: 0 !important;
  flex: 1;
}

.learndash-wrapper .ld-progress-percentage,
.learndash-wrapper .ld-progress-label,
.learndash-wrapper .ld-progress-stats {
  margin: 0;
  color: var(--navy) !important;
  font-weight: 600 !important;
}

.learndash-wrapper .ld-progress-heading {
  max-width: fit-content !important;
  margin: 0 0 0 10px;
}

.learndash-wrapper .ld-progress-heading * {
  margin: 0 !important;
}

.learndash-wrapper .ld-progress-heading .ld-progress-label {
  margin: 0 10px 0 0 !important;
}

/* Status Badge */

.learndash-wrapper .ld-course-status,
.learndash-wrapper .ld-lesson-status,
.learndash-wrapper .ld-topic-status {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
}

.learndash-wrapper .ld-course-status {
  flex-direction: row-reverse !important;
}

.learndash-wrapper .ld-status {
  width: 100px !important;
  padding: 10px !important;
  font-weight: 600 !important;
  color: var(--navy) !important;
  line-height: 11px !important;
  border-radius: var(--border-radius-xs) !important;
  margin: 0 15px 0 0 !important;
}

/*---------------------------------------------------------------------------
  Course Grid
---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------
  Single Course
---------------------------------------------------------------------------*/

.single-course .learndash .learndash-wrapper > * {
  margin: 0 0 30px !important;
}

/*---------------------------------------------------------------------------
  Lesson/Topic Grid
---------------------------------------------------------------------------*/

.learndash-wrapper .ld-item-list,
.learndash-wrapper .ld-table-list,
.learndash-wrapper .ld-item-list *,
.learndash-wrapper .ld-table-list * {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-items,
.learndash-wrapper .ld-table-list .ld-table-list-items {
  /* margin: 0 15px !important; */
  border-top: 1px solid var(--outline-grey) !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item-preview,
.learndash-wrapper .ld-table-list-items .ld-table-list-item {
  position: relative;
  padding: 25px 20px !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item-preview {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-item,
.learndash-wrapper .ld-item-list .ld-item-list-item {
  border-bottom: 1px solid var(--outline-grey) !important;
}

.learndash-wrapper .ld-item-list-item-expanded .ld-table-list-item:last-child {
  border-bottom: 0 !important;
}

.learndash-wrapper .ld-item-list .ld-table-list-items .ld-table-list-item {
  background: var(--light-grey) !important;
}

.learndash-wrapper .ld-item-list .ld-item-name {
  transition: none;
  align-items: center;
}

.learndash-wrapper .ld-item-title,
.learndash-wrapper .ld-topic-title {
  font-weight: 500;
  font-size: 16px !important;
  color: var(--text-grey) !important;
  transition: var(--transition) !important;
}

.learndash-wrapper .ld-item-title:hover,
.learndash-wrapper .ld-topic-title:hover {
  color: var(--navy) !important;
}

.learndash-wrapper .ld-item-list .ld-status-icon,
.learndash-wrapper .ld-item-list .ld-item-title,
.learndash-wrapper .ld-table-list .ld-status-icon,
.learndash-wrapper .ld-table-list .ld-item-title {
  margin: 0 15px 0 0 !important;
}

.learndash-wrapper .ld-item-list .ld-status-icon,
.learndash-wrapper .ld-table-list .ld-status-icon {
  border-radius: 100% !important;
  border: 1px solid var(--outline-grey) !important;
  background: var(--white) !important;
}

.learndash-wrapper .ld-item-list .ld-status-complete,
.learndash-wrapper .ld-item-list .ld-quiz-complete,
.learndash-wrapper .ld-table-list .ld-status-complete,
.learndash-wrapper .ld-table-list .ld-quiz-complete {
  border-color: var(--aqua) !important;
  background-color: var(--aqua) !important;
}

.learndash-wrapper .ld-item-list .ld-icon-quiz:before,
.learndash-wrapper .ld-item-list .ld-quiz-complete .ld-icon:before,
.learndash-wrapper .ld-item-list .ld-status-complete .ld-icon:before,
.learndash-wrapper .ld-table-list .ld-icon-quiz:before,
.learndash-wrapper .ld-table-list .ld-quiz-complete .ld-icon:before,
.learndash-wrapper .ld-table-list .ld-status-complete .ld-icon:before {
  content: "\e906" !important;
  color: var(--white) !important;
}

.learndash-wrapper .ld-item-list .ld-icon,
.learndash-wrapper .ld-table-list .ld-icon {
  font-size: 8px !important;
}

.learndash-wrapper .ld-item-list .ld-item-details {
  position: relative;
  margin: 0 !important;
}

.learndash-wrapper .ld-item-list .ld-expand-button .ld-icon {
  background: transparent !important;
  transform: none !important;
}

.learndash-wrapper .ld-item-list .ld-expand-button,
.learndash-wrapper .ld-item-list .ld-expand-button .ld-icon,
.learndash-wrapper .ld-item-list .ld-expand-button .ld-icon:before {
  min-width: 14px !important;
  max-width: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
  display: block !important;
}

.learndash-wrapper .ld-item-list .ld-expand-button .ld-icon:before {
  content: '' !important;
  background: url(../img/icon-chevron-down.svg) 50% no-repeat !important;
  background-size: contain !important;
}

.learndash-wrapper .ld-tabs-content p {
  margin: 0 0 15px;
}

.learndash-wrapper #sfwd-mark-complete:after,
.learndash-wrapper .sfwd-mark-complete:after {
  display: none !important;
}

/* Responsive */

@media screen and (max-width: 750px) {
  .learndash-wrapper .ld-item-list .ld-item-list-item-preview,
  .learndash-wrapper .ld-table-list-items .ld-table-list-item {
    position: relative;
    padding: 15px 10px !important;
  }
}

/*---------------------------------------------------------------------------
  Single Quiz
---------------------------------------------------------------------------*/

.learndash-wrapper .wpProQuiz_questionListItem input:focus,
.learndash-wrapper .wpProQuiz_questionListItem select:focus,
.learndash-wrapper .wpProQuiz_questionListItem textarea:focus {
  border: 0 !important;
  outline: 0 !important;
}

h4.wpProQuiz_header {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.learndash-wrapper .wpProQuiz_points {
  margin: 20px 0 !important;
}

.learndash-wrapper .wpProQuiz_questionListItem .wpProQuiz_sortable,
.learndash-wrapper .wpProQuiz_questionListItem label,
.learndash-wrapper .ld-quiz-actions .quiz_continue_link {
  padding: 0 !important;
  border: 0 !important;
}

.learndash-wrapper .wpProQuiz_question_text p {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: var(--navy) !important;
}

.learndash-wrapper .wpProQuiz_questionListItem label,
.learndash-wrapper .wpProQuiz_questionListItem .wpProQuiz_sortable {
  cursor: pointer;
  position: relative;
  display: flex !important;
  align-items: center !important;
  padding: 10px !important;
  border-radius: var(--border-radius-xs) !important;
  border: 1px solid var(--outline-grey) !important;
  color: var(--text-grey) !important;
  font-weight: 400 !important;
}

.learndash-wrapper .wpProQuiz_questionListItem label input[type="radio"],
.learndash-wrapper .wpProQuiz_questionListItem label input[type="checkbox"] {
  display: block;
  border: 1px solid var(--outline-grey) !important;
  padding: 0;
  width: 25px !important;
  height: 25px !important;
  min-height: 25px !important;
  min-width: 25px !important;
  border-radius: 2px !important;
}

.learndash-wrapper .wpProQuiz_questionListItem label input[type="radio"] {
  border-radius: 25px !important;
}

.learndash-wrapper .wpProQuiz_questionListItem label input[type="checkbox"]:checked {
  border-color: var(--aqua) !important;
}

.learndash-wrapper .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label,
.learndash-wrapper .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect .wpProQuiz_sortable {
  background: rgba(var(--red-rgb), 10%) !important;
  border-color: var(--red) !important;
}

.learndash-wrapper .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label,
.learndash-wrapper .wpProQuiz_questionListItem.wpProQuiz_answerCorrect .wpProQuiz_sortable,
.learndash-wrapper .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label,
.learndash-wrapper .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete .wpProQuiz_sortable {
  background: rgba(var(--green-rgb), 10%) !important;
  border-color: var(--green) !important;
}