.leaflet-control-layers {
  &.leaflet-control {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    opacity: .8;
  }
}

.leaflet-control-container {
  .leaflet-control-layers-toggle {
    background: none;
    height: auto;
    width: auto;

    &::before {
      color: $color-primary;
      content: '\f229';
      display: inline-block;
      font-family: $font-family-icons;
      font-size: 2.3rem;
      line-height: 1;
      speak: none;
      text-rendering: auto;
    }
  }
}

.leaflet-control-layers-expanded {
  padding: 0;
}

.leaflet-control-layers-list {
  background: transparentize($color-white, .1);
  color: $color-gray-dark;
  padding: 10px;

  label {
    cursor: pointer;
  }
}