/*--
	Theme Name: theme53998
	Theme URI: http://info.template-help.com/help/
	Description: A theme for Wordpress 3.8.x
	Author: Template_Help.com
	Author URI: http://info.template-help.com/help/
	Template: CherryFramework
	Version: 3.1.2
--*/

/* ----------------------------------------
	Please, You may put custom css here
---------------------------------------- */



.span12, .mp-span12 {
    margin: auto!important;
    float: none!important;
    clear: both;
}
.row{
    margin: 0!important
}
.row>div[class*="span"]:first-child{
    margin-left: 0;
}
.container{
    padding: 0!important
}
.paralax-slider{
    background: #524E46!important;
}

.extra_head:after{
background-repeat: repeat-x!important;
}
header .social-nets-wrapper{
position: absolute!important;
right: 0;
top: 0;
}
header .social-nets-wrapper li{
display: block!important;
}
.extra_head.isStuck .social-nets-wrapper{
top: -300px
}
.header{
    background: #524E47!important;
}
.home .header,
.page-template-page-map .header{
    background: transparent!important;
}
.header .social li + li +li a {
    background: #E24245!important;
}
.header .social li + li +li a:hover {
    background: #fff!important;
}
.icon-rss:before{
    content: "\f167"!important;
    font-size: 110%;
    margin-top: -1px;
}
header .search-form{
    float: right;
    margin-right: 55px;
}
.header .search-form form {
    margin-top: 47px!important;
    margin-bottom: 14px!important;
    overflow: hidden;
    height: 43px;
}
.extra_head.isStuck .search-form{
	margin-top: -200px
}

header .menu_holder{
margin-top: 0!important
}
.search-form input[type="text"]{
width: 250px!important;
padding-right: 50px!important;
height: 40px;
}
.search-form input[type="submit"].btn-primary{
    position: absolute!important;
    right: 0;
    top: 0;
    margin: 0!important;
    font-size: 0!important;
    width: 47px;
    height: 100%!important;
	background: none!important
}
.header .search-form form:after{
content: "\f002";
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #635F5C;
    z-index: 10;
    font: normal normal normal 20px/1 FontAwesome;
pointer-events: none;
}
.sf-menu ul{
width: auto!important;
min-width: 140px;
padding: 15px 10px!important;
    margin-left: 0!important;
    left: 50%!important;
    transform: translate(-50%,0);
margin-top: 30px!important;
}

.nav__primary .sf-menu > li > a{
margin: 0 5px;
text-transform: uppercase;
font-weight: bold;
}
.isStuck .logo{
padding-top: 0!important;
}
.isStuck .menu_holder{
padding-top: 30px!important;
}
a.banner_btn {
    display: inline-block;
    background: rgba(130, 198, 53, 0.42);
padding: 15px 0 25px;
    width: 268px;
    margin-right: 15%;
    background: url('http://www.earthsave.ca/wp-content/uploads/2016/03/banner_btn.png');
    background-size: 100% 100%;
opacity: .6
}
a.banner_btn:last-child {
	margin: 0
}
a.banner_btn h1{
	font-weight: normal!important;
	font-size: 30px;
    margin-bottom: 6px;
}
a.banner_btn h3{
	margin: 0;
font-size: 18px;
font-weight: normal;
color: #fff
}
#onlinebtn{
    height: 47px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.directory{
    background: #fff;
    padding: 30px 0;
    min-height: 100vh;
    width: 100%;
}
.directory .first{
    border-bottom: 1px solid #ddd;
    padding: 10px 5px 5px;
    margin-bottom: 20px;
    font-size: 30px;
    text-transform: uppercase;
    }
.directory .container .entry-content{
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
}
.directory .container .entry-content{
    }
.directory .cats{
    display: block;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 20px
}
.directory .cats a{
    color: inherit;
    pointer-events: none;
    }
.map-container{
    z-index: 0;
    position: relative;
    margin-top: -20px
}
.codespacing_progress_map_area{
    height: auto!important;
}


.codespacing_geotarget_container {
    position: absolute;
    top: 55px!important;
    left: 65px!important;
    }

div[class^=faceted_search_container] form.faceted_search_form ul li{
    padding: 10px!important;
}
div[class^=faceted_search_container] form.faceted_search_form ul li label{
    color: #636363!important
}

div[class^=faceted_search_container] form.faceted_search_form ul li:nth-child(1) label,
div[class^=faceted_search_container] form.faceted_search_form ul li:nth-child(2) label,
div[class^=faceted_search_container] form.faceted_search_form ul li:nth-child(3) label,
div[class^=faceted_search_container] form.faceted_search_form ul li:nth-child(4) label{
	color: #fff!important
    	}
div[class^=faceted_search_container] form.faceted_search_form ul li:nth-child(1){
	background: #00A265;
}
div[class^=faceted_search_container] form.faceted_search_form ul li:nth-child(2){
	background: #009C9C;
}
div[class^=faceted_search_container] form.faceted_search_form ul li:nth-child(3){
	background: #278BD8;
}
div[class^=faceted_search_container] form.faceted_search_form ul li:nth-child(4){
	background: #D0913F;
    border-bottom: 4px solid #D7DCDE;
}
div[class^=faceted_search_container] form.faceted_search_form ul li:nth-child(7){
    border-bottom: 4px solid #D7DCDE;
	}

div[class^=faceted_search_container] form{
    margin-bottom: 0;
}

div[class^=faceted_search_container] form label{
    font-weight: bold;
    color: #009C9C;
}
div.cspm_infobox_content_container.cspm_type1 div.cspm_infobox_content div.title{
	padding: 0!important;
}
div.cspm_infobox_content_container.cspm_type1 div.cspm_infobox_img{
	background: #eee;
	position: relative;
}
div.cspm_infobox_content_container.cspm_type1 div.cspm_infobox_img img{
	width: auto!important;
	height: auto!important;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)!important;
	-webkit-transform: translate(-50%, -50%)!important;
	}
div.cspm_infobox_content_container.cspm_type1 div.cspm_infobox_content,
div.cspm_infobox_content_container.cspm_type1{
    height: auto!important;
    min-height: 120px;
}
div[class^=faceted_search_container] form.faceted_search_form ul{
	max-height: none!important;
}
div.cspm_infobox_content_container.cspm_type1 div.cspm_infobox_content div.description{
    height: auto!important;
        color: #333;
    line-height: 1.2em;
    font-size: 15px!important;
}
div.cspm_infobox_content_container.cspm_type1 div.cspm_infobox_content div.description a{
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#newlocation, #showlocation{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    display: none;
}
div#showlocation:before {
    content: 'x';
    position: absolute;
    background: #000;
    display: block;
    right: 5px;
    top: 5px;
    padding: 5px;
    z-index: 20;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    height: 38px;
    width: 38px;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
}

#showlocation.loading{
    background-image: url(http://69.89.31.152/~earthsa7/wp-content/uploads/2016/04/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
}
#newlocation>div, #showlocation>div{
    background: #fff;
    width: 90%;
    max-width: 650px;
    margin: 20px auto;
    padding: 30px;
    overflow: auto;
    border-radius: 5px;
    color: #555;
    float: none;
}
#showlocation .share-buttons{
    display: none;
}
#showlocation ul{
    margin: 0;
    list-style: none
}
#showlocation .cats li{
    color: #9E9E9E;
    font-style: italic;
    font-size: 17px;
    margin-bottom: 10px;
    }
#showlocation .cats li a{
    color: #9E9E9E;
}
#showlocation .deets{
    border-top: 1px dashed #eee;
    margin-bottom: 10px
}
#showlocation .deets li{
    border-bottom: 1px dashed #eee;
    color: #9F9F9F;
    padding: 4px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    }
#showlocation .deets li.social a:not(:last-child)::after{
    content: ' /';
    color: #9E9E9E;
}
#showlocation .thumb{
    display: block;
    float: left;
    border-right: 12px solid #fff;
    height: 100px;
    background: #fff;
}
#showlocation .thumb img{
    max-height: 100px;
    width: auto;
}
#showlocation .hours{
    clear: both
}
#showlocation .features span:not(:last-child)::after{
    content: ',';
}
#showlocation .post__holder{
    clear: both;
    margin-top: 20px
}
#showlocation .hours+.post__holder{
    margin-top: 10px
}
#showlocation figure.featured-thumbnail{
    display: none;
}
.band{
	padding: 15px 0;
    background-image: url(http://69.89.31.152/~earthsa7/wp-content/uploads/2016/03/pattern2.jpg);
    margin-top: -25px;
    position: relative;
    text-align: center;
}
#add_btn{
    background: #009240;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    border-radius: 1px;
    box-shadow: 1px 1px 5px rgba(0,0,0,.3);
    cursor: pointer;
    display: inline-block;
}

.dirsearch,
.catsearch{
    display: inline-block;
    margin: 0 30px;
    position: relative;
}
.dirsearch input,
.catsearch select{
    height: 43px;
    font-size: 16px!important;
}
.dirsearch:after {
    content: "\f002";
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #635F5C;
    z-index: 10;
    font: normal normal normal 20px/1 FontAwesome;
    pointer-events: none;
}
#newlocation input,
#newlocation textarea{
    border: 1px solid #ddd;
    min-height: 40px
}
#newlocation input[type="file"]{
    border: none;
}
#newlocation input[type="checkbox"]{
    min-height: 20px;
    width: 20px!important;
    margin: 0;
}
#newlocation li#field_1_9,
#newlocation li#field_1_10,
#newlocation li#field_1_11,
#newlocation li#field_1_12,
#newlocation li#field_1_13,
#newlocation li#field_1_14,
#newlocation li#field_1_15{
    display: none;
}
#newlocation li#field_1_7, #newlocation li#field_1_5{
    width: 50%;
    float: left;
}
#newlocation li#field_1_7 input, #newlocation li#field_1_5 input{
    width: 95%;
}
 #newlocation li#field_1_5{
    clear: none;
    }
#newlocation li#field_1_19,
#newlocation li#field_1_22,
#newlocation li#field_1_23,
#newlocation li#field_1_24,
#newlocation li#field_1_25,
#newlocation #input_1_4 li{
    width: 50%;
    float: left;
    clear: none;
}
#newlocation li#field_1_22{
    padding-top: 38px;
}

#newlocation li#field_1_22>label,
#newlocation li#field_1_23>label,
#newlocation li#field_1_24>label,
#newlocation li#field_1_25>label{
    display: none;
}

.home .posts-grid.extragridserv_1 li{
	padding-bottom: 30px;
}
.home .posts-grid.extragridserv_1 li .btn.btn-primary{
    position: absolute;
    bottom: 3px;
    right: 0;
}



#gform_6 label, #gform_5 label[for="input_5_1"]{
    display: none;
}
#gform_6 select{
    width: 100%;
    padding: 0;
}
#gform_5 #input_5_2{
    width: 100%
}
#gform_5 label{
    margin-bottom: 0
}
#gform_5 input[type="text"]{
    height: 35px
}
#gform_5 .gfield_description{
    padding: 0;
    margin: 0;
    font-style: italic;
}


@media (min-width: 979px){
	div[id^=codespacing_progress_map_div]{
	    min-height: 700px!important;
	    height: -webkit-calc(100vh - 265px)!important;
	}
	div[class^=reset_map_list]{
	    top: 55px!important;
	    left: 123px!important;
	}
	div[class^=faceted_search_container]{
	    display: block!important;
	    top: 110px!important;
	    left: 10px!important;
	    min-width: 140px!important;
	    padding: 0!important;
	}
	div.faceted_search_btn{
	    display: none!important;
	}
}
@media (max-width: 979px){
	div[id^=codespacing_progress_map_div]{
	    max-height: 100vh!important;
    	height: -webkit-calc(100vw + 57vw)!important;
	}
	div[class^=faceted_search_container]{
	    top: 71px!important;
	    left: 10px!important;
	    min-width: -webkit-calc(100vw - 20px)!important;
	    padding: 0!important;
	    height: 100vw!important;
	    max-height: -webkit-calc(100vh - 101px)!important;
	    overflow-y: scroll;
	}
	div.faceted_search_btn, div.codespacing_geotarget_container, div.codespacing_zoom_container, div[class^=reset_map_list]{
		top: 23px!important;
	}
	div.codespacing_zoom_container>div{
		float: left;
		border: none!important;
	}
	div.faceted_search_btn{
		left: 140px!important
	}
	div.codespacing_geotarget_container{
		left: 95px!important
	}
	div[class^=reset_map_list]{
		left: 185px!important
	}
	#add_btn{
		display: none;
	}
	.dirsearch {
		margin: 0 10px 0 0;
	}
    .catsearch {
        margin: 0 0 0 10px;
    }
	#showlocation .thumb{
		float: none;
		margin: 5px auto;
		height: auto;
		text-align: center
	}
	.title-header{
		font-size: 25px;
	}

}

@media (max-width: 1200px) and (min-width: 979px){
	.extra_head:after{
	background-size: auto 100%!important; 
	}
	.logo {
	    width: 205px!important;
	}
	header .menu_holder{
	width: 126%;
	padding-top: 5px;
	padding-bottom: 10px
	}
	a.banner_btn{
	margin-right: 9%;
	 margin-top: 10%;
	}
}
@media (max-width: 979px) and (min-width: 768px){

	.menu_holder {
	    width: 146%;
	    padding-bottom: 20px;
	}

	.sf-menu > li:first-child{
	display: none;
	}
	.isStuck .menu_holder {
	    padding-top: 75px!important;
	    padding-bottom: 5px;
	}
	a.banner_btn{
	    margin-right: 0%;
	    margin-top: 10%;
	}
}

@media (max-width: 767px){
	header .span4{
	overflow-y: auto;
	}
	header .logo {
	    width: 180px;
	    margin-left: 10px;
	    margin-top: -9px;
	}
	.social {
	    margin: 0;
	    position: absolute;
	    top: -82px;
	    right: 5px;
		width: 105px;

	}
	header .social-nets-wrapper li{
	display: inline-block!important
	}


	header .search-form {
	    float: none;
	    margin: auto;
	    width: 310px;
	}
	.header .search-form form {
	    margin-top: 5px!important;
	}
	.extra_head:after {
	    background-size: contain!important;
	}
	header .menu_holder {
	    padding: 0;
	}
	header .nav {
	    margin: 0 auto;
	width: 310px;
	padding: 0!important;

	}

	a.banner_btn{
	    margin-right: 0%;
	    margin-top: 30%;
	padding: 5px 0 13px;
	    width: 161px;
	}
	a.banner_btn h1 {
	    font-size: 20px;
	    margin-bottom: 0px;
	}
	a.banner_btn h3 {
	    font-size: 13px;
	}

	.directory{
		padding-left: 10px;
		padding-right: 10px;
	}
	.directory .container .entry-content{
		width: 100%;
	}

}

@media (max-width: 650px){
    .dirsearch, .catsearch {
        margin: 5px auto;
        display: block;
        width: 288px;
    }
}


@media (max-width: 330px){

	a.banner_btn {
	    margin-top: 38px!important;
	}
}