#map {
	transition: height .3s;
    border-radius: 3px;
    z-index: 0;
}

.map-large {
    height: 450px;
}

@media (max-width: 575.98px) {
	.map-large {
		height: 550px;
	}
}

/* CSS Sidebar Click Event on Marker */
#map-wrapper {
    position: relative;
}
#map-sidebar{
  display: none;
  position: absolute;
  border: 1px solid #b2bec3;
  box-shadow: 0 2px 5px 2px rgba(45, 40, 70, 0.26);
  background-color: white;
  right: 0;
  width: 350px;
  height: 100%;
  padding: 24px;
  text-align: left;
  z-index: 1000;
}


/*
.map-slider {
  display: flex;
  flex-direction: column;
  cursor: default;
  position: absolute;
  border: 1px solid #FFE8D2;
  box-shadow: 0 2px 5px 2px rgba(45, 40, 70, 0.26);
  background-color: white;
  right: 0;
  width: 325px;
  height: 100%;
  padding: 24px;
  text-align: left;
  z-index: 1000; }
  .map-slider .remove {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    padding: 24px;
    background: transparent url(../images/close-thin.svg) 12px 24px no-repeat;
    background-size: 12px; }
  .map-slider p {
    margin: 0;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 19px; }
  .map-slider .slider-header {
    margin-bottom: 24px;
    margin-right: 24px; }
    .map-slider .slider-header .name {
      font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 24px;
      line-height: 32px; }
    .map-slider .slider-header .sub {
      color: #C2837E; }
  .map-slider .slider-content {
    overflow: auto;
    flex-grow: 1; }
    .map-slider .slider-content .bold {
      font-weight: bold; }
    .map-slider .slider-content .pickups {
      margin-bottom: 18px; }
    .map-slider .slider-content .pickup {
      margin-bottom: 18px; }
      .map-slider .slider-content .pickup--assembly {
        padding-left: 36px;
        background: transparent url(../images/ruche-icon-panel.svg) 0 3px no-repeat;
        background-size: 24px; }
      .map-slider .slider-content .pickup--pickup {
        padding-left: 36px;
        background: transparent url(../images/pickup-icon-panel.svg) 0 3px no-repeat;
        background-size: 24px; }
  .map-slider .action {
    margin-bottom: 24px;
    margin-top: 24px; }
    .map-slider .action a {
      color: white; }

.map-overlay {
  position: absolute;
  height: 550px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1; }

.map-overlay-loading {
  left: 50%;
  margin-top: 260px; }
  
 */