/*
Theme Name: Sparkling Child
Theme URI: https://colorlib.com/wp/themes/sparkling
Author: Colorlib
Author URI: http://colorlib.com/
Description: Sparkling is a clean minimal and responsive WordPress theme well suited for travel, health, business, finance, design, art, personal and any other creative websites and blogs. Developed using Bootstrap 3 that makes it mobile and tablets friendly. Theme comes with full-screen slider, social icon integration, author bio, popular posts widget and improved category widget. Sparkling incorporates latest web standards such as HTML5 and CSS3 and is SEO friendly thanks to its clean structure and codebase. It has dozens of Theme Options to change theme layout, colors, fonts, slider settings and much more. Theme is also translation and multilingual ready and is available in Spanish. Sparkling is a free WordPress theme with premium functionality and design.
Version: 2.5.0
Template: sparkling
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments


This theme, like WordPress, is licensed under the GPL.

sparkling is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

*/


*:before, *:after {
    box-sizing: border-box;
}

html, body {
	height: 100%;
}

html {margin:0px; padding:0px; width:100%; height:100%; }
body { color:#3b3b3b; font-size:16px; font-family:'bgBold',arial,helvetica,sans-serif; margin:0px 0 125px; padding:0px; width:100%; height:100%; background:#fcf8e3  url('images/noise_texture.jpg'); webkit-font-smoothing: antialiased;}
img {border:none; }
/*** GENERAL ***/


 h2, h3, h4, h5, h6 {
 color:#000;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
    line-height: 1.15;
    margin-top: .5em;
    margin-bottom: .2em;
}

h4.smile {color:#617f3f;}

.highlight {font-size:18px;
color:#617f3f;}

.phone {position:fixed;
bottom:270px;
left:2%;
color: #fff;
}


h1 { font-family: 'Pacifico', cursive, sans-serif !important; margin:0px; padding:0px; font-weight:normal; font-style:normal; font-smooth:always; font-size:3.5em; }

h1.h1smaller { font-family: 'Pacifico', cursive, sans-serif; margin:0 0 10px 0px; padding:0px; font-weight:normal; font-style:normal; font-smooth:always; font-size:2.5em; color:#000; }

#cff .cff-author {
    float: left;
    clear: both;
    margin: 0 0 5px 0 !important;
    padding: 0;
    line-height: 1.2;
    width: 100%;
}



#cff .cff-author-img {
display:none!important;
    float: left;
    width: 0px;
    margin: 0 0 0 -100% !important;
}

#cff .cff-author .cff-author-text * {
    float: left;
    clear: both;
    width: auto;
    margin: 0 0 0 0px!important;
   
}


h2 { font-family: 'Droid Sans', sans-serif; margin:0px; padding:0px;   font-smooth:always; font-size:2.3em;}
h3 { font-family:'bgBold',arial,helvetica,sans-serif; margin:0px; padding:0px; font-weight:normal; font-style:normal; font-smooth:always; font-size:1.6em;}

.subpage {margin-top:70px;}

.subpage img {    max-width: 100%;
    height: auto;
    margin: 0px auto 0px auto;
    display: block;
    }


a {color:#fff; text-decoration:none;}

h1.notice {text-align:center;}


.grid-block {
	position: relative;	
	margin-bottom:6px;
}

.grid-block img {
    max-width: 100%;
    height: auto;
    margin: 0px auto 0px auto;
    display: block;
}


.imageright {float: right;
    margin: 0px 10px 5px 15px;
}


.captionslide .btn_container {margin:0 auto;
display:block;
text-align:center;
}
.grid-block h4 {
	font-size: .9em;
	color: #333;
	background: #f5f5f5;
	margin:  0;
	padding: 0px;
	border: 0px solid #ddd;
}

.captionslide {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/trans-black-50.png);
	width: 100%;
	height: 100%;
	cursor:pointer;	
}

.captionslide li {padding:5px 0; color:#fff;}
/************ CONTENT TABS*****************/




.captionslide h3, .captionslide p {
	color: #fff;
	margin: 10px;
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
}

 .subbtn button[type=submit]  {width:66% !important;}
 
 
 
.captionslide p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0px;
	padding:0px;
}

.captionslide a.learn-more {
	
	color: #fff;
	
	text-decoration:underline
}
.captionslide a.learn-more:hover {
	
	color: #dc9b33;
}

.boxtitle {height:50px;
color:#fff;
font-size:18px;
padding:7px;
background-color:#fe9f4a;
margin-top:-10px;
z-index:2;
text-align:center;

}


.moveup {margin-top:-5px;}
img.arrow {vertical-align:middle;
width:30px;
float:left;
height:30px;
margin-top:0px;}

@media all and (max-width: 989px) {
	.boxtitle {height:30px;
color:#fff;
font-size:16px;
padding:7px;
background-color:#fe9f4a;
margin-top:-5px;
z-index:2;

}
}


@media all and (max-width: 900px) {
	.grid-block {
	margin:6px auto;
	position: relative;
	max-width:368px;
		
}
 .subbtn button[type=submit]  {width:100% !important;	
}

}

@media screen and (min-width: 1000px)
.twitter-widget .tweet-user-image {
    width: 4.375rem;
    height: 4.375rem;
}
@media screen and (min-width: 750px)
.twitter-widget .tweet-user-image {
    width: 3.75rem;
    height: 3.75rem;
}
.twitter-widget .tweet-user-image {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    overflow: hidden;
}


.panel_body_gradient {
    max-width: 100%;
    padding: 6px 16px;
    margin: 0px;
    -webkit-border-radius: 24px 0px 20px 0px;-moz-border-radius: 24px 0px 20px 0px;border-radius: 24px 0px 20px 0px;
    
    border-top: 0px solid #CCC;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f9ff), color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%, #f2f2f2 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%, #f2f2f2 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f2f2f20%, #f2f2f2 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0 );
}

p { line-height:1.7em;}
.quote {font-family:"bgThinIt",arial,helvetica,sans-serif;}
.post-script {font-family:"bgLight",arial,helvetica,sans-serif;}
.details {font-family:"bgBoldIt",arial,helvetica,sans-serif;}


.logoshell {position:fixed;
z-index:31;
top:0;
width:20%;}
.logoshell img {
    max-width: 100%;
    height: auto;
    display: block;
}
.farm_image_wrap {
align-items: center;
    text-align: center;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
       border:0px solid black;
        overflow:hidden;
     z-index:1;
         padding-top: 0px;
   height: 550px;
     width:100%;
     margin: 0 auto;
     background: url('images/ourfarm.jpg') no-repeat;

     background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  background-size: cover;
}


.homemessageshell {margin-left:15%;}
.homemessage {
  margin: 40px auto 0 auto;
 text-align: center;
color:#fff;

		max-width:650px;
		max-height:400px;
		background:#85bed9;
	-webkit-border-radius: 34px 0px 34px 0px;
	-moz-border-radius: 34px 0px 34px 0px;
	border-radius: 34px 0px 34px 0px;		border:8px solid white;
		background: rgb(133, 190, 217) transparent;
    background: rgba(133, 190, 217, 0.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc85bed9, endColorstr=#cc85bed9)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc85bed9, endColorstr=#cc85bed9);
     zoom: 1;
     height:400px;
    background-image: url('images/goat.png');
    background-repeat: no-repeat;
    background-position:left -15px bottom -15px;
		z-index:2;
		
	}
	
	.homemessage h1 {    font-size:4.5em;
	color:#fff;
	margin-top:30px;}
	
	.homemessage h2{color:#fff;
}
	
	
.farm_image_wrap img {
      display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    z-index:1;
    }

 .btn_container a:link,  .btn_container a:visited, .btn_container a:hover, .btn_container a:active {
    color: white;
}

.btnorange {
    background: #e7740d;
}
.btn18, .btn18:hover {
    padding: 10px 28px;
    font-size: 18px;
}

.btnorange:hover {
	background: #f57b0d;
}

.btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 2px #666;
    -moz-box-shadow: 0px 1px 2px #666;
    box-shadow: 0px 1px 2px #666;
    font-family: Tahoma, Geneva, sans-serif;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
}

/*** NAVIGATION ***/
#menu-nav {width:20%; 
background :#373636;
height :100%;
 overflow:auto; 
 float:left; 
 z-index:30; 
 position:fixed; 
 left:0px; 


    background: rgb(51, 51, 51) transparent;
    background: rgba(51, 51, 51, 0.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2333333, endColorstr=#b2333333)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2333333, endColorstr=#b2333333);
    
    }
#menu-nav img.logo { margin: 20px auto 35px auto; display:block;  height:auto;}
/*
#menu-nav #menu .subs.work-menu:hover {height:auto;}

#menu-nav #menu .subs.work-menu:hover ul.work-subs {display:block;}
#menu-nav #menu .subs.work-menu:hover ul.work-subs {display:block;}
*/

#menu-nav #menu .subs.blog-menu.show-years { height:auto; }
#menu-nav #menu li.active a.parent {color:#EDE06B;}
#menu-nav #menu .subs.blog-menu.show-years ul.link-subs { display:block; }

/* BELOW HAD HEIGHT AUTO on .show-subs, and DISPLAY BLOCK on .link-subs */
#menu-nav #menu .subs.work-menu.show-subs {}
#menu-nav #menu li.active a.parent {color:#EDE06B;}
#menu-nav #menu .subs.work-menu.show-subs ul.link-subs { display:none; }

#menu-nav #farmaddress {color:#fff; font-size:0.9em; font-family:'Droid',sans-serif; text-transform:uppercase; text-align:left; list-style-type:none; position:absolute; bottom:23px; left:35px; padding:0px; margin:0px; }




#menu-nav #farmaddress li {height:16px; padding:6px 0;}
#mobile-nav {display:none;}
#mobile-expand {display:none;}

.content{padding:20px;}

/*** FOOTER ***/
footer { margin-left:20%; font-family:'bgMed',arial,helvetica,sans-serif;  font-size:0.6em; color:#fff; height: 70px; left:0px; bottom:0px; width:80%;  text-transform:uppercase; bottom:0; }

#footer-content li a {color:#000;}
#footer-content { overflow:auto; height:100%; letter-spacing:0.11em;color:#000; }
#footer-content #copyright {float:left; margin:30px 0px 0px 3%;}
#footer-content #connect {float:right; list-style-type:none; margin:30px 3% 0px 0px; padding:0px;}
#footer-content #connect .new {display:inline;}
#footer-content #connect li {float:left; margin:0px 2px;}
#footer-content #connect li img {width:80%; height:auto;}



#wrap { float:right; 
width:80%; 
min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -216px;


}

.footer, .push {
    height: 216px;
}



footer #footer-content{
    position: relative;
    zoom: 1;
 
    width: 100%;
    padding: 2.8125rem 0 1.875rem;
    text-align: center;
   width: 100%;
    margin: 0 auto;
    background: url(images/grass.png) repeat-x;
}

.face {margin-top:-20px;

}

/* *********************************************************************************************************************

/* *********************************************************************************************************************
 * columns
 */
 

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block; /* for IE/Mac */
}
/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.onerow:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}
.onerow {
	display: inline-block; /* for IE/Mac */
}
/* start commented backslash hack \*/
* html .onerow {
	height: 1%;
}
.onerow {
	display: block;
}

.boxwhite {background:#fff;
border:0px solid #ccc;
}

.boxcolor {background:#617f3f;
padding:10px 0px !important;
margin:0 auto;
display:block;
width:80%;
text-align:center;
color:#fff;
	-moz-border-radius: 50px/50px;
    -webkit-border-radius: 50px 50px;
    border-radius: 50px/50px;

}
.company     {color:#ffff93;
padding-top:10px;
font-weight:bold;
font-size:19px;
}
 
.onerow {
	clear: both;
	padding: 0px;
}
.col {
	color: #000 !important;
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 3% 0 0;
}
.col1.end, .col2.end, .col3.end, .col4.end, .col5.end, .col6.end, .col7.end, .col8.end, .col9.end, .col10.end, .col11.end, .col12 {
	margin: 0;
}
.col1 {
	width: 5.5%;
 *width:4.5%;
}
.col2 {
	width: 14%;
 *width:13%;
}
.col3 {
	width: 22.5%;
 *width:21.5%;
}
.col4 {
	width: 31%;
 *width:30%;
}
.col5 {
	width: 39.5%;
 *width:38.5%;
}
.col6 {
	width: 48%;
 *width:47%;
}
.col7 {
	width: 56.5%;
 *width:55.5%;
}
.col8 {
	width: 65%;
 *width:64%;
}
.col9 {
	width: 73.5%;
 *width:70.5%;
}
.col10 {
	width: 82%;
 *width: 80%;
 *margin-left:6px;
}
.col11 {
	width: 90.5%;
 *width:89.5%;
}
.col12 {
	width:99%;
	margin: 0;
}

@media only screen and (max-width:1100px){
.homemessage {
background-image:none;
margin:90px auto 0 auto;
	max-height:500px;
		
	
		}
		
}
@media only screen and (max-width:900px)
{
.subpage {margin-top:170px;}

#wrap {float:none; width:90%;}
.homemessageshell {margin-left:0%;}

.logoshell {position:fixed;
z-index:29;
top:0;
width:100%;}


.collapse {display:block!important;}



.face {margin-top:5px;

}


.logoshell {position:absolute;
top:0;
left:0;
right:0;
}

img.logo {
    margin: 40px auto 35px auto !important;
    display: block;
    width: 329px;
    height: auto;
}
img.logo {
    margin: 60px auto 35px auto;
    display: block;
    width: 329px;
    height: auto;
}

.farm_image_wrap {
    align-items: center;
    text-align: center;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    position: relative;
    overflow:hidden;
    z-index: 1;
    padding-top: 0px;
    height:600px;


}

.homemessage {
background-image:none;
margin:165px auto 0 auto;
	max-height:500px;
	width:90%;
		
	
		}




.imageright {float:none;
  margin: 0 auto 0 auto;
}

.homemessage h1 {margin-top:55px; margin-bottom:10px;   line-height:50px;}

.footer {
    position: relative;
   
}
.homemessage
h2 { font-family:'bgBlack',arial,helvetica,sans-serif; margin:0px; padding:0px; font-weight:normal; font-style:normal; font-smooth:always; font-size:1.8em;}


footer { margin-left:0; font-family:'bgMed',arial,helvetica,sans-serif;  font-size:0.6em; color:#fff; height:auto; position:fixed;left:0px; bottom:0px; width:100%; z-index:15; text-transform:uppercase;text-align:center; }
#footer-content #connect {
  display:none;
}





#footer-content #connect li{
    display:inline-block;
}

#footer-content #copyright {
    float: none;
    margin: 30px 0px 0px 3%;
    text-align:center;
}

#farmaddress {display:none;}
#menu-nav {
    width: 100%;
    background: transparent;      
    overflow:visible;
    float: none;
    z-index: 30;
    position: fixed;
    left: 0px;
   max-height: 50px;
    top: 0;
    background:transparent;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2333333, endColorstr=#b2333333)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2333333, endColorstr=#b2333333);
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: none;
	margin: 0 2% 0 0%;
	width:100%;
}
}

@media (max-width: 800px) {

.homemessage {
    max-height: 350px;
}

.face {display:none;
}
}

@media (max-width: 480px) {


.boxcolor {
    background: #617f3f;
    padding: 10px 0px !important;
    margin: 0 auto;
    display: block;
    width: 80%;
    text-align: center;
    color: #fff;
    -moz-border-radius: 10px/10px;
    -webkit-border-radius: 10px 10px;
    border-radius: 10px/10px;
}



.homemessage h1 {
    font-size: 2.5em;
    color: #fff;
    margin-top: 55px;
}
}