/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/*bullet checklist by www.peeayecreative.com*/
.pa-bullet-list-1 ul {
list-style-type: none!important;
}

.pa-bullet-list-1 ul li:before {
content: 'e052'!important;
color: #81d2c7;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -14px;
font-size: 1.2em!important;
}

/*------------------------------------------------*/
/*------------------[GOOGLE MAP]------------------*/
/*------------------------------------------------*/
#main.suppliersPage {
	padding:0
}
#googleMapLocations {
	background: none repeat scroll 0 0 #eee;
	height: 540px;
	position: relative;
	margin-bottom: 60px;
}
#mapArea {
	float: right;
	height: 100%;
	width: 75%;
}
#mapCanvas {
	width:100%;
	height:540px;
}
#mapCanvas img {
	max-width:inherit
}
#supplierAddresses {
	background: none repeat scroll 0 0 #b8804f;
	box-shadow: 5px 0 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 5px 0 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 5px 0 4px rgba(0, 0, 0, 0.4);
	color: #FFFFFF;
	float: left;
	height: 540px;
	position: relative;
	width: 25%;
	overflow-x: hidden;
}
#supplierAddresses .supplierAddress {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	cursor: pointer;
	padding: 20px;
	transition:0.5s;
	width:100%;
}
#supplierAddresses .supplierAddress:hover, #supplierAddresses .supplierAddress.activeInfoWindow {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
}
.supplierTitle {
	color: #fff;
	font-size: 22px;
	padding-bottom: 5px;
}
.supplierMetaBx {
	color: #ccc;
	font-size: 15px;
	line-height: 1.5em;
}
.supplierMetaBx a {
	color: #ccc;
}
.supplierMetaBx a:hover {
	text-decoration:underline
}
.supplierImg {
	float: left;
	margin: 6px 15px 10px 0;
	width: 80px;
}
.supplierImg img {
	display:block
}
p.hasLocationImg {
	padding-left:95px
}
.supplierMeta {
	padding-left:20px;
	position:relative
}
.supplierMeta:before {
	color: #DDDDDD;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	left: 0;
	line-height: 1;
	position: absolute;
	top: 6px;
	font-size:13px;
}
.supplierMeta.phone:before {
	content: "\f095";
	left:1px
}
.supplierMeta.email:before {
	content: "\f0e0";
	top:4px;
}
.supplierMeta.fax:before {
	content: "\f1ac";
	font-size:10px;
}
.supplierMeta.website:before {
	content: "\f0ac";
	font-size:13px;
}
.mapInfoWindow {
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;/*min-width: 300px;*/
}
#suppliersTitleArea .pageTitle {
	float:left
}
#supplierFilter {
	float: right;
	padding-top: 10px;
}
#filterSuppliers{
	background-color: #ffffff;
    border: 1px solid #dddddd;
    line-height: 20px;
    padding: 5px 8px;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#suppliersTitleArea{margin-bottom:20px;}

#supplierAddresses::-webkit-scrollbar {
  width: 6px;
}
#supplierAddresses::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0px;
}
#supplierAddresses::-webkit-scrollbar-track {
  background-color: transparent;
}
@media only screen and (max-width : 880px) {
	#googleMapLocations{height:auto}
	#supplierAddresses{float:none; width:100%; height:auto}
	#mapArea{float:none; width:100%;}
}