/* Hide the MODELS 2025 text */
.logobar .navbar-brand .brand-text {
    font-size: 0;
    visibility: hidden;
}

/* Style the container for proper positioning */
.logobar .container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #e7e7e7;
}

/* Increase the size of the navbar-brand to accommodate larger logo */
.logobar .navbar-brand {
    position: relative;
    width: 90%; /* Increase container width */
    height: 200px; /* Increase height - adjust as needed */
    margin-bottom: 15px;
}

/* Add the logo as a pseudo-element with custom dimensions */
.logobar .navbar-brand:before {
    content: "";
    background-image: url('https://conf.researchr.org/getImage/models-2025/orig/logo-editted.JPG'); /* Updated logo URL */
    background-size: contain; /* Maintain aspect ratio */
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%; /* Fill the navbar-brand width */
    height: 100%; /* Fill the navbar-brand height */
    top: 0;
    left: 0;
}

/* Position the venue information below the logo */
.logobar .place {
    float: none;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    display: block;
    order: 2;
}

/* Base logobar styling */
div.logobar {
    padding: 0;
    background-color: rgb(248, 248, 248);
    color: #777777;
}

/* Ensure navbar appears properly */
.navbar {
    border-top: none !important;
    border-radius: 0 !important;
    margin-top: 0;
}

/* Add responsive adjustments for different screen sizes */
@media (min-width: 992px) {
    .logobar .navbar-brand {
        width: 80%;
        height: 250px; /* Even larger on bigger screens */
    }
}

@media (max-width: 768px) {
    .logobar .navbar-brand {
        width: 95%;
        height: 150px; /* Slightly smaller on mobile */
    }
}