/* Custom CSS for The Grand Serenade */

@layer utilities {
    /* Hide scrollbar for Chrome, Safari and Opera */
    .hide-scrollbar::-webkit-scrollbar {
        display: none;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    .hide-scrollbar {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
}

/* Custom smooth transition overrides */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Slider Custom Styling */
input[type=range]::-webkit-slider-thumb {
    pointer-events: auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    cursor: ew-resize;
}
input[type=range]::-moz-range-thumb {
    pointer-events: auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    cursor: ew-resize;
}

/* Elegant Mobile Responsive Scaling Override */
@media (max-width: 768px) {
    html {
        font-size: 14px;
    }
    body {
        overflow-x: hidden;
    }
    section {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    h1 {
        font-size: 2.75rem !important;
        line-height: 1.1 !important;
    }
    h2 {
        font-size: 2.25rem !important;
        line-height: 1.15 !important;
    }
}
@media (max-width: 480px) {
    html {
        font-size: 13px;
    }
    h1 {
        font-size: 2.35rem !important;
    }
    h2 {
        font-size: 1.95rem !important;
    }
}