/* CSS Document */
/* Standard Styles */
body, h3, h4, h5, h6 {
	font-family: Karma, serif;
}
h1 {
	font-size: 10em;
	font-weight: 700;
	text-align: center;
	color: #fff;
	font-family: 'Caveat', cursive;
	line-height: 80%;
	margin: 1% auto;
}	

h2  {
	width: 100%;
	font-weight: 700;
	font-size: 6em;
	color: #fff;
	text-align:center;
	font-family: 'Caveat', cursive;
	line-height: 80%;
}
h3  {
	width: 100%;
	font-weight: 700;
	font-size: 2.5em;
	color: #3c6137;
	text-align:center;
	font-family: 'Caveat', cursive;
}
h6 {
	font-size: 1em;
	text-align: center;
}
/*#home h1, h2 {
	text-stroke: 3px #212b20;
	-webkit-text-stroke: 3px #212b20;
	-ms-text-stroke: 3px #212b20;
	-moz-text-stroke: 3px #212b20;
	-o-text-stroke: 3px #212b20;
}
#services h1, h2 {
	text-stroke: 3px #212b20;
	-webkit-text-stroke: 3px #212b20;
	-ms-text-stroke: 3px #212b20;
	-moz-text-stroke: 3px #212b20;
	-o-text-stroke: 3px #212b20;
}*/
li	{
	list-style:none;
	}
	
a {
	color:#212b20;
	text-decoration:none;
}

a:hover {
	color:#3c6137;
	text-decoration:none;
}
nav {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#header {
	/*background-color: #B2C1B3;*/
	background-color: #F3F3DE;
	padding: 3%;
	text-align: center;
}
#header nav ul {
	padding-top: 8%;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
	-ms-column-count: 2; /* Microsoft */
	-o-column-count: 2; /* Opera */
    column-count: 2;
	text-align: center;
	-webkit-column-gap: 2rem; 
    -moz-column-gap: 2rem; 
	-ms-column-gap: 2rem; 
    -o-column-gap: 2rem; 	
    column-gap: 2rem;
    -webkit-column-rule: 2px solid #212b20; 
    -moz-column-rule: 2px solid #212b20; 
	-ms-column-rule: 2px solid #212b20; 
    -o-column-rule: 2px solid #212b20; 
    column-rule: 2px solid #212b20;
}
#header nav li	{
	display: block;
	font-family: 'Caveat', cursive;
	font-size: 3em;
  	font-weight: 700;
	color: #212b20;
	padding: 3%;
	}
#news, #terms, #about, #cities {padding: 3%;}
#news h2 {color: #3c6137;}
#news p {
	font-size: 2em;
	text-align: right;
	}
#terms p {
	font-size: 1.2em;
	text-align: left;
	}
#about p {text-align:center; font-size: 2em;}
.cities_list {
	padding-top: 3%;
	padding-left: 5%;
	font-size: 2em;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
	-ms-column-count: 2; /* Microsoft */
	-o-column-count: 2; /* Opera */
    column-count: 2;
	-webkit-column-gap: 2rem; 
    -moz-column-gap: 2rem; 
	-ms-column-gap: 2rem; 
    -o-column-gap: 2rem; 	
    column-gap: 2rem;
	text-align: left;
}
ul.cities_list li {
	list-style: disc outside none;
	display: list-item;
	margin-left: 1em;
}
ul.cities_list li ul li{
	font-size: 1.25em;
	margin-left: 1em;
}
#cities {background-color: #EBF9E6; padding: 2%;}

/* End Standard Styles */
/*******/
/* Footer Styles */
footer {
  width: 100%;
  height: auto;
  color: #a6a6a8;
  bottom: 0;
  background-color: #F3F3DE;
  padding: 2%;
}
.copyright p {
	vertical-align: middle;
	padding-top: 10%;
}
/* Miscellaneous Styles */
img#flyer {
	width: 100%;
	height: auto;
	max-width: 2588px;
}
.button-rev {
	/*padding: 3%;*/
	text-align: center;
	color: #212b20;
	font-family: 'Caveat', cursive;
	border: solid 2px #212b20;	
	background: none;
	font-size: 2em;
  	font-weight: 700;
}
.button-rev:hover, .button-rev:active, .button-rev:focus {
	background: #3c6137;	
	color: #fff;
}
.img_bio {
	border-radius: 50%;
	margin: 2% auto;
	text-align:center;
	display: block;
}
form div {
	margin: 2%;
	line-height: 1.2;	
}
label {
	font-size: 1.5em;	
}
.even {
	background-color: #ededed;
}
.odd {
	background-color: #ffffff;
}
.alert-box {
	font-size: 2.5em;
}
.contact ul {text-align:center;}
.contact li	{
	display: inline-block;
	font-weight: 700;
	font-size: 1.5em;
	color: #3c6137;
	text-align:center;
	}	
.contact li:first-child	{
	padding: 2% 0;
	}

.social, .copyright {
	vertical-align: middle;
	height: 100%;
	padding-top:5em;
}
div.social_follow {
	vertical-align: middle;
	display: inline-block;
	padding-top:1em;
}
/* End Miscellaneous Styles */
/* Containers */	
.parallax-container {
  height: 520px;
  width: 100%;
}
.parallax-container-home {
  height: 650px;
  width: 100%;
}
.services_box {
	background-color: #EBF9E6;
	width: 75%;
	text-align: center;
	margin: 5% auto 3% auto;
	padding-bottom: 1%;
}
.services_list {
	text-align: center;
	margin: 2% auto;
}
.services_list_box {
	border: 1px solid #3c6137;
	background-color: #EBF9E6;
	width: 40%;
	padding: .5% .5% 2% .5%;
	margin: 0 .5% 1rem .5%;
	vertical-align: middle;
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	}

.services_list .slick-prev:before {
  content: "\2190";
  color: #3c6137;
  font-size: 30px;
  opacity: 1;
}
.services_list .slick-next:before {
  content: "\2192";
  color: #3c6137;
  font-size: 30px;
  opacity: 1;
}
.services_list_box h3 {
	line-height: .75;
	padding-bottom: 4%;
}
.services_list_box h4 {line-height: 1;}

/* The fast way */
/* Pre-render the bigger shadow, but hide it */
.services_list_box:after {
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* Transition to showing the bigger shadow on hover */
.services_list_box:hover:after {
  opacity: 1;
}

/* --------- */
/* Footer */
footer { padding-bottom: 2%; }	
footer nav	{
	font-weight: bold;
	width: 100%;
	text-align:center;
}
footer nav li	{
	display: inline-block;
	}	
footer nav li:first-child	{
	padding: 2% 0;
	}
footer nav li a 	{
	color:#212b20;
	}
footer nav li a.hover	{
	color:#3c6137;
	}
/* --------- */
/* Section Padding */
#home, #services { padding-top: 3%; }
/* --------- */
/* Ghost Buttons */	
.ghost-button-full-color {
  font-family: 'Caveat', cursive;
  font-size: 2.5em;
  font-weight: 700;
  display: inline-block;
  width: 25%;
  margin: 5% 2%;
  padding: 2%;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: color 0.3s ease-out,
              background-color 0.3s ease-out,
              border-color 0.3s ease-out;
}

.ghost-button-full-color:hover,
.ghost-button-full-color:active {
	background-color: #3c6137;
	color: #fff;
	transition: color 0.3s ease-in,
              background-color 0.3s ease-in,
              border-color 0.3s ease-in;
}
/* --------- */
.pricing-table { margin-top: 1%;}
.pricing-table .title {
	background-color: #212b20; 
	color: #fefefe;
	font-size: 3em;
	font-family: 'Caveat', cursive;
	font-weight: 700;
}
.pricing-table .price {
	color: #212b20;
	font-size: 3em;
	font-family: 'Caveat', cursive;
	font-weight: 700;
}
.pricing-table .description {
	color: #3c6137;
	font-size: 1.5em;
	padding: 0 2%;
}
 .title {
	background-color: #212b20; 
	color: #fefefe;
	font-size: 3em;
	font-family: 'Caveat', cursive;
	font-weight: 700;
}
.price {
	color: #212b20;
	font-size: 3em;
	font-family: 'Caveat', cursive;
	font-weight: 700;
}
.description {
	color: #3c6137;
	font-size: 1.5em;
	padding: 0 2%;

}
/* Weather Widget - simpleWeatherJS*/
.weather {
	display: block !important; 
	text-align: center; 
	font-family: sans-serif; 
	font-size: 12px;
	margin: 0 auto;
	color: black;
}
#weather {
  margin: 1% auto;
  text-align: center;
  text-transform: uppercase;
}
#weather p {
	color: #fff;
	padding: 5% 0;
	margin-bottom: 0;
}
#weather .conditions {
	display: inline-block;
	
}
#weather p.weatherdesc {
	margin-top: 10%;	
}
i {
  color: #fff;
  font-family: weathericons;
  font-size: 1.5em;
  font-weight: normal;
  font-style: normal;
  padding-bottom: 20px;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather h2 {
  /*margin-bottom: 10px;*/
  color: #fff;
  font-size: 8em;
  text-align: center;
}

#weather h2.temp {
	font: 9em 'Open Sans Condensed', Arial, Helvetica, 'sans serif' !important;
	font-weight: bold;
	margin-right: 10px;
	text-align: right;
}
.weather {
  margin: auto;
  border-radius: 10px;
  background-color: #3c6137;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
#weather a:link {color: #fff; font-weight: 700;}
/*****/
/* Media Queries */
@media only screen and (max-width: 1190px) {
	.title, .price {
		font-size: 2.75em;
	}
	.description {
		font-size: 1.2em;
	}
	#weather {
	 display: block;	
	}
}
@media only screen and (max-width: 1024px) {
	h1 {
		font-size: 8em;
	}
	h2 { font-size: 5.5em;}
	h4 {
		font-size: 1.2em;
	}	
	.services_list_box {
	padding: .5% .5% 1% .5%;
	margin: 0 .5% 1% .5%;
	}
	.services_list_box h3 {
		font-size: 2em;
	}
	.copyright p, h1 {
		text-align:center;
		padding-top: 2%;
	}
	.title, .price {
		font-size: 2em;
	}
	.description {
		font-size: 1.15em;
	}
	.social, .copyright {
	padding-top:4em;
	}	
}
@media only screen and (max-width: 830px) {
	h1 {
			font-size: 7em;
		}
	h4 {
		font-size: 1.3em;
	}	
	.services_list_box h3 {
		font-size: 2.5em;
	}
	#cities h3 { font-size: 3em;}
	ul.cities_list li {
	font-size: .75em;
}
}
@media only screen and (max-width: 747px) {
	#header nav li	{ font-size: 2.5em;}
	h1 { font-size: 6em; }
	h2 { font-size: 4em;  padding: 2%;}
	h3 { font-size: 1.75em;}
	
}
@media only screen and (max-width: 642px) {
	h1 { font-size: 5em; padding: 2%;}
	h2 { font-size: 3.75em;}
	h3 { font-size: 2.5em;}
	h4 {
		font-size: 2em;
	}	
	.services_list_box h3 {
		font-size: 3em;
	}
	p { font-size: 2em; }
	h6 { font-size: .75em; }
	.parallax-container {
	  height: auto;
	  width: 100%;
	}
	#home, #services { padding: 3% 0 0 0; }
	footer { padding-top: 3%; bottom: 0;}
	#header nav li	{ font-size: 2em;}
	.ghost-button-full-color {
	  font-size: 2.5em;
	  width: 75%;
	  font-weight: 700;
	  display: block;
	  text-align: center;
	  margin: 2% auto;
	}
	.title, .price {
		font-size: 1.75em;
	}
	.description {
		font-size: 1em;
	}
	#weather h2 {
	  font-size: 4em;
	}
	
	#weather h2.temp {
		font-size: 5em;
	}
	#weather p {
		font-size: 1em;
	}
}
@media only screen and (max-width: 585px) {
	h1 { font-size: 4.75em; padding: 2%;}
	h2 { font-size: 2.75em;  padding: 2%;}
	h4  {
		font-size: 1.25em;
		padding: 2%;
	}
	#header nav li	{ font-size: 2.5em;}
	#header nav ul {
		padding: 0 5%;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		-ms-column-count: 1; /* Microsoft */
		-o-column-count: 1; /* Opera */
		column-count: 1;
	}	
	.title, .price {
		font-size: 1.25em;
	}
	.description {
		font-size: .85em;
	}
	#news p {font-size: 1.25em;}
}

@media only screen and (max-width: 400px) {
	.title, .price { font-size: 1.15em; }
	h1 { font-size: 4.5em; padding: 2%;}
	h2 { font-size: 3em;  padding: 2%;}
	h3 { font-size: 1.2em;}
}	
@media only screen and (max-width: 320px) {
	
	#header nav li	{ font-size: 2.5em;}
	#header nav ul {
		padding: 0 5%;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		-ms-column-count: 1; /* Microsoft */
		-o-column-count: 1; /* Opera */
		column-count: 1;
	}	
	.weather {
		padding-left: 0;	
	}
}
/* End Media Queries */