/*******UM CSS*******/
.um {
  opacity: 1 !important;
}
.um * {
  font-family: DM Sans,sans-serif;
}
input {
    border-radius: 16px !important;
}
input#um-submit-btn {
    background: #14a758;
    width: 100% !important;
    border-radius: 16px !important;
}
.um-button{
      line-height: 0.7em !important;
}
input#um-submit-btn:hover {
    background: #222222;
    color: #fff;
    transition: .3s all ease;
}
.um-button.um-alt {
  border-radius: 16px !important;
}
.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
    background: #1293cc !important;
    color: #fff !important;
}
.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
    background: #222222 !important;
    color: #fff !important;
}
a.um-button {
    line-height: 0.6em !important;
}
/***hide Only fill in if you are not human***/
.um_request_name {
    display: none !important;
}

/******HIde Registration password field*******/
#um_field_17_user_password {
  display: none;
}

.um-field .select2.select2-container .select2-selection{
  border-radius: 16px !important;
}



/*******LLMS***********/
/********Course Footer*****/
.llms-loop-item-footer {
    display: none;
}
/******Course alignment*****/
h4.llms-loop-title {
    text-align: center;
}
/******course button*****/
.llms-lesson-button-wrapper {
    margin: 30px 0px 25px 0px;
}
/*****course Title height******/
.llms-lesson-preview .llms-extra+.llms-main {
    width: 100% !important;
}


/*****quiz choices******/
p.llms-choice-text {
    display: inline !important;
}
.llms-favorite-wrapper {
    display: none !important;
}


/*********chained quiz********/
.chained-quiz * {
  font-family:'DM sans',sans-serif;
}
div#chained-quiz-question-1, div#chained-quiz-question-2 {
    font-size: 17px;
    font-weight: 500;
}
.chained-quiz-question {
    font-size: 18px !important;
    font-weight: 600 !important;
}
#chained-quiz-action-1, #chained-quiz-action-2 {
    background-color: #971A3C;
    width: 100px;
    padding: 7px;
    margin: 10px 0px 10px 0px;
    color: #ffffff;
}
#chained-quiz-action-1:hover, #chained-quiz-action-2:hover{
  background-color: #1F236C;
  color: #fff;
}

/*****Hide Prev Next Posts and Author box in Courses*******/
.td-block-row.td-post-next-prev, .author-box-wrap {
    display: none;
}
.comment-respond {
    margin-bottom: 21px;
    display: none;
}


/* 1. Set the wrapper to relative so we can position the 'Dr.' inside it */
#um_field_17_first_name .um-field-area {
    position: relative;
}

/* 2. Add the 'Dr.' text using a pseudo-element */
#um_field_17_first_name .um-field-area::before {
    content: "Dr.";
    position: absolute;
    left: 12px;                  /* Standard UM left padding */
    top: 50%;
    transform: translateY(-50%); /* Centers it perfectly vertically */
    z-index: 9;                  /* Sits on top of the input field */
    color: #666;                 /* Dark gray text color */
    font-weight: 500;            /* Optional: makes it slightly bold */
    pointer-events: none;        /* Allows clicks to pass through to the input */
    line-height: 1;
}

/* 3. Push the typed text to the right so it doesn't overlap 'Dr.' */
#um_field_17_first_name input#first_name-17 {
    padding-left: 45px !important; /* Force space for the prefix */
}