.mb-0 {
    color: #e6aa2b; /* Gold */
}

.mb-1{
    color:#00FFFF;
    padding: 0.2rem 0;
}

.mb-2{
    color:#CCCCCC;
    padding: 0.5rem 0;
}
.mb-3{
    background-color:#00FFFF;
}

.mb-4{
    color:#167dba;
    padding: 0.2rem 0;
}

.mb-5{
    color:#167dba;
    padding: 0.5rem 0;
}

.mb-6{
    color:#167dba;
}

.rounded-image {
    border-radius: 15px; /* Adjust as needed */
}

.tag-line{
    font-size: .75rem;
}
/* =========================
 *   Navbar Link Styling
 *   ========================= */
.navbar .nav-link {
    color: #e6aa2b; /* Gold */
    font-weight: 500;
    transition: color 0.3s ease;
}

.navbar .nav-link:hover {
    color: #ffd700 !important; /* Yellow */
}

/* =========================
 *   Active Tab Styling
 *   ========================= */
.navbar .nav-link.active,
.navbar .nav-tabs .nav-link.active {
    color: #e6aa2b !important; /* Gold */
    font-weight: bold;
    border-bottom: 2px solid #e6aa2b;
    background-color: #05497c !important;
}

/* Highlight active dropdown toggle */
.navbar .nav-link.active.dropdown-toggle {
    color: #e6aa2b !important;
    font-weight: bold;
}

/* =========================
 *   Dropdown Menu Styling
 *   ========================= */
.dropdown-menu {
    background-color: #212529; /* Dark background */
}

.dropdown-menu .dropdown-item {
    color: #e6aa2b;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #333333;
    color: #e6aa2b;
}

.dropdown-menu .dropdown-item.active {
    background-color: #05497c;
    color: #e6aa2b;
    font-weight: bold;
}

/* =========================
 *   Hamburger Menu Icon Color
 *   ========================= */

/* =========================
 *   Hamburger Menu Button Styling
 *   ========================= */
/* Force visibility of hamburger icon on dark background */
.navbar-toggler-icon {
    background-image: url('images/hamburger.png'); /* Your custom icon */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 50px;
    height: 50px;
    display: inline-block;
}

/* Optional: hover effect for toggler */
.navbar-dark .navbar-toggler:hover {
    color: #00FFFF; /* Gold on hover */
}

/* =========================
 *   Responsive Logo + Header
 *   ========================= */
.header-logo {
    max-height: 60px;
    margin-right: 15px;
    vertical-align: middle;
}

.main-bg {
    background-image: url('images/bg5.png'); /* Replace with your actual image path */
    background-size: cover;       /* Ensures full coverage */
    background-position: center;  /* Centers the image */
    background-repeat: no-repeat; /* Prevents tiling */
    padding: 2rem;                /* Optional: adds spacing inside */
    border-radius: 0px;          /* Optional: softens corners */
}

.main-bg > * {
    position: relative;
    z-index: 1;
}

.transparent-header,
.transparent-footer {
    background-color: transparent;
}

.dropdown-menu {
    background-color: rgba(0, 0, 0, 1); /* semi-transparent black */
    backdrop-filter: blur(1px);           /* optional: adds a frosted glass effect */
    z-index: 1050; /* Bootstrap default */
    position: absolute;
    border: none;                         /* optional: removes border */
}

.dropdown-menu .dropdown-item {
    color: #e6aa2b;                       /* gold text for visibility */
}

.dropdown-menu .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1); /* subtle hover effect */
    color: #ffd700;                              /* brighter gold on hover */
}

.navbar,
.transparent-header {
    position: relative;
    z-index: 1000;
}

.main-bg::before {
    z-index: 0;
}

.column-padding {
    padding-left: 4rem; /* or try 3rem for more space */
}

.column-padding1 {
    padding-right: 4rem; /* or try 3rem for more space */
}

.column-divider {
    border-right: 2px solid #141d39; /* Teal, for example */
    left: 50%;
    transform: translateX(-50%);
}


/* Vertical divider for desktop */
@media (min-width: 768px) {
  .column-divider {
    width: 2px;
    top: 0;
    bottom: 0;
    height: 100%;
  }
}

/* Horizontal divider for mobile */
@media (max-width: 767.98px) {
  .column-divider {
    height: 2px;
    width: 100%;
  }
}

img.transparent-badge {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.rss-feed {
    background-color: transparent !important;
}

.rss-date {
    color: #e6aa2b; /* Bootstrap's muted gray */
    font-size: 0.9rem;
    font-style: italic;
}

.rss-item {
    background-color: transparent !important;
}

.logo-image {
    max-height: 60px;
    background-color: transparent;
    object-fit: contain;
}

.highlight-start {
    font-size: 1.1em;
    font-weight: bold;
    color:#167dba;
}

.highlight-start1 {
    font-size: 1em;
    font-weight: bold;
    color:#167dba;
}

.table th, .table td {
    vertical-align: middle;
}
ul.small {
    font-size: 0.9rem;
    line-height: 1.4;
}

.transparent-table, {
    background-color: transparent !important;
    color: #e6aa2b !important; /* Bright gold */
    border-collapse: collapse;
}

.transparent-table thead th {
    color: #167dba !important; /* Bright gold */
    font-size: 1.50rem; /* Increase as needed */
    font-weight: bold;
    background-color: transparent !important;
    border-top: none !important; /* top border */
}

.transparent-table th,
.transparent-table td {
    border-top: none !important; /* removes horizontal lines */
    border-bottom: none !important; /* removes horizontal lines */
    border-left: none !important; /* vertical lines */
    border-right: none !importantb; /* vertical lines */
    color: #e6aa2b; /* gold text */
    background-color: transparent !important;

}

.transparent-table tbody tr:last-child td {
    border-bottom: none !important; /* bottom border */
    background-color: transparent !important;
    color: #e6aa2b !important; /* Bright gold */
}

sup {
    color: #167dba; /* Gold, or any color you prefer */
}

.email-text a {
    color: #e6aa2b; /* or any color you prefer */
    font-weight: 500;
    text-decoration: none;
}
.email-text a:hover {
    text-decoration: underline;
}

.cursor-pointer {
    cursor: pointer;
}

.transparent-button {
    background-color: transparent !important;
    border: none;
    padding: 0;
}