* {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 15px !important;
}

.card-divider {
    background-color: #ffb84e !important;
}

.membershipShopLinkPanel {
    background-color: #005695 !important;
}

#membershipShoplinkZone {
    color: white !important;
}

a {
    font-weight: bold !important;
}

.usertarget, .login, .logout {
    color: #FFF !important;
    font-weight: bolder;
}

#headerrightcorner a {
    color: #FFF !important;
    font-weight: bolder;
}

.login-dropdown {
    background-color: #005695 !important;
    border: none !important;
    text-align: center !important;
    left: -35px !important;
}

.login-dropdown-item {
    color: #fff !important;
    font-weight: bolder !important;
    margin-bottom: 5px !important;
    padding: .25rem 1.5rem !important;
}

@media (max-width: 991.98px) {
    .banner p {
        padding-top: 10px;
        font-weight: bold;
        color: #dbd5d5 !important;
    }

    .usertarget, .login, .logout {
        color: #4d4d4d !important;
        font-weight: bolder;
    }

    .navbar-light:hover .navbar-nav:hover .nav-link:hover {
        color: var(--mobile-nav-link-hover-font-color) !important;
    }
    .dropdown-item:hover {
        color: var(--mobile-nav-link-hover-font-color) !important;
    }

    .login {
        left: auto !important;
        right: 0 !important;
    }
}

#instructors {
    display: none !important;
}

#continuing_education img {
    max-height: 630px !important;
    /* min-width: 45% !important; */
}

#affiliated_organizations img {
    min-height: 388px !important;
    max-width: 51% !important;
}

#headerrightcorner .login-span {
    border-right: 1px solid #ffffff !important;
}

.cardCatalogName {
    font-weight: bold !important;
}

.cardCatalogDesc {
    font-size: 13px !important;
}

#headertarget div > a img {
    padding-left: 10px !important;   /* Increased left padding */
    padding-bottom: 5px !important;
    min-height: 60px !important;         /* Increased logo size */
    width: auto !important;          /* Maintain aspect ratio */
}

.desc-row p {
    font-weight: bold !important;
}

.showSectionLink {
    color: #fff !important;
    background-color: #00b5e2 !important;
    border-radius: 5px !important;
}

#membershopTarget {
    display: none !important;
}

.navbar-brand {
    color: white !important;
}

@media (max-width: 991.98px) { 
    #headertarget div > a img {
        height: 22px !important;
        min-height: 22px !important;
    }
}

#course-description {
    transform: translateY(-15px) !important;
}

#course-name {
    word-break: keep-all !important;
}

/* SD-2287 BCC: Replace student with person no on portal pages */
#headerStudentSerialNum {
    display: none !important;
}

/* SD-2387 Remove Become a Member from Payment Checkout page */
.membershipLink {
    display: none !important;
}


/* Read-only / no-update fields */
.no-update {
    background-color: #f5f5f5;   /* light gray background */
    color: #555;                 /* slightly muted text */
    cursor: not-allowed;         /* makes it clear it's not editable */
}

/* Keep the "read-only" look even when focused */
.no-update:focus,
.no-update:active {
    outline: none;
    box-shadow: none;
    background-color: #f0f0f0;   /* tiny change on focus, still non-editable */
}

/* If you're using Bootstrap form-control, this keeps borders consistent */
.no-update.form-control {
    border-color: #ddd;
}

/* SD-2429 BCP: Account Name Text Color - Affiliate Portal */
#affiliateNameHolder {
    color: white !important;
    font-weight: bold !important;
}

/* SD-2458 BCP:  Remove Register Others Button from Retail Pages */
.buyForOthers-permission { 
  display: none !important; 
}

.tippy-tooltip.custom-theme {
    background-color: #A9F5F2 !important;
}

.tippy-popper {
    background-color: #A9F5F2 !important;
}

/* SD-2735 BCP: Remove link appearance from affiliatelogin find-out-more element */
a[data-i18n="affiliatelogin-a-findoutmore"] {
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: default !important;
}