/*
Theme Name: The Pig Apple
Theme URI: http: //www.the-pig-apple.com/
Description: Pig Apple Custom theme designed & built by edd allen at luketom.com using salient by themenectar
Author: luketom.com	
Author URI: http: //luketom.com/
Template: salient
Version: 0.1
*/

@import url("../salient/style.css");

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);

/* -----------------------------------------------------------------------------
	B a d a s s   H o m e   B o x e s
----------------------------------------------------------------------------- */

.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 24.1%;
	margin-right: 1%;
	height: 300px;
	background: #000000;
	text-align: center;
	cursor: pointer;
}

.grid figure:last-child {
	margin-right: 0%;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.4;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
padding: 10% 0 0px 0;
letter-spacing: 1px;
font-weight: 300;
font-size: 28px !important;
	line-height: 28px;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 250px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* -----------------------------------------------------------------------------
	F o n t s
----------------------------------------------------------------------------- */

	h1, h3, h5 {
		font-weight: 700;

	}

	h2 {
		font-weight: 300;
	}

	h3 {
		font-weight: 300;
	}

	h6 {
		font-weight: 400;
	}


	header#top nav > ul > li > a {
		font-size: 18px;
		font-weight: 300;
		letter-spacing: 1px;
	}

	header#top nav > ul > li.current-menu-item > a {
		font-weight: 400;
	}	

	header#top nav > ul > li > a {
		font-weight: 400;
	}



html body h1, html body  h2 { font-size: 45px!important; line-height: 50px!important; margin-bottom: 7px!important; color: #000; padding-bottom: 20px; }

html body  h3, html body h4 { font-size: 30px!important; line-height: 30px!important; margin-bottom: 10px!important; color: #000; padding-bottom: 20px; }

html body h5, html body h6 { font-size: 20px!important; line-height: 24px!important; margin-bottom: 7px!important; color: #000; padding-bottom: 20px; }

html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

html, p {
	font-size: 16px;
	color: #1f1f1f;
}

#footer-outer p {
	color: #FFF;
}

/* -----------------------------------------------------------------------------
	M i s c
----------------------------------------------------------------------------- */

body #header-outer, body #search-outer {
background-color: RGBA(0,0,0,0.8) !important;
}

img.homepagefeatimg {
	width: 80% !important;
	margin: 100px auto 0 !important;
	display: block;
}

h1.hpparrow span {
	font-weight: 300;
	text-shadow: 0px 0px 0px #333;
}

h1.hpparrow a:hover {
	color: #ED1C24;
}

h1.hpparrow {
	font-size: 36px !important;
	text-shadow: 1px 2px 1px #666;
}

.full-width-section {
overflow: hidden;
}

html body.home .wpb_content_element > .wpb_wrapper > a.parrowbutton {
position: absolute;
right: 50px;
width: 130%;
height: 240px;
top: -80px;
padding: 0% 15%;
right: 0px;
left: -15%;
background-color: transparent!important;
}

.parrowbutton i {
font-size: 70px!important;
position: absolute;
right: 20%!important;
}

#cff .cff-author {
	margin-bottom: 0px;
}

#footer-outer {
	background-color: #111;
}

.keytext1 .wpb_content_element p {
	font-size: 16px!important; 
	line-height: 20px!important;
}

.keytext1 .wpb_content_element p:first-child {
margin-top: 5px;
}

#footer-outer {
	background: url('/wp-content/uploads/2014/10/footer-background.jpg') center no-repeat;
}


body #header-outer[data-transparent-header="true"].transparent {
	background: transparent;
	background-image: none;
}

body #header-outer, body #search-outer {
	background: url('/wp-content/uploads/2014/10/header-white-brickTRANS.png') center no-repeat;
	background-size: 100%;
	background-position: 50% 52%;
	background-color: rgba(255,255,255,0.5) !important;
}

img.keyhpimage1 {
	margin-top: -200px !important;
}

#header-outer.transparent {
	padding-bottom: 5px !important;
}

#header-outer {
	padding-top: 5px !important;
}

nav ul.sf-menu > li > a {
padding-bottom: 20px !important;
}

nav ul.sf-menu > li#search-btn {
	padding=bottom: 20px !important;
}

#header-outer.transparent #search-outer {
	height: 101px !important;
	background-color: rgba(255,255,255,1) !important;
}

#header-outer #search-outer {
	height: 60px !important;
}

#header-outer.transparent #search-outer #search #close a {
	top: 40px !important;
}

#search-outer #search #close a {
	top: 20px !important;
}

html body header#top nav .sf-menu > li.current-menu-item > a,
html body header#top nav .sf-menu > li.current_page_item > a {
	color: #1f1f1f !important;
}

html body header#top nav .sf-menu > li > a,
html body header#top nav .sf-menu > li > a {
	color: #1f1f1f !important;
}



.kebo-tweets .ktweet .kavatar {
margin-right: 10px!important;
}

.slider p.ktext {
	color: #FFFFFF;
}

.mileystones .nectar-milestone {
	color: #FFF;
	font-family: 'roboto slab';
}

.mileystones .nectar-milestone .subject {
font-family: 'Special Elite';
font-size: 14px!important;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
}

#formyright {
width: 49%;
float: right;
}

#formyleft:after, #formyright:after {
content:'';
clear:both;
}

#formyleft {
width: 49%;
float: left;
}

.subsub {
width: 40% !important;
margin: 10px auto 0px;
background: transparent;
border: none;
color: #193282;
font-size: 24px !important;
text-transform: lowercase;
font-weight: 800;
padding: 5px;
text-shadow: none;
letter-spacing: 2px;
}

.subsub:hover {
background: #193282;
color: #FFF;
letter-spacing: 2px;
text-shadow: none;
}

.wpcf7 textarea {
margin-top: 15px;
}

form.wpcf7-form select, form.wpcf7-form textarea, form.wpcf7-form input[type="text"], form.wpcf7-form input[type="password"], form.wpcf7-form input[type="datetime"], form.wpcf7-form input[type="datetime-local"], form.wpcf7-form input[type="date"], form.wpcf7-form input[type="month"], form.wpcf7-form input[type="time"], form.wpcf7-form input[type="week"], form.wpcf7-form input[type="number"], form.wpcf7-form input[type="email"], form.wpcf7-form input[type="url"], form.wpcf7-form input[type="search"], form.wpcf7-form input[type="tel"], form.wpcf7-form input[type="color"], form.wpcf7-form .uneditable-input {
margin-bottom: 0px !important;
font-size: 16px;
line-height: 22px !important;
background-color: rgba(255,255,255,0.8);
border: 2px solid #FFF;
color: #1f1f1f;
font-family: 'roboto slab';
padding: 10px !important;
}

form.wpcf7-form p, form.wpcf7-form span {
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

span.wpcf7-form-control-wrap {
position: initial;
}

form.wpcf7-form input[type=text]:focus, form.wpcf7-form textarea:focus, form.wpcf7-form input[type=email]:focus, form.wpcf7-form input[type=search]:focus, form.wpcf7-form input[type=password]:focus, form.wpcf7-form input[type=tel]:focus, form.wpcf7-form input[type=url]:focus, form.wpcf7-form input[type=date]:focus {
	background-color: transparent;
}

form.wpcf7-form input[type=text], form.wpcf7-form textarea, form.wpcf7-form input[type=email], form.wpcf7-form input[type=search], form.wpcf7-form input[type=password], form.wpcf7-form input[type=tel], form.wpcf7-form input[type=url], form.wpcf7-form input[type=date], form.wpcf7-form input[type=number] {
	background-color: transparent;
}

form.wpcf7-form .minileft {
line-height: 48px;
font-size: 16px;
}

.wpcf7-form-control-wrap input.wpcf7-number {
	width: 100%;
}

form.wpcf7-form *::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFF;
}
form.wpcf7-form *:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFF;
   opacity:  1;
}
form.wpcf7-form *::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFF;
   opacity:  1;
}
form.wpcf7-form *:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #FFF;
}

.wpcf7-form select {
height: 55px;
}

.slider .ktweet .ktext {
font-size: 30px;
line-height: 34px;
text-align: center;
}

.wpb_row {
background-repeat: repeat-y !important;
background-size: 100% !important;
}

.keyimage2 {
	width: 75% !important;
}

form.wpcf7-form textarea, 
form.wpcf7-form input[type="text"], 
form.wpcf7-form input[type="number"], form.wpcf7-form input[type="email"], 
form.wpcf7-form input[type="url"], form.wpcf7-form input[type="search"], 
form.wpcf7-form input[type="tel"], form.wpcf7-form .uneditable-input {
	color: #FFFFFF !important;
}

#hpaboutus {
position: absolute;
top: -150px;
}

#hphogroast {
position: absolute;
top: -80px;
}

#hpbbq {
position: absolute;
top: -80px;
}

#hpcallben {
position: absolute;
top: -120px;
}

#hptoptop {
position: absolute;
top: -750px;
}

#footer-outer #copyright .span_5 {
width: 60%;
}

#footer-outer #copyright .span_5 a:hover {
color: #FFF !important;
}

#footer-outer #copyright .span_5 a, 
#footer-outer #copyright .span_5 span {
color: #ed1c24!important;
}


#footer-outer #copyright .span_5 p {
font-size: 14px !important;
}


.wpcf7 .wpcf7-response-output {
text-align: center !important;
font-size: 24px;
line-height: 34px;
background-color: transparent;
}


.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
	color: #FFF !important;
}

#contactemail {
	position: relative;
	height: auto;
	width: auto;
}










@media (max-width: 1000px) {
	.grid figure { width: 48%; margin-right: 2%; margin-bottom: 2%; }
	.grid figure:nth-child(even) { margin-right: 0%; }
	html body header#top #logo img { height: 35px !important; }
	#footer-outer { background-size: auto 100%; }
	body #header-outer, body #search-outer { background: url('/wp-content/uploads/2014/10/header-white-brickTRANS.png') center no-repeat; }
}

@media (max-width: 600px) {
	.grid figure {
	width: 80%;
	margin-bottom: 2%;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	} 

	#footer-outer { background-size: auto 100%; }
	body #header-outer, body #search-outer { background: url('/wp-content/uploads/2014/10/header-white-brickTRANS.png') center no-repeat; }
	.wpb_row.parallax_section { background-size: auto 100% !important; }
}