/* Container for the entire location block */
.lcr-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px;
}

/* Style for individual rows */
.lcr-row {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 100%;
    max-width: 400px; /* Max width for the row to avoid being too wide */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect for the row */
.lcr-row:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

/* Location styling (bold and larger font) */
.lcr-location {
    font-size: 1.4rem; /* Increased font size */
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    display: block;
}

/* Styling for the capacity and rooms with minimalist background */
.lcr-capacity, .lcr-rooms {
    font-size: 1.2rem; /* Increased font size */
    color: #333; /* Keep the text dark for contrast */
    background-color: #f1f1f1; /* Light gray background for a minimalist look */
    padding: 5px 10px; /* Small padding around the text */
    border-radius: 5px; /* Slight border-radius for rounded corners */
    margin-bottom: 10px;
    display: inline-block; /* Display side by side */
    margin-right: 10px; /* Space between the elements */
}

/* Separate space between capacity and rooms */
.lcr-capacity {
    margin-bottom: 15px;
}

/* Flexbox for ensuring neat alignment */
.lcr-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* Space between individual blocks */
}

.lcr-row {
    width: 100%; /* Full width by default */
    max-width: 400px; /* Limit the width */
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.lcr-row:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.lcr-location {
    font-size: 1.4rem; /* Increased font size */
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.lcr-capacity,
.lcr-rooms {
    font-size: 1.2rem; /* Increased font size */
    color: #333; /* Keep the text dark for contrast */
    background-color: #f1f1f1; /* Light gray background */
    padding: 5px 10px; /* Padding around the text */
    border-radius: 5px; /* Rounded corners */
    margin-bottom: 8px;
    display: inline-block; /* Keep them side by side */
    margin-right: 10px;
}

.lcr-capacity {
    margin-bottom: 12px;
}

/* Additional customizations */
.lcr-location,
.lcr-capacity,
.lcr-rooms {
    display: block;
}

/* Responsive design: Ensure it adjusts for smaller screen sizes */
@media (max-width: 600px) {
    .lcr-row {
        width: 100%;  /* Full width on smaller screens */
        padding: 15px;
    }
}