@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@900&family=Roboto:wght@400;500;700;900&display=swap');

body {
    font-family: 'Roboto', sans-serif !important;
    /*font-family: 'Catamaran', sans-serif !important; */
}

h1, h2, h3 {
    font-weight: 900 !important;
    font-family: 'Catamaran', sans-serif !important;
}

.navbar-brand {
    color: #D98545;
}

nav {
    background-color: #F9C06B !important;
    border-bottom: solid 2px #D98545;
}

body {
    background-color: #568099 !important;
    font-size: 140%;
    color: #dcdcdc;
}

a:link { color: #ffebcd; }
a:active { color: #ffebcd; }
a:hover { color: #cbf7ff; }
a:visited { color: #ed992a; }
a.none { color: #dcdcdc !important; }
a.btn-none { color: #568099 !important; }

footer {
    margin-top: 50px !important;
    font-size: 80%;
}

h1 {
    color: #b5d6e0;
}

main {
    padding-top: 1rem;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.menu-content {
    background-color: #8DA398;
    background-color: #9aaebb;
}

.tooltip-inner {
    color: #efefef !important;
    /* background-color: #8bb5cf; */
    background-color: #9aaebb !important;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #8bb5cf;
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #8bb5cf;
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #8bb5cf;
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #8bb5cf;
}


#where_map {
    height: 250px;
    width: 100%;
    padding-left: 10px;
}
#map_container {
    padding-left: 10px;
}