/*4 character class to change size, color, bold, italics*/
/*4 size:regular. large, xlarge color:- no change, red, yellow, green bold;regular, semi, bold italics: i*/
/*size in rem to be responsive*/

.lg-red-bold-italic {
    font-weight: bold;
    font-style: italic;
    font-size: 1.5rem;
    color: red;
}

.lrbi {
    font-weight: bold;
    font-style: italic;
    font-size: 1.5rem;
    color: red;
}

.xbb {
    font-weight: bold;
    font-size: 2.0rem;
    color: black;
}

.xl-black-bold {
    font-weight: bold;
    font-size: 2.0rem;
    color: black;
}

/* custom.css */
.text-bold {
    font-weight: bold; /* Equivalent to Bootstrap's fw-bold */
}

.text-semibold {
    font-weight: 600; /* Slightly less bold */
}

.text-italic {
    font-style: italic; /* Equivalent to Bootstrap's fst-italic */
}

.text-size-large {
    font-size: 1.5rem; /* Larger text, similar to Bootstrap's fs-3 */
}

.text-size-medium {
    font-size: 1.2rem; /* Medium text, similar to fs-4 */
}

.text-size-small {
    font-size: 0.9rem; /* Smaller text, similar to fs-6 */
}

.text-primary-custom {
    color: #0d6efd; /* Bootstrap's primary blue */
}

.text-danger-custom {
    color: #dc3545; /* Bootstrap's danger red */
}

.text-success-custom {
    color: #198754; /* Bootstrap's success green */
}

.text-purple-custom {
    color: #6f42c1; /* Custom purple, as used previously */
}


/*Here’s a quick reference for Bootstrap 5+ utility classes you can use:*/

/*Bold:*/

/*fw-bold: Bold text.*/
/*fw-bolder: Bolder than parent.*/
/*fw-semibold: Slightly less bold than fw-bold.*/


/*Italic:*/

/*fst-italic: Italic text.*/


/*Font Size:*/

/*fs-1 (largest, ~2rem) to fs-6 (smallest, ~0.75rem).*/
/*Use inline CSS (e.g., style="font-size: 1.5rem;") for custom sizes.*/


/*Color:*/

/*text-primary, text-secondary, text-success, text-danger, text-warning, text-info, text-light, text-dark, text-muted, text-white.*/
/*For custom colors, use inline CSS (e.g., style="color: #ff4500;").*/