/* Shared explorebar/dropdown/filter-button styles. */

body #explorebarShell .nav-link,
body #explorebarShell .dropdown-toggle {
    color: #111 !important;
}

body #exploreFiltersBtn,
body #exploreFiltersBtn.btn-dark {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: #1f1913 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

body #exploreFiltersBtn i,
    body #exploreFiltersBtn.btn-dark i,
    body #exploreFiltersBtn .fi-sliders,
    body #exploreFiltersBtn.btn-dark .fi-sliders {
        color: #1f1913 !important;
    }

body #exploreFiltersBtn:hover,
    body #exploreFiltersBtn:focus,
    body #exploreFiltersBtn.btn-dark:hover,
    body #exploreFiltersBtn.btn-dark:focus {
        background: #fff !important;
        border-color: rgba(0, 0, 0, 0.18) !important;
        color: #111 !important;
    }

body #exploreFiltersBtn:hover i,
        body #exploreFiltersBtn:focus i,
        body #exploreFiltersBtn.btn-dark:hover i,
        body #exploreFiltersBtn.btn-dark:focus i,
        body #exploreFiltersBtn:hover .fi-sliders,
        body #exploreFiltersBtn:focus .fi-sliders,
        body #exploreFiltersBtn.btn-dark:hover .fi-sliders,
        body #exploreFiltersBtn.btn-dark:focus .fi-sliders {
            color: #111 !important;
        }

body #explorebarShell .btn-primary {
    color: #fff !important;
}

#explorebarShell {
    background: rgba(255,255,255,.35);
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

#explorebarShell.is-solid {
        background: rgba(255,255,255,1);
        border-color: rgba(0,0,0,0.25);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    }

.explorebar {
    display: flex;
    align-items: stretch; 
    gap: .75rem;
    padding: .25rem .5rem;
    border-radius: 999px;
    overflow: hidden; 
}

.explorebar .nav-link {
        padding: .5rem .75rem;
        border-radius: 999px;
        align-self: center; 
    }

.explorebar .nav-link:hover {
            background: rgba(0,0,0,.05);
        }

.explorebar .dropdown-menu {
        min-width: 18rem;
    }

.explorebar .explorebar-cta {
        margin-left: auto; 
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch; 
        background: #e25555; 
        padding: 0 26px; 
        border-radius: 0; 
    }

.explorebar .explorebar-cta > button {
            background: transparent;
            border: 0;
            color: #fff;
            font-weight: 700;
            padding: 0;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            
            transform: translateX(6px);
        }

.explorebar .explorebar-cta > button:focus {
                outline: none;
            }

.explorebar .explorebar-cta > button:focus-visible {
                outline: 2px solid rgba(255,255,255,.85);
                outline-offset: 2px;
            }

#explorebarShell.explorebar {
    overflow: visible; 
	position: relative; 
    border-radius: 999px;
    gap: 0; 
}

#countryGateStartBtn {
    background: #23abf5;
    border-color: #23abf5;
}

#explorebarShell.explorebar [data-start-exploring] {
    margin-left: auto;
    
    margin-top: -.25rem;
    margin-bottom: -.25rem;
    margin-right: -.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #23abf5;
    border: 0;
    box-shadow: inset 1px 0 0 rgba(0,0,0,.10);
    
    border-radius: 0 999px 999px 0;
    
    padding: 0 22px 0 22px; 
    min-width: 0; 
    width: auto;
    font-weight: 700;
    white-space: nowrap;
}

#explorebarShell.explorebar [data-start-exploring]:focus {
            outline: none;
        }

#explorebarShell.explorebar [data-start-exploring]:focus-visible {
            outline: 2px solid rgba(255,255,255,.85);
            outline-offset: -2px;
        }

.nav-fixed-width {
    width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#explorebarShell {
    background-color: #fff !important;
    border: 1px solid rgba(0,0,0,0.25) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#explorebarShell .nav-link,
    #explorebarShell .dropdown-toggle {
        color: #111 !important;
    }

#exploreFiltersBtn,
#exploreFiltersBtn.btn-dark {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: #1f1913 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

#exploreFiltersBtn:hover,
    #exploreFiltersBtn:focus,
    #exploreFiltersBtn.btn-dark:hover,
    #exploreFiltersBtn.btn-dark:focus {
        background: #fff !important;
        color: #111 !important;
        border-color: rgba(0, 0, 0, 0.18) !important;
    }

#exploreFiltersBtn i,
    #exploreFiltersBtn.btn-dark i,
    #exploreFiltersBtn .fi-sliders,
    #exploreFiltersBtn.btn-dark .fi-sliders {
        color: #1f1913 !important;
    }

#exploreFiltersBtn:hover i,
    #exploreFiltersBtn:focus i,
    #exploreFiltersBtn.btn-dark:hover i,
    #exploreFiltersBtn.btn-dark:focus i,
    #exploreFiltersBtn:hover .fi-sliders,
    #exploreFiltersBtn:focus .fi-sliders,
    #exploreFiltersBtn.btn-dark:hover .fi-sliders,
    #exploreFiltersBtn.btn-dark:focus .fi-sliders {
        color: #111 !important;
    }

.map-header-bar #explorebarShell,
    .map-header-bar .explorebar {
        width: 100%;
        max-width: none;
        margin: 0;
    }

.map-header-bar .explorebar {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.map-header-bar .nav-fixed-width {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
}

.map-header-bar #exploreFiltersBtn {
    margin-left: auto;
}

.map-header-bar #explorebarShell .dropdown {
    position: relative;
    z-index: 2;
}

.map-header-bar #explorebarShell .dropdown-menu {
    position: absolute;
    z-index: 2000;
}

.map-header-bar #explorebarShell.explorebar > :nth-child(1),
.map-header-bar #explorebarShell.explorebar > :nth-child(2),
.map-header-bar #explorebarShell.explorebar > :nth-child(3) {
    flex: 0 0 calc((45vw - 1rem) / 3);
    min-width: 0;
    margin-right: 0.5rem;
}

.map-header-bar #explorebarShell.explorebar > :nth-child(1) .nav-link,
    .map-header-bar #explorebarShell.explorebar > :nth-child(1) .dropdown-toggle,
    .map-header-bar #explorebarShell.explorebar > :nth-child(2) .nav-link,
    .map-header-bar #explorebarShell.explorebar > :nth-child(2) .dropdown-toggle,
    .map-header-bar #explorebarShell.explorebar > :nth-child(3) .nav-link,
    .map-header-bar #explorebarShell.explorebar > :nth-child(3) .dropdown-toggle {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-width: 0;
    }

.map-header-bar #exploreFiltersBtn {
    margin-right: 0.3rem;
}