/* ============================================================
	Replace me with the Actual Design
============================================================ */

html,
body {
	font-family: 'Open Sans', sans-serif;
}

/* Trajan Pro 3 Regular
font-family: trajan-pro-3, serif;
font-weight: 400;
font-style: normal;

Trajan Pro 3 Bold
font-family: trajan-pro-3, serif;
font-weight: 700;
font-style: normal;
*/

/*
a {
	color: #08f;
}
*/
a:hover {
	color: var(--heading-main-color);
}

button{
  background-color: #cf7f00;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 130%;
  font-weight:bold;
  border-radius: 12px;
  transition-duration: 0.5s;
}

button:hover{
	color:white;
	background-color: var(--heading-main-color);
}

.header__user-controls,
.alpha-top__tel-text,
.alpha-cta__call-heading,
.alpha-cta__call-now{
	display:none;
}

.body {
	--bg-color-dark: #cf7f00;
	--heading-main-color: #137311;
	--font-accent: "trajan-pro-3";
}

.cms-content h1{
	font-family: var(--font-accent), serif;
	color:#137311;
}
h1,
h2
{
	font-family: var(--font-accent), serif;
}
hr{
	border-color: #137311;
	border-width:2px;
}

.content-areas__content h2{
	color: #137311;
}

.module {
	max-width: 960px;
	margin: 0 auto;
}

.header,
.page-headers {
	max-width: 100%;
	margin: 0 auto;
}
.header{
	background-color: var(--bg-color-dark);
}
.header__inner {
	display: flex;
	padding: 1em;
	justify-content: space-between;
}
@media screen and (max-width: 899px) {
.header__inner {
    display: block;
}
}


.nav{
	display:none;
}
.dynamic-nav__link,
.dynamic-nav__link:visited{
	color:white;
	font-weight:bold;
}
.dynamic-nav{
	display:block;
	text-align:right;
	width: 125px;
}
@media screen and (max-width: 899px) {
	.dynamic-nav{
	text-align: center;
	width: 100%;
}
}

.alpha-top__tel {
    display: flex;
    align-items: baseline;
}
@media screen and (max-width: 899px) {
.alpha-top__tel {
    display: block;
	text-align:center;
	margin-top: 1em;
}
}

.alpha-top__tel-link {
    color: white;
    font-size: 168.75%;
    font-weight: bold;
}


.dynamic-nav-activate {
    color: white;
}
.dynamic-nav__link:hover {
    background-color: #137311;
	color:white;
}
.dynamic-nav__list-item {
    color: white;
    font-weight: bold;
}
.alpha-top__logo-image,
.header__logo-image {
    height: 50px;
}
.alpha-top__logo,
.header__logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
	max-height: 50px;
	text-align: left;
}
.alpha-top__logo-text{
	font-family: trajan-pro-3, serif;
	padding-left:.5em;
	font-size: 23px;
	color:white;
	max-width: 397px;
	line-height: 1.3;
}

.forms__contact-field-item + .forms__contact-field-item {
    margin-top: 0em;
}

.check,
.check2{
	height:40px;
	padding-right: .5em;
}
.check_contain{
	display: flex;
	align-items: center;
	padding-bottom: .5em;
}

.alpha-cta{
	background: url("../../images/lawnheader.jpg") top center no-repeat;
	background-size: cover;
}
.alpha-cta__heading{
	color:white;
	text-shadow: 2px 2px 5px black;
}
@media screen and (max-width: 377px) {

.alpha-cta__heading,
.alpha-list__heading{
	font-size: 170%;
}
}

.forms {
    max-width: 100%;
    background-color: #e4e4e4;
}


.alpha-list{
	background: url("../../images/cutting.jpg") top right no-repeat;
	background-size: cover;
}
.alpha-list__heading{
	color:#cf7f00;
}
.alpha-list__items {
    font-weight: normal;
}

.alpha-icons__icons {
    max-width: 1200px;
    margin: 0 auto;
}

.alpha-image__container {
	display:flex;
	justify-content: center;
}
.alpha-image__text{
	text-align:right;
	max-width:500px;
}
.alpha-left{
	min-width:400px;
}

@media screen and (max-width: 990px) {
	.alpha-image__container {
	    display: block;
	    text-align: center;
	}
	.alpha-image__text {
    text-align: center;
    max-width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.alpha-left {
    width: 100%;
	min-width: 100px;
}
}

.associations{
	background-color:var(--heading-main-color);
}
.associations .alpha-wide__heading{
	color: var(--text-color-dark);
}
.assoc_icons{
	max-height:100px;
	margin: 7px;
}

.body__layout__alpha .locations__location-title,
.body__layout__alpha .locations__location-address,
.locations__location-phone{
	display:none;
}
.locations__location-getdirections{
	margin: 0 auto;
}

.footer,
.body__layout__alpha .footer {
    background-color: #137311;
    color: white;
	font-weight:bold;
}

.footer a:hover{
	color:white;
}


.flex{
	display:flex;
	justify-content: space-between;
}
.flex a{
	 font-weight:bold;
	 color: #cf7f00;
	 font-size:22px;
}
.flex a:hover{
	 color: #137311;
}
@media screen and (max-width: 500px) {

.flex{
	display:block;
	text-align: center;
}
}

.forms__form-item-header{
	color: #137311;
	font-family: var(--font-accent), serif;
	font-size: 30px;
	padding-bottom: 1em;
	text-align: center;
}
.forms__contact-field-list {
    display: flex;
    justify-content: space-between;
}
.forms__contact-field-item {
    padding-bottom: 1em;
    width: 30%;
}
.fb3__field-input, .fb3__field-select {
    background-color: transparent;
    border-width: 0 0 2px 0;
	color:#cf7f00;
	border-color: gray;
}
.fb3__field.fb3__field__captcha{
	padding-top:1em;
}

@media screen and (max-width: 600px) {

.forms__contact-field-list{
	display:block;
}
.forms__contact-field-item {
    padding-bottom: 1em;
    width: 100%;
}
.forms__contact-field-item + .forms__contact-field-item {
    margin-top: 0;
}
}

@media screen and (max-width: 490px) {
	.alpha-top__logo, .header__logo-link {
    display: block;
    align-items: center;
    justify-content: center;
    max-height: 50px;
    text-align: center;
}
.alpha-top__logo-text {
    padding-left: 0em;
	margin: 0 auto;
}
.alpha-top__logo, .header__logo-link {
    max-height: inherit;
}
.header__logo-image {
    margin: 0 auto;
}
