/*
Theme Name: Lawn Doctor Franchise
Theme URI: http://www.lawndoctor.com/
Author: Cyberitas Technologies, LLC.
Author URI: http://www.cyberitas.com/
Description: Lawn Doctor Franchise Site Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lawndoctor
Tags:
*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */



.location-page {
    text-align: center
}

.locations-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    border-top: #ccc solid 1px;
    padding-top: 40px
}

.location-single {
    width: 31.33%;
    background: #f8f8f8;
    border-radius: 7px;
    overflow: hidden;
    margin: 0 1% 30px
}

.location-single h3 {
background: #327c26;
    color: #fff;
    font-size: 1.2em;
    margin: 0;
    padding: 18px 50px;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    font-weight: 700;
    line-height: 25px;
}

.location-single img {
    margin-bottom: 20px
}

.location-single p {
    color: #000;
    font-weight: 600;
    line-height: 30px;
}

.location-single p a {
    color: #000
}

.location-single p a:hover {
    color: #d56526
}

.location-single .btn {
    border: none;
    color: #000;
    display: inline-block;
    line-height: normal;
    margin: 0;
    padding: 8px 20px 8px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    background: #e9ae00;
    word-wrap: break-word;
    font-weight: 600;
    transition: all .5s ease-in-out; 
    -moz-transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out; 
    -o-transition: all .5s ease-in-out;
    border-radius: 5px;
}
.location-single .btn:hover {background:#926d00; color:#fff;}
.location-inner {
    float: left;
    width: 100%;
    padding: 40px 20px
}

.contentside .location-legend {
    float: left;
    width: 100%;
    margin: 0 0 50px;
    padding: 26px 0;
    border-bottom: #ccc solid 1px
}

.contentside .location-legend li {
    float: left;
    list-style-type: none;
    margin: 0 30px 0 0;
    padding-left: 2.65em;
    font-weight: 700
}

.contentside ul.location-legend li:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    width: 35px;
    height: 35px;
    background: #3f0000
}

.contentside ul.location-legend li:first-child:before {
    background: #bb4b0c
}

.border-grad {
    float: left;
    width: 100%;
    height: 5px;
    background: #042e87;
    background: -moz-linear-gradient(left, #042e87 0%, #042e87 34%, #feb824 34%, #feb824 67%, #4060ff 67%, #4060ff 100%);
    background: -webkit-linear-gradient(left, #042e87 0%, #042e87 34%, #feb824 34%, #feb824 67%, #4060ff 67%, #4060ff 100%);
    background: linear-gradient(to right, #042e87 0%, #042e87 34%, #feb824 34%, #feb824 67%, #4060ff 67%, #4060ff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#042e87', endColorstr='#4060ff', GradientType=1)
}

@media screen and (max-width:991px) {
    .location-single {
        width: 48%
    }
    .contentside .location-legend li {
        width: 100%;
        margin: 0 0 10px
}}

@media screen and (max-width:767px) {
    .location-single h3 {
        font-size: 1em;
        padding: 10px
    }
}

@media screen and (max-width:640px) {
		    .location-single {
        width: 100%;
        margin: 0 0 10px
    }
}

.screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
   height: 1px;
   width: 1px;
   overflow: hidden;
}

.screen-reader-text:focus {
   background-color: #f1f1f1;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto !important;
   color: #006b9b;
   display: block;
   font-size: 0.875em;
   font-weight: bold;
   height: auto;
   left: 5px;
   line-height: normal;
   padding: 15px 23px 14px;
   text-decoration: none;
   top: 5px;
   width: auto;
   z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
   
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
   display: inline;
   float: left;
   margin-right: 1.5em;
}

.alignright {
   display: inline;
   float: right;
   margin-left: 1.5em;
}

.aligncenter {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
   content: "";
   display: table;
   table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
   clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
   margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
   max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
   display: block;
}

.hentry {
   margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
   display: none;
}

.single .byline,
.group-blog .byline {
   display: inline;
}

.page-content,
.entry-content,
.entry-summary {
   margin: 1.5em 0 0;
}

.page-links {
   clear: both;
   margin: 0 0 1.5em;
}

.logo-ecofriendly { 
	max-height: 65px; 
	margin-top: 5px;
}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
   display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
   word-wrap: break-word;
}

.bypostauthor {
   display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
   display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
   display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
   border: none;
   margin-bottom: 0;
   margin-top: 0;
   padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
   max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
   margin-bottom: 1.5em;
   max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption .wp-caption-text {
   margin: 0.8075em 0;
}

.wp-caption-text {
   text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
   margin-bottom: 1.5em;
}

.gallery-item {
   display: inline-block;
   text-align: center;
   vertical-align: top;
   width: 100%;
}

.gallery-columns-2 .gallery-item {
   max-width: 50%;
}

.gallery-columns-3 .gallery-item {
   max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
   max-width: 25%;
}

.gallery-columns-5 .gallery-item {
   max-width: 20%;
}

.gallery-columns-6 .gallery-item {
   max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
   max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
   max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
   max-width: 11.11%;
}

.gallery-caption {
   display: block;
}

footer nav {
    font-size: 1.125em;
    color: #f0f1e5;
    background-color: #3f6e37;
    text-align: center;
}

footer nav ul {
    list-style: none;
}

footer nav ul li {
    display: inline-block;
    line-height: 40px;
    padding: 10px;
}
footer nav a {
    color: #edf1c8;
    border-right: 1px solid #edf1c8;
    padding: 0 20px 0 0;
}

footer nav li:last-child a{border-right: none;}


.microsite-leadform input.form-control{
	width:auto;
}
@media (max-width: 767px){
.brand-contact.ld-contact-expandable {
	    background: rgba(0,0,0,.8);
		padding-bottom: 45px;
}
.navbar .nav-utility .nav-utility-entry-left .dropdown-toggle {
    font-size: .7em;
	
}
.nav-utility-entry{padding: 0 7px; } 
.nav-utility-entry .glyphicon{
font-size: .7em;
}

.navbar .nav-utility .nav-utility-entry-left #mobile-quote-form:before {
    position: absolute;
    top: -10px;
        left: 20px;
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #509d44;
    border-left: 10px solid transparent;
    content: '';
}
.navbar .nav-utility .nav-utility-entry-left #mobile-quote-form .btn-block{    font-size: 0.7em;}
/*#mobile-quote-form .leadcontact fieldset input.form-control {
    font-size: .6em!important;
}*/

.cta-btn, .cta-btn:hover, .cta-btn:active, .cta-btn:focus{
  font-size: 1.000em !important;
  bottom: 30% !important;
}

}

.cta-btn, .cta-btn:hover, .cta-btn:active, .cta-btn:focus{
    background: #509d44;
    color: #fff;
    padding: 22px;
    font-size: 1.500em;
    font-weight: bold;
    position: absolute;
    cursor: pointer;
    bottom: 50%;
    text-decoration: none;
}

.brand-contact.ld-contact-expandable.fixed-cta{position:relative;}

.testimonial {
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    text-align: center;
}

.quotebox {
    float: left;
    width: 100%;
    position: relative;
    padding: 30px 0;
    background: rgba(255,255,255,0.90);
}

.testimonial h2 {
    font-size: 2.100em;
    color: #3d8744;
    font-family: 'BourtonBase';
    margin: 0 0 30px 0;
}

.testimonial-single blockquote {
    background: #fff;
    padding: 20px;
    border: none;
    text-align: left;
    font-size: 1.200em;
    box-shadow: 0 5px 5px rgba(0,0,0,0.16);
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 15px;
}

.testimonial-single blockquote:before {
    content: url(img/quote-corner.png);
    position: absolute;
    left: 50%;
    bottom: -36px;
    line-height: normal;
    margin-left: -30px;
}

.quote-icon {
    color: #3d8744;
    text-align: center;
    font-size: 2.917em;
    border-right: #b7b7b7 solid 2px;
    padding: 30px 0;
    margin: 0 30px 0 0;
    width: 12%;
}

.blockquote-txt {
    width: 88%;
}

.quotebox cite, .testimonials-all cite {
    font-style: normal;
    color: #3d8744;
    font-weight: 700;
    display: block;
    text-align: left;
    padding: 15px 0 0 40%;
}

.quotebox cite span, .testimonials-all cite span {
    font-size: 0.900em;
    font-weight: 400;
    display: block;
    color: #000;
}

@media screen and (max-width: 1500px){
  .quotebox .wrapper {
      max-width: 96%;
  }
}

.quotebox .wrapper {
    position: relative;
    margin: 0 auto;
    /*max-width: 1440px;*/
}



.main-nav.sticky-nav{
	position:fixed;
	left:0;
	top:0;
	z-index:5;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.breadcrumb-bar {
  float: left;
width: 100%;
padding: 10px 0;
background: rgba(0,134,65,0.80);

margin: -55px 0 0 0;
position: relative;
}
.breadcrumb {
    margin: 0;
    padding: 0;
    background: no-repeat;
    border-radius: inherit;
}
.breadcrumb li {
    line-height: normal;
    list-style-type: none;
    margin: 0;
    font-weight: 400;
    font-size:0.900em;
}
.breadcrumb > .active {
    
}
.breadcrumb a {
    
}

.breadcrumb > li + li::before {

    padding: 0 5px;
    content: "\f101";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;

}
.slick-dots {
    display: block;
    position: absolute;
    left: 0;
    bottom: 7px;
    text-align: center;
    width: 100%;
    margin: 0;

}
.menu-collapser {
background-color: #fff;
    box-sizing: border-box;
    color: #5b108b;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding: 0 8px;
    text-align: left;
    width: 56px;
    border: #e9ae00 solid 0px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 201px;
}
.collapse-button {
	position:absolute;
	right:8px;
	top:50%;
	width:40px;
	padding:7px 10px;
	color:#444;
	font-size:14px;
	text-align:center;
	background-color:#e9ae00;
	border-radius:2px;
	cursor:pointer;
	transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
.collapse-button:hover, .collapse-button:focus {
	color:#444;
	background-color:#fecc17
}
.collapse-button:hover .icon-bar{
background:#fff;	
}
.collapse-button .icon-bar {
	display:block;
	height:2px;
	width:18px;
	margin:2px 0;
	background-color:#fff;
	border-radius:1px
}
ul.slimmenu {
	 list-style-type: none;
    margin: 0;
    padding: 0;
    float:left;
}
ul.slimmenu:after {
	clear:both
}
ul.slimmenu.collapsed li {
	display:block;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
ul.slimmenu.collapsed li>ul {
	position:static;
	display:none
}
ul.slimmenu.collapsed li a {
	display:block;
	border-bottom:1px solid rgba(0, 0, 0, 0.075);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
ul.slimmenu.collapsed li .sub-toggle {
	height:30px
}
ul.slimmenu li {
position: relative;
float: left;
padding:0 7px;
display: block;

}
ul.slimmenu li ul {
	margin:0;
	list-style-type:none;
	background:#53a848;
}
ul.slimmenu li ul li {
border-top:rgba(255,255,255,0.25) solid 1px;
display: block;
margin: 0 20px;
float:none;
clear:both;
padding:0;
}
ul.slimmenu li ul li:first-child{
	border:none;
}
ul.slimmenu li>ul {
text-align:left;
	position:absolute;
	left:0;
	top:100%;
	z-index:999;
	display:none;
	width:250px;
}
ul.slimmenu li>ul>li ul {
	position:absolute;
	left:100%;
	top:0;
	z-index:999;
	display:none;
	width:100%;
	border-radius:7px;
}
ul.slimmenu li a {
    color: #6a6969;
   	font-weight: 600;
    font-size: 1em;
    display: block;
    padding: 5px 10px 5px 10px;
    border-bottom: 4px solid transparent;
       text-decoration: none;
    transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -webkit-transition: background-color .5s ease-out;
   
}

.main-nav{
	    clear: both;
    margin-top: 100px;
}
ul.slimmenu li ul li a,
ul.slimmenu li:first-child ul li a {
	
	border:none;
	color:#fff;
}
ul.slimmenu li:hover >a{
	text-decoration:none;
 color: #000;
}
ul.slimmenu li a:hover {
	text-decoration:none;
	 color: #000;
	 background:#53a848;
}
ul.slimmenu li .sub-toggle {
	position:absolute;
	right:0;
	top:16px;
	z-index:999;
	text-align:center;
	cursor:pointer;
	color:#000;
	font-size:0.875em;
}
ul.slimmenu li .sub-toggle:before {
	content:'';
	display:inline-block;
	height:100%;
	margin-right:-0.25em;
	vertical-align:middle
}
ul.slimmenu li .sub-toggle>i {
	display:inline-block;
	font-size:18px;
	vertical-align:middle
}
ul.slimmenu li li a:focus{
	color:#509d44;
}
ul.slimmenu>li:first-child{
	padding-left:0;
}
ul.slimmenu>li:first-child a{
border:none;
}
ul.slimmenu li.current-menu-item > a{
	    border-bottom: #509d44 solid 2px;
    color: #000;
	font-weight:600;
}
ul.slimmenu li.current-menu-item > a:hover{color: #000;}
ul.slimmenu li ul li:hover a{
	color:#000;
}
ul.slimmenu li ul li:hover li a{
	color:#000;
}
ul.slimmenu li ul li li:hover a{
	color:#509d44;
}
ul.slimmenu li:nth-child(6) ul,
ul.slimmenu li:nth-child(7) ul,
ul.slimmenu li:nth-child(8) ul{
	/*left:auto;
	right:0;*/
}
.btn-rounded{
font-size:1.0em;
font-weight:700;
text-transform:uppercase;
color:#fff;
position:relative;	
}
.btn-rounded:before{
	content: "\f061";
font-family: Font Awesome\ 5 Free;
background: #fecc17;
color: #000;
width: 2.4em;
height: 2.4em;
display: inline-block;
line-height: 2.4em;
border-radius: 100%;
margin: 0 15px 0 0;
}
.btn-rounded:hover:before{
	background:#fff;
}
.border-grad{
	float:left;
	width:100%;
	height:5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#042e87+0,042e87+34,feb824+34,feb824+67,4060ff+67,4060ff+100 */
background: #042e87; /* Old browsers */
background: -moz-linear-gradient(left, #042e87 0%, #042e87 34%, #feb824 34%, #feb824 67%, #4060ff 67%, #4060ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #042e87 0%,#042e87 34%,#feb824 34%,#feb824 67%,#4060ff 67%,#4060ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #042e87 0%,#042e87 34%,#feb824 34%,#feb824 67%,#4060ff 67%,#4060ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#042e87', endColorstr='#4060ff',GradientType=1 ); /* IE6-9 */
}

.top-bar {
    background: #a33038;
    color: #fff;
    float: left;
    width: 100%;
}
.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    zoom: 1;
}
.fixed-bar .ctabtn {
    top: 0;
}
.nav-collapse.opened {
    max-height: 9999px;
}
.nav-toggle:hover {
    color: #fff;
}
.nav-toggle {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: #a33038;
    color: #fff;
    padding: 5px 10px;
    display: block;
    margin: 10px auto 5px auto;
    position: relative;
    border-radius: 3px;
}
.nav-toggle:focus {
    color: #fff;
}
@media screen and (min-width: 62em) {
    .js .nav-collapse {
        position: relative;
    }
    .js .nav-collapse.closed {
        max-height: none;
    }
    .nav-toggle {
        display: none;
    }
}
.sub-toggle{display:none;}
.caret{display:inline-block;}
@media screen and (max-width: 1199px) {
	ul.slimmenu.collapsed li a{
		    padding-left: 20px!important;
	}
		.nav-primary>.navbar {
    margin-bottom: 10px;
}
	
	.caret{display:none;}
	.sub-toggle{display:inline-block;}
	.main-nav{
	border:none;
	    clear: both;
	
	}
	ul.slimmenu li{
	padding-left: 0;	
	}
    ul.slimmenu li ul {
        border: none;
        box-shadow: none;
        padding: 0;
		border-radius: inherit;
    }
    ul.slimmenu li{
	margin-left:0;
	}
	 ul.slimmenu {
        text-align: left;
		width: 100%;
    }
    ul.slimmenu li a {
        padding: 10px 0;
        font-size: 0.889em;
		border:none;
    }
	ul.slimmenu > li:first-child a{
	border-bottom: 1px solid rgba(0, 0, 0, 0.075);	
	}
    ul.slimmenu li .sub-toggle {
top: 0;
padding: 4px 20px;
line-height: normal;
min-height: 46px;
    }
    ul.slimmenu li > ul {
        width: 100%;
    }
    ul.slimmenu li ul li a {
        padding: 5px 20px 5px 20px;
    }
    ul.slimmenu li ul li ul li a {
        padding: 5px 20px 5px 40px;
    }
    ul.slimmenu i {
        font-style: normal;
    }
    ul.slimmenu li.current-menu-item > a {
        background: none;
    }
    ul.slimmenu li ul li {
        background: none;
		margin:0;
    }
	ul.slimmenu li ul li:first-child::before{
	content:normal;	
	}
    ul.slimmenu li ul li:hover li a {
        color: #333;
    }
    ul.slimmenu li ul li:hover li a:hover {
        color: #d81c3f;
    }
	.topright{
	margin:0;	
	}
   
}
@media screen and (max-width: 1024px) {
	
	
    .main-nav {
	width: 100%;
    clear: both;
    }
    .zipcode {
        width: 100%;
    }
    nav ul li a {
        padding: 13px 11px;
        font-size: 0.778em;
        font-weight: 400;
    }
   
}
@media screen and (max-width: 767px) {
	.menu-collapser{
		    top: 60px;
    right: 0;
	}
	
.main-nav{
	    clear: both;
    margin-top: 0px;
}

	
}
@media screen and (max-width: 991px) {
	
    nav ul li a {
        font-size: 0.889em;
    }
    nav ul li ul li:hover ul {
        position: relative;
    }
    nav ul li ul li ul li a {
        padding-left: 40px;
    }
    nav ul {
        text-align: left;
    }
    nav ul li {
        
    }
    nav ul li ul {
        width: 100%;
    }
    nav ul li ul ul {
        left: auto;
        position: relative;
        top: auto;
        margin-bottom: 10px;
        display: block;
    }
    .main-nav .btn {
        margin: 0;
    }
}

.dropdown-menu{
	    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 1em;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: opx;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 0px!important;
    clear: both;
    white-space: nowrap;
    font-weight: 300!important;
    font-size: .94em!important;
}
.hid-fld{display:none;}