/* =ACF MAP
-------------------------------------------------------------- */

.acf-map {
  width: 100%;
  height: 700px;
  border: #ccc solid 1px;
  margin: 20px 0;	
}

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important;
}

.acf-map .marker {
  display: none;
}

/* =MAPBOX STYLING
-------------------------------------------------------*/

.mapbox-marker {
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.mapbox-marker-default {
  background-image: url('/wp-content/themes/equal/assets/images/marker_default_small.png');
}

.mapboxgl-popup-content{
  padding:1em 2em 2em 2em;
	border-top:10px solid rgba(163, 173,153,1);
	border-top-right-radius:0.25rem;
	border-top-left-radius:0.25rem;
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.6)
}

.mapboxgl-popup-content h2{
  font-weight:900;
	letter-spacing: -1px;	
  margin:0;
	margin-bottom:0.5rem;
	text-align: center;
}

.mapboxgl-popup-content address{
  padding:0;
  margin:0;
	font-size:1rem;
	max-width:400px;
	font-weight:400;
	text-align: left;
}

.mapboxgl-popup-content a{
	text-decoration: underline;
	margin-bottom:1rem;
}

.mapboxgl-popup-content i.fa-direction{
	color: rgba(163, 173,153,1);
}


/*--------------------------
------- MAPS ---------------
-------------------------*/


.map--contact{
		width:auto;
		display:flex;
		flex: 1 1 auto;
	  height:300px;
		margin:0;
		margin-right:0;
		margin-top:1.5rem;
		border: 3px solid #fff;
		position:relative;
	}
	
	@media(min-width:768px){
		.map--contact{
			height:450px;
		}
	}
	
	@media(min-width:992px){
		.map--contact{
			height:auto;
			margin-right:1.5%;
			margin-top:0;
		}
	}
	
	.map--contact .location-overlay{
		position:absolute;
		bottom:0;
		left:0;
		background-color: rgba(26,37,45,0.9);
		padding:0.5rem 1rem;
		margin:0.25rem;		
		color: #fff;
		z-index:1200;
		border:2px solid #fff;
	}

	.map--contact .location-overlay address{
		margin:0;
		padding:0;
	}






	.map--header{
			width:100%;
			display:flex;
			flex: 1 1 auto;
			height:100%;
			margin:0;		
			border: none;
			position:relative;
		}
	
	

	.map--header .location-overlay,
	.map--contact .location-overlay{
		position:absolute;
		bottom:0;
		width:100%;		
		background-color: rgba(40,88,67,0.9);
		padding:0.5rem 1rem;
		margin:0;		
		color: #fff;
		z-index:1200;
		border-top:2px solid #fff;
	}

	.map--header .location-overlay address,
	.map--contact .location-overlay address{
		margin:0;
		padding:0;
		color: #fff;
		text-decoration: underline;
	}


	.map--header .location-overlay address > a,	
	.map--contact .location-overlay address > a{		
		color: #fff;
		text-decoration: underline;
		font-size:12px;
	}

	.map--contact{
		height:300px;
	}

@media (min-width:768px){
	.map--contact{
		height:450px;
		margin-top:2rem;
		margin-right:0;
	}
	.map--header .location-overlay,
	.map--contact .location-overlay{
	  width:auto;
		padding:0.5rem 1rem;
		margin:0.25rem;	
		border:2px solid #fff;
	}
	.map--header .location-overlay address > a,	
	.map--contact .location-overlay address > a{		
		color: #fff;
		text-decoration: underline;
		font-size:14px;
	}

	
}






/*-----------------------------
---- MAP SIDEBAR -------------
----------------------------*/

#map-panel {
  width: 200px;
  transition: all 0.3s ease;
}

#map-panel.is-open {
  width: 50px;
}

#marker-list{
  position:absolute;
  left:0;
  top:0;
  right:0;
  width:250px;
  overflow-y:scroll;
  background-color:#f4f4f4;
  z-index:100;
  height:100%;
  border:1px solid #cacaca;
  border-right:5px solid #d9531e;
}

@media (min-width:992px){
	#map-container{
		padding-left:300px;
	}

	#marker-list{
		width:300px;
	}
}
.marker-list__special{
	padding:1rem;
	background-color:#fff;	
	font-size:80%;
	border-bottom:1px solid #cacaca;
}
.marker-list__special h4{
	font-weight:800;
	font-size:1.25rem;
	color:#A4AD99;
}
.marker-list__parent-link{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-weight:600;
	line-height:1.25;
	font-size:1.25rem;
	background-color: #fff;
	width:100%;
	padding:1rem 0.5rem;
	border-top:1px solid #cacaca;
	border-left:none;
	border-right:none;
	border-bottom:none;
	text-decoration:none;	
}

.marker-list__parent-link:first-of-type{
	border-top:none;
}
.marker-list__parent-link:last-of-type{
	border-bottom:1px solid #cacaca;
}
.marker-list__parent-link:hover{
	background-color: rgba(163, 173,153,1);
	color:#fff;
}

.marker-list__counter{
  display: inline-block;
  padding: .4em;
  font-size: 65%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;	
  vertical-align: middle;
  border-radius: .5em;
	min-width:27px;
	color: #fff;
	background-color: rgba(163, 173,153,0.7);
	border:1px solid rgba(163, 173,153,1);
}

.marker-list__parent-link:active,
.marker-list__parent-link:focus{
	text-decoration: none;
}

.marker-list__parent-link:hover{
	background-color: rgba(163, 173,153,0.7);
	color:#fff;
	text-decoration: none;
}

.marker-list__parent-link[aria-expanded="true"]{
	background-color: rgba(163, 173,153,1);
	text-decoration: none;
	border-left:none;
	border-right:none;
	color:#fff;
}

.marker-list__parent-link[aria-expanded="false"]::after{	
    display: flex;
	  align-self:center;
    width: 0;
    height: 0;
    margin-left: .255em;
	  margin-right:0.5em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.marker-list__parent-link[aria-expanded="true"]::after{	
    display: flex;
	  align-self:center;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
  	margin-right:0.5em;
    content: "";
    border-bottom: .3em solid;
    border-right: .3em solid transparent;
    border-top: 0;
    border-left: .3em solid transparent;
}

.marker-list__parent-link:hover .marker-list__counter,
.marker-list__parent-link[aria-expanded="true"] .marker-list__counter{
	background-color: #fff;
	color:rgba(163, 173,153,1);
	border:1px solid rgba(163, 173,153,1);
	text-decoration: none;
}

.marker-list__child-link{
	width:100%;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	font-weight:600;
	line-height:1;
	font-size:1rem;
	background-color: rgba(163, 173,153,0.1);
	color:#000;
	width:100%;
	padding:0.75rem 0.5rem 0.75rem 1.5rem;
	border:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid rgba(163, 173,153,0.4);
	text-decoration:none;
}
.sub-navigation li:last-of-type .marker-list__child-link{
	border-bottom:none;
}

@media (max-width:768px){
  #marker-list{
   top:0;
   bottom:auto;
   left:auto;
   right:auto;
   width:100%;
   height:100px;
   font-size:0.9em;
   border-right:1px solid #eee;
   border-bottom: 3px solid #d9531e;
  }
}

#marker-list .sub-navigation{
  padding:0em;
  cursor:pointer;
	margin:0em;
}

#marker-list .sub-navigation .child{
  padding-left:1em;
}