/*
 * Interactive World Maps Plugin Styles
 * Styles loaded only when responsive mode is enabled
 * 1 - Container Styles
 * 2 - Overlay Maps Styles
 * 3 - Media Queries
 *
*/


/* Container Styles */

.iwm_map_canvas{width:100%;display:inline-block;position:relative;list-style:none;}

.iwm_map_canvas:after{padding-top:61.7%;display:block;content:'';}

.iwm_map_canvas div[id*='map_canvas_']{position:absolute;top:0;bottom:0;right:0;left:0;}

/* End Container Styles */

/* Overlaying maps */

.iwm_map_overlay .iwm_data{position:absolute;top:0;left:0;pointer-events:none;}

.iwm_map_overlay{width:100%;display:inline-block;position:relative;list-style:none;}

/* End Overlay Maps */

/* Media Queries */

@media only print {
	.iwm_map_canvas {
		overflow: auto;
		max-width: 600px;
		max-height: 400px;
	}
	.iwm_map_canvas:after {
		padding-top: 0;
		display: block;
		content: '';
	}
	.iwm_map_canvas svg {
		zoom: 40%;
	}
	.iwm_map_canvas div[id*='map_canvas_'] {
		position: relative;
	}
}/*

This file controls the CSS of the maps, essentially for the HTML tooltips.
The maps are generated using the Google Visualization API, specificaly the Geochart:
https://developers.google.com/chart/interactive/docs/gallery/geochart

Here some of the default CSS rules for the tooltips are overwritten.
You can customize the visual of the tooltips further editing the classes below.

The tooltips might also inherit some rules from your theme's CSS.

1 - Placeholders
2 - Overlay Maps
3 - Tooltip styles override and reset
4 - Zoom controls
5 - Columns
6 - Media queries

Placeholder Styles
*/

.iwm_placeholder{opacity:0;background-color:#f5f5f5;width:100%;position:relative;list-style:none;text-align:center;vertical-align:middle;padding-top:25%;font-size:0.8em;}
.iwm_placeholder:after{padding-top:25%;display:block;content:'';}
.elementor-shortcode .iwm_placeholder{opacity:1;}
.cs_iwm_placeholder{opacity:1;background-color:#f5f5f5;width:100%;position:relative;list-style:none;text-align:center;vertical-align:middle;padding-top:25%;font-size:0.8em;}
.cs_iwm_placeholder:after{padding-top:25%;display:block;content:'';}
/* Overlay maps, make background transparent */

.iwm_data svg>g>rect:first-child{fill:none;}
/* overlay maps, mag lens background */

.iwm_data g g g[clip-path*='url(#_ABSTRACT_RENDERER_ID_'] g path{display:block !important;}
/* overlay pointer events fix */
.iwm_map_canvas .google-visualization-tooltip{pointer-events:all;}
/* Tooltip styles override and reset
 * !important needed to override styles loaded by google api
*/
.iwm_map_canvas li{list-style:none !important;}
.iwm_map_canvas text{stroke-width:0;cursor:default;}
.iwm_map_canvas img{border:none;padding:0;margin:0;box-shadow:none;}
.iwm_map_canvas .google-visualization-tooltip{z-index:9999;margin:0;padding:8px;color:#444;word-wrap:normal;font-family:inherit;margin-right:-50px;margin-bottom:-50px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;font-family:'Arial';}
.iwm_map_canvas .google-visualization-tooltip ul, .iwm_map_canvas .google-visualization-tooltip li, .iwm_map_canvas .google-visualization-tooltip img{margin:0 !important;padding:0 !important;border:0;outline:0;font-size:100%;line-height:1.5em;font-size:1em;text-decoration:none;vertical-align:baseline;list-style:none;}
.iwm-list li{cursor:pointer;}
/* Zoom Controls */

.iwm-controls{position:absolute;z-index:10;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;background:rgba(255, 255, 255, 0.5);border-radius:2px;padding:2px;}
.iwm-controls-top-left{top:1%;left:1%;}
.iwm-controls-center-left{bottom:50%;left:1%;}
.iwm-controls-top-right{top:1%;right:1%;}
.iwm-controls-bottom-right{bottom:1%;right:1%;}
.iwm-controls-bottom-left{bottom:1%;left:1%;}
.iwm-controls-zoom-in, .iwm-controls-zoom-out{font-family:Arial, Helvetica, sans-serif;border-radius:2px;background:#292929;padding:3px;color:white;cursor:pointer;line-height:10px;text-align:center;box-sizing:content-box;width:10px;height:10px;opacity:0.7;}
.iwm-controls-zoom-in{margin-bottom:3px;}
.iwm-controls-zoom-in:hover, .iwm-controls-zoom-out:hover{opacity:1;background:#303030;}
/* zoom styles for overlay maps */

div[id*='iwm_control_']{width:100%;display:inline-block;position:relative;list-style:none;}
div[id*='iwm_control_']:after{padding-top:61.7%;display:block;content:'';}
div[id*='iwm_control_'] div[id*='iwm_pan_container_']{position:absolute;top:0;bottom:0;right:0;left:0;}
/*
 * The content of the tooltip is rendered by the API in an unordered list
 * With 2 li entries, one for the title and other for the actual tooltip info.
*/

.iwm_map_canvas .google-visualization-tooltip-item-list{list-style-type:none;margin:0;padding:0;}
.iwm_map_canvas ul.google-visualization-tooltip-item-list{list-style:none;margin:0;padding:0;}
.iwm_map_canvas li.google-visualization-tooltip-item{list-style:none;margin:0;padding:0;}
.iwm_map_canvas .google-visualization-tooltip-item *{margin:0;padding:0;list-style:none;}
/* This rule controls the Title info */

.iwm_map_canvas .google-visualization-tooltip-item-list, .iwm_map_canvas .google-visualization-tooltip-item:first-child{list-style:none;margin:0;padding:0;}
/* Columns to display content on the sides */

.iwm_2_3_column, .iwm_1_3_column, .iwm_3_4_column, .iwm_1_4_column, .iwm_1_2_column{display:inline-block;vertical-align:top;}
.iwm_1_2_column{width:50%;}
.iwm_2_3_column{width:66%;}
.iwm_3_4_column{width:75%;}
.iwm_1_3_column{width:33%;padding-left:5px;}
.iwm_1_4_column{width:25%;padding-left:5px;}
.iwm_1_3_column img, .iwm_1_4_column img, .iwm_1_2_column img{max-width:100%;}
@media only screen and (max-width: 768px) {
	.iwm-controls {
		vertical-align: middle;
		text-align: center;
	}
	.iwm-controls-zoom-in, .iwm-controls-zoom-out {
		font-size: 2em;
		padding: 10px 5px;
		text-align: center;
		width: auto;
		height: auto;
	}
	/* set columns to take 100% */
	.iwm_2_3_column, .iwm_1_3_column, .iwm_3_4_column, .iwm_1_4_column, .iwm_1_2_column {
		width: 100%;
	}
}/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxWrapper{max-width:none;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%;height:100%;display:block;border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#222;}
#colorbox{outline:0;}
  #cboxContent{background:#555;overflow:hidden;}
      .cboxIframe{background:#000;}
      #cboxError{padding:50px;border:1px solid #ccc;}
      #cboxLoadedContent{margin-bottom:30px;background:#FFF;padding:20px;border-bottom:1px solid #666;}
      #cboxTitle{position:absolute;bottom:0px;left:0;text-align:center;width:100%;color:#999;}
      #cboxCurrent{position:absolute;bottom:0px;left:100px;color:#999;}
/*        #cboxLoadingOverlay{background:#000 url(//www.deutsch-israelische-gesellschaft.de/wp-content/plugins/interactive-world-maps/includes/colorbox/images/loading.gif) no-repeat 5px 5px;}
*/

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;}
      
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0;}
       #cboxSlideshow{position:absolute;bottom:0px;right:42px;color:#444;}
      #cboxPrevious{position:absolute;bottom:0px;left:0;color:#444;}
      #cboxNext{position:absolute;bottom:0px;left:63px;color:#444;}
      #cboxClose{position:absolute;bottom:0;right:0;display:block;color:#FFF;padding:10px;font-size:0.9em;}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}