* {
    font-family: omnes-pro, sans-serif;
    font-weight: 500;
  }
  
  @media (max-width: 992px) {
    main, footer {
      padding: 24px;
    }
  }
  
  h4 {
    padding-bottom: 12px;
    border-bottom: 3px solid #D0F5C7;
  }
  
  h5 {
    font-weight: bolder;
  }
  
  .carousel-control-prev-icon, .carousel-control-next-icon {
    filter: invert();
    padding: 0 2rem;
  }
  
  .carousel-control-prev {
    justify-content: start;
  }
  
  .carousel-control-next {
    justify-content: end;
  }
  
  .carousel-caption {
    /*color: #000000;*/
    color:#198754; /* bootstrap 5 success color  #198754;*/
    bottom: -1rem;
  }
  
  .w-80 {
    width: 80% !important;
    margin: 0 auto 3rem auto;
    border: 2px solid green;
  }


/** LM created this class for font between fs-6 (default) and fs-5 (1.25rem), to use in About Lauren, Pricing and the bullets under Course Structure **/
.details
{
  font-size:1.1rem;
}

/** LM included below -- copied from styles.css used for Register template. Must include here for the Register_Modal **/
  /** PASSWORD VALIDATION **/
/** https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_password_val **/
/* The message box is shown when the user clicks on the password field */
#message {
  display:none;
  background: #f1f1f1;
  color: #000;
  position: relative;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#message p {
  margin:0px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  left: -10px;
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  left: -10px;
  content: "✖";
}  
/** PASSWORD VALIDATION - END **/