@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Sen:wght@400..800&display=swap');

body {
    font-family: 'Sen', sans-serif;
    margin: 0;
    padding: 0;
}

.rotate-90 {
    transform: rotate(90deg);
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-grab {
    cursor: grab;
}

.fas.fa-times.fa-2x {
    font-size: 2.33333rem;
}

#single-page {
    background: var(--back-color);
}

/* Remove map on small screens */
@media (max-width: 767px) {
    #map-container {
        display: none;
    }

    #toggle-page {
        display: none !important;
    }

    #single-page {
        display: block !important;
    }

    #show-details-btn {
        display: none;
    }

}

@media (min-width: 768px) {
    #single-page {
        position: absolute;
        top: 0;
        left: 25%;
        width: 75%;
        height: 100vh;
        transform: translateX(100%);
    }

    .sidebar {
        height: 100vh;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
        z-index: 1;
        position: fixed;
        overflow-x: hidden;
    }
}

.sub-information {
    font-size: 12px;
}