/*
	Theme Name: P&P Landscaping
	Theme URI: https://pandplandscapingva.com
	Author: Paul Thomas from CountyWebsiteDesign.com
	Author URI: www.3dmasons.com
	Description: P&P Landscaping Theme
	Template: 
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: framework
	Tags: 
*/

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(reviews.css);

body {
	background: url(../../../images/bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	
}  /* background image from http://www.designbolts.com */

.container{
	padding:0 auto;
	margin:auto;
	
	
}

.contentt{
	background:none;
	padding:0px;
	color:#111;
	margin:10px 0px 0px 0px;
	border-radius:2px;  
	font-size:1.2em;
	box-shadow:#041f12 0px 2px 15px 2px;
	
	}
.content{
	background:#fff;
	padding:20px 30px;
	color:#111;
	margin:0px 0px 0px 0px;
	border-radius:2px;  
	font-size:1.2em;
	box-shadow:#041f12 0px 2px 15px 2px;
	
	}

img {
	border:none;
	margin:0px;
}



a {outline: none;}

.clear {
	clear:both;
	}
/*------------------------------ Header -----------------------------*/



#header {
	padding:0px auto;
	border-top:6px solid #12a861;
	margin:auto;
	height:auto;
	width:100%;
	color:#000;
	background:#fff;
	position:fixed;

z-index:111;
}

.buffer { height:257px;  }

@media only screen and (max-width: 760px) {
 #header {
	padding:6px 0px 0px 0px;
	margin:auto;
	position: static;
	z-index:auto;
	color:#000;
	height:auto;
	width:100%;
	background:#fff;
    }
.buffer { height:0px;  }

}



#header p {
	margin:0;
}
#headerInfo {
	text-align:right;
	margin-top:10px;
	margin-right:20px;
}
a.hl:link {
	color: #000099;
	font-weight:bold;
}
a.hl:visited {
	color: #000099;
}
a.hl:hover {
	color: #ffc619;
}
a.hl:active {
	color: #ffc619;
}

.companyName {
	font-family: 'Roboto Slab', serif;
	font-variant: small-caps;
	font-weight:bold;
	color:#009d4d;
	margin:24px 0px 24px 0px;
	font-size:1.6em;
	line-height:1.1em;
	

}
.slogan {
	font-size:1.7em;
	line-height:1.5em;
	font-family: 'Roboto Slab', serif;
	color:#e8f8f0;
	background:#064628;
	padding:4px auto 12px auto;
	text-align:center;
}


.phone{
	font-size:1.6em;
	margin:12px 0px;
	font-weight:bold;
	color:#20451f;	
	}
a[href^=tel] {
    color: inherit !important;
    text-decoration: none !important;	
}

.formTable tr:nth-child(odd) {
background: #e1e1e1;
}

ul {

	font-weight:bold;
	list-style-image:url(../../../images/ul.png);
	font-family:Arial, Helvetica, sans-serif;
	color:#12a861;
	}	
	
.w {

	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	}	

.feature{
	
	background:#93d595;
	border-radius:3px;
	color:#fff;
	text-align:center;
	font-weight:normal;
	margin-bottom:10px;
	padding:8px 22px 8px 12px;
	}
		
	
ol.b {
	font-weight:bold;
	font-size:1.1em;
	
	}	
	
.bold { font-weight:bold;
}

.border {
	border:1px #fff solid;
	padding:5px;
	}

.address {
	font-family: 'Roboto Slab', serif;
	font-size: 13px;
}
.addressBold {
	font-family: 'Roboto Slab', serif;
	font-size: 13px;
	font-weight: bold;
}
.addressItalic {
	font-family: 'Roboto Slab', serif;
	font-size: 13px;
	font-style: italic;
}
h2, h3, h4 {  /* If using different styles, sepatare the tags  */
	margin:0;

}

h1 {
	color:#15a964;
	font-weight:bold;
	font-size:2.3em;

	font-family: 'Roboto Slab', serif;}
	
h2 {

	color:#8e393f;
	font-weight:bold;
	font-family: 'Roboto Slab', serif;
	}

h3 {
	font-size:1.4em;
	font-weight:bold;
	padding:8px;
	font-family: 'Roboto Slab', serif;
	color:#521c35;
	
	}
		
h4 {
	font-size:1.3em;
	color:#521c35;
	font-weight:bold;
	font-family: 'Roboto Slab', serif;	}
	

p .breakhere {
	page-break-after:always;
}

a:link {
	color: #63c6e7;
	font-weight:bold;
	text-decoration: none;
}

a:visited {
	color: #63c6e7;
	text-decoration: none;
}

a:hover {
	color: #2a90b2;
}

a:active {
	color: #2a90b2;
	text-decoration:none;
}



.textColor {
	color:#F00;
	margin:0;
}

.center {
	text-align:center;
}
.left {

	margin:15px;
}
.right {
	float: right;
	margin-left:15px;
}

hr {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(157, 223, 242, 0.75), rgba(0, 0, 0, 0));
	margin:5px 0px 15px 0px;
}
	
.red {
	color:#88181a;}
	
.wine {
	color:#601427;}
	
.grey {
	color:#222;}

.white {
	color:#FFFFFF;}
	
.required {
    color: #F00;
    font-size: 10px;
	line-height:20px;
    font-weight: bold;
}



	
@media (max-width: 767px) { 

 
#headerInfo {
	text-align:left;
	margin-top:10px;
	margin:0 70px;
}
.companyName {
	font-family: 'Roboto Slab', serif;
	font-weight:bold;
	color:#009d4d;
	margin:24px 0px 24px 0px;
	font-size:1.6em;
	line-height:1.1em;
}

 }
 

@media (min-width: 768px) { 


#header {
}


}

@media (min-width: 992px) { 


 }

@media (min-width: 1200px) { 






}




/*------------------------------ Content - Columns -----------------------------*/

div#outer { /* This is the div that holds the columns*/
	width: 960px; /* Change the width of container here*/
	margin:15px auto;
	background-color: #fff;
	border: none;
}
div#column { 
	float: left;
	padding: 10px;
	width:300px;  

}

.caption {
	text-align:center;
	background:#fff;
	font-size:11px;
	margin:0;
	color: #666;
	width:106px; /*change caption width here*/
}
.image_Caption-Left { /*image caption container*/
	float:left;
	width:116px; /*change image width here*/
	margin: 3px 20px 0 10px;
}
.image_Caption-Right { /*image caption container*/
	float: right;
	width:116px; /*change image width here*/
	margin: 3px 10px 0 20px;
}
.image_Caption-Center { /*image caption container*/
	width:116px; /*change image width here*/
	margin-left:auto;
	margin-right: auto;
	margin-top: 15px;
	display:block;
}
.image_CaptionGroup {
	width: 90%;
	margin: 30px auto;
}
	
.frame { border-radius:4px;
border:#ffb95d 2px solid;
margin:4px;}

.couponBorder {
	border: thin dashed #000;
	margin: 0 auto;
	width:350px;
	text-align:center;
	background-color:#eee;
	padding: 10px;
}
/*------------------------------ Footer -----------------------------*/

#footer {
	color:#fff;
	background: rgb(5,71,42); /* Old browsers */
background: -moz-linear-gradient(top, rgba(5,71,42,1) 0%, rgba(28,93,48,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(5,71,42,1) 0%,rgba(28,93,48,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(5,71,42,1) 0%,rgba(28,93,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05472a', endColorstr='#1c5d30',GradientType=0 );
	padding:0px 0px 30px;
	margin-top:40px;
	clear: both;
	text-align:center;

	
} 
#footer a:link, #footer a:visited, #footer a:active {
	color:#75d2bd;
	text-decoration:none;
}
#footer a:hover {
	color:#0c362d;
}


	
#ftrmenu {
	
	margin: 60px auto 0 auto;
	text-align: center;
}

.shadow { text-shadow:#3a880b 2px 2px 2px;}	

#cwr {
	margin:0 auto;
	background-color:none;
	color:#555;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
}

/*------------------------------ New Navigation -----------------------------*/


.navbarback {
 background:#cfe9dc;
 	border-bottom:1px #e09719 solid;	
margin-top:0px;
}

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}



.sub-nav
{
  font-size: 13px;
  margin-bottom: 10px;
}


.dropdown-menu {
  position: absolute;
  top: 98%;
  left: 0;
  z-index: 9000;
  display: none;
  float: left;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: .9em;
  list-style: none;
  color: #0f6e41;
 background:#fff;
 	border-bottom:1px #e09719 solid;	
margin-top:0px;

  background-clip: padding-box;
  text-align: left;
}

.dropdown-menu > li > a {
  display: block;
  clear: both;
  line-height: 1.428571429;
color:#0f6e41;
 background:#fff;
  width:100%;
  text-decoration:none;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  background:#0f6e41;
  text-decoration: none;

}

.dropdown-text {
  padding: 3px 10px;
  color: #fff;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #fcdfac;
}


@media (min-width: 768px) {
.navbar
	{
	font-family: 'Roboto Slab', serif;
	position: relative;
	min-height: 45px;
  	margin-bottom: 5px;
	border: 1px solid transparent;
	font-size:1em;
	width:100%;

	
	}
	

	.navbar-nav > li > a {
 
  	line-height: 12px;
	border-right: none;
	margin:0px 17px;
	padding:11px 12px;
	font-weight:normal;
	font-family: 'Roboto Slab', serif;
	}
}


@media (min-width: 992px) {
.navbar
	{
	font-family: 'Roboto Slab', serif;
	position: relative;
	min-height: 40px;
  	margin-bottom: 5px;
	border: 1px solid transparent;
	font-size:1.2em;
	}
	

	
	.navbar-nav > li > a {
  	line-height: 18px;
	font-weight:normal;
	border-right: none;
	padding:5px 20px;
    margin:0px 20px;
	}
}

@media (min-width: 1200px) {
.navbar
	{
	font-family: 'Roboto Slab', serif;
	position: relative;
	height: 50px;
  	margin-bottom: 10px;
	border: 1px solid transparent;
	font-size:1.2em;
	}
	
	.navbar-nav > li > a {
	border-right: none;
		font-weight:normal;
	padding:0px 26px;
  margin: 0px 30px 0px 30px;
	}

.dropdown-menu { margin-left:30px;}
	
.dropdown-menu > li > a {

  width:300px;
 
}
	
}

.navbar-nav {
  /*margin: 7.5px -15px;*/
  margin: 0px 0px;

 
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin: 0px 10px;
    /*background-color: transparent;*/
	background: rgb(63,0,41); /* Old browsers */
background: -moz-linear-gradient(top, rgba(63,0,41,1) 0%, rgba(96,1,33,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(63,0,41,1) 0%,rgba(96,1,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(63,0,41,1) 0%,rgba(96,1,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f0029', endColorstr='#600121',GradientType=0 );
    border: 0;
    box-shadow: none; 
  }
 }
 
 @media (min-width: 768px) {
  .navbar-nav {
    display: inline-block;
    vertical-align: top;
  }
  .navbar-nav > li {

  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}

.navbar-default {
  background: none;
  text-align:center;
  width:99%; 
  margin: 0px 0px 0px 0px;
  text-align:center;
  background:#cfe9dc;
  
}

.navbar-default .navbar-text {
  color: #fff;
}

.navbar-default .navbar-nav > li > a {
  color: #0f6e41;
  font-weight:normal;
  text-decoration:none;
  display:inline-block;
	font-weight:normal;
  text-align:center;
  
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus {
  color: #0f6e41;
 background:#fff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .active > a:focus {
    color: #0f6e41;
 background:#fff;
} 

@media (max-width: 767px) {

	 .navbar-default {
 		background: none; /* Old browsers */
  		margin: 0px 0px 0px 0px;
		padding-bottom: 0px;
		text-align: left;
		font-size: 18px;
		border:none;
	}	
	
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
   
	margin:0px 0 0 20px;
	width:90%;
	border-radius:0px;
	padding:4px 0px 0px 8px;
	height:40px;
	font-weight:normal;
	color: #fff;
    background-color: #209960;

  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #209960;
    background-color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #209960;
    background-color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #209960;
    background-color: #fff;
  }
  
  .navbar-default .navbar-nav > li > a {
  color: #209960;
  padding:5px 20px 5px 20px;
  margin:3px 20px 10px 20px;
  text-decoration:none;
  font-family: 'Roboto Slab', serif;
  display:inline-block;
  font-weight:normal;
  text-align:left;
  border-radius:6px;
  
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #209960;
  padding:5px 20px 5px 20px;
  width:90%;
  margin:3px 9px 10px 20px;
  

}

.navbar-default .navbar-toggle .icon-bar {
    background-color:#209960;
}

.navbar-toggle{
	background-color:#fff;
	}
	
.navbar-default .navbar-toggle {
  border-color:#209960;
  background-color:#fff;
  
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color:#d9f5e8; 
}


.navbar-nav .open .dropdown-menu {

    /*background-color: transparent;*/
	background: none; /* Old browsers */
  }
 .buff { margin-bottom::40px;}
}
 
  .buff { margin-bottom:0px;}
 

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
   
   color:#0f6e41;
 background:#fff;

 
 
}


 .navbar .navbar-nav {
        
        float: none;
        
    }
 

.button {
  padding: 10px 20px;
  font-size:1.3em;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background: rgb(41,154,11); /* Old browsers */
background: -moz-linear-gradient(top, rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); 
  border: none;
  border-radius: 5px;
  box-shadow: 0 7px #124c2c;
}

.button:hover {background: rgb(0,110,46); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,110,46,1) 0%, rgba(0,110,46,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#006e2e',GradientType=0 );
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}

.button:active {
  background: rgb(0,110,46); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,110,46,1) 0%, rgba(0,110,46,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#006e2e',GradientType=0 );
  box-shadow: 0 2px #124c2c;
  transform: translateY(4px);
}

.tint {
  position: relative;
  float: left;
  cursor: pointer;
}