body {
    overflow-y: auto; /* Add this to ensure the page can scroll */
}
.top-text-left{
    font-size: 1.5rem;
    font-weight: bold;
}

.nav-masthead {
    background-color: transparent; /* or any other color you prefer */
}
.navbar-toggler {
    margin: 0 auto;
    display: block;
}

.bg-opacity {
    background-color: rgba(0,0,0, 0.7); /* white background with 80% opacity */
    padding: 20px; /* add some padding to create a nice background area */
    border-radius: 10px; /* optional: add a rounded corner effect */
}

.nav-link {
    transition: text-decoration 0.3s ease-in-out;
    font-size: 1.2rem;
    color: #FFFFFF;
}

.nav-link:hover {
    text-decoration: underline;
    text-decoration-color: #f9c349;
    color: #f9c349;
}

.nav-link:active {
    font-weight: bold;
    font-style: italic;
    color: #f9c349;
}

.active-link {
    font-weight: bold;
    font-style: italic;
    color: #f9c349;
}

.btn-yellow {
    background-color: #f9c349;
    border-color: #f9c349;
    color: #ffffff; /* optional: set the text color to white */
    font-weight: bold;
}

.btn-yellow:hover {
    background-color: #f7b733; /* optional: set a hover color */
    border-color: #f7b733;
}

.btn-blue{
    background-color: darkblue;
    color: #ffffff;
    font-weight:bold;
}

.btn-blue:hover{
    background-color: lightblue;
    border-color: #f7b733;
}

.grecaptcha-badge { visibility: hidden !important; }

.top-text-left {
    vertical-align: middle;
    line-height: 2; /* adjust this value to match the line height of your navigation links */
}

 .flag-icon {
     object-fit: cover;
     border-radius: 2px;
     box-shadow: 0 1px 2px rgba(0,0,0,0.2);
 }

.dropdown-item.active {
    background-color: rgba(255,255,255,0.1);
}

/* Language selector styling */
#languageDropdown,
#mobileLanguageDropdown {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    transition: all 0.3s ease;
}

#languageDropdown:hover,
#mobileLanguageDropdown:hover {
    background-color: rgba(255,255,255,0.1);
}

/* Mobile language selector specific styles */
#mobileLanguageDropdown {
    padding: 0.375rem 0.75rem;
}

.dropdown-menu {
    min-width: 200px;
    padding: 0.5rem 0;
    border: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.dropdown-item {
    padding: 0.5rem 1rem;
    transition: background-color 0.2s ease;
}

.dropdown-item:hover {
    background-color: rgba(0,0,0,0.05);
}