.text-overlay {
        background: rgba(0, 0, 0, 0.5); /* Black with 50% transparency */
        padding: 5px 10px; /* Adjust padding as needed */
        display: inline-block; /* Ensure it only takes up the width of the text */
        color: white; /* White text */
        border-radius: 5px; /* Optional: to add rounded corners */
    }

/* Add padding and margin to content block */
.content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
}

body {
    background-color: #F9FAFC;
}

.light-bg {
    background-color: #fff;
}

.card {
    border: none;
    background-color: transparent;
}

.scale {
    width: 100%;
    height: auto;
}

/* Dark Navbar */
.navbar-dark {
    background-color: #223D68; /* Dark background color for the navbar */
}

.navbar-dark .navbar-nav .nav-link {
    color: #F6C02C; /* Highlight color for nav links */
    font-size: 1.2rem;
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #F6C02C; /* Keep the active nav link highlighted */
    text-decoration: underline; 
}

.navbar-dark .navbar-brand {
    color: #F6C02C; /* Color for brand text - Latte Night Cafe */
}

.post-link {
    text-decoration: none;
    color: #445261;
}

.post-link:hover,
.page-link {
    color: #E84610;
}

/* Buttons */
.btn-signup,
.btn-edit {
    background-color: #188181;
    color: #fff;
}

.btn-signup:hover,
.btn-signup:active {
    background-color: #fff;
    color: #23BBBB;
}



/* Links 
.link {
    color: #23BBBB;
    text-decoration: none;
}

.link:hover,
.link:active {
    color: #445261;
    text-decoration: underline;
}

.faded {
    color: rgb(172, 175, 175);
}

.approval {
    color: rgb(222, 146, 168);
}
    */

/* Footer styles*/
.footer {
    background-color: #223D68; /* Dark background color for footer */
    color: #F6C02C; /* Text color in the footer */
}

.footer h3,
.footer ul,
.footer p {
    color: #F6C02C; /* Highlight color for footer text */
}

.footer ul {
    list-style-type: none;
    padding: 0;
}

.social-media-icon a {
    color: #FFF; /* Social media icon color */ 
    font-size: 1.5rem;
}

.social-media-icon a:hover {
    color: #F6C02C; /* White color on hover */
}