html,
body {
    overflow: visible;
    padding: 0;
    margin: 0;
    font-family: 'Titillium Web';
    overflow: hidden; /* Prevent unnecessary scrolling */
}

#unity-canvas-container, #unity-canvas {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0 !important;
}

.header-regione {
    background: #fff;
    position: absolute;
    top: 0;
    transition: 0.4s;
    width: 100vw;
    z-index: 3;
    z-index: 999;
}

.header-slim-top {
    background-color: #297a38;
    height: 58px;
}

.header-center {
    height: 98px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    border-bottom: 1px solid #e1e7ea;
}

.titolo-sito {
    font-size: 18px;
    color: #455b71;
    font-weight: bold;
}
@media (min-width:768px){
    .titolo-sito {
        font-size: 36px;
    } 
}
.logo-regione {
    margin-right: 24px;
}

.logo-regione img {
    height: 54px;
}

.footer-regione {
    background-color: #003354;
    padding: 48px 24px;
    color: #fff;
    font-size: 17px;
    position: absolute; /* Ensure the footer stays at the bottom */
    margin-top: auto;
    z-index: 999;
    width: 100vw;
    bottom: 0vh;
}


#choice-panel-overlay, .fullscreen-div {
    background-color: #fff;
    color: #000;
}
.titolo {
    color: #000;
}
.sottotitolo {
    color: #141719;
}
.button-container button {
    border: none;
}
.button-container button:hover {
    cursor: pointer;
    filter: brightness(0.9);
}