/* Custom Global Styles */

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Material Icons Vertical Alignment Fix */
.material-icons {
    vertical-align: middle;
    line-height: 1;
}

/* Custom Gallery Hover Transitions (if needed) */
.group:hover img {
    filter: brightness(0.8);
}
/* Container to align logo and text side-by-side */
.logo-container {
    display: flex;
    align_items: center; /* Centers items vertically */
    gap: 15px; /* Space between logo and text */
    text-decoration: none; /* Removes underline from link */
    color: inherit; /* Keeps your original text color */
}

/* Style for the Logo */
school-logo {
    height: 60px; /* Adjust this size to fit your header */
    width: auto;  /* Maintains aspect ratio */
    object-fit: contain;
}

/* (Optional) Ensure the text looks right */
.school-name {
    font-weight: bold;
    /* You can add font-size here if needed */
}
.school-logo {
    height: 130px;
    width: auto;
    object-fit: contain;}
.maa-logo {
    height: 130px;
    width: auto;
    object-fit: contain;}