/**
 * ------------------------------------------------------------------------
 * JA Image Hotspot Module for Joomla 2.5 & 3.4
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
 *
 * Adapted for mod_ouihotspot (Oui Systems): marker rules of JA Image Hotspot, FontAwesome now comes from Joomla core.
 */

.jai-map-wrap { position: relative; display: flex; justify-content: center; }
.jai-map-description { margin-bottom: 20px; }
.jai-map-container { display: inline-block; max-width: 100%; position: relative; overflow: hidden; }
.jai-map-container img { max-width: 100%; }
.jai-map-container .point { height: 1px; width: 1px; position: absolute; z-index: 999; font-size: 24px; font-weight: normal; }
.jai-map-container .point .bg {
  background-position: center center; background-repeat: no-repeat; background-size: contain;
  font-size: .8em; line-height: 30px; height: 30px; width: 30px;
  position: absolute; top: 0; left: 0; text-align: center; cursor: pointer;
}
.jai-map-container .point.point-ico { background-size: inherit !important; }
.always-popup .point { z-index: 1009; }
.hover-popup .point { z-index: 999; }
.jai-map-container .point:hover, .jai-map-container .point:focus, .jai-map-container .point:active { text-decoration: none; }
.jai-map-container .point:focus-visible .bg { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 50%; }
.jai-map-container .point .hidden { display: none; }

/* Popover extras (JA style.css) */
.webui-popover.dark, .webui-popover.dark .webui-popover-title { background-color: #000; color: #fff; }
.webui-popover.light .webui-popover-title { background-color: transparent; border-bottom: 0; }
.webui-popover .webui-popover-content { max-height: 400px; }
.webui-popover .webui-popover-content img { max-width: 100%; height: auto; }
.webui-popover { max-width: 94vw; }
.webui-popover .mobile-link { display: inline-block; margin-top: .5em; }
.webui-popover .ouihotspot-close { position: absolute; top: 2px; right: 6px; border: 0; background: none; font-size: 20px; line-height: 1; cursor: pointer; color: inherit; }
.webui-popover.ouihotspot-modal { position: fixed; z-index: 99999; margin: 0; }
.japopwarper { width: 100%; height: 100%; position: fixed; z-index: 9999; background: black; opacity: 0.4; top: 0; left: 0; }