/**
 * Default map styles.
 *
 * Don't modify this file! It will be overwritten by upgrades.
 *
 * Instead, copy this file to map-style.css in your theme directory
 * or Geo Mashup Custom plugin directory, if you have that
 * installed. Those files take precedence over these default styles.
 */

 /* Maps fill the frame, makes percentage height maps a bit easier */
 html, body {
 height: 100%; overflow: hidden; margin: 0;
 font-family: Arial, Helvetica, sans-serif;
 }
h2{
    margin: 0 0 5px 0;
}
h3{
	margin: 0;
	margin-bottom: 3px;
}
h4{
	margin: 0;
	margin-bottom: 3px;
}
a{
	color: #de3c4b;
}
/* a:hover{
	color: #666666;
} */
.storycontent{
	padding-bottom:4px;
}
.storycontent div.read-more a{
	position:relative;
}
.storycontent div.read-more a:after{
	content:'';
	display:block;
	position:absolute;
	height:4px;
	bottom: -4px;
	left: 0px;
	width: 0px;
	transition: width 0.2s;
	transition-timing-function: cubic-bezier(0.1, 0.5, 1.0, 0.1);
	background-color: #de3c4b;
  }
  .storycontent div.read-more a:hover:after{
	width: 100%;
  }
.attachment-featured_preview{
	float: left;
	margin-right: 10px;
}
/* Post date and tags/categories */
.meta { font-size:60%; }
.meta .blogdate { font-style: italic; }

/* Info window */
.locationinfo { font-size:14px; overflow:auto; width:auto; max-width: 500px; min-width:150px;}
.locationinfo h2 a,
.storycontent div.read-more a {
	text-decoration:none;
	font-weight:bold;
}
.locationinfo img{  
	border: 1px solid #aaa;
	border-radius: 3px;
	padding: 3px;
	background-color: #fff;
	box-sizing: border-box;
  }
.user-location-info { font-size:80%; overflow:auto; width:150px; height:80px; }
.comment-location-info { font-size:80%; overflow:auto; width:200px; height:140px; }
.info-window-max { font-size:80%; overflow:auto; }


/* Title link style */
.locationinfo h3 a, .info-window-max h3 a {
	text-decoration: none; margin:0; padding:0;
	color: #de3c4b;
	font-size: 100%;
	font-weight:bold;
}
.locationinfo h4{
	margin-bottom: 8px;
}
.locationinfo img{
	float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 4px;
}
/* Excerpt */
.storycontent,
.terms {
 font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3;
}
.storycontent div.read-more{
    padding-top: 10px;
    text-align: right;
}
.terms{
	font-weight: bold;
	margin-bottom: 5px;
}
button.gm-ui-hover-effect{
  top: -4px!important;
  right: 2px!important;
}
button.gm-ui-hover-effect img{
    width: 20px!important;
    height: 20px!important;

}