/* Destinations page specific styles */
.hidden-tags {
    display: none !important;
}

.no-destinations-message {
    text-align: center;
    padding: calc(5vw * var(--scale));
    background-color: var(--background-color2);
    border-radius: calc(2vw * var(--scale));
    margin: calc(3vw * var(--scale)) 0;
}

.no-destinations-message p {
    font-size: calc(1.8vw * var(--scale));
    color: var(--text-color);
    margin: 0;
}

/* Continent stripes */
.continent-stripe {
    background-color: var(--background-color2);
    width: 100%;
    margin: calc(6vw * var(--scale)) 0 calc(2vw * var(--scale)) 0;
    padding: calc(3vw * var(--scale)) 3.6vw;
    position: relative;
}

.continent-stripe:first-child {
    margin-top: 0;
}

/* Continent headings inside stripes */
.continent-heading {
    font-size: calc(2.5vw * var(--scale));
    font-weight: 600;
    color: var(--text-color);
    margin: 0;
    padding: 0;
}

.continent-grid {
    margin-bottom: calc(3vw * var(--scale));
}

/* Styles for tablet */
@media (max-width: 991px) {
    .continent-heading {
        font-size: calc(4vw * var(--scale));
    }

    .continent-stripe {
        padding: 30px 30px;
        margin: 64px 0 24px 0;
    }
}

/* Styles for mobile */
@media (max-width: 479px) {
    .continent-heading {
        font-size: calc(5vw * var(--scale));
    }

    .continent-stripe {
        padding: 24px 18px;
        margin: 64px 0 24px 0;
    }
}