/*
Theme Name: Great Fermentations
Description: The custom WordPress theme for the Great Fermentations website.
Author: Jackson Sky
Author URI: http://jacksonsky.com/
*/


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.7;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

iframe{border:none 0; overflow:hidden; margin:0 0 -6px; padding:0;}
iframe::-webkit-scrollbar {  
    display: none;
  }  

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/***** DEFAULT STYLES *******/
* {
margin: 0;
}
html, body {
height: 100%;
background: url('/images/background.jpg') #dad9c4;
}

/*html {
	-webkit-text-stroke: 0.15px;
}*/

body{
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:12px;
	color:#4b4d4d;
	}
	
a{color:#b86c1e; text-decoration:underline;}
a:hover{color:#7f460b;}
	
p{margin:0 0 20px;}

h1, h2, h3, h4, h5, h6{font-family: 'Amaranth', Verdana, Geneva, sans-serif; line-height:1.2; font-weight:400; margin:0; padding:0; color:#646653;}
h1{font-size:30px; margin:0 0 10px 0;}
h2{font-size:24px;}
h3{font-size:22px; color:#8D9966;}
h4{font-size:21px;}
h5{font-size:16px;}
h6{font-size:14px;}

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

/*********** LAYOUT ************/

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -370px;
min-width:1000px;
}
.widthFull{width:100%;}
.frame{width:1000px; min-width:1000px; margin:0 auto;}


/******** Main Header **************/
#headerMainSite{}
#topAnnounce .frame{text-align:center; font-family: 'Montserrat', Arial, Helvetica, sans-serif; color:#5b7373; font-size:16px; padding:4px 0;}
#headerMainArea{}
#utilityBar{background:url('/images/bckgrd_topBar.jpg'); height:30px;}
#utilityBar .frame{height:30px; line-height:30px; text-transform:uppercase; font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-align:right; color:#ffffff; width:975px; padding-right:25px; -webkit-text-stroke: 0.20px;}
#header_iframe #utilityBar .frame{height:30px; line-height:30px; text-transform:uppercase; font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-align:right; color:#ffffff; width:975px; padding-right:25px;}
#utilityBar .frame a{color:#ffffff; text-decoration:none;}
#utilityBar .frame a:hover{color:#ffffff; text-decoration:underline;}


/** Logo **/
#logo hgroup{display:block; width:228px; height:222px; overflow:hidden; margin:10px 0 0; float:left;}
#logo hgroup h2{text-indent:-9999em; display:block;}

/** Social Icons **/
#headSocial{float:left; display:inline; width:522px; height:46px; margin-top:16px; text-align:right;}
#headSocial img{
	margin-top:6px;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
 -webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
}
#headSocial img:hover
{
opacity:.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

/** Shopping Cart **/
#headShopping{ float:left; display:inline; width:242px; height:46px; margin:16px 0 0 8px;}
#headShopping a{text-indent:-9999em; display:block; height:46px; width:242px; background-image:url('/images/shoppingCart.gif'); background-repeat:no-repeat; background-position:top;}
#headShopping a:hover{ background-position:bottom;}

/** Phone **/
#headPhone{font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; font-size:24px; color:#8c9865; width:772px; float:left; display:inline; text-align:right; letter-spacing:1.5px; margin-top:6px;}

/************** Main Navigation *************/
#navMain{float:right; display:inline; width:760px; height:47px; background:url('/images/bckgrd_nav.jpg') repeat; margin:63px 0 0; -webkit-border-radius: 10px;
-moz-border-radius: 10px; 
border-radius: 10px; font-weight:normal;} 

#navMain ul{width:420px; float:left; display:inline-block; margin:0 0 0 12px; padding:0;}

#navMain ul li{ float:left; display:inline-block; height:47px; font-size:16px; margin:0 0 0 0; line-height:47px; padding:0; text-transform:uppercase; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-text-stroke: 0.25px;}
#navMain ul li a{color:#fff; text-decoration:none; padding:0 13px; display:inline-block; height:47px; -webkit-text-stroke: 0.25px;
-o-transition: background .4s linear;
  -moz-transition: background .4s linear;
  -webkit-transition: background .4s linear;
  transition: background .4s linear;}
#navMain ul li a:hover{background:#575843;}


/*** Search Form ****/
#navMain form{width:320px; height:39px; float:right; background:#8d9966; margin:4px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;}
#navMain form .search{border:0 none; height:35px; line-height:35px; width:250px; float:left; display:inline; margin:2px 0 2px 20px; padding:0; color:#fff; background:#8d9966; font-family: 'Amaranth', Arial, Helvetica, sans-serif; font-size:16px;}
#navMain form .submitBtn{background:#acb88b url('/images/search.gif') no-repeat; background-position:8px 0; width:41px; float:right; display:inline; height:39px; border:0 none; text-indent:-9999em;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;}


/** WordPress Navigation Menu Styles **/

menu, nav {display: block;}

#navMain li {
	float: left;
	position: relative;
	display: inline; 
}
#navMain a {color:#fff; text-decoration:none; padding:0 13px; display:inline-block; height:47px;
-o-transition: background .4s linear;
  -moz-transition: background .4s linear;
  -webkit-transition: background .4s linear;
  transition: background .4s linear;}
		
#navMain ul ul {
	text-transform:none;
	display: none;
	float: left !important;
	margin: 0;
	position: absolute;
	top: 47px;
	left: 0;
	width: 188px;
	z-index: 99999;
}

#navMain ul ul li{ 	
 -webkit-text-stroke: 0.25px;	
	min-height:16px;
	height:auto !important;
	height:16px;
	line-height: 18px !important;
	text-transform:none !important;
	padding:0;
	}

#navMain ul ul ul {
	left: 100%;
	top: 0;
}
#navMain ul ul a {
 -webkit-text-stroke: 0.25px;
	background: #93a169;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	min-height:16px;
	height:auto !important;
	height:16px;
	line-height: 18px !important;
	padding: 6px 13px;
	width: 168px;
}

#navMain li:hover > a,
#navMain ul ul :hover > a,
#navMain a:focus {
	background:#acb88b; color:#ffffff; border-radius: 0 0 0 0;
	
}
#navMain li:hover > a,
#navMain a:focus {
	background: #575843; 
	color: #ffffff;
}
#navMain ul li:hover > ul {
	display: block;
}
#navMain .current-menu-item > a,
#navMain .current-menu-ancestor > a,
#navMain .current_page_item > a,
#navMain .current_page_ancestor > a {
	font-weight: normal;
}


/*************** Content Area****************/

#pageContent{ margin:12px 0 0;}
#pageSideBar{float:left; display:inline; width:287px; margin:0 15px 0 0;}
#mainContentArea{float:left; display:inline; width:698px; font-size:13px;}

.outterBox{padding:5px; 
background-color:#eae9dd;
background-color:rgba(255, 255, 255, 0.4);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}

#mainContent{background:#fff; padding:19px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;}

#mainContent h3{margin-bottom:5px;}

/********************* Side Bar Elements *******************/

/**** Side Box Default ****/
.sideBox{width:100%; padding-bottom:5px; margin-bottom:15px; 
background-color:#eae9dd;
background-color:rgba(255, 255, 255, 0.4);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}

.sideBox h2{text-transform:uppercase; color:#ffffff; height:47px; font-size:18px; line-height:47px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; -webkit-text-stroke:0.25px; padding:0 15px;
background-color:#a56e31;
background-image:url('/images/bckgrd_topBar.jpg');
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}

.sideBox h2 a{color:#FFFFFF; text-decoration:none;}
.sideBox h2 a:hover{color:#FFFFFF; text-decoration:none;}

.sideBox ul, #sideEnews.sideBox .sideEnewsInside{background:#ffffff; margin:0 5px; padding:0;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;}

/** Sidebox with Search **/
.sideBox .withSearch ul{
	-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.sideBox .withSearch{
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;}

/** Inside email Form **/
.mc_merge_var{width:100%; display:block; float:left;}
.mc_error_msg{color:#B86C1E !important;}
.mc_success_msg{color:#8D9966 !important;}
#mc-indicates-required{display:none;}
/*.mc_error_msg a{display:none;}*/

#sideEnews.sideBox h2{background-image: url('/images/backgrd_armygreen.jpg');}

#sideEnews.sideBox .sideEnewsInside{padding-bottom:7px;}

#sideEnews.sideBox form{font-size: 12px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; margin:15px 10px 15px 15px; padding-bottom:10px;}
#sideEnews.sideBox form #mc-indicates-required{width:240px;}
#sideEnews.sideBox form label{ color:#4b4d4d; float:left; display:inline; width:108px; margin-top:3px; font-size:13px;}
#sideEnews.sideBox form input{float:left; display:inline; width:130px; height:19px; line-height:19px; padding:0 5px; margin:3px 0 4px; border:0 none; background:#ddddc2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#sideEnews.sideBox form input[type="submit"]{margin-left:108px; width:110px; background:#b86c1e; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:700; color:#ffffff; text-transform:uppercase; height:18px; line-height:18px; padding:1px 8px 0;}
#sideEnews.sideBox form input[type="submit"]:hover{ background:#617267;}

/**** Secondary Nav ****/
.navSecondary ul li{ margin:0; padding:0; display:block; min-height:25px; height:auto !important; height:25px; width:277px; border-bottom:1px solid #d6d6c5; font-family: 'Amaranth', sans-serif; font-size:21px; font-weight:400;}
.navSecondary ul li a{ padding:5px 10px; display:block; min-height:25px; height:auto !important; height:25px; width:257px; line-height:1.2; text-decoration:none; color:#8c9865;
-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}
.navSecondary ul li a:hover{background-color:#d4d3b2;}

/**last nav item **/
.navSecondary ul li:last-child{ border-bottom:none 0;}
.navSecondary ul li:last-child a:hover{
	-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}

/**** Side Recent Blog ****/
#sideRecentBlog h2{ background-image:url('/images/bckgrd_green.jpg'); background-color:#868e60;}
#sideRecentBlog ul li{margin:0; padding:0; display:block; width:277px; min-height:10px; list-style:none;}
#sideRecentBlog ul li a{ padding:7px 10px; display:block; width:257px; line-height:1.3; text-decoration:none; color:#b86c1e; text-decoration:none;
-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;}
#sideRecentBlog ul li a:hover{color:#985612; background-color:#eaeae2;}
#sideRecentBlog ul li:last-child a:hover{
	-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}
#sideRecentBlog ul li.listMore{font-weight:700; text-transform:uppercase;}

/**** Side Video box ****/
#sideVideo .sideBoxInner{
	background:#ffffff; margin:0 5px; padding:8px 8px 3px;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}

#sideVideo h2{background-color:#a56e31;
background-image:url('/images/bckgrd_topBar.jpg');}

/**** Side Misc box ****/
.sideMisc h2{ background-image:url('/images/bckgrd_green.jpg'); background-color:#868e60;}
.sideMisc ul li{margin:0; padding:0; display:block; width:277px; min-height:10px; list-style:none;}
.sideMisc ul li a{ padding:7px 10px; display:block; width:257px; line-height:1.3; text-decoration:none; color:#b86c1e; text-decoration:none;
-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;}
.sideMisc ul li a:hover{color:#985612; background-color:#eaeae2;}
.sideMisc ul li:last-child a:hover{
	-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}
.sideMisc ul li.listMore{font-weight:700; text-transform:uppercase;}

/**** Side My Account ****/
#sideMyAccount h2{ background-image:url('/images/bckgrd_green.jpg'); background-color:#868e60;}
#sideMyAccount ul li{margin:0; padding:0; display:block; width:277px; min-height:10px; list-style:none;}
#sideMyAccount ul li a{ padding:7px 10px; display:block; width:257px; line-height:1.3; text-decoration:none; color:#b86c1e; text-decoration:none;
-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;}
#sideMyAccount ul li a:hover{color:#985612; background-color:#eaeae2;}
#sideMyAccount ul li:last-child a:hover{
	-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}
#sideMyAccount ul li.listMore{font-weight:700; text-transform:uppercase;}

/**** Side Category Filters ****/
#sideCatFilters h2{ background-image:url(images/bckgrd_green.jpg); background-color:#868e60;}
#sideCatFilters h3{ font-size: 14px; color: #686a54; font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-transform:uppercase; -webkit-text-stroke: 0.25px; }
#sideCatFilters ul li{margin:0; padding:0; display:block; width:277px; min-height:10px; list-style:none;}
#sideCatFilters ul li a{ padding:7px 10px; display:block; width:257px; line-height:1; text-decoration:none; color:#8d9a65; text-decoration:none;
-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;}
#sideCatFilters ul li a:hover{color:#985612; background-color:#eaeae2;}
#sideCatFilters ul li:last-child a:hover{
	-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}
#sideCatFilters ul li.listMore{font-weight:700; text-transform:uppercase;}

/**** Side Buttons ****/
#sideButtons{margin-bottom:15px; width:287px;}
#sideButtons a{text-indent:-9999em; display:block; height:47px; width:287px; background-repeat:no-repeat; background-position:top; overflow:hidden; margin-bottom:4px;}
#sideButtons a:hover{ background-position:bottom;}
#sideButtons a.emailBtn{background-image:url(images/btnEmail.gif);}
#sideButtons a.eventBtn{background-image: url('/images/btnEvent.gif');}

/**** Contact Info ****/
#sideContactInfo{margin-left:15px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; }
#sideContactInfo a {text-decoration:none;}
#sideContactInfo h2{text-transform:uppercase; font-size:18px; color:#5b7373; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-text-stroke: 0.25px;}
#sidePhone{ padding:0 0 0 45px; margin:10px 0; font-size:16px; line-height:1; color:#93a169; background:url('/images/sidePhone.gif') no-repeat left top; background-position:5px 1px; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}
#sideAddress{float:left; display:inline; width:145px; line-height:1.2;} 
#sideHours{float:left; display:inline; width:127px; line-height:1.2;}
#sideAddress h3, #sideHours h3{ font-weight:700; line-height:2; margin:0; padding:0; text-transform:uppercase; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:14px;}

/**** Side Social Icons ******/
#sidebarSocial{margin:0 0 15px 0;}
#sidebarSocial h2{font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:20px; -webkit-text-stroke: 0.25px;}
#sidebarSocial a img{margin-right:3px;}
#sidebarSocial img{
	margin-top:6px;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
 -webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
}
#sidebarSocial img:hover
{
opacity:.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

/**** Side Search *******/
#sidebarSearch{margin:0 0 15px 0;}
#sidebarSearch h2{font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:20px; -webkit-text-stroke: 0.25px;}
#sidebarSearch form{margin-top:5px;}
#sidebarSearch .submitSideBtn{ background:#889061; color:#fff; padding:3px 8px 3px; border:0 none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#sidebarSearch .submitSideBtn:hover{background:#646653;}

/*** side Search inside box ***/
.withSearch #sidebarSearch{margin:0 5px; border-top:1px solid #ECECDF; padding:5px 0 10px 10px; width:267px; background:#fff;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;}

.withSearch #sidebarSearch h4{font-size:16px; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}

/********************* Footer **********************/
.push{ min-height:370px;}
#mainFoot{min-height:350px; margin-top:20px; background:url('/images/bckgrd_foot.jpg'); padding-top:25px; line-height:1.2; color:#87887f; width:100%; min-width:1000px;}

/*** Foot Column Layout ***/
#footCol1, #footCol2, #footCol3, #footCol4{float:left; display:inline;}
#footCol1, #footCol2{width:215px; margin-right:25px; margin-left:10px;}
#footCol3{width:175px; margin-right:25px;}
#footCol4{width:300px; height:350px; background:url('/images/footCraftSomethingGreat.gif') no-repeat; background-position:0 85px; position:relative;}
#footCol4 #social{margin:7px 0;}
#footCol4 #social a img{margin-right:5px;}
#footCol4 #social img{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
 -webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
}
#footCol4 #social img:hover
{
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

#footCol4 #easter{width:100px; height:128px; position: absolute; bottom:0px; overflow:hidden; margin-left:45px;}
#footCol4 #easter{}
#footCol4 #egg{ width:100px; height:128px; display:block; 
 -webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
transform: translate(0, 50px);
-webkit-transform: translate(0, 50px);
-moz-transform: translate(0, 50px);
-o-transform: translate(0, 50px);
-ms-transform: translate(0, 50px);
}

#footCol4 #easter:hover #egg{
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}


/*** Foot styles ***/
#mainFoot ul{margin:0; padding:0; list-style:none;}
#mainFoot ul li{margin-left:0;}

#mainFoot h3, #mainFoot h3 a, #mainFoot ul li a{font-size:18px; text-transform:uppercase; color:#626451; font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-decoration:none;}
#mainFoot h3 a:hover, #mainFoot ul li a:hover{color:#b86b1e;}
#mainFoot ul ul{ margin:10px 0 15px; padding:0; list-style:none;}
#mainFoot ul ul li{margin:0 0 4px; line-height:1.2; padding:0;}
#mainFoot ul ul li a{text-decoration:none; color:#747660; font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-transform:inherit; font-size:12px;}
#mainFoot ul ul li a:hover{ text-decoration:underline; color:#b86b1e;}

#mainFoot #footContact{margin-top:10px;}



/***************************************** PAGES ******************************************/

/**************** Full Page **************/
#mainContentArea.fullPage{width:1000px;}


/***************** Home Page *****************/
/** Slideshow Area **/
.home #sliderCon{padding:15px; margin:10px 0 5px 0; 
background-color:#ecece2;
background-color:rgba(255, 255, 255, 0.4);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
height:308px;}

.home .meteor-nav a {
    display: block;
    outline: medium none;
    position: absolute;
    text-indent: -9999px;
    width: 49px;
    height: 100%;
    z-index: 998;
}

.home .meteor-slides .meteor-buttons {
    bottom: 5px;
    height: 18px;
    left: 48%;
    margin: 0px;
    padding: 6px 0px 0px;
    position: absolute;
    width: 48%;
    z-index: 999;
	text-align:center;
}


/** Main Column Area **/
#homeMainCol{float:left; display:inline; width:612px; margin-right:15px;}
#homeMainCol .outterBox{ padding:0 0 5px;}
#homeMainCol .innerBox{padding:10px; 
background-color:#fff;
margin:1px 5px 0;
	-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}
#homeMainCol h2{ text-transform:uppercase; color:#ffffff; height:47px; font-size:18px; line-height:47px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; -webkit-text-stroke: 0.25px; padding:0 15px;
background-color:#a56e31;
background-image:url('/images/bckgrd_topBar.jpg');
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;}
#homeMainCol h2 a{color:#ffffff; text-decoration:none;}

/** Feature Promotions section **/
#homeMainCol #featurePromotion.outterBox{padding:5px 0;}
#homeMainCol #featurePromotion .innerBox{
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;}
#homeMainCol #featurePromotion ul{margin:0; padding:0; list-style:none;}
#homeMainCol #featurePromotion ul li{float:left; display:block; margin-right:6px;}
#homeMainCol #featurePromotion ul li.last{margin-right:0;}

/** About Great Ferm section **/
#homeMainCol #aboutGreatFerm h2{background-image:url(images/bckgrd_green.jpg); background-color:#868e60;}
#homeMainCol #aboutGreatFerm .innerBox{padding-top:15px;}
#homeMainCol .innerBox{font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:12px; color:#646653;}
#homeMainCol .innerBox img.alignleft{border:1px solid #acb88b; padding:0; margin:3px 18px 20px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#homeMainCol .innerBox .continue{font-weight:700; font-size:16px;}

/** Products section **/
#homeMainCol #products ul{margin:5px 0 0; padding:0; list-style:none;}
#homeMainCol #products ul li{float:left; display:block; text-align:center; width:142px; margin-right:4px;}
#homeMainCol #products ul li.last{margin-right:0;}
#homeMainCol #products ul li a img{border:1px solid #acb88b;}
#homeMainCol #products ul li a:hover img{border:1px solid #b86c1e;}
#homeMainCol #products ul li .productTitle{background:url(images/productShadow.gif) no-repeat top left; font-size:11px;font-family: 'Amaranth', Arial, Helvetica, sans-serif; color:#93a169; padding:4px 0;}

/***** Side Column Area *****/
#homeSideCol{float:left; display:inline; width:373px;}
#homeSideCol .outterBox{ padding:0 0 5px;}
#homeSideCol .innerBox{padding:15px 10px 10px; 
background-color:#fff;
margin:1px 5px 0;
	-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}
#homeSideCol h2{ text-transform:uppercase; color:#ffffff; height:47px; font-size:18px; line-height:47px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; -webkit-text-stroke: 0.25px; padding:0 15px;
background-color:#a56e31;
background-image: url(images/backgrd_armygreen.jpg);
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;}
#homeSideCol h2 a{color:#ffffff; text-decoration:none;}

/** Recent Blog Post **/
#homeSideCol #homeRecentBlog{font-size:11px;}
#homeSideCol #homeRecentBlog p{margin-bottom:10px;}
#homeSideCol #homeRecentBlog h3{font-size:16px; color:#b86c1e; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400;}
#homeSideCol #homeRecentBlog h3 a{color:#b86c1e; text-decoration:none;}
#homeSideCol #homeRecentBlog h3 a:hover{text-decoration:underline;}
#homeSideCol #homeRecentBlog time{color:#646653; font-size:12px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; padding:0 0 10px; line-height:1.2; display:block;}
#homeSideCol #homeRecentBlog .innerBox a.continue, #homeSideCol #homeUpcomingEvents .innerBox a.continue{font-family: 'Amaranth', Arial, Helvetica, sans-serif; color:#b86c1e; text-decoration:none; font-size:18px; font-weight:400;}
#homeSideCol #homeRecentBlog .innerBox a.continue:hover, #homeSideCol #homeUpcomingEvents .innerBox a.continue:hover{text-decoration:underline;}

/** Upcoming Events **/
#homeSideCol #homeUpcomingEvents .eventItem{}
#homeSideCol #homeUpcomingEvents .eventItem .homeCalDate{display:inline; float:left; width:75px; text-align:right; color:#8d9966; font-size:16px; margin-right:10px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:700; line-height:1.2;}
#homeSideCol #homeUpcomingEvents .homeEventCon{ float:left; display:block; width:258px;}
#homeSideCol #homeUpcomingEvents h3{font-size:16px; color:#b86c1e; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; text-transform:uppercase;}
#homeSideCol #homeUpcomingEvents h3 a{color:#b86c1e; text-decoration:none;}
#homeSideCol #homeUpcomingEvents h3 a:hover{text-decoration:underline;}

/** E-mail Sign up **/
#homeSideCol #homeEnews #mc_signup_form{margin-top:15px;}
#homeSideCol #homeEnews #mc-indicates-required{ width:280px;}
.mc_required{display:none;}
#homeSideCol #homeEnews{ font-size:11px;}
#homeSideCol #homeEnews{padding:0 0 5px;}
#homeSideCol #homeEnews form{font-size: 13px;  font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; margin-top:5px;}
#homeSideCol #homeEnews form label{ color:#4b4d4d; float:left; display:inline; width:108px; font-weight:700; padding-top:2px;}
#homeSideCol #homeEnews form input{float:left; display:inline; width:170px; height:19px; line-height:19px; padding:0 5px; margin:3px 0 4px; border:0 none; background:#ddddc2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#homeSideCol #homeEnews form input[type="submit"]{margin-left:108px; width:110px; background:#b86c1e; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:700; color:#ffffff; text-transform:uppercase; height:18px; line-height:18px; padding:1px 8px 0;}
#homeSideCol #homeEnews form input[type="submit"]:hover{ background:#617267;}

/** E-mail Sign up email-newsletter page**/
#emailSignupPage #mc_signup_form{margin-top:15px;}
#emailSignupPage #mc-indicates-required{ width:280px;}
.mc_required{display:none;}
/*#homeSideCol #homeEnews{ font-size:11px;}*/
#emailSignupPage{padding:0 0 5px;}
#emailSignupPage form{font-size: 13px;  font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; margin-top:5px;}
#emailSignupPage form label{ color:#4b4d4d; float:left; display:inline; width:108px; font-weight:700; padding-top:2px;}
#emailSignupPage form input{float:left; display:inline; width:170px; height:19px; line-height:19px; padding:0 5px; margin:3px 0 4px; border:0 none; background:#ddddc2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#emailSignupPage form input[type="submit"]{margin-left:108px; width:110px; background:#b86c1e; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:700; color:#ffffff; text-transform:uppercase; height:18px; line-height:18px; padding:1px 8px 0;}
#emailSignupPage form input[type="submit"]:hover{ background:#617267;}

/******************** = Calendar Page = *********************/
table.em-calendar.fullcalendar{width:100%;}
table.em-calendar.fullcalendar thead td{ text-align:center; vertical-align:middle;}
table.em-calendar.fullcalendar td ul{list-style:none; margin:0; padding:0;}
table.em-calendar.fullcalendar td ul li{ line-height:1.2; padding-bottom:5px; font-size:11px; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
table.em-calendar.fullcalendar td ul li a{text-decoration:underline;}
table.em-calendar.fullcalendar td{vertical-align:top; font-size:17px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400;}
table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {color:#b86c1e !important;}
table.em-calendar.fullcalendar td a{text-decoration:none; color:#b86c1e;}
table.em-calendar.fullcalendar td a:hover{color:#7f460b !important;}
table.em-calendar.fullcalendar td.month_name{font-size:24px;}
table.em-calendar.fullcalendar td.eventless-today, table.em-calendar.fullcalendar td.eventful-today{background:#E5E5D9;}
img.bump{ margin:0 5px;}


/************************** = Author Page = *********************/
.author #posttitle h1{ font-size:20px;}
.author #author-avatar{float:left; display:inline; width:150px;}
.author #author-description{ float:left; display:inline; width:500px;}
.author #author-avatar .avatar{display:block;}
.author #author-avatar img.avatar {background:#ECECDF; padding:5px; margin-top:5px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

/************************** = Staff Member Page = ***********************/
.staffPhotoFrame{display: block; width:142px; padding:4px; height:160px; border:1px solid #D6D6C5; background:#EBEBDF; float: left; margin: 0 10px 10px 0; position:relative; text-align:center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.photoholder{display: block; width:140px; height:140px; padding:0; border:1px solid #D6D6C5;}
.photoholder img{padding:0; margin:0;}
.staffPicHover{position: relative; top:-140px; z-index:300px; display:none;}
.photoholder:hover .staffPicHover{ display:block;}

/************************** ========== Event Section =============== ***********************/
/****** Calendar and Events Side Nav ******/
.navEvents .innerBox{ background:#fff; margin:0 5px; padding:10px; 
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}

.navEvents .innerBox h3{ font-size:16px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400;}
.navEvents .em-calendar-wrapper{ margin-bottom:3px;}
.navEvents table.em-calendar{ width:100%;}
.navEvents table.em-calendar .eventless-today{background:#E5E5D9;}

.navEvents .innerBox .textwidget{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #E8E8DC; padding-left:10px; font-weight:bold;}

.navEvents .innerBox ul{margin:5px 0 0 5px;}
.navEvents .innerBox li{ list-style:none; padding-bottom:4px;}
.navEvents .innerBox li.all-events-link{font-weight:bold;}

.events-table th{text-align:left; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; text-transform:uppercase;}
.events-table td{border-top:1px solid #E8E7DB; padding-bottom:10px; font-size:12px;} 
.events-table td a{font-size:14px;}

/************************** = Event Overview Page = ***********************/
.eventBox{width:305px; float:left; display:inline; padding-bottom:5px; margin-bottom:15px; margin-right:20px;
background-color:#E6E5D9;
background-color:rgba(230, 229, 217, .5);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}

.eventBox h2{text-transform:uppercase; color:#ffffff; font-size:16px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; padding:10px 15px; -webkit-text-stroke: 0.25px;
background-color:#8D9966;
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}

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

.eventBoxInner{padding:10px; background-color:#fff; margin:1px 5px 0; min-height:150px; height:auto !important; height:150px;
	-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;}

/************************** = Event Single Category = ***********************/
#eventSingleCategory li{list-style:none; font-size:14px; margin-left:2px;}
#eventSingleCategory ul li{ list-style:disc; margin:0; font-size:12px;}


/******************** = Archive Page = *********************/
ul.archive{padding-left:0px; margin-top:0;}
ul.archive ul{margin-top:0;}
ul.archive li.categories{list-style:none; font-size:18px; font-family:'Amaranth',Verdana,Geneva,sans-serif;}
ul.archive li.categories li{font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:13px; list-style:disc;}

/******************** = Customer Suport = *****************/
#supportBoxes{ margin-top:25px;}

/******************** = FAQ = *********************/
.qa-category h3{margin-top:5px;}
.qa-category a{text-decoration:none; color:#8C9872;}
.qa-category a:hover{ text-decoration:underline;}

/********************* Misc WordPress Styles *********************/
h5.question{color:#686A55; margin-bottom:5px;}

.blog #mainContent article, .category #mainContent article, .author #mainContent article{ padding-bottom:25px; background:url(images/blogBtm.gif) repeat-x bottom left; margin-bottom:5px;}


#posttitle h1{margin-bottom:5px; line-height:115%;}

#posttitle a {text-decoration:none;}

#postinfo {color:#8d9966; font-size:12px; padding:0 6px 1px 0; margin:0 0 20px 0;}
#postinfo a{color:#646651; text-decoration:none;}
#postinfo a:hover{text-decoration:underline;}


img.alignleft {float:left; display:inline; margin:5px 15px 15px 0; padding:4px; background:#dad9c5; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
img.alignright {float:right; display:inline; margin:5px 0 15px 15px; padding:4px; background:#dad9c5; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.bordernone, img.bordernone{ padding:0; background: none; 
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


img.alignnone {margin: 0 0 10px 0}
img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px;}

.alignright {float: right; margin: 0 0 5px 15px; display:inline;}
.alignleft {float: left; margin: 0 15px 5px 0; display:inline;}

#paging {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
font-weight:normal;
font-size:18px;
font-family:'Montserrat', Arial, Helvetica, sans-serif;
}

.avatar { display:none;}

.comment{margin-bottom:10px;}
.commentlist li {padding:6px 10px 3px 10px;}
.comment-author {font-weight:bold;}

.comment-meta {
font-size:11px;
margin:0 0 6px 0;
}

.alt {background:#f6f6ef;}

.minHeight400{ min-height:400px; height:auto !important; height:400px;}

#respond h3 {margin:25px 0 10px 0; font-size:24px; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}

.col50{width:50%; float:left; display:inline;}


/********************* FAQ Plugin Styles *********************/
h2.faq-catname {
font-size:14px;
font-family:'Montserrat', Arial, Helvetica, sans-serif;
margin-bottom:5px;
}

h3.qa-faq-title {
font-size:12px;
font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-weight:bold;
margin-bottom:0;
}


/********************* Global Styles *********************/
.marginBtm15{margin-bottom:15px;}

.hide {display:none !important;}
.clearLeft{clear:left;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}