/*
Theme Name: PMPress
Description: PresenceMaker custom theme for wordpress.
Author: Presence Maker
Author URI: http://presencemaker.com
Text Domain: pmpress
Version: 1.0

notes:
	Each property should get its own line (ignore the reset)                ...(I SAID IGNORE IT!)
	properties are in alphabetical order
*/

/** reset/normalize */
:focus{outline:none;}
::selection{background-color:#40cb53;color:#fff}
::-moz-selection{background-color:#40cb53;color:#fff}
::-webkit-selection{background-color:#40cb53;color:#fff}
*{box-sizing:border-box}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;text-align:left;margin:0;padding:0;border:0;outline:0;background:transparent}
article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video,main{display:block}
a img{border:0;display:block;line-height:1px}
figure{position:relative}
img{height:auto;max-width:100%}
figure img{width:100%}
input[type="text"],input[type="password"],input[type="search"],input[type="email"],input[type="url"],input[type="tel"],textarea{-webkit-appearance:none}
pre{white-space:pre}
a,button,input[type="submit"] {cursor:pointer}
iframe {line-height: 1px}
.cf,.container{clear:both;*zoom:1}
.container:after,.cf:after{content:"";display:table;clear:both}
.container { position: relative; }

/**
 * global elements
 */
*::-webkit-input-placeholder { color: #888; }
*:-moz-placeholder { color: #888; }
*::-moz-placeholder {  color: #888; }
*:-ms-input-placeholder {  color: #888; }
*:placeholder { color: #888; }

a {
	color: #40cb53;
	text-decoration: none;
}
a:hover {
	color: #c9824e;
	transition: color 0.2s;
}
body {
	background: #333 url(images/bg-body.jpg) repeat;
	color: #fff;
	font: 400 100%/1.125em Arial, sans-serif;
}
.wf-active body,
.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6 {
	font-family: "Open Sans", Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 300;
	line-height: 1.125em;
}
hr {
	background: #e0e0e0;
	border: none;
	display: block;
	height: 1px;
	margin: 2em 0;
	width: 100%;
}
em {
	font-style: italic;
}
p {
	font-size: 12px;
	line-height: 1.375em;
	margin-top: 1em;
	text-align: center;
}
p.featured {
	font-size: 16px;
}
#welcome p {
	text-align: left;
}
.section--alt p {
	color: #000;
}
ul,ol {
	margin-bottom: 1rem;
	margin-top: 1rem;
	padding-left: 1.5em;
}
li {
	line-height: 1.5em;
	margin-bottom: 0.25rem;
}
small {
	font-size: 0.75rem;
}
strong {
	font-weight: 700;
}

.screen-reader-text,
.visually-hidden {
	display: none;
}

.heading {
	color: #40cb53;
	font-size: 50px;
	text-align: center;
}
.sub-heading {
	font-size: 30px;
	text-align: center;
}
.section--alt .sub-heading {
	color: #000;
}
@media all and (max-width: 50em){
	.sub-heading {
		font-size: 1.25em;
	}
}
.big-word {
	color: #c9824e;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1em;
	opacity: 0.05;
	position: absolute;
	right: 0;
	bottom: 1rem;
	z-index: 5;
}
#commercial .big-word {
	right: inherit;
	left: 0;
}

.section {
	overflow: hidden;
	position: relative;
}
.section--alt {
	background-color: #fff;
}
.section-content {
	margin: 2em auto;
	max-width: 460px;
	padding: 1em;
}

.col-wrapper {
	overflow: hidden;

}
.col {
	overflow: hidden;
}
@media all and (min-width: 60em){
	.col2 {
		float: left;
		margin: 0;
		width: 50%;
	}

	.big-word {
		font-size: 7rem;
	}
}

.site-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.site-header--interior {
	background: #40cb53;
	background: rgba( 55,172,71,0.7 );
	overflow: hidden;
	position: relative;
}
.site-header--interior .site-logo {
	float: left;
	margin: 1em;
	max-width: 120px;
}
.site--interior .page-heading {
	margin: auto;
	max-width: 1200px;
}
.site--interior .container {
	margin: auto;
	max-width: 1200px;
	padding: 1em;
}
.site--interior .main p {
	text-align: left;
}

.footer {
	padding: 3rem 2rem;
}

/** main menu */

.main-menu-links {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-menu .menu-item {
	display: inline-block;
}
.main-menu a {
	background: transparent;
	color: #fff;
	display: block;
	font-size: 0.9735em;
	line-height: 1em;
	padding: 1em 0.5em;
	text-transform: uppercase;
}
.main-menu a:hover {
	background: #c9824e;
	color: #fff;
	text-decoration: none;
}
.menu-toggle {
	display: none;
}
@media all and (max-width: 59.99em){
	.menu-toggle {
		background: transparent;
		border: none;
		color: #40cb53;
		display: block;
		font-size: 1.25em;
		line-height: 1em;
		padding: 0.25em 0.5em;
		text-shadow: 0 0 1px #000;
		position: fixed;
		top: 1.5rem;
		left: 0.5rem;
		z-index: 1000;
	}
	.menu-bar {
		background: #40cb53;
		box-shadow: 2px 4px 9px rgba(0,0,0,0.125);
		padding: 2em 1em;
		position: fixed;
		top: 4em;
		left: 1em;
		right: 1em;
		z-index: 10000;
	}
	.js-enabled .menu-bar,
	.menu-bar--inactive {
		display: none;
	}
	.menu-bar .menu-item {
		display: block;
	}
	.main-menu a {
		padding: 1em;
	}
}
@media all and (min-width: 60em){
	.menu-bar {
		float: right;
		margin-right: 2rem;
		margin-top: 1.125rem;
	}
}
@media all and (min-width: 68em){
	.menu-bar {
		margin-right: 6rem;
	}
}
@media all and (min-width: 72em){
	.menu-bar {
		margin-right: 8rem;
	}
}


.section#welcome {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.welcome-text {
	background: #40cb53;
	background: rgba( 55,172,71,0.7 );
	color: #fff;
	margin: 7.5rem 1rem 4rem;
	padding: 0 2rem 2rem;
}
.site-logo {
	display: block;
	margin: 0 auto 2rem;
}
@media all and (min-width: 32em){
	.welcome-text {
		margin-left: auto;
		margin-right: auto;
		max-width: 30rem;
	}
}
@media all and (min-width: 60em){
	.welcome-text {
		margin: 0;
		max-width: 21rem;
		padding-bottom: 5rem;
	}
	.welcome-text p {
		font-size: 1rem;
		line-height: 1.5em;
		margin-top: 1.5rem;
	}
	.welcome-text .featured {
		font-size: 1.5rem;
		line-height: 1.25em;
		margin-top: 7.5rem;
	}
}
@media all and (min-width: 72em){
	.welcome-text {
		padding-bottom: 9rem;
	}
}
@media all and (min-width: 85em){
	.welcome-text {
		padding-bottom: 15rem;
	}
}


.slideshow {
	position: relative;
}
.slideshow img {
	display: block;
	width: 100%;
}
.slideshow-controls {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.slideshow-control a {
	background: rgba(0,0,0,0.125);
	color: rgba(255,255,255,0.5);
	display: block;
	font-size: 1.25em;
	line-height: 1em;
	padding: 0.75em 1.5em;
}
.slideshow-control a:hover {
	background: rgba(255,255,255,0.25);
	color: #fff;
}
.slideshow-pager {
	position: absolute;
	bottom: 0.75rem;
	left: 0;
	width: 100%;
	z-index: 1000;
}
.bx-pager {
	text-align: center;
}
.bx-pager-item {
	display: inline-block;
	margin: 0 5px;
}
.bx-pager-link {
	background: #40cb53;
	border: 2px solid transparent;
	border-radius: 50%;
	display: block;
	height: 12px;
	text-indent: -9999em;
	width: 12px;
}
.bx-pager-link.active {
	background: #fff;
	border-color: #40cb53;
}


.global-contact {
	float: right;
	margin: 2rem 2rem 0 0;
}
.global-phone {
	color: #fff;
	font-size: 0.9375em;
	font-weight: 700;
	line-height: 1em;
}
.social-links {
	margin-top: 0.5em;
	text-align: right;
}
.social-link {
	background: #40cb53;
	border-radius: 50%;
	color: #415769;
	display: inline-block;
	font-size: 0.75em;
	height: 22px;
	text-align: center;
	width: 22px;
}
.social-link:hover {
	color: #fff;
}
.social-link__icon {
	line-height: 22px;
	vertical-align: middle;
}


.section-overlay {
	background: #40cb53;
	background: rgba( 55,172,71,0.7 );
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 100;
}
.section-caption {
	display: inline-block;
	max-width: 30rem;
	padding: 1em 6em 1em 1em;
	vertical-align: top;
}
@media all and (max-width: 40rem){
	.section-caption {
		display: none;
	}
}
@media all and (max-width: 60rem){
	#welcome .section-caption {
		display: none;
	}
}
.section-caption__line1 {
	color: #000;
	font-size: 13px;
	line-height: 1.375em;
}
.section-caption__line2 {
	font-size: 15px;
	line-height: 1.375em;
}
.section-caption__line3 {
	font-size: 19px;
	line-height: 1.375em;
}

#contact-form {
	background: #39b54a;
}

.contact-block {
	padding: 2em;
}
.address > div,
.contact-phone {
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.5em;
	text-align: center;
}
.region {
	margin-bottom: 2em;
}
.contact-phone {
	margin: 2em 0;
}
@media all and (min-width: 60em){
	.address {
		margin-top: 2em;
	}
	.contact-phone {
		margin-bottom: 2em;
	}
}
@media all and (min-width: 70em){
	.address > div,
	.contact-phone {
		font-size: 2.25em;
	}
}

@media all and (max-width: 59.99em){
	.google-map-embed {
		margin: 1em;
	}
}
@media all and (min-width: 60em){
	.google-map-embed {
		margin-bottom: -5px;
	}
}
.google-map-embed iframe {
	width: 100%;
	min-height: 250px;
}



.contact-heading {
	color: #fff;
	font-size: 30px;
	line-height: 1.125em;
	margin: 1.5em 0;
}
form {
	padding: 2em 4em;
}
.text-input,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	background: #fff;
	border: none;
	color: #636363;
	display: block;
	font: 400 100%/1em Arial, sans-serif;
	padding: 0.75em 0.5em;
}
.frm_hidden_container label {
	display: block;
	font: 300 1.125rem/1em "Source Sans Pro", Arial, sans-serif;
	margin: 1em 0 0.5em;
}

.button,
input[type="submit"] {
	background: #2d933b;
	border: none;
	color: #fff;
	font: 400 100%/1em Arial, sans-serif;
	margin-top: 0.75em;
	padding: 0.5em 1.5em;
	text-decoration: none !important;
}
.button:hover {
	background: #40cb53;
	text-decoration: none !important;
}
@media all and (min-width:45em){
	#form_contact2 .cf .frm_form_field {
		float: left;
		margin-bottom: 1em;
		margin-right: 2%;
		width: 23.5%;
	}
	#form_contact2 .cf .frm_form_field:last-child {
		margin-right: 0;
	}
}
#form_contact2 .frm_form_field input {
	width: 100%;
}
#form_contact2 textarea {
	margin-right: 0;
	width: 100%;
}
.frm_submit {
	clear: both;
	margin-top: 1em;
}
#form_contact2 .frm_submit input {
	display: block;
	margin: 0 auto 4em;
	padding: 1em 5em !important;
}
.frm_ajax_loading {
	display: none;
}


.floating-action {
	background: rgba(0,0,0,0.25);
	box-shadow: -1px 3px 9px rgba(0,0,0,0.25);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 50%;
	color: #fff;
	display: block;
	height: 42px;
	opacity: 0.375;
	text-align: center;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	width: 42px;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 100;
	transition: all 0.2s;
}
.floating-action:hover {
	background: rgba(0,0,0,0.5);
	color: #fff;
	opacity: 1;
}
.floating-action__icon {
	font-size: 24px;
	line-height: 38px;
	vertical-align: middle;
}
.floating-action__label {
	display: none;
}



/** print styles */
@media only print {

}