/* CSS added for November 2024 */
body {
    padding-top: 70px; /* Adjust this value based on your navbar height */
}

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030; /* Ensures the navbar is above other elements */
    color : white;
}
.navbar a {
    color : white;
}

.navbar hover {
    color : aqua;
    text-decoration : underline;
}

/* General Styles for Sidebar Listings */
/* Default link style */
.sidebarcontent a {
    color: #022144; /* A darker shade of blue for better contrast */
    text-decoration: none; /* No underline for clean design */
}

/* Hover state */
.sidebarcontent a:hover {
    color: #000000; /* An even darker shade for hover */
    text-decoration: underline; /* Underline for emphasis */
}

/* Active/focused state */
.sidebarcontent a:active,
.sidebarcontent a:focus {
    outline: 2px dashed #0056b3; /* Accessible focus indication */
    background-color: rgba(0, 86, 179, 0.1); /* Slight background highlight */
}

.listing-item {
    border-bottom: 1px solid #ddd; /* Optional separator for better readability */
    padding-bottom: 10px;
    padding-top: 10px;
}

.newsdate {
    min-width: 50px; /* Ensures consistent size */
    text-align: center;
}

.newsdate .date-day {
    font-size: 24px;
    font-weight: bold;
    color: #333; /* Adjust for readability */
}

.newsdate .date-month-year {
    font-size: 14px;
    color: #666;
}

.listing-content {
    flex-grow: 1;
}

.casino-name {
    font-size: 16px;
    font-weight: bold;
    color: #022144; /* Link color */
    text-decoration: underline;
}

.casino-name:hover {
    color : #570001;
    background-color : #E2DE9E;
    text-decoration: underline;
}

.bonus-amount {
    font-weight: bold;
    color: #00460D; /* Bonus amount color */
}

/* Spacing and Hover Effects */
.listing-item:hover {
    background-color: #f9f9f9;
    border-color: #ccc;
    transition: background-color 0.2s, border-color 0.2s;
}

table, ul.ndn-hmenu
{
   font-size: 13px;
   font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

h1 {
    margin-top: 20px; /* Adjust as needed */
}

footer a {
    color: white; /* Set link text color to white */
}

footer a:hover {
    color: #cccccc; /* Optional: Add a hover effect, e.g., light gray */
}