:root {
    --primary-color: #8bba1c !important;
    --primary-light-color: #bac495 !important;
    --secondary-color: #111e52 !important;
    --dark-color: #111e52 !important;
    --grey-color: #8c8c8c !important;
    --grey-light-color: #cccccc !important;
    --complementary-color: #eb5e64 !important;
    --border-radius: 0px !important;
    --nav-padding: 20px;

}

.facet-map-marker {
    /* change color of leaflet default marker using css filters */
    filter: hue-rotate(240deg) brightness(1.2);
}

/* ios-Safari workaround: css variables do not work for background images */

.fun-facts {
    background-image: url("/site/images/parallax.jpg");
}

.footer p {
    color: #cfcfcf;
}

body .nav-container .navbar .navbar-brand {
  padding: calc(var(--nav-padding) * 1.5) 0;
}