/* Hide LearnPress locked icon for enrolled/paid students */

.course-item-ico.locked {
    display: none !important;
}
table,
table *,
td,
th,
tr {
    font-family: Cambria, Georgia, serif !important;
}/* =========================================================
   HBM — INCREASE HEADER / NAVIGATION LINK SIZE
========================================================= */

nav a,
header a,
.menu a,
.menu-item a,
.elementor-nav-menu a,
.elementor-nav-menu a:visited {
    font-size: 18px !important;
}
/* =========================================================
   HBM INSTITUTE
   LEARNPRESS CHECKOUT — SIGN IN FIRST
   ========================================================= */

:root {
    --hbm-navy: #051C2A;
    --hbm-gold: #E6C26C;
    --hbm-gold-soft: #FBF7EA;
    --hbm-white: #FFFFFF;
    --hbm-text: #20272B;
    --hbm-muted: #727A7F;
    --hbm-line: #E6E7E5;
    --hbm-bg: #F7F7F5;
}


/* =========================================================
   1. FULL WIDTH
   ========================================================= */

body.learnpress-page .site-content,
body.learnpress-page .container,
body.learnpress-page .row,
body.learnpress-page main.site-main,
#learn-press-checkout,
#learn-press-checkout.lp-content-wrap,
#learn-press-checkout .lp-content-area,
#learn-press-checkout-form {
    width: 100% !important;
    max-width: 100% !important;
}

body.learnpress-page .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.learnpress-page .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.learnpress-page main.site-main {
    padding: 0 !important;
}

#learn-press-checkout.lp-content-wrap,
#learn-press-checkout .lp-content-area {
    padding: 0 !important;
}


/* =========================================================
   2. HBM CHECKOUT BACKGROUND
   ========================================================= */

#learn-press-checkout {
    background: var(--hbm-bg) !important;
    padding: 55px 25px 80px !important;
}


/* =========================================================
   3. CHECKOUT FORM
   ========================================================= */

#learn-press-checkout-form {
    max-width: 1080px !important;
    margin: 0 auto !important;
}


/* =========================================================
   4. IMPORTANT:
      MAKE BEFORE + AFTER INTO ONE CONTINUOUS FLOW
   ========================================================= */

#learn-press-checkout-form {
    display: flex !important;
    flex-direction: column !important;
}

#learn-press-checkout-form .lp-checkout-form__before,
#learn-press-checkout-form .lp-checkout-form__after {
    display: contents !important;
}


/* =========================================================
   5. REMOVE OLD LEFT / RIGHT SYSTEM
   ========================================================= */

#learn-press-checkout .left,
#learn-press-checkout .right {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}


/* =========================================================
   6. SIGN-IN / ACCOUNT — FIRST
   ========================================================= */

#checkout-account,
#checkout-account-login,
#checkout-account-register,
#checkout-account-logged-in,

#checkout-account-login,
.lp-checkout-login,
.learn-press-checkout-login,
#learn-press-checkout .checkout-login {
    order: 1 !important;

    width: 100% !important;

    margin: 0 0 20px !important;

    padding: 34px 38px !important;

    background: var(--hbm-white) !important;

    border: 1px solid var(--hbm-line) !important;

    border-radius: 2px !important;

    box-shadow:
        0 10px 35px rgba(5, 28, 42, .045) !important;
}


/* =========================================================
   7. "PLEASE LOGIN" MESSAGE
   ========================================================= */

#learn-press-checkout-form > p:first-child,
#learn-press-checkout .lp-checkout-form__before > p:first-child {
    order: 0 !important;

    margin: 0 auto 15px !important;

    max-width: 1080px !important;

    color: var(--hbm-navy) !important;

    font-family: Cambria,
                 Georgia,
                 "Times New Roman",
                 serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    text-align: left !important;
}


/* =========================================================
   8. SIGN-IN HEADING
   ========================================================= */

#checkout-account-login h3,
#checkout-account-login h4,
.lp-checkout-login h3,
.lp-checkout-login h4,
.learn-press-checkout-login h3,
.learn-press-checkout-login h4,
#learn-press-checkout .checkout-login h3,
#learn-press-checkout .checkout-login h4 {
    margin: 0 0 24px !important;

    padding: 0 0 17px !important;

    color: var(--hbm-navy) !important;

    border-bottom: 1px solid var(--hbm-line) !important;

    font-family: Cambria,
                 Georgia,
                 "Times New Roman",
                 serif !important;

    font-size: 32px !important;

    font-weight: 600 !important;

    line-height: 1.1 !important;

    position: relative !important;
}


/* Gold accent */
#checkout-account-login h3:after,
#checkout-account-login h4:after,
.lp-checkout-login h3:after,
.lp-checkout-login h4:after,
.learn-press-checkout-login h3:after,
.learn-press-checkout-login h4:after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    bottom: -1px !important;

    width: 45px !important;
    height: 2px !important;

    background: var(--hbm-gold) !important;
}


/* =========================================================
   9. LOGIN LABELS
   ========================================================= */

#learn-press-checkout label {
    color: var(--hbm-navy) !important;

    font-family: Cambria,
                 Georgia,
                 "Times New Roman",
                 serif !important;

    font-size: 13px !important;

    font-weight: 600 !important;
}


/* =========================================================
   10. LOGIN INPUTS
   ========================================================= */

#learn-press-checkout input[type="text"],
#learn-press-checkout input[type="email"],
#learn-press-checkout input[type="password"] {
    width: 100% !important;

    min-height: 52px !important;

    margin-top: 7px !important;

    padding: 13px 15px !important;

    background: #FCFCFB !important;

    border: 1px solid var(--hbm-line) !important;

    border-radius: 2px !important;

    color: var(--hbm-text) !important;

    font-family: Cambria,
                 Georgia,
                 "Times New Roman",
                 serif !important;

    font-size: 14px !important;

    outline: none !important;

    box-shadow: none !important;
}

#learn-press-checkout input[type="text"]:focus,
#learn-press-checkout input[type="email"]:focus,
#learn-press-checkout input[type="password"]:focus {
    border-color: var(--hbm-gold) !important;

    background: var(--hbm-white) !important;

    box-shadow:
        0 0 0 3px rgba(230,194,108,.13) !important;
}


/* =========================================================
   11. LOGIN BUTTON
   ========================================================= */

#learn-press-checkout
button[type="submit"],
#learn-press-checkout
input[type="submit"] {
    min-height: 54px !important;

    padding: 13px 28px !important;

    background: var(--hbm-navy) !important;

    color: var(--hbm-white) !important;

    border: none !important;

    border-radius: 1px !important;

    font-family: Cambria,
                 Georgia,
                 "Times New Roman",
                 serif !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    letter-spacing: 1.2px !important;

    text-transform: uppercase !important;

    transition: all .25s ease !important;
}

#learn-press-checkout
button[type="submit"]:hover,
#learn-press-checkout
input[type="submit"]:hover {
    background: var(--hbm-gold) !important;

    color: var(--hbm-navy) !important;
}


/* =========================================================
   12. REMEMBER ME
   ========================================================= */

#learn-press-checkout input[type="checkbox"] {
    accent-color: var(--hbm-navy) !important;
}


/* =========================================================
   13. LOST PASSWORD
   ========================================================= */

#learn-press-checkout a {
    color: var(--hbm-navy) !important;

    text-decoration: none !important;
}

#learn-press-checkout a:hover {
    color: var(--hbm-gold) !important;
}


/* =========================================================
   14. CAPTCHA / HUMANITY
   ========================================================= */

#learn-press-checkout
[id*="captcha"],
#learn-press-checkout
[class*="captcha"] {
    margin-top: 18px !important;

    padding: 15px !important;

    background: var(--hbm-gold-soft) !important;

    border: 1px solid #EEE3C4 !important;
}


/* =========================================================
   15. SIGN UP MESSAGE
   ========================================================= */

#learn-press-checkout
.lp-checkout-signup,
#learn-press-checkout
.checkout-signup,
#learn-press-checkout
[class*="signup"] {
    color: var(--hbm-muted) !important;

    font-family: Cambria,
                 Georgia,
                 "Times New Roman",
                 serif !important;

    font-size: 13px !important;
}

#learn-press-checkout
[class*="signup"] a {
    color: var(--hbm-navy) !important;

    font-weight: 700 !important;

    text-decoration: underline !important;

    text-decoration-color: var(--hbm-gold) !important;

    text-underline-offset: 3px !important;
}


/* =========================================================
   16. YOUR ORDER — SECOND
   ========================================================= */

#checkout-order {
    order: 2 !important;

    width: 100% !important;

    margin: 0 0 20px !important;

    padding: 34px 38px !important;

    background: var(--hbm-white) !important;

    border: 1px solid var(--hbm-line) !important;

    border-radius: 2px !important;

    box-shadow:
        0 10px 35px rgba(5, 28, 42, .04) !important;
}


/* =========================================================
   17. ADDITIONAL INFORMATION — THIRD
   ========================================================= */

.learn-press-checkout-comment {
    order: 3 !important;

    width: 100% !important;

    margin: 0 0 20px !important;

    padding: 34px 38px !important;

    background: var(--hbm-white) !important;

    border: 1px solid var(--hbm-line) !important;

    border-radius: 2px !important;
}


/* =========================================================
   18. PAYMENT — FOURTH
   ========================================================= */

#checkout-payment {
    order: 4 !important;

    width: 100% !important;

    margin: 0 0 15px !important;

    padding: 34px 38px !important;

    background: var(--hbm-white) !important;

    border: 1px solid var(--hbm-line) !important;

    border-radius: 2px !important;

    box-shadow:
        0 10px 35px rgba(5, 28, 42, .04) !important;
}


/* =========================================================
   19. TERMS — LAST
   ========================================================= */

.lp-terms-and-conditions {
    order: 5 !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 5px 10px 25px !important;

    color: var(--hbm-muted) !important;

    font-family: Cambria,
                 Georgia,
                 "Times New Roman",
                 serif !important;

    font-size: 12px !important;

    line-height: 1.7 !important;

    text-align: center !important;
}


/* =========================================================
   20. HEADINGS
   ========================================================= */

#checkout-order h4,
.learn-press-checkout-comment h4,
#checkout-payment h4 {
    position: relative !important;

    margin: 0 0 25px !important;

    padding: 0 0 17px !important;

    color: var(--hbm-navy) !important;

    border-bottom: 1px solid var(--hbm-line) !important;

    font-family: Cambria,
                 Georgia,
                 "Times New Roman",
                 serif !important;

    font-size: 32px !important;

    font-weight: 600 !important;
}


/* Gold heading line */
#checkout-order h4:after,
.learn-press-checkout-comment h4:after,
#checkout-payment h4:after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;

    bottom: -1px !important;

    width: 45px !important;

    height: 2px !important;

    background: var(--hbm-gold) !important;
}


/* =========================================================
   21. ORDER TABLE
   ========================================================= */

.lp-checkout-order__inner table {
    width: 100% !important;

    border-collapse: collapse !important;
}

.lp-checkout-order__inner td,
.lp-checkout-order__inner th {
    padding: 18px 8px !important;

    border-bottom: 1px solid var(--hbm-line) !important;

    font-family: Cambria,
                 Georgia,
                 "Times New Roman",
                 serif !important;
}

.lp-checkout-order__inner .course-thumbnail {
    width: 90px !important;
}

.lp-checkout-order__inner .course-img img {
    width: 70px !important;
    height: 70px !important;

    object-fit: cover !important;

    border-radius: 2px !important;
}

.lp-checkout-order__inner .course-name,
.lp-checkout-order__inner .course-title {
    color: var(--hbm-navy) !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}

.lp-checkout-order__inner .course-total,
.lp-checkout-order__inner .col-number {
    color: var(--hbm-navy) !important;

    font-weight: 600 !important;

    text-align: right !important;
}


/* Total */
.lp-checkout-order__inner .order-total th,
.lp-checkout-order__inner .order-total td {
    border-bottom: none !important;

    padding-top: 22px !important;

    color: var(--hbm-navy) !important;

    font-size: 20px !important;

    font-weight: 700 !important;
}


/* =========================================================
   22. PAYMENT METHODS
   ========================================================= */

#checkout-payment .payment-methods {
    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}

#checkout-payment .lp-payment-method {
    margin: 0 0 12px !important;

    padding: 18px 20px !important;

    background: #FFFFFF !important;

    border: 1px solid var(--hbm-line) !important;

    border-radius: 2px !important;
}

#checkout-payment .lp-payment-method.selected {
    background: var(--hbm-gold-soft) !important;

    border-color: var(--hbm-gold) !important;

    box-shadow:
        inset 3px 0 0 var(--hbm-gold) !important;
}

#checkout-payment .lp-payment-method label {
    display: flex !important;

    align-items: center !important;

    gap: 14px !important;

    cursor: pointer !important;
}

#checkout-payment .gateway-input {
    accent-color: var(--hbm-navy) !important;
}

#checkout-payment .gateway-icon {
    max-width: 105px !important;

    max-height: 35px !important;

    object-fit: contain !important;
}


/* =========================================================
   23. PLACE ORDER
   ========================================================= */

#checkout-order-action {
    width: 100% !important;

    margin-top: 28px !important;
}

#learn-press-checkout-place-order {
    width: 100% !important;

    min-height: 60px !important;

    background: var(--hbm-navy) !important;

    color: var(--hbm-white) !important;

    border: none !important;

    border-radius: 1px !important;

    font-family: Cambria,
                 Georgia,
                 "Times New Roman",
                 serif !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    letter-spacing: 1.5px !important;

    text-transform: uppercase !important;

    transition: all .25s ease !important;
}

#learn-press-checkout-place-order:hover {
    background: var(--hbm-gold) !important;

    color: var(--hbm-navy) !important;
}


/* =========================================================
   24. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #learn-press-checkout {
        padding: 25px 12px 45px !important;
    }

    #checkout-account,
    #checkout-account-login,
    #checkout-account-register,
    #checkout-account-logged-in,
    #checkout-order,
    .learn-press-checkout-comment,
    #checkout-payment {
        padding: 24px 18px !important;
    }

    #checkout-account-login h3,
    #checkout-account-login h4,
    .lp-checkout-login h3,
    .lp-checkout-login h4,
    #checkout-order h4,
    .learn-press-checkout-comment h4,
    #checkout-payment h4 {
        font-size: 27px !important;
    }

    .lp-checkout-order__inner .course-thumbnail {
        width: 60px !important;
    }

    .lp-checkout-order__inner .course-img img {
        width: 50px !important;
        height: 50px !important;
    }

    .lp-checkout-order__inner td,
    .lp-checkout-order__inner th {
        padding: 12px 4px !important;

        font-size: 13px !important;
    }

    #learn-press-checkout
    input[type="text"],
    #learn-press-checkout
    input[type="email"],
    #learn-press-checkout
    input[type="password"] {
        min-height: 50px !important;
    }

    #learn-press-checkout-place-order {
        min-height: 56px !important;
    }
}

.time {
    display: none !important;
}


/* =========================================================
   HBM — LOGGED-OUT STUDENT LOGIN
   Show ONLY the LearnPress login form
========================================================= */


/* =========================================================
   1. HIDE CUSTOM HBM PORTAL HEADER
   ========================================================= */

body:not(.logged-in) #hbm-student-portal,
body:not(.logged-in) .hbm-student-portal,
body:not(.logged-in) .hbm-portal-header,
body:not(.logged-in) .hbm-portal-hero,
body:not(.logged-in) .student-portal-header,
body:not(.logged-in) .student-account-header {
    display: none !important;
}


/* =========================================================
   2. HIDE HBM WELCOME CONTENT
   ========================================================= */

body:not(.logged-in) #hbm-student-portal h1,
body:not(.logged-in) #hbm-student-portal h2,
body:not(.logged-in) #hbm-student-portal h3,
body:not(.logged-in) .hbm-portal-title,
body:not(.logged-in) .hbm-welcome,
body:not(.logged-in) .student-account {
    display: none !important;
}


/* =========================================================
   3. HIDE DASHBOARD NAVIGATION
   ========================================================= */

body:not(.logged-in) .hbm-dashboard-nav,
body:not(.logged-in) .hbm-portal-nav,
body:not(.logged-in) .student-dashboard-nav,
body:not(.logged-in) .dashboard-nav,
body:not(.logged-in) .hbm-nav,
body:not(.logged-in) .portal-navigation {
    display: none !important;
}


/* =========================================================
   4. HIDE DASHBOARD LINKS
   ========================================================= */

body:not(.logged-in) a[href*="#dashboard"],
body:not(.logged-in) a[href*="#courses"],
body:not(.logged-in) a[href*="#certificates"],
body:not(.logged-in) a[href*="#quizzes"],
body:not(.logged-in) a[href*="#orders"],
body:not(.logged-in) a[href*="#settings"] {
    display: none !important;
}


/* =========================================================
   5. HIDE LOGOUT
   ========================================================= */

body:not(.logged-in) a[href*="logout"],
body:not(.logged-in) .hbm-logout,
body:not(.logged-in) .logout {
    display: none !important;
}


/* =========================================================
   6. HIDE LEARNPRESS REGISTRATION
   ========================================================= */

body:not(.logged-in) #learn-press-profile .lp-form-register,
body:not(.logged-in) #learn-press-profile .form-register,
body:not(.logged-in) #learn-press-profile .register,
body:not(.logged-in) #learn-press-profile .lp-register,
body:not(.logged-in) #learn-press-profile .learn-press-form-register {
    display: none !important;
}


/* =========================================================
   7. HIDE PROFILE NAVIGATION
   ========================================================= */

body:not(.logged-in) #learn-press-profile .profile-tabs,
body:not(.logged-in) #learn-press-profile .learn-press-profile-nav,
body:not(.logged-in) #learn-press-profile .lp-profile-nav,
body:not(.logged-in) #learn-press-profile .profile-nav {
    display: none !important;
}


/* =========================================================
   8. LOGIN FORM
   ========================================================= */

body:not(.logged-in) #learn-press-profile .lp-form-login {
    display: block !important;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}


/* =========================================================
   9. LOGIN TITLE — BLACK
   ========================================================= */

body:not(.logged-in) #learn-press-profile .lp-form-login h1,
body:not(.logged-in) #learn-press-profile .lp-form-login h2,
body:not(.logged-in) #learn-press-profile .lp-form-login h3,
body:not(.logged-in) #learn-press-profile .lp-form-login .form-title {
    color: #000000 !important;
}


/* =========================================================
   10. LOGIN FIELDS
   ========================================================= */

body:not(.logged-in) #learn-press-profile .lp-form-login input[type="text"],
body:not(.logged-in) #learn-press-profile .lp-form-login input[type="email"],
body:not(.logged-in) #learn-press-profile .lp-form-login input[type="password"] {
    width: 100% !important;
    box-sizing: border-box;
    padding: 13px 15px !important;
    border: 1px solid #dfe3e6 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}


/* =========================================================
   11. LOGIN LABELS
   ========================================================= */

body:not(.logged-in) #learn-press-profile .lp-form-login label {
    color: #000000 !important;
}


/* =========================================================
   12. LOGIN BUTTON
   ========================================================= */

body:not(.logged-in) #learn-press-profile .lp-form-login button,
body:not(.logged-in) #learn-press-profile .lp-form-login input[type="submit"] {
    width: 100%;
    padding: 14px 20px !important;
    background: #051C2A !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}
#learn-press-profile .lp-form-login h3 {
    color: #000000 !important;
}


/* =========================================================
   13. FORGOT PASSWORD
   ========================================================= */

body:not(.logged-in) #learn-press-profile .lp-form-login a {
    color: #051C2A !important;
}


/* =========================================================
   14. MOBILE
   ========================================================= */

@media (max-width: 600px) {

    body:not(.logged-in) #learn-press-profile .lp-form-login {
        width: 100%;
        max-width: 100%;
    }

}


/* =========================================================
   GLOBAL STYLE
========================================================= */

:root{
  --navy:#031d2a;
  --blue:#38b7ff;
  --gold:#E6C26C;
  --white:#fff;
  --text:#25343c;
  --muted:#526873;
}


/* HEADINGS */

h1,h2,h3,h4,h5,h6{
/*   color:white; */
  font-family:Cambria,Georgia,"Times New Roman",serif!important;
  font-weight:700;
}

 .lp-profile-username{
  color:#031d2a !important;
} 


/* BODY */

body,
p,
li,
blockquote{
  color:var(--text) ;
  font-family:Cambria,Georgia,"Times New Roman",serif !important;
}

p{
  line-height:1.7;
}


/* ALL LINKS */

/* a,
a:visited{
  color:var(--navy) !important;
  text-decoration:none;
} */

a:hover,
a:focus{
  color:var(--gold) !important;
}
.textwidget ul,
.textwidget li,
.textwidget i,
.textwidget a{
  color:#fff !important;
}

.textwidget a:hover{
  color:#38b7ff !important;
}

/* HEADER / NAVIGATION */

nav a,
nav a:visited,
header a,
header a:visited,
.menu a,
.menu-item a,
.elementor-nav-menu a,
.elementor-nav-menu a:visited{
  color:#fff !important;
}


nav a:hover,
header a:hover,
.menu a:hover,
.menu-item a:hover,
.elementor-nav-menu a:hover,
.elementor-nav-menu .current-menu-item > a{
  color:var(--gold) !important;
}


/* BUTTON TEXT */

button,
input[type="submit"],
input[type="button"]{
  font-family:Cambria,Georgia,"Times New Roman",serif!important;
}


/* STRONG TEXT */

strong{
  color:var(--navy);
}


/* TEXT SELECTION */

::selection{
  background:var(--blue);
  color:var(--navy);
}


/* =========================================================
   HBM INSTITUTE — LEARNPRESS CHECKOUT
   Styles the actual checkout form
   ========================================================= */

#learn-press-checkout-form {
    max-width: 1100px !important;
    margin: 40px auto !important;
    padding: 0 !important;
    font-family: inherit !important;
    color: #051C2A !important;
}


/* Main checkout blocks */
#learn-press-checkout-form .lp-checkout-block {
    background: #ffffff !important;
    border: 1px solid #e5e9ec !important;
    border-radius: 14px !important;
    padding: 28px !important;
    margin-bottom: 22px !important;
    box-shadow: 0 8px 30px rgba(5,28,42,.06) !important;
}


/* Logged in message */
#learn-press-checkout-form #checkout-account-logged-in {
    background: #f7f9fa !important;
    border-left: 4px solid #E6C26C !important;
}

#learn-press-checkout-form #checkout-account-logged-in p {
    margin: 0 !important;
    font-size: 14px !important;
    color: #52616a !important;
}

#learn-press-checkout-form #checkout-account-logged-in a {
    color: #051C2A !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

#learn-press-checkout-form #checkout-account-logged-in a:hover {
    color: #B99135 !important;
}


/* Section headings */
#learn-press-checkout-form h4 {
    margin: 0 0 22px !important;
    color: #051C2A !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}


/* Order box */
#learn-press-checkout-form #checkout-order {
    overflow: hidden !important;
}


/* Order table */
#learn-press-checkout-form .lp-checkout-order__inner {
    border: 1px solid #e5e9ec !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

#learn-press-checkout-form .lp-checkout-order__inner table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}


/* Course row */
#learn-press-checkout-form .cart-item td {
    padding: 18px !important;
    border-bottom: 1px solid #e9edef !important;
    vertical-align: middle !important;
}


/* Course image */
#learn-press-checkout-form .course-thumbnail {
    width: 85px !important;
}

#learn-press-checkout-form .course-img {
    width: 65px !important;
    height: 65px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

#learn-press-checkout-form .course-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


/* Course name */
#learn-press-checkout-form .course-name a {
    color: #051C2A !important;
    text-decoration: none !important;
}

#learn-press-checkout-form .course-title {
    font-size: 15px !important;
    font-weight: 800 !important;
}


/* Price */
#learn-press-checkout-form .course-total,
#learn-press-checkout-form .col-number {
    color: #051C2A !important;
    font-weight: 800 !important;
    text-align: right !important;
    white-space: nowrap !important;
}


/* Subtotal + Total */
#learn-press-checkout-form tfoot th,
#learn-press-checkout-form tfoot td {
    padding: 16px 18px !important;
    border-bottom: 1px solid #e9edef !important;
}

#learn-press-checkout-form tfoot th {
    color: #64727a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: left !important;
}

#learn-press-checkout-form tfoot .order-total th,
#learn-press-checkout-form tfoot .order-total td {
    border-bottom: 0 !important;
    color: #051C2A !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}


/* =========================================================
   ADDITIONAL INFORMATION
   ========================================================= */

#learn-press-checkout-form .learn-press-checkout-comment {
    background: #ffffff !important;
    border: 1px solid #e5e9ec !important;
    border-radius: 14px !important;
    padding: 28px !important;
    margin-bottom: 22px !important;
    box-shadow: 0 8px 30px rgba(5,28,42,.06) !important;
}

#learn-press-checkout-form .learn-press-checkout-comment h4 {
    margin-bottom: 15px !important;
}

#learn-press-checkout-form textarea.order-comments {
    width: 100% !important;
    min-height: 120px !important;
    padding: 14px 16px !important;
    border: 1px solid #dfe5e8 !important;
    border-radius: 9px !important;
    background: #fafbfc !important;
    color: #051C2A !important;
    font-size: 14px !important;
    resize: vertical !important;
    outline: none !important;
}

#learn-press-checkout-form textarea.order-comments:focus {
    border-color: #E6C26C !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(230,194,108,.12) !important;
}


/* =========================================================
   PAYMENT
   ========================================================= */

#learn-press-checkout-form #checkout-payment {
    position: relative !important;
}

#learn-press-checkout-form .secure-connection {
    float: right !important;
    color: #71808a !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

#learn-press-checkout-form .payment-methods {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#learn-press-checkout-form .lp-payment-method {
    border: 1px solid #dfe5e8 !important;
    border-radius: 10px !important;
    padding: 16px !important;
    background: #ffffff !important;
}

#learn-press-checkout-form .lp-payment-method.selected {
    border-color: #E6C26C !important;
    background: #fffdf7 !important;
}


/* Payment radio */
#learn-press-checkout-form .gateway-input {
    width: auto !important;
    margin-right: 10px !important;
    accent-color: #051C2A !important;
}


/* Payment logo */
#learn-press-checkout-form .gateway-icon {
    max-height: 35px !important;
    max-width: 70px !important;
    object-fit: contain !important;
    vertical-align: middle !important;
}


/* Payment description */
#learn-press-checkout-form .payment-method-form {
    margin-top: 14px !important;
    padding: 14px !important;
    border-radius: 8px !important;
    background: #f7f9fa !important;
    color: #66747c !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   PLACE ORDER BUTTON
   ========================================================= */

#learn-press-checkout-form #checkout-order-action {
    margin-top: 25px !important;
}

#learn-press-checkout-form #learn-press-checkout-place-order {
    width: 100% !important;
    min-height: 55px !important;
    padding: 14px 22px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #051C2A !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .3px !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
}

#learn-press-checkout-form #learn-press-checkout-place-order:hover {
    background: #0b3449 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 20px rgba(5,28,42,.18) !important;
}


/* =========================================================
   TERMS
   ========================================================= */

#learn-press-checkout-form .lp-terms-and-conditions {
    margin: 15px 0 0 !important;
    color: #7b878e !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

#learn-press-checkout-form .lp-terms-and-conditions a {
    color: #051C2A !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    #learn-press-checkout-form {
        margin: 20px auto !important;
        padding: 0 14px !important;
    }

    #learn-press-checkout-form .lp-checkout-block,
    #learn-press-checkout-form .learn-press-checkout-comment {
        padding: 20px !important;
        border-radius: 11px !important;
    }

    #learn-press-checkout-form h4 {
        font-size: 18px !important;
    }

    #learn-press-checkout-form .course-thumbnail {
        width: 60px !important;
    }

    #learn-press-checkout-form .course-img {
        width: 48px !important;
        height: 48px !important;
    }

    #learn-press-checkout-form .cart-item td {
        padding: 12px 8px !important;
    }

    #learn-press-checkout-form .course-title {
        font-size: 13px !important;
    }

    #learn-press-checkout-form .course-total {
        font-size: 13px !important;
    }

    #learn-press-checkout-form .secure-connection {
        float: none !important;
        display: block !important;
        margin-top: 6px !important;
    }

    #learn-press-checkout-form tfoot th,
    #learn-press-checkout-form tfoot td {
        padding: 13px 10px !important;
    }
}


/* =========================================================
   HBM INSTITUTE — GLOBAL TYPOGRAPHY OVERRIDE
   ALL FONTS = CAMBRIA
========================================================= */

:root {
    --font-heading: "Cambria", Georgia, "Times New Roman", serif !important;
    --font-body: "Cambria", Georgia, "Times New Roman", serif !important;
}


/* =========================================================
   GLOBAL BODY
========================================================= */

html,
body {
    font-family: var(--font-body) !important;
}


/* =========================================================
   ALL HEADINGS — CAMBRIA
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.heading,
.title,
.subtitle,
.hero-title,
.section-title,
.page-title,
.card-title,
.program-title,
.program-name,
.faq-title,
.cta-title,
.display-title,
.entry-title,
.widget-title,
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6 {
    font-family: var(--font-heading) !important;
}


/* =========================================================
   ALL BODY / UI TEXT — CAMBRIA
========================================================= */

body,
p,
span,
div,
a,
li,
ul,
ol,
label,
input,
textarea,
select,
option,
button,
small,
strong,
em,
blockquote,
table,
th,
td,
figcaption,
legend,
nav,
header,
footer,
section,
article,
aside,
form {
    font-family: var(--font-body) !important;
}


/* =========================================================
   ELEMENTOR — FORCE TYPOGRAPHY
========================================================= */

.elementor,
.elementor-widget,
.elementor-widget-text-editor,
.elementor-widget-button,
.elementor-widget-icon-list,
.elementor-widget-icon-box,
.elementor-widget-image-box,
.elementor-widget-accordion,
.elementor-widget-toggle,
.elementor-widget-tabs,
.elementor-widget-form {
    font-family: var(--font-body) !important;
}

.elementor h1,
.elementor h2,
.elementor h3,
.elementor h4,
.elementor h5,
.elementor h6,
.elementor .elementor-heading-title {
    font-family: var(--font-heading) !important;
}

.elementor p,
.elementor span,
.elementor a,
.elementor li,
.elementor label,
.elementor input,
.elementor textarea,
.elementor select,
.elementor button {
    font-family: var(--font-body) !important;
}


/* =========================================================
   WORDPRESS CONTENT
========================================================= */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6 {
    font-family: var(--font-heading) !important;
}

.entry-content,
.entry-content p,
.entry-content span,
.entry-content li,
.entry-content a,
.entry-content label {
    font-family: var(--font-body) !important;
}


/* =========================================================
   LEARNPRESS
========================================================= */

.learnpress,
.learn-press,
#learn-press-content,
.lp-content-area,
.lp-profile,
.lp-profile-content,
.learn-press-form,
.learn-press-courses,
.course,
.course-item,
.course-item-title,
.course-content {
    font-family: var(--font-body) !important;
}

.learnpress h1,
.learnpress h2,
.learnpress h3,
.learnpress h4,
.learnpress h5,
.learnpress h6,
.learn-press h1,
.learn-press h2,
.learn-press h3,
.learn-press h4,
.learn-press h5,
.learn-press h6,
.lp-profile h1,
.lp-profile h2,
.lp-profile h3,
.lp-profile h4,
.lp-profile h5,
.lp-profile h6 {
    font-family: var(--font-heading) !important;
}


/* =========================================================
   BUTTONS
========================================================= */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.button,
.wp-element-button,
.elementor-button,
.learn-press-button {
    font-family: var(--font-body) !important;
}


/* =========================================================
   FORM ELEMENTS
========================================================= */

input,
textarea,
select,
option,
input::placeholder,
textarea::placeholder {
    font-family: var(--font-body) !important;
}


/* =========================================================
   NAVIGATION
========================================================= */

nav,
nav a,
.nav-menu,
.nav-menu a,
.menu,
.menu-item,
.menu-item a,
.elementor-nav-menu,
.elementor-nav-menu a {
    font-family: var(--font-body) !important;
}


/* =========================================================
   FOOTER
========================================================= */

footer,
footer p,
footer span,
footer a,
footer li {
    font-family: var(--font-body) !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    font-family: var(--font-heading) !important;
}


/* =========================================================
   HBM CUSTOM COMPONENTS
========================================================= */

#orivon-drawers,
#oag-find,
.oag-programs,
.oag-portal,
#faq,
.final {
    font-family: var(--font-body) !important;
}

#orivon-drawers h1,
#orivon-drawers h2,
#orivon-drawers h3,
#orivon-drawers h4,
#orivon-drawers h5,
#orivon-drawers h6,

#oag-find h1,
#oag-find h2,
#oag-find h3,
#oag-find h4,
#oag-find h5,
#oag-find h6,

.oag-programs h1,
.oag-programs h2,
.oag-programs h3,
.oag-programs h4,
.oag-programs h5,
.oag-programs h6,

.oag-portal h1,
.oag-portal h2,
.oag-portal h3,
.oag-portal h4,
.oag-portal h5,
.oag-portal h6,

#faq h1,
#faq h2,
#faq h3,
#faq h4,
#faq h5,
#faq h6,

.final h1,
.final h2,
.final h3,
.final h4,
.final h5,
.final h6 {
    font-family: var(--font-heading) !important;
}


/* =========================================================
   IMPORTANT: OVERRIDE INLINE FONT-FAMILY STYLES
========================================================= */

[style*="font-family"] {
    font-family: var(--font-body) !important;
}

h1[style*="font-family"],
h2[style*="font-family"],
h3[style*="font-family"],
h4[style*="font-family"],
h5[style*="font-family"],
h6[style*="font-family"] {
    font-family: var(--font-heading) !important;
}