@import url("/assets/templates/variables-0589a490.css");
@import url("/assets/templates/common-e8cad7fe.css");
@import url("/assets/templates/responsive-9fe309d8.css");

/* Site sections */
[slot='header'] {
    padding: var(--wa-space-xs) var(--wa-space-3xl);
    --wa-color-text-link: var(--wa-color-text-normal);

    #vb-camping-link {
        --wa-color-fill-loud: rgb(106, 145, 45);
    }
}

wa-page[view='desktop'] [slot='navigation'] {
    display: none;
}

wa-page[view='mobile'] #header_nav {
    display: none;
}

wa-page::part(header) {
    background-color: white;
}

.hero {
    padding: var(--wa-space-2xl) 0 var(--wa-space-2xl) var(--wa-space-3xl);
    background-color: var(--wa-color-green-95);
}

.hero h1 {
    color: var(--wa-color-green-30);
}

.hero .wa-frame {
    aspect-ratio: 5 / 3;
}

.hero img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.categories-3-4 .wa-frame {
    aspect-ratio: 3 / 4;
}

.categories-4-3 .wa-frame {
    aspect-ratio: 4 / 3;
}

.categories-16-10 .wa-frame {
    aspect-ratio: 16 / 10;
}

.categories-1-1 .wa-frame {
    aspect-ratio: 1 / 1;
}

.wa-grid wa-card {
    --wa-panel-border-radius: var(--wa-border-radius-s);
}

.wa-grid .wa-stack.wa-link-plain {
    margin-bottom: var(--wa-space-m);
}

.map_with_text > div {
    overflow: hidden;
    background-color: var(--wa-color-blue-95);
}

.map_container {
    width: 100%;
    height: 320px;
}

.map_container + div {
    padding: 0 var(--wa-space-xl);
}

.details h1 {
    margin-bottom: var(--wa-space-s);
}

.details wa-button[appearance='plain'] {
    --wa-form-control-padding-inline: 0;
    --wa-form-control-border-radius: 0;
}

.details wa-button[appearance='plain']::part(label) {
    text-decoration: underline;
}

.details .categories-1-1 .wa-frame {
    max-height: 60vh;
}

#widgit .widgit_result, #widgit .widgit_filters {
    border-radius: var(--wa-border-radius-m);
    overflow: hidden;
}

#directions_map {
    height: 100%;
}

#search_results[complete] + .search_grid {
    display: none;
}

.list_filters_wrapper {
    gap: var(--wa-space-l);
}

.filters_form wa-input[type='date'] {
    position: relative;
}

.filters_form wa-input[type='date']::part(hint) {
    position: absolute;
    top: -14px;
    left: 15px;
    background-color: white;
    padding: 0 4px;
    font-size: 12px;
}

.weather_steps wa-scroller {
    white-space: nowrap;
}

.weather_steps wa-card {
    width: 120px;
    display: inline-block;
    text-align: center;
}