body {
        font-size: 1.1rem !important;
}

html {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.text-article {
    font-size: 1.1rem !important;
    line-height: 1.5; /* used in laws detail pages */
}

.text-questions {
    font-size: 1.17rem !important;

}

.text-answers {
    font-size: 1.17 !important;
    line-height: 1.5;

}

.font-semibold {
    font-weight: 400 !important; 
}

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

b, strong {
    font-weight: 500 !important; 
}

.font-black {
    font-weight: 600 !important;  
}

.font-mediumbold {
    font-weight: 500; 
}

b, strong {
    font-weight: 500 !important;
}

.font-medium {
    font-weight: 400 !important;
}

.label-group {
    font-weight: 400 !important;
}

.fs-26 {
    font-size: 1.475rem !important;
}

.highlight-hyperlink{
a {
    font-weight: 400 !important;
    text-underline-offset: 3px !important;
}
}

.fs-13pt5 {
    font-size: 0.875rem !important;
}

.text-base {
    font-size: 0.951rem !important;
    line-height: 1.45rem !important;
}

.text-2base {
    font-size: 1.15rem !important;
    line-height: 1.45rem !important;
}

small {
    font-size: 80%; /* example before sale begins */
}

.text-xs {
    font-size: 0.85rem !important; /* on author line. Not sure where else. */
    line-height: 1rem;
}

.text-xs a {
    color: #000099 !important;
    font-size: 0.85rem !important;
    line-height: 1rem !important;
}

.text-xl {
    font-size: 1.35rem !important;
    line-height: 1.75rem;
}

.text-5xl {
    font-size: 2rem !important;
    line-height: 1 !important;
}

.text-xl a {
    color: inherit !important; /* Ensure the base color is inherited */
    text-decoration: inherit !important; /* Ensure text-decoration is inherited */
    font-weight: 500
}

fs-11 {
    font-size: 11px !important; /* company name on collections list */

}

.text-2xl {
    font-size: 1.375rem !important;
    font-weight: 600 !important;
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(96 96 96/ var(--tw-bg-opacity, 1)) !important;
}

.text-lg {
    font-size: 1rem !important;
    line-height: 1.45rem !important;
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 0 0 / var(--tw-bg-opacity, 1));
}

* {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.text-xl a:hover {
    color: #007bff !important; /* Replace with your desired hover color */
    text-decoration: none !important; /* Optional: Add underline on hover */
}

.fs-26 a {
    color: inherit !important; /* Ensure the base color is inherited */
    text-decoration: inherit !important; /* Ensure text-decoration is inherited */
}

.fs-26 a:hover {
    color: #007bff !important; /* Replace with your desired hover color */
    text-decoration: none !important; /* Optional: Add underline on hover */
}

/* Hide the header content on mobile */
@media (max-width: 768px) { /* Adjust the max-width as needed for your breakpoint */
    .header-content {
        display: none; /* Hides the content */
    }

    /* Add adjustable space */
    .header-content::after {
        content: "";
        display: block;
        height: 20px; /* Adjust this value for the space you need */
    }
}

.gap-2 {
    gap: 0.2rem !important; /* controls category spacing in add sale */
}

.py-2 {
    padding-top: 0.3rem !important; /* controls padding of text in fields of add sale */
    padding-bottom: 0.3rem !important;
}

.min-w-5 {
    min-width: 16px !important;  /* checkbox sizes in sale listings */
}


input, textarea, label {
    font-size: .97rem !important; /* change to 14 makes categories look better. Not sure if affects other */
    font-weight: 400;
    color: #000000;
}

.h-12 {
    height: 2.4rem; /* controls width of some fields in add sale */
}

.tab-title-size {
    font-size: 20px !important; /* fonts in tabs in adding sale */
}

table th div, table td, table td div, table a, table .text-sm {
    font-size: 14px !important; /* view of added sales by company. Make sure ok w other areas */
    align-items: center;
}

.h-5 {
    height: 1rem;
}

.normal-p {
    display: block !important;
    margin: 1em 0 !important;
    font-size: 1.11rem !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    text-align: left !important;
}

.bbs-body {
    font-family: ui-sans-serif, Arial, sans-serif;
    line-height: 1.6;
    margin: 20px;
    padding: 0;
}

.bbs-body p {
    margin-bottom: 14px; /* Adjust the value as needed */
}

.bbs-header h1, .bbs-header p {
    color: #333;
}

.bbs-section {
    margin-bottom: 20px;
}

.bbs-heading-primary {
    font-size: 1.8rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}

.bbs-heading-secondary {
    font-size: 1.25em;
    font-weight: 600;
    color: #444;
    margin-bottom: 8px;
}

.bbs-heading-tertiary {
    font-size: 1em;
    font-weight: 700;
    color: #666;
    margin-bottom: 6px;
}

.bbs-list {
    margin: 10px 0;
    padding: 0 20px;
}

.bbs-list li::before {
    content: "\2192  "; /* Unicode right arrow */
    color: #444;
    font-weight: bold;
}

.bbs-link {
    color: #0066cc;
    text-decoration: none;
}

.bbs-link:hover {
    text-decoration: underline;
}

.bbs-bold {
    font-weight: 600;
}

.bbs-text {
    margin-bottom: 10px;
}  
  
.two-column-list {
    column-count: 2;
    column-gap: 18px; /* Adjust the gap between columns as needed */
  }

  .left-column {
    width: 65%;
    background-color: #ffffff;
    padding: 18px;
    border-radius: 8px;
    margin-left: auto; /* Allow fine-tuning of left alignment */
}

.right-column {
    width: 35%; /* Adjustable */
    padding: 18px;
    margin-right: auto; 
}

.full-featured-div { /* this is in stylesv2-2 */
	background-color: #09811d !important; 
	color: #fff !important;
}

.custom-text {
    line-height: 1.6 !important; /* Adjust as needed */
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

div#isuggest ul li a {
    display: block;
    padding: 6px 10px;
    color: #000;
    font-size: .950rem !important; /* Adjust font size as needed */
    font-family: sans-serif !important;
}

div#isuggest ul li a b {
    color: #000;
}

div#isuggest ul li a:hover,
div#isuggest ul li a.active {
    color: #0000EE; /* Traditional blue */
    background: none; /* Remove existing background */
    text-shadow: none; /* Remove shadow for a cleaner look */
    font-size: .950rem !important; /* Ensure font size remains consistent on hover */
}

.cat-empty {
    color: lightgray !important;
    pointer-events: none !important;
    cursor: default !important;
}

.my-account-wrapper:hover .my-account-menu {
    display: block;
}