/* INTERACTIVE ELEMENTS */
/* clickable elements */
.mapplic-clickable:not(g),
g.mapplic-clickable > * {
  opacity: 0.4;
  /*fill: #b7a6bd*/;
}

/* hovered elements */
.mapplic-clickable:not(g):hover,
g.mapplic-clickable:hover > * {
  opacity: 0.8;
}

/* active elements */
.mapplic-active,
a.mapplic-active > path,
g.mapplic-active > * {
  fill: #343F4B;
  opacity: 1.0 !important;
}

/* CUSTOM PINS */
.mapplic-pin.my-new-pin { /* replace 'my-new-pin' with the name of your pin */
  background-image: url(../images/my-new-pin.png);  /* define the path to image file */
  background-size: 20px 30px;
  width: 20px;
  height: 30px;
  margin-left: -10px; /* negative margins are used for */
  margin-top: -15px;  /* defining the pin's origin */
}
.mapplic-pin.av-stores-pin { /* replace 'my-new-pin' with the name of your pin */
  background-image: url(../images/av-stores-pin.svg);  /* define the path to image file */
  background-size: 30px 48px;
  width: 30px;
  height: 48px;
  margin-left: -15px; /* negative margins are used for */
  margin-top: -24px;  /* defining the pin's origin */
}

/* RIGTH SIDEBAR */
.mapplic-sidebar {
  /*float: right;*/
}

/* ACTIVE PIN HIGHLIGH */
.mapplic-pin.mapplic-active {
/*
  background-color: #91bf39 !important;
  border-color: #91bf39 !important;
*/
}

/* CUSTOM MAP STYLES (Mall map) */
#landmarks-ground .mapplic-clickable,
#landmarks-underground .mapplic-clickable,
#landmarks-level1 .mapplic-clickable {
  opacity: 1 !important;
}

#landmarks-ground polygon.mapplic-active,
#landmarks-ground path.mapplic-active {
  fill: #ADDB2C;
}

#landmarks-underground polygon.mapplic-active,
#landmarks-underground path.mapplic-active {
  fill: #7EE0CD;
}

#landmarks-level1 polygon.mapplic-active,
#landmarks-level1 path.mapplic-active {
  fill: #F9684B;
}

/* SKINS */
/* mapplic-dark */
.mapplic-dark .mapplic-tooltip {
  background-color: #333;
}

.mapplic-dark .mapplic-tooltip-triangle {
  border-color: #333 transparent transparent transparent;
}

.mapplic-dark .mapplic-bottom .mapplic-tooltip-triangle {
  border-color: transparent transparent #333 transparent;
}

.mapplic-dark .mapplic-tooltip-title {
  color: #fff;
}

.mapplic-dark .mapplic-tooltip-description,
.mapplic-dark .mapplic-tooltip p {
  color: #bbb;
}

.mapplic-dark .mapplic-tooltip-close {
  background-image: url(../images/cross-light.png) !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .mapplic-dark .mapplic-tooltip-close {
    background-image: url(../images/cross-light@2x.png);
  }
}