/* Last Update: 03-02-2014 by Schecter & Co.*/

@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* ------ general

-----------------------------------------------*/

.clear { clear: both; }



.map_intro {

	padding: 0px 0 15px;

}

.map_intro h1{

	color: #546677;

	letter-spacing: -0.4%;

	margin: 0 0 30px;

}

.map_intro p{

	color: #626466;

	font-size: 18px;

	line-height: 26px;

	font-weight: 300;

	margin: 0;

}

.map_intro p + p{

	margin-top: 26px;

}

/* ------ map

-----------------------------------------------*/



.mapContainer { 

	font-size:12px;

	line-height:16px;

	padding: 0; 

	margin: 0 15px; 

	background-color: #ffffff; /* Note: Set plubin background color*/ 

}



.mapContainer a img {

	border:none;

}







.mapEmbed{

	width: 100%;

	background-color: #ffffff; /* Note: Set plubin background color*/

}

.mapEmbed .mapWrapper {

	position:relative;

	width: 100%!important; 

}



.mapEmbed #map {

	width: 100%!important; 

	clear:both; 

}

.mapEmbed #map #svggroup svg{

	width: 96%!important;

}



.point {

	position:fixed;

	display:none;

	padding:10px 15px;

	background:#f2f2f2;

	font-size:14px;

	font-weight:400;

	border:1px solid #262626;

	-moz-border-radius: 0px; /* FF1-3.6 */

	-webkit-border-radius: 0px; /* Saf3-4, iOS 1-3.2, Android <1.6 */

 	border-radius: 0px 0px 0px 0px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */    

	/* useful if you don't want a bg color from leaking outside the border: */        

	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

}



#text.default_text{

	width: 100%!important;

	height: auto!important;

	float: none!important;

}









/* Search Results */

#text,

#text_search { 

	display: block;

    width: 100%;

    height: auto;

    margin-top: 10px;

    border-top: 1px solid #dddddd;

}

#text_search_nav{

    border-top: 1px solid #dddddd;

    padding: 40px 0;

    margin-top: 60px;

}

#text_search_nav + #text_search { 

    margin-top: 0;

}

#text_search_nav ul{

	display: block;

	margin: 0;

	padding: 0;

	list-style-type: none;

	position: relative;

}

#text_search_nav ul:before{

	content: 'Results:';

	display: block;

    font-size: 28px;

    margin-top: 0;

    color: #626466;

    font-family: 'Saira', sans-serif;

    font-weight: 400;

    font-style: normal;

    line-height: 26px;

    margin-bottom: 20px;

}

#text_search_nav ul li{

	display: block;

	font-size: 18px;

	line-height: 26px;

}

#text_search_nav ul li a{

	padding: 10px 0;

	display: block;

}



.panel_info{ 

	padding: 80px 0;

}

.panel_info:after {

	content: "";

	display: table;

	clear: both;

}

.panel_info + .panel_info{

	border-top: 1px solid #dddddd;

}



.panel_info .state-label{

	display: inline-block;

	clear: both;

	color: #546677;

	text-transform: uppercase;

	font-weight: 600;

	font-size: 16px;

	line-height: 26px;

	letter-spacing: 0.1em;

	font-family: 'Saira', sans-serif;

	padding: 8px 19px;

}

.panel_info .searchresult{

	display: inline-block;

}

.panel_info .searchresult .distance{

	display: block;

	color: #ffffff;

	background-color: #899396;

	font-family: 'Saira', sans-serif;

	padding: 12px 19px;

	font-weight: 300;

	font-size: 14px;

	line-height: 18px;

	font-style: italic;

	letter-spacing: 0;

}

.panel_info .searchresult span { 

	display: block;

	font-size: 18px;

	line-height: 1;

	margin: 0; 

}

.panel_info h4{

	font-family: 'Saira', sans-serif;

	font-weight: 400;

	font-size: 48px;

	line-height: 54px;

	color: #033c5b;

	margin: 15px 0;

}

.panel_info .location__primary-block{

	display: block;

	font-size: 17px;

	line-height: 20px;

}

.panel_info .location__primary-block .primary-phone{

	display: block;

}

.panel_info .location__primary-block .primary-address{

	display: block;

	margin-top: 15px;

}

.panel_info .location__primary-block .primary-address .zipcode{

	display: inline;

}



.panel_info .location__contact{

	display: block;

	padding-top: 30px;

	font-size: 0;

	margin-left: -30px;

	margin-right: -30px;

}

.panel_info .location__contact.default{

	padding-top: 0;

}



.panel_info .location__contact-block {

	display: block;

	margin-top: 40px;

	width: 100%;

	padding: 15px 30px;	

}

.panel_info .location__contact-block .contact-label{

	display: inline-block;

	clear: both;

	color: #ffffff;

	text-transform: uppercase;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	letter-spacing: 0.1em;

	font-family: 'Saira', sans-serif;

    padding: 7px 20px;

    margin-bottom: 20px;

}

.panel_info .location__contact-block .contact-title{

	display: block;

	font-size: 14px;

	line-height: 26px;

	color: #c7c8ca;

	font-weight: 600;

	letter-spacing: 0.04em;

	font-family: 'Saira', sans-serif;

	text-transform: uppercase;

}

.panel_info .location__contact-block .contact-title.default{

	line-height: 18px;

	padding-top: 5px;

}

.panel_info .location__contact-block .contact-name{

	display: block;

	font-family: 'Saira', sans-serif;

	font-weight: 400;

	font-size: 24px;

	line-height: 26px;

	color: #899396;

	margin: 0;

}

.panel_info .location__contact-block .contact-phone{

	display: block;

	font-size: 18px;

	line-height: 26px;

	color: #626466;

	font-weight: 400;

	font-family: 'Saira', sans-serif;

	margin-top: 15px;

}

.panel_info .location__contact-block .contact-phone a{

    display: inline-block;

}

.panel_info .location__contact-block a{

	display: block;

	font-size: 18px;

	line-height: 26px;

	text-decoration: underline;

}

.panel_info h3 {
	font-weight: 300;
	font-size: 24px;
}



/* Map - Left Info Panel 

--------------------------*/

/*

.mapWrapper h1 { 

	display: inline-block; 

	color: #48c3e3; 

	font-size: 42px;

  	line-height: 1;

	margin: 0px;

}



.mapWrapper h4 { 

	font-size: 13px; 

	line-height: 1;

	font-weight: bold; 

	text-transform: uppercase; 

	margin: 15px 0; 

}



.mapWrapper h5 { 

	font-size: 12px;

	line-height: 1; 

	font-weight: normal; 

	margin: 15px 0; 

}



.mapWrapper .labels { 

	display: inline-block; 

	color: #fff; 

	font-size: 11px; 

	line-height: 1; 

	text-transform: uppercase; 

	padding: 5px 8px 4px 8px;

	background-color: #033c5a; 

}



.mapWrapper .estern .labels { 

	background-color: #4ac3e2;

}



.mapWrapper .estern h4 { 

	color: #4ac3e2;

}



.mapWrapper .central .labels { 

	background-color: #a9abb0;

}



.mapWrapper .central h4 { 

	color: #a9abb0;

}



.mapWrapper .western .labels { 

	background-color: #b19f3b;

}



.mapWrapper .western h4 { 

	color: #b19f3b;

}



.mapWrapper .panel_info { 

	display: inline-block; 

	min-width: 235px; 

	font-size: 11px;

	padding: 15px 20px 5px 20px; 

	margin-left: 45px;	

}



.mapWrapper .panel_location { 

	padding-bottom: 15px;

	border-bottom: 1px solid #555; 

}



.mapWrapper .estern .panel_location { 

	border-bottom: 1px solid #4ac3e2;

}



.mapWrapper .central .panel_location { 

	border-bottom: 1px solid #a9abb0;

}



.mapWrapper .western .panel_location { 

	border-bottom: 1px solid #b19f3b;

}



.mapWrapper .panel_location.last { 

	border: none;

}



.mapWrapper .panel_location span { 

	font-weight: bold;

}



.mapWrapper .panel_address { 

	margin-top: 10px;

}

*/







/* Map - Legend 

--------------------------*/

.mapLegend {

	background-color: #ffffff;

	width: 100%;

	max-width: 600px;

	padding: 35px;

	margin: -80px auto 0;

}



.mapLegend ul.legend {	

	list-style: none;

	padding: 0;

	margin: 0 0 20px;

}



.mapLegend ul.legend li {

	font-size: 16px;

	line-height: 22px;

	margin: 0 0 5px 0;

	position: relative;

	padding-left: 24px;

}



.mapLegend ul.legend li.marker3:before {

	content: '';

	display: block;

	width: 16px;

	height: 16px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	background-color: #00843C; 

	position: absolute;

	top: 40%;

	left: 0;

	transform: translateY(-50%);

}

/*

span.marker1 { 

	background-color: #546677; 	

}



span.marker2 { 

	background-color: #033c5a; 

}



*/

.mapLegend .submitmail {

	margin: 0 0 20px;

	display: block;

	font-size: 16px;

	line-height: 22px;

	color: #626466;

}

.mapLegend .submitmail strong{

	display: block;

	color: #dcd389;

	font-size: 14px;

	line-height: 36px;

	text-transform: uppercase;

}

.mapLegend .submitmail a{

	color: #626466;

	text-decoration: underline;

}

.mapLegend .submitmail a:hover{

	text-decoration: none;

}



/* Map - Download 

--------------------------*/

.mapDownloads{

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	padding: 20px 0;

	margin-bottom: 30px;

}

.mapDownloads a.pdf {

	display: block;

	font-size: 16px;

	line-height: 22px;

	color: #626466;

	padding: 9px 0 9px 50px;

	position: relative;

	max-width: 300px;

}

.mapDownloads a.pdf:before{

	content: url('../images/pdf.png');

	display: block;

	width: 30px;

	height: 40px;

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

}







/* Map - Search 

--------------------------*/

.mapSearch {

	width: 100%;

	margin-bottom: 30px;

}



.mapSearch h3 { 

	color: #626466;

	font-size: 28px; 

	line-height: 32px;

	font-weight: 300; 

	margin-top: 0;

	margin-bottom: 10px; 

	font-family: 'Saira', sans-serif;

	font-style: normal;

    text-transform: capitalize;

    text-align: center;

}



.mapSearch p{

	font-size: 18px; 

	line-height: 26px;

}

.mapSearch .notice {

	font-size: 14px;

	line-height: 18px;

	font-style: italic;

	color: #626466;

	font-family: 'Saira', sans-serif;

	margin: 20px 0 0;

}



.mapSearch input.searchInput[type="text"]{ 

	display: inline-block;	

	width: 100%;

	color:#899396;

	padding: 6px 12px;

	margin: 0 15px 0 0; 

	border:1px solid #d2d2d2;

	height: auto;

	font-size: 17px;

	line-height: 17px;

	font-family: 'Saira', sans-serif;

    vertical-align: middle;

	border-radius:0; 

	-moz-border-radius:0; 

	-webkit-border-radius:0; 

    

}



.mapSearch input.searchInput[type="text"] + input[type="text"]{

    margin-top: 5px;

}



.mapSearch input#engle_martin_search_city,

.mapSearch input#engle_martin_search_state{

    width: 50%;

    margin-right: 0px;

    float: left;

}



.mapSearch input#engle_martin_search_city {

    width: calc(50% - 5px);

    margin-right: 5px;

}



.mapSearch #my-location{

    width: 100%;

    text-align: center;

    background: #fff;

    color: #000;

    transition: background-color 0.5s ease;

}

.mapSearch #my-location:hover{

    background: #f7f7f7; 

}

.mapSearch #my-location::before{
	
	content:'\f041';
	font-family: 'FontAwesome';	
	padding-right: 5px;
	
}

.mapSearch #my-location.btn {
	border:solid 1px;
}

.mapSearch span.or{

    text-align: center;

    display: block;

    margin: 10px 0

}



.mapSearch input#engle_martin_search_zip{

    width: calc(100% - 59px);

}

.mapSearch .searchButton{

    margin-top: 0px;
	margin-bottom: -18px;

}



.searchButton {

	display: inline-block;	

	width: 40px;

	height: 40px;

	cursor: pointer;

	border: none !important;

	background-color: transparent !important; 

	background: transparent url('../images/button-large-sprite.png') no-repeat top center !important; 

    -webkit-transition: background-image 1s ease-in-out;

    transition: background-image 1s ease-in-out;

}



.searchButton:hover{

    background-position: bottom !important;

}





@media (min-width:768px) {

	.mapLegend {

		padding: 45px 55px 55px;

	}





	.panel_info .location__contact-block {

		display: inline-block;

		vertical-align: top;

		width: 50%;

		padding: 25px 30px;	

		border-left: 1px solid #dddddd;

	}

	.panel_info .location__contact div:first-child,

	.panel_info .location__contact div:nth-child(3n){

		border: none;

	}



	.panel_info .location__primary-block .primary-phone{

		display: inline-block;

		width: 200px;

		vertical-align: top;

    }

    .panel_info .location__primary-block .primary-phone a{

        font-family: 'Saira', sans-serif;

        text-decoration: underline;

	}

	.panel_info .location__primary-block .primary-address{

		margin-top: 0;

		display: inline-block;

		vertical-align: top;

	}

	#text_search_nav ul{

		padding-left: 120px;

	}

	#text_search_nav ul:before{

		position: absolute;

		top: 0;

		left: 0;

		width: 120px;

		margin: 0;

	}

	#text_search_nav ul li{

		display: inline-block;

		vertical-align: middle;

	}

	#text_search_nav ul li a{

		padding: 0 0 0 20px;

	}

	#text_search_nav ul li a:after{

		content: '';

		border-right: 1px solid #899396;

		width: 1px;

		height: 18px;

		display: inline-block;

		vertical-align: middle;

		padding: 0 0 0 20px;

	}

	#text_search_nav ul li:last-child a:after{

		display: none;

	}



}

@media (min-width:992px) {

	.mapContainer { 

		max-width: 1400px; /* Note: Set plugin width*/

		width: 100%;

		margin: 0 auto; 

	}

	.mapEmbed{

		width: 68.214%;

		float: left;

	}

	.mapLegend {

		width: 31.786%;

		float: right;

		max-width: auto;

	}

	.panel_info h4{

		margin: 0 0 15px;

	}

	.panel_info .location__contact-block {

		width: 33.333%;

	}

	.panel_info.location_panel_info .location__contact-block{

		width: 25%;

	}

	.panel_info .location__contact div:nth-child(3n),

	.panel_info .location__contact div:nth-child(4n){

		border-left: 1px solid #dddddd;

	}

	.panel_info .location__contact div:nth-child(5n){

		border: none;

	}



	#text_search_nav h3{

		display: inline-block;

		vertical-align: middle;

		padding-right: 50px;

	}

	#text_search_nav ul{

		display: inline-block;

		vertical-align: middle;

	}



}