/***********************************
ACCORDAN NAV STYLES
***********************************/

#accordian {
	font-family: 'Source Sans Pro', sans-serif;
	position: absolute;
	z-index: 2000;
	right: 40px;
	top: 10px;
	background: #ddd;
	width: 290px;
	min-height: 270px;
	margin: 0;
	color: white;
	border: 4px white solid;
	border-radius: 1px;
	/*Some cool shadow and glow effect*/
	box-shadow:
	0 5px 15px 1px rgba(0, 0, 0, 0.6),
	0 0 200px 1px rgba(255, 255, 255, 0.5);
}

#accordian h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #555;
	text-align: center;
	padding: 0.5em 0 0.7em 0;
}

/*heading styles*/
#accordian h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 44px;
	padding: 0 10px;
	cursor: pointer;
	padding: 0 0 0 55px;
}
/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.8);
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
	list-style-type: none;
}

#accordian ul ul li {

}
/*links*/
#accordian ul ul li a {
	color: #000;
	text-decoration: none;
	font-size: 13px;
	line-height: 16px;
	display: block;
	/*padding: 8px 15px;*/
	padding: 3.25px 15px;
}

#accordian ul ul li:first-child {
	padding: 5px 0 0 0;
}

#accordian ul ul li:last-child {
	padding: 0 0 5px 0;
}

/*hover effect on links*/
#accordian ul ul li a:hover {
	background-color:rgba(255, 255, 255, 0.7);
	/*background-image: url('images/maps/arrow.png');*/
	background-repeat: no-repeat;
	background-position: left center;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}

#accordian li.active ul {
	display: block;
}


h3.select {
	position: absolute;
	left: 10%;
	top: 120px;
	width: auto;
	display: block;
}

#comm-link {
	position: absolute;
	z-index: 100;
	left: 370px;
	top: 119px;
}

#comm-link-mobile {
	text-align: center;
	margin: 1em auto;
}

#comm-link img, #comm-link-mobile img {
	width: 100px;
	height: auto;
}

#comm-link a:link, #comm-link a:visited, #comm-link-mobile a:link, #comm-link-mobile a:visited {
	text-decoration: none;
	/*color: #4c4c4c;
	font-family: 'Source Sans Pro', sans-serif;
	background:url(/wp-content/themes/client-theme/maps/images/poi/community.png) no-repeat 0px 4px;
	background-size: 40px 40px;
  	background-repeat: no-repeat;
	padding: 11px 0 20px 52px;*/
}


.selected, .selected2 {
	background-color:rgba(255, 255, 255, 0.6);
	background-repeat: no-repeat;
	background-position: left center;
	pointer-events: none;
}

.selected {
	background-image: url('/wp-content/themes/client-theme/maps/images/arrow.png');
}

#north {
	position:absolute;
	left: -13px;
	bottom: -76px;
}

#north img {
	width: 50%;
	height: auto;
}

/***********************************
MAP STYLES
***********************************/

#map-side-bar {
	font-family: 'Source Sans Pro', sans-serif;
	height:auto;
	display:none;
	overflow: hidden;
	float: left;
}

#mapAll {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#map, #map_canvas {
	height: 100%;
	width: 100%;
  float: left;
}

#map-side-bar {
	width:250px;
	color: #fff;
	background: #005486;
	overflow: visible;
	padding:0.7em 0;
	height: auto;
}

#map-side-bar-menu {
	width: 220px;
	height: 560px;
	overflow: auto;
	margin: 10px auto 0;
}

#allCat {
	width: 200px;
	height: 34px;
	display:none;
	text-align:center;
	margin: 0.6em auto 2em auto;
}

#allCat a:link,#allCat a:visited {
	width: 100%;
	float: left;
	padding:0.8em 1em;
	text-align: center;
	background:#05C97C;
	color:#fff;
	font-size:1em;
	font-weight: 700;
	box-shadow: 0 0 3px rgba(0,0,0,0.6);
	border: #fff 2px solid;
}


#map-side-bar p, #map-side-bar h2 {
	padding: 10px;
	line-height: 18px;
}

#map-side-bar p {
	margin-bottom: 4px;
}


/* Menu Button */
.map-views,.map-views2,.reset {
	position:absolute;
	z-index:200;
	left: 20px;
	top:35px;
	cursor: pointer;
}

.reset {
	top: 85px;
}

.map-views, .map-views2, .reset {
	font-family: 'Source Sans Pro', sans-serif;
	width: 120px;
	padding: 0.5em 0;
	text-align: center;
	background:#231f20;
	border: 1px solid #fff;
	color:#fff;
	font-size: 0.9em;
	opacity:0.9;
}

.map-views:hover, .map-views2:hover, .reset:hover {
	background: #231f20;
}

.map-views2 {
	display:none;
}

.menu-tab,.menu-tab2 {
	display:none;
	position: absolute;
	background: #555;
	opacity:0.8;
	color:#fff;
	line-height: 1em;
	left: 0px;
	width: 120px;
	top:20px;
	z-index:200;
}

.menu-tab2 {
	display:none;
	left:0;
}

.menu-tab img,.menu-tab2 img {
	height:0.85em;
	width:auto;
}

.menu-tab:hover,.menu-tab2:hover  {
	background: #555;
	cursor: pointer;
}

.menu-tab p,.menu-tab2 p {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1em;
	margin:0;
	padding: 0.5em 1em;
	font-size:0.9em;
	font-weight: 400;
	color: #fff;
}

#controlHolder {
	position:absolute;
}

#cd-zoom-in, #cd-zoom-out {
	position: absolute;
	z-index: 300;
	left: 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-color: #231f20;
	border: 1px solid #fff;
	opacity:0.85;
	background-repeat: no-repeat;
	background-size: 30px 60px;
	background-image: url("../images/map/cd-icon-controller.png");
	transition: all 0.5s ease 0s;
}
#cd-zoom-in:hover, #cd-zoom-out:hover {
  background-color: #231f20;
}

#cd-zoom-in {
	top: 140px;
	background-position: 50% 0;
}

#cd-zoom-out {
	top: 190px;
	background-position: 50% -30px;
}

#map-side-bar a {
	text-decoration: none;
}

.iw-container {
	width: auto;
}

.infowindow {
	width: 350px;
	min-height: 370px;
  	overflow: hidden;
}

#map-photo {
	width: auto;
	height: 234px;
	background-color: #e4e4e4;
}

#map-photo img {
	width: auto;
	height: 234px;
}


#map-text {
	width: 100%;
}

#map-text h2 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	width: 100%;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: 500;
	margin: 0 0 7px 0;
	padding: 7px;
}

#map-text h3, #map-text h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
	font-weight: 500;
	margin: 0 0 0.3em 0;
	padding: 0;
}

#map-text h4 {
	height: 21px;
}

#map-text h4 svg {
	width: 1.3em;
	height: auto;
	display: inline;
	fill: #544c45;
	padding: 0 0.2em 0.2em 0;
	vertical-align: middle;
}

#map-text p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: 400;
	margin: 0px 0px 5px 0px;
	padding: 0;
	color: #4c4c4c;
}

#map-text a:link, #map-text a:visited {
	font-family: 'Source Sans Pro', sans-serif;
	padding: 1em 0;
	color: #442a18;
	font-weight: 500;
}

#map-text a:hover {
	color: #4c4c4c;
}

.paddingBottom {
	padding-bottom: 5px;
	margin: 0px;
}

/* Custom Close */

#map_canvas > div > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div > div:nth-child(3) > img {
	 display: none !important
}

#map_canvas > div > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div > div:nth-child(3) {
	width: 30px !important;
  height: 30px !important;
	right: 15px !important;
	top: 5px !important;
	opacity: 1 !important;
	background-image:url("../images/map/close.png") !important;
}

.pointinfo {
	padding: 10px;
}

.gm-style-iw {
   width: 350px !important;
   top: 15px !important;
   left: 28px !important;
   background-color: #fff;
   box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
   border: 4px solid #fff;
	 z-index: -1;
}