@font-family-sans-serif: "Source Sans Pro","Open Sans", Calibri, Candara, Arial, sans-serif; nav#mw-navigation { background-color: #2c3a15; box-shadow: 0 2px 8px #000000; } div#p-logo { padding: 5px; } .smwofootergrid-bottom { color: #fff; background-color: #1F1F1F; } .navbar-right-aligned #searchInput { border-color: transparent; background-color: #0f5802; margin-left: 0; } button#mw-searchButton { background: #0c5000 !important; } .navbar-brand img { max-height: 18px !important; margin: 12px 0px 0px 0px; } div#p-logo { margin-right: 20px; } .footer-social-text { color: #ccc; font-size: 10pt; } .footer-social-text a, .footer-social-text a:visited{ color: white; font-size: 10pt; padding: 0; } .bannerimage { background-position: 50%; background-size: cover; background-blend-mode: luminosity !important; background-color: #518b53 !important; color: white !important; text-shadow: 0px 0px 2px #000 !important; margin-top: -10px; position: relative; text-shadow: 1px 1px 10px #000; } .bannerimage:before { background-image: linear-gradient(to bottom right,#2d5600,#000000) !important; } .ns-special .mw-body label { font-weight: normal; display: block; } #mw-content-text ul { list-style-position: inside; } section#home-header { background: #007c00; color: white; font-size: 20pt; text-align: center; margin: -1em 0 0em 0; padding: 0em 0px 0em 0; position: relative; font-weight: 200; } // **************** Map elements // We change the color of the marker using filter. The base color must be black. Color generator: https://codepen.io/sosuke/pen/Pjoqqp .page-Index .leaflet-marker-icon img, img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive { // filter: invert(18%) sepia(67%) saturate(3680%) hue-rotate(93deg) brightness(95%) contrast(103%) drop-shadow(2px 4px 6px lightgrey); filter: invert(18%) sepia(67%) saturate(3680%) hue-rotate(93deg) brightness(95%) contrast(103%); } .page-Index .leaflet-tile-pane { z-index: 200; filter: invert(3%) sepia(67%) saturate(3682%) hue-rotate(83deg) brightness(95%) contrast(87%) !important; } .page-Index .leaflet-marker-icon span { color: white; } // ***************** RESPONSIVE @media (max-width: 767px) { div#p-logo { padding: 5px 0 0 20px !important; } }