/* Critical styles only - above-the-fold content */

@font-face {
    font-family: "Roboto";
    src: url("Fonts/Roboto-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cinzel";
    src: url("Fonts/Cinzel-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Critical responsive utilities */
.responsive-pt {
    padding-top: 6rem;
}

.responsive-pb {
    padding-bottom: 6rem;
}

.responsive-mt {
    margin-top: 2rem;
}

.responsive-mt-small {
    margin-top: 2rem;
}

.responsive-main {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* Critical typography */
.cinzel-font {
    font-family: 'Cinzel', serif;
    font-weight: 400;
    white-space: pre-wrap;
}

.description {
    font-weight: 100;
    line-height: 34px;
    white-space: pre-wrap;
}

/* Critical menu items */
.mobile-menu-item,
.mobile-menu-item .mud-list-item-text,
.mobile-menu-item .mud-list-item-text span,
.mobile-menu-item .mud-typography {
    font-family: 'Cinzel', serif;
    font-weight: 600;
    font-size: 1.25rem !important;
}

.mobile-menu-subitem,
.mobile-menu-subitem .mud-list-item-text,
.mobile-menu-subitem .mud-list-item-text span,
.mobile-menu-subitem .mud-typography {
    font-family: 'Cinzel', serif;
    font-weight: 600;
    font-size: 1rem !important;
}

/* Critical mobile responsive */
@media (max-width: 768px) {
    .responsive-pt {
        padding-top: 3rem !important;
    }

    .responsive-pb {
        padding-bottom: 4rem !important;
    }

    .responsive-mt {
        margin-top: 1rem !important;
    }

    .responsive-mt-small {
        margin-top: 1rem !important;
    }

    .responsive-main {
        padding-top: 0 !important;
        padding-bottom: 2rem;
    }

    h2,
    .mud-typography-h2 {
        font-size: 2.4rem !important;
    }

    h4,
    .mud-typography-h4 {
        font-size: 1.3rem !important;
    }
}