/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#mf_map_layers_climat {
  position: relative;
  z-index: 1; }

.leaflet-bar-timecontrol {
  border-radius: 5px; }
  .leaflet-bar-timecontrol .leaflet-control-timecontrol {
    border-color: #dee2e6;
    color: #145e9a;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px; }
    .leaflet-bar-timecontrol .leaflet-control-timecontrol:before {
      color: #145e9a; }
    @media screen and (max-width: 47.9375em) {
      .leaflet-bar-timecontrol .leaflet-control-timecontrol[title="Loop"] {
        border: 0; }
      .leaflet-bar-timecontrol .leaflet-control-timecontrol[title="Date"] {
        font-size: 9px;
        padding: 0;
        min-width: 120px;
        line-height: 15px;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px; } }
  /* @media screen and (max-width: 47.9375em) {
    .leaflet-bar-timecontrol .timecontrol-speed {
      display: none; } } */
  .leaflet-bar-timecontrol .timecontrol-speed .speed {
    width: 70px; }
  @media screen and (max-width: 47.9375em) {
    .leaflet-bar-timecontrol .timecontrol-dateslider {
      display: none; } }
  @media screen and (max-width: 74.99875em) {
    .leaflet-bar-timecontrol .timecontrol-dateslider .slider {
      width: 140px; } }
  @media screen and (max-width: 63.99875em) {
    .leaflet-bar-timecontrol .timecontrol-dateslider .slider {
      width: 115px; } }
  @media screen and (max-width: 47.9375em) {
    .leaflet-bar-timecontrol .timecontrol-dateslider .slider {
      width: 92%; } }

.timecontrol-slider .knob {
  background: #145e9a;
  border: unset;
  width: 4px;
  height: 14px;
  margin-top: -3px; }

.timecontrol-slider .slider {
  border: unset;
  background: #dee2e6;
  height: 8px; }

.leaflet-bar a,
.leaflet-bar a:hover {
  border-color: #dee2e6;
  color: #145e9a; }

.leaflet-right .leaflet-control {
  clear: none; }

.leaflet-right .leaflet-control-select {
  position: relative; }
  .leaflet-right .leaflet-control-select:before {
    content: "\E079";
    font-family: "Glyphicons Halflings";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    color: #145e9a;
    right: 10px;
    line-height: 27px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    pointer-events: none; }
  .leaflet-right .leaflet-control-select select {
    text-transform: uppercase;
    color: #145e9a;
    font-weight: 500;
    font-size: 10px;
    background: #ffffff;
    height: 27px;
    border-radius: 5px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 30px; }

.leaflet-right .leaflet-control-layers {
  text-transform: uppercase;
  color: #145e9a;
  font-weight: 500;
  font-size: 10px;
  border: unset; }

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzdHlsZS5jc3MiLCJzb3VyY2VSb290IjoiIn0=*/