@import url("https://use.typekit.net/dqr0gee.css");

:root {
    -webkit-font-smoothing: antialiased;
    --sw-container-height: 100dvh;
    --sw-primary: #719d6c;
    --sw-box-shadow: 0 0 0 1px #0e3f7e0a, 0 1px 1px -.5px #2a33450a, 0 3px 3px -1.5px #2a33460a, 0 6px 6px -3px #2a33460a, 0 12px 12px -6px #0e3f7e0a, 0 24px 24px -12px #0e3f7e0a;
    --sw-border-radius: 8px;
    --sw-border: none;
    --sw-search-input-max-width: 480px;
    --sw-search-inner-height: 2.75rem;
    --sw-search-target-border-radius: 4px;
    --sw-search-target-padding: 2px 4px 2px 8px;
    --sw-search-target-close-btn-padding: 2px 0 2px 24px;
    --sw-search-border: none;
    --sw-search-results-max-height: 400px;
    --sw-font-family: "proxima-nova";
    --sw-ol-controls-button-width: 32px;
    --sw-ol-controls-button-height: 32px;
    --sw-ol-controls-border: none;
    --sw-buttoncontainer-border: none;
    --sw-buttoncontainer-button-width: 32px;
    --sw-buttoncontainer-button-height: 32px;
    --sw-map-popup-border-radius: 3em;
    --sw-hoverbox-closebutton-padding: 0.25em;
    --sw-card-border-radius: 1em;
    --sw-card-image-bg-color: #fff;
    --sw-card-image-height: 140px;
    --sw-card-icon-size: 1rem;
    --sw-card-info-item-icon-color: #333;
    --sw-card-body-padding: 1rem;
    --sw-card-title-color: #333;
    
    --sw-layerswitch2-layer-min-height: 2.75rem !important;

    @media (max-width: 460px) {
        --sw-buttoncontainer-button-width: 36px;
        --sw-buttoncontainer-button-height: 36px;
        --sw-buttoncontainer-button-font-size: 20px;
        --sw-layerswitch2-width: auto !important;
        --sw-layerswitch2-layer-min-height: 2.5rem !important;
        --sw-layerswitch2-layer-padding: 0 1.5em 0 1em !important;
    }
}

.widget-map-popup {
    cursor: default;
    filter:  none !important;
    box-shadow: 0 0.75em 2em -1em #0008;
}

.widget-map-popup:has(.widget-card-image) .widget-hoverbox-closebutton {
    background: var(--sw-primary);
    border-radius: 1em;
    top: -0.5em;
    right: -0.5em;
    backdrop-filter: none;
    box-shadow: var(--sw-box-shadow);
}

.septimasearch {
    top: calc(var(--sw-spacer) * 5) !important;
    border: 1px solid transparent !important; 
    left: 50% !important;
    transform: translate(-50%) !important;
    
    .ssTargetbit {
        max-width: 140px;
        display: inline-flex;
        background-color: unset !important;
        line-height: 120%;
    }

    .ssTargetlabel {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    ul.better-autocomplete>li.result {
        border: none !important; 
    }

    .ssSearchResult {
        border: none !important;
    }
}

.septimasearch:has(.widget-search:focus-visible) {
    outline: 6px solid #0001 !important;
    outline-offset: 1px;
}

.sw-layerswitch {
    bottom: 2rem !important;
    left: 50% !important;
    transform: translate(-50%) !important;  

    .sw-layerswitch-body {
        overflow: visible;
    }

    .sw-layerswitch-layer-options-popover {
        top: auto !important;
        bottom: 30px !important;
        left: -110px !important;
        right: 0 !important;
    }
}

.widget-html {
    position: absolute;
    top: var(--sw-spacer-lg);
    left: var(--sw-spacer-lg);
    border-radius: var(--sw-border-radius);

    a {
        display: flex;
    }

    img {
        display: flex !important;
        width: 100px;
        height: auto;
    }
}

.widget-card {
    .widget-card-image {
        padding: 1em 1em 0 1em;
        border-radius: 1em 1em 0 0;
        img {
            border-radius: 0.325em;
        }
    }
    .widget-card-info-item:first-of-type {
        font-size: 0.75rem;
        line-height: 1.2;
        padding-bottom: 0.5rem;
        opacity: 0.6;
    }
}

.widget-contains-map .widget-map-controls-position-top-right {
    .widget-zoom {
        right: calc(var(--sw-spacer)*2)
    }
}

.widget-contains-map.widget-contains-search .widget-map-controls-position-top-right {
    .widget-map-buttoncontainer {
        @media (max-width: 460px) {
            right: var(--sw-spacer-md) !important; 
            top: calc(var(--sw-search-input-height) + var(--sw-buttoncontainer-spacer-top) * 5) !important;
        }
    }
}


@media (max-width: 460px) {
    .septimasearch {
        top: calc(var(--sw-spacer) * 2) !important;
        left: var(--sw-spacer-md) !important;
        right: var(--sw-spacer-md) !important;
        width: auto !important;
        transform: none !important;
    }

    .sw-layerswitch {
        width: auto;
        left: var(--sw-spacer-md) !important;
        right: var(--sw-spacer-md) !important;
        transform: none !important;
    }

    .sw-layerswitch-layer-options {
        display: none !important;
    }

    .sw-layerswitch-layer-options-popover {
        bottom: 2em !important;
        right: unset !important;
        left: 100% !important; 
        transform: translate(-100%, 0);
    }
}