/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.3
 Author:       Doktor
 Description:  A child theme of Hello Elementor
*/

/* You can add your custom CSS below this line */

/* .learndash-wrapper .order-overview {
  display: none !important;
}

.learndash-wrapper #learndash-registration-wrapper form input,
.learndash-wrapper #learndash-reset-password-wrapper form input {
  border: 1px solid #e4eaec !important;
  border-radius: 0.215rem !important;
}

.learndash-wrapper #learndash-registration-wrapper form label,
.learndash-wrapper #learndash-reset-password-wrapper form label {
  color: #76838f !important;
  margin-bottom: 10px !important;
}

.learndash-wrapper
  #learndash-registration-wrapper
  #learndash_registerform
  #wp-submit,
.learndash-wrapper
  #learndash-reset-password-wrapper
  #learndash_registerform
  #wp-submit,
[type="button"],
[type="submit"],
button {
  background-color: #54b2d3;
  color: #fff;
}

.learndash-wrapper
  #learndash-registration-wrapper
  #learndash_registerform
  #wp-submit,
.learndash-wrapper
  #learndash-reset-password-wrapper
  #learndash_registerform
  #wp-submit:hover,
[type="button"]:hover,
[type="submit"]:hover,
button:hover {
  background-color: #40a0c1;
}

.learndash-wrapper #learndash-registration-wrapper form input:focus-visible,
.learndash-wrapper #learndash-reset-password-wrapper form input:focus-visible {
  outline: none !important;
  border-color: #62a8ea !important;
}

.registration-login {
  color: #76838f !important;
}

.learndash-wrapper #learndash-registration-wrapper .registration-login-link,
.learndash-wrapper #learndash-reset-password-wrapper .registration-login-link,
.show-password-reset-link a,
.show-register-form a {
  color: #54b2d3 !important;
}

#learndash-registration-wrapper {
  padding: 50px 0;
  min-height: 75vh !important;
}

[type="button"]:focus,
[type="button"]:hover,
[type="submit"]:focus,
[type="submit"]:hover,
button:focus,
button:hover {
  background-color: #40a0c1;
  outline: none;
}
.learndash-reset-password-title {
  font-family: "satoshi", "Sans-serif";
  text-align: center;
  padding-top: 50px;
}

#learndash-reset-password-wrapper {
  padding-bottom: 50px;
  width: 70%;
  min-height: 70vh !important;
}

.ld-profile-avatar,
.ld-profile-edit-link,
.ld-profile-stat-certificates,
.ld-profile-stat-points {
  display: none;
}
.ld-profile-stat-completed {
  border-right: none !important;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-form label {
  text-align: left;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-username:before,
.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password:before {
  top: 2em;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-register .ld-content {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-register .ld-button:hover {
  box-shadow: 0 0 0 2px #fff !important;
}

.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button {
  padding: 12px 36px 12px 12px !important;
}

.learndash-wrapper
  .ld-button:hover:not(.ld-button-transparent):not(.ld--ignore-inline-css),
.learndash-wrapper .btn-join:hover:not(.ld--ignore-inline-css),
.learndash-wrapper #btn-join:hover:not(.ld--ignore-inline-css),
.learndash-wrapper .ld-expand-button:hover,
.learndash-wrapper
  .wpProQuiz_content
  .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):hover:not(
    .wpProQuiz_button_restartQuiz
  ),
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover,
.learndash-wrapper .ld-focus-comments .form-submit #submit,
.learndash-wrapper .ld-login-modal input[type="submit"]:hover,
.learndash-wrapper .ld-login-modal .ld-login-modal-register:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:hover {
  opacity: 1 !important;
}

@media (min-width: 769px) {
  .learndash-wrapper .ld-login-modal {
    margin: 18% 50% 20px;
    background: transparent;
    box-shadow: none;
    position: fixed;
    width: 100% !important;
    transform: translate(-50%, -50%) !important;
  }

  .learndash-wrapper .ld-modal {
    max-width: 100% !important;
    height: 100% !important;
    min-height: auto !important;
    top: 20vh !important;
  }

  .learndash-wrapper .ld-modal .ld-modal-closer {
    font-size: 38px;
    top: 50px;
  }
}

.learndash-shortcode-wrap-ld_infobar-13_13_0 {
  display: none;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
  margin: 0;
  background-color: #eef7fb;
}

[class*="learndash-shortcode-wrap-course_content-13_13_"] {
  display: none;
}

.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
  background-color: #eef7fb;
}

.learndash-wrapper .ld-status-complete .ld-icon::before {
  background-color: transparent !important;
}

input[type="submit"] {
  border-color: #6eb237 !important;
}

.learndash-wrapper #ld-profile button.ld-icon-search.ld-icon {
  display: none;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(
    .learndash-wrapper--modern
  )
  a:not(.button):not(.screen-reader-shortcut) {
  margin-top: 20px;
}

@media (max-width: 768px) {
  #learndash-registration-wrapper,
  #learndash-reset-password-wrapper {
    width: 95% !important;
  }

  .learndash-wrapper .ld-login-modal {
    padding-top: 15vh;
    background: transparent;
  }
  .learndash-wrapper .ld-modal {
    box-shadow: none;
  }

  .learndash-wrapper .ld-modal .ld-modal-closer {
    top: auto;
  }
} */

/* Enroll User */
.wrap {
  max-width: 600px;
  margin: 40px auto;
  background: #f9f9f9;
  padding: 30px 40px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.1);
  font-family: Arial, sans-serif;
}

.wrap h2 {
  margin-bottom: 25px;
  font-weight: 700;
  color: #333;
  text-align: center;
}

label {
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
  color: #555;
}

input[type="text"],
input[type="email"],
select {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  margin-bottom: 15px;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}

input:focus,
select:focus {
  border-color: #0073aa;
  outline: none;
  box-shadow: 0 0 6px rgba(0, 115, 170, 0.4);
}

button[type="submit"] {
  background-color: #0073aa;
  color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 25px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 10px;
  transition: background-color 0.3s ease;
  display: block;
  width: 100%;
}

button[type="submit"]:hover {
  background-color: #005177;
}

#pabau-enroll-result {
  margin-top: 20px;
  font-size: 15px;
}

#pabau-enroll-result p {
  padding: 10px 15px;
  border-radius: 5px;
}

#pabau-enroll-result p[style*="green"] {
  background-color: #dff0d8;
  color: #3c763d;
  border: 1px solid #d6e9c6;
}

#pabau-enroll-result p[style*="red"] {
  background-color: #f2dede;
  color: #a94442;
  border: 1px solid #ebccd1;
}


.password-protected-wrapper {
    max-width: 500px;
    margin: 50px auto;
    padding: 20px;
    text-align: center;
}

.post-password-form p {
  flex-direction: column;
  align-items: center !important;
}