/* Specific mapael css class are below
* 'mapael' class is added by plugin
*/
.jQuerymap {
  margin: 2rem 0; }

.map-container {
  position: relative;
  margin-top: 2rem; }

.mapael .map {
  margin-bottom: 10px;
  position: relative; }

.mapael svg {
  max-width: 100%;
  height: auto; }

/* For all zoom buttons */
.mapael .zoomButton {
  background-color: #006e7d;
  border: 1px solid #006e7d;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none;
  position: unset;
  float: left;
  font-size: 20px;
  margin: 15px 0 0 20px; }
  @media print, screen and (min-width: 60em) {
    .mapael .zoomButton {
      position: absolute;
      top: 0;
      font-weight: bold;
      left: 0;
      float: none;
      margin: 0; } }

/* Reset Zoom button first */
.mapael .zoomReset {
  top: 0px; }

/* Then Zoom In button */
.mapael .zoomIn {
  top: 44px; }

/* Then Zoom Out button */
.mapael .zoomOut {
  top: 88px; }

.mapael .mapTooltip {
  opacity: 0;
  position: absolute;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  z-index: 1000;
  max-width: 200px;
  display: none;
  color: #262626;
  font-size: 12px; }
  @media print, screen and (min-width: 60em) {
    .mapael .mapTooltip {
      opacity: 1; } }

#mapael-map.overlay-open .mapTooltip {
  opacity: 0; }

.mapael .overlay-wrapper {
  background: rgba(0, 0, 0, 0.5);
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  /* For Safari 3.1 to 6.0 */
  transition: width 2s;
  overflow: hidden; }

.mapael .overlay-wrapper.open {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 0;
  /* For Safari 3.1 to 6.0 */
  transition: width 2s; }

.mapael .overlay-wrapper .overlay-close {
  font-size: 40px;
  color: #fff;
  position: absolute;
  top: 15px;
  cursor: pointer;
  right: 15px;
  z-index: 999;
  background: #006e7d;
  border-radius: 100%;
  line-height: 46px;
  padding: 0;
  text-align: center;
  height: 50px;
  width: 50px; }
  .mapael .overlay-wrapper .overlay-close:hover {
    background: #004852; }

.overlay-content-wrapper {
  max-width: 90%;
  text-align: left;
  padding: 20px;
  color: #fff !important; }
  .overlay-content-wrapper h2 {
    font-size: 1.875rem;
    color: #fff !important; }
  .overlay-content-wrapper ul li {
    margin-bottom: .2em !important;
    color: #fff !important; }
  .overlay-content-wrapper p {
    margin-bottom: .5rem;
    color: #fff !important; }
  @media print, screen and (min-width: 60em) {
    .overlay-content-wrapper ul li {
      margin-bottom: 1em !important; }
    .overlay-content-wrapper h2 {
      font-size: 2.1875rem; }
    .overlay-content-wrapper p {
      margin-bottom: 1rem; } }

.map-onepage.mapael .overlay-wrapper,
.map-onepage.mapael .overlay-wrapper.open,
.map-onepage.mapael .overlay-map,
.map-onepage.mapael .overlay-content-wrapper {
  height: 100%; }
  .map-onepage.mapael .overlay-wrapper .content,
  .map-onepage.mapael .overlay-wrapper.open .content,
  .map-onepage.mapael .overlay-map .content,
  .map-onepage.mapael .overlay-content-wrapper .content {
    height: 100%;
    overflow: auto;
    text-align: center; }

.map-onepage.mapael .overlay-wrapper.open,
.map-onepage.mapael .overlay-wrapper {
  position: fixed;
  z-index: 99;
  left: 0; }

.map-onepage.mapael .overlay-content-wrapper {
  max-width: 100%; }

.map-onepage.mapael .overlay-close {
  border-radius: 25px;
  top: 10px; }

body.scroll-down:not(.adminimal-admin-toolbar) .map-onepage .overlay-wrapper.open,
body.scroll-down:not(.adminimal-admin-toolbar) .map-onepage .overlay-wrapper {
  top: 45px;
  height: calc(100% - 45px);
  min-height: calc(100% - 45px); }

@media print, screen and (min-width: 60em) {
  body.scroll-down:not(.adminimal-admin-toolbar) .map-onepage .overlay-wrapper.open,
  body.scroll-down:not(.adminimal-admin-toolbar) .map-onepage .overlay-wrapper {
    padding-top: 30px; }
    body.scroll-down:not(.adminimal-admin-toolbar) .map-onepage .overlay-wrapper.open .overlay-close,
    body.scroll-down:not(.adminimal-admin-toolbar) .map-onepage .overlay-wrapper .overlay-close {
      top: 25px; } }

body.adminimal-admin-toolbar .map-onepage .overlay-wrapper.open,
body.adminimal-admin-toolbar .map-onepage .overlay-wrapper {
  top: 75.375px;
  height: calc(100% - 75.375px); }