.brewery {
	font-family: "Helvetica Neue", "Arial", "sans-serif";
    margin-top: 25px;
}

.brewery .brewery__map {
	background: transparent url(/includes/img/ui/craft-beer/brewery.png) top left no-repeat;
	max-width: 960px;
	background-size: 960px 590px;
	height: 590px;
	position: relative;
/*	overflow: hidden;*/
}

.brewery .brewery__map .brewery__map--title {
	color: #d13239;
	position: relative;
	top: 55px;
	left: 220px;
	font-weight: 300;
	width: 340px;
	font-size: 40px;
	line-height: 1.1em;
	letter-spacing: 0.01em;
    float: left;
}

.brewery .brewery__map .brewery__map--subtitle {
 	color: #8a8a8d;
 	font-size: 17px;
 	position: relative;
 	left: 220px;
 	top: 30px;
    float: left;
    clear: left;
 }

 .brewery .brewery__map .hotspots {
 	position: relative;
 }

.brewery .brewery__map .hotspot {
  	width: 450px;
  	border: 2px solid #8a8a8a;
  	background: #fff;
  	position: absolute;
  	float: left;
  	display: none;
  	max-width: 450px;
  	min-height: 180px;
  }

.brewery .brewery__map .hotspot .hotspot-content {
  	margin: 20px 35px;
  	width: 50%;
  	font-size: 0.9em;
}

.brewery .brewery__map .hotspot .hotspot-content a {
    color: blue;
    font-size: 1em;
}

.brewery .brewery__map .hotspot .hotspot-content ul, .brewery .brewery__map .hotspot .hotspot-content li,
.brewery .brewery__map .hotspot .hotspot-content p {
    line-height: 1.2em;
}

.brewery .brewery__map .hotspot .hotspot-content ul {
    margin-left: 20px;
    list-style-type: disc;
}

.brewery .brewery__map .hotspot .hotspot-content h3 {
	margin-top: 0;
	padding-top: 0;
}

.brewery .brewery__map .hotspot img {
 	float: right;
 	max-width: 140px;
 	position: absolute;
 	right: 35px;
 	top: 50%;
 	transform: translateY(-50%);
 }

 .brewery .brewery__map .triggers .trigger {
 	position: absolute;
 	display: inline;
 	cursor: pointer;
 	width: 150px;
 	height: 150px;
 }