/*_______________________________________________________________________________________

Basic style for the components of the interactive map.

  _______________________________________________________________________________________
*/


#mapplic ol{ list-style-type: none; }
.im-list{ margin-left: 0; border-top: 1px solid #858585; }
.im-list i{ font-size: 12px; }
.im-list h3,
.im-list h4,
.im-list h5{ display: inline; }
.im-list h4,
.im-list h5{ padding-left: 7px; }

.im-list a{ text-decoration: none; }
.im-list h3 a{ font-size: 1.313rem; color:#1a1a1a; font-weight: 700; }
.im-list h4 a{ font-size: 1.125rem; }
.im-list h5 a,
.im-list h6 a{ font-size: 1rem; }
.im-list h6 a{ font-weight: 700; }
.im-list-category li{ position: relative; }
.vintage-link{ position: absolute; left: -1.5rem; top: 1px; display: none; }
.im-list ol ol .vintage-link{ top: -1px; }
.open > .vintage-link,
.im-list-location.open .vintage-link
	{ display: inline; }
.open > h5 a,
.open > h4 a,
.open .active
	{ color: #1a1a1a; }

.im-list-category { border-bottom: 1px solid #858585; padding: 0.4rem 0 0.8rem; }
.im-list-category > ol { display: none; }
.im-list-category.open > ol { display: block; }
.im-list-location > ol > li  { display: none; }
.im-list-location.open > ol > li  { display: block; }
.im-list-location > ol > li > ol > li  { display: none; }
.im-list-location > ol > li.open > ol > li  { display: block; }

.im-list-container { position: relative; }
.im-list-container, .large-3 { width: 100%; }
.im-list-container > p  { margin-bottom: 0.5rem; font-size: 13px; color: #858585; }

.im-container {  border: 1px solid #858585; padding: 6px; }

.icon-calendar:before { border-right: 1px solid #858585; padding-right: 20px; }
p .icon-calendar:before { border: none; padding: 0; }

.im-map {
	overflow: hidden;
	background: #fff;
}


/*.im-map:before { 
	outline: 9px solid #fff;
	bottom: 4px;
	content: "";
	left: 4px;
	position: absolute;
	right: 4px;
	top: 4px;
	width: 99%;
	padding:10px; 
	border: 1px dashed #858585;

}*/


.im-map { 
	outline: 9px solid #fff;
	/*bottom: 4px;*/
	/*content: "";*/
	/*left: 7px;*/
	/*position: absolute;*/
	/*right: 4px;*/
	/*top: 6px;*/
	/*width: 98%;*/
	padding-bottom: 1px; 
	/*border: 1px dashed #858585;*/
	background-image: url("../images/dashed-img.png"); background-repeat:repeat-x; background-position:top center;
	/*height: 98% !important;*/


}

.im-map-left {
background-image: url("../images/dashed-img-vertical.png"); background-repeat:repeat-y; background-position: left top; 
/*bottom: 4px;*/
	/*content: "";*/
	/*left: 7px;*/
	/*position: absolute;*/
	/*right: 4px;*/
	/*top: 6px;*/
	/*width: 98%;*/
	padding-right: 1px; min-height: 400px !important;
}

.im-map-right {background-image: url("../images/dashed-img-vertical.png"); background-repeat:repeat-y; background-position: right top; 
	padding-right: 1px;
	 float: right;
    height: 100%; 
}

.im-map-bottom { 
	padding-bottom: 1px; 
	background-image: url("../images/dashed-img.png"); background-repeat:repeat-x; background-position:bottom center;
	float: right;
    width: 100%; 
	}
	
.mapplic-container {background-image: url("../images/dashed-img.png"); background-repeat:repeat-x; background-position:bottom center; }	

.mapplic-tooltip {
	text-align: center;
}

.mapplic-tooltip-link {
	margin:0;
}

.mapplic-tooltip.mapplic-hovertip {
	width:200px;
	margin:0;
	padding:10px 0 3px 0;
	text-align:center;
}

.mapplic-tooltip-title {
	overflow:hidden;
	margin:0;
	padding:0;
	text-align:center;
}




.im-tooltip {
    background-color: #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    display: none;
    margin-left: -110px;
    margin-top: -120px;
    position: absolute;
    width: 155px;
}
.im-tooltip-triangle {
    background-image: url("../images/tooltip-triangle.png");
    bottom: 0;
    height: 6px;
    left: 50%;
    margin-bottom: -6px;
    margin-left: -7px;
    position: absolute;
    width: 14px;
}
.im-tooltip p{
	margin: 0.5rem;
}
.im-tooltip h4 a{
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms;	
}

.im-tooltip p img{
	border: 1px solid #dadada;
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms;
}
.im-tooltip:hover > p img{
	border: 1px solid #858585;
}
.im-tooltip:hover > h4 a{
	color: #858585;
	
}

.im-tooltip h4{
	font-size: 13px;
	font-weight: 700;
	padding:0  0.5rem 0.5rem;	
	text-align: center;
	margin: 0;
}

.im-tooltip a{
	text-decoration: none;
	color: #1a1a1a;
}

.im-tooltip .more-map{
	margin: 0 0.5rem 1rem;
	text-align: center;
}
.im-tooltip-close {
    background-image: url("../images/cross.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 10px;
    margin-right: -4px !important;
    margin-top: -4px !important;
    width: 10px;
}

@media only screen and (min-width: 56.25em) {
.im-list-container > p  { position: absolute; top: -1.5rem; }
.im-container { margin-top: 0; }


}


@media all and (max-width: 1024px) {
	.im-map:before { 
	width: 98.7%;
	}

}

@media all and (max-width: 768px) {
	.im-map:before { 
	width: 98.2%;
	}

}


@media all and (max-width: 667px) {
	.im-map:before { 
	width: 98%;
	}

}

@media all and (max-width: 603px ) {
	.im-map:before { 
	width: 98.2%;
	}

}

@media screen and (max-width: 540px){
.im-map:before { 
	width: 98%;
	}

}

@media screen and (max-width: 320px){
.im-map:before { 
	width: 97%;
	}

}