.topNavContainer, .copyright {
    background: #0e2c3c; /* Changed to dark blue */
}

h1, h2 {
    color: #0e2c3c; /* Changed to match brand blue */
}

.topNav a:hover {
    color: #0085cc; /* Blue accent color for hover links */
}

.breadcrumbsContainer {
    background: #ededed; /* Light gray background */
}

.breadcrumbs li a::after, .breadcrumbs li div::after { 
    border-left: 30px solid #ededed; /* Match breadcrumb container */
}

.breadcrumbs li a {

    color: #0C3349; 
}

.infoTextContainer i {
    color: #777777 !important;
}



.breadcrumbs li a:hover { 
    background: #d9d9d9; /* Slightly darker on hover */
}

.breadcrumbs li a:hover:after { 
    border-left-color: #d9d9d9 !important; /* Match hover background */
}

.breadcrumbs li a, .breadcrumbs li div {
    background: #ededed; /* Match breadcrumb container */
}

h1.showLodgesHeader, .footer, .a3AccommName, H2.newHeader, H4.newHeader, .attractionsTitle {
    background: linear-gradient(to bottom, #0e2c3c, #0c3751); /* Dark blue gradient */
    color: white; /* Ensure text is visible on dark background */
}

h2.foundNum {
    color: #333333; /* Darker text color for readability */
}

.refineHeader, .destinationsHeader, .listPropertyContainer, .leftMenuHeader {
    background: #ededed; /* Light gray background */
    color: #0e2c3c; /* Dark blue text */
}

.container {
    color: #333333; /* Default text color */
}

/* Buttons */
.viewButton, .moreInfoButton, .viewAccomsButtonDesktop, .viewAccomsButtonMobile, .newButton, .carousel-view-button {
    font-size: 16px;
    padding: 18px 12px;
    box-sizing: border-box;
    border-radius: 10px; /* Less rounded corners */
    color: white;
    background: #0085cc; /* Brand blue */
    text-align: center;
    width: 90%;
    font-weight: bold;
    border: 0;
    cursor: pointer;
    width: 100%;
    border: 1px solid #0074b3; /* Slightly darker border */
    transition: background-color 0.2s; /* Smooth transition for hover */
}

.moreInfoButton {
    background: #0085cc; /* Brand blue */
    margin-right: 5px;
}

.viewButton:hover, .newButton:hover, .moreInfoButton:hover, .carousel-view-button:hover {
    background: #006fa7; /* Darker blue on hover */
    cursor: pointer;
}

/* Rating element styling */
.reevooScore {
    background: #0085cc; /* Brand blue */
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
}



/* Info text elements */
.infoTextContainer {
    display: flex;
    flex-wrap: wrap;
}

.infoText {
    margin-right: 15px;
    color: #555;
}

.infoText i {
    color: #0085cc; /* Brand blue icons */
    margin-right: 5px;
}

/* Mobile specific adjustments */
@media only screen and (max-width: 768px) {
    h1.showLodgesHeader {
        color: white;
    }
    
    .mobAvailButt {
        background: #0085cc; /* Brand blue */
        color: white;
        padding: 10px;
        text-align: center;
        border-radius: 4px;
    }
    
    .favourites {
        color: #0085cc; /* Brand blue */
    }
}