/*
	*** TABLE OF CONTENTS ***
	--------------------------------------------------------------------------	
	Following the name of each section is -n- and a 3 or 4 digit code, for example
	abc, which you can use find next to skip to the next section.
	--------------------------------------------------------------------------
	
	Base = bas
	Modules = mdl
	Primary = prm
	Home Page = hpg
	Media Queries = mdq	
	Plugins -n- plg
	
	Header = hdr
	Content = cnt
	Main = main
	Sidebar = sdb
	Footer = ftr
	Media Queries = mdq

*/

/* ==========================================================================
   Base -n- bse   
   ========================================================================== */
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { font-size: 14px; line-height: 1.4; background: transparent url(../images/body-patt.jpg); color: #505050 }

h1,h2,h3,h4,h5,h6, #blog-categories > ul > li { font-family: 'Merienda One', cursive; color: #b2be3e; font-weight: normal; }

::-moz-selection { background: #06c; color: #fff; text-shadow: none; }
::selection { background: #06c; color: #fff; text-shadow: none; }

#main article { clear: both; margin-bottom: 1em; }
#main article:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.layout-mobile { display: none }

a { color: #4a3117; }
h3 a, h2 a, h1 a { color: #b2bb1c; text-decoration: none; }
a:hover { color: #b2bb1c; }

.error, .alert.error {
  background: #ffabab;
  color: #8f2c2c;
  border: 1px solid #E95151;
}

.button, input[type=submit], .post-edit-link {
	display: inline-block;
	width: auto;
	padding: .2em .5em;
	margin: 0;
	font-size: 1em;
	line-height: 1;
	text-decoration: none;	
	overflow: visible;
	-webkit-border-radius: .7em;
	-moz-border-radius: .7em; 
	border-radius: .7em;
	-webkit-appearance: none;
	background: #ccc;
	background-image: linear-gradient(bottom, rgb(204,204,204) 0%, rgb(235,235,235) 44%, rgb(255,255,255) 79%);
	background-image: -o-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(235,235,235) 44%, rgb(255,255,255) 79%);
	background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(235,235,235) 44%, rgb(255,255,255) 79%);
	background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(235,235,235) 44%, rgb(255,255,255) 79%);
	background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(235,235,235) 44%, rgb(255,255,255) 79%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(204,204,204)),
		color-stop(0.44, rgb(235,235,235)),
		color-stop(0.79, rgb(255,255,255))
	);
	border: 1px solid #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3f3f3f;
	box-shadow: 0 -2px 2px 0 #989898 inset;
	box-shadow: 0 -2px 2px 0 rgba(0,0,0,.38) inset;
}
a.button { padding: .4em .5em; }

a.button.recipes {
    color: #fff;
    background: #827D00;
	background-image: linear-gradient(bottom, rgb(130,126,0) 15%, rgb(176,172,57) 71%, rgb(213,228,93) 99%);
	background-image: -o-linear-gradient(bottom, rgb(130,126,0) 15%, rgb(176,172,57) 71%, rgb(213,228,93) 99%);
	background-image: -moz-linear-gradient(bottom, rgb(130,126,0) 15%, rgb(176,172,57) 71%, rgb(213,228,93) 99%);
	background-image: -webkit-linear-gradient(bottom, rgb(130,126,0) 15%, rgb(176,172,57) 71%, rgb(213,228,93) 99%);
	background-image: -ms-linear-gradient(bottom, rgb(130,126,0) 15%, rgb(176,172,57) 71%, rgb(213,228,93) 99%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.15, rgb(130,126,0)),
		color-stop(0.71, rgb(176,172,57)),
		color-stop(0.99, rgb(213,228,93))
	);
	border-color: #827D00;
	text-shadow: -1px -1px 0 #827D00;
}
a.button.recipes:hover { background: #B2BE3E; border-color: #827D00; text-shadow: 1px 1px 0 #827D00; }

.button:hover, input[type=submit]:hover, .post-edit-link:hover { background: #ccc; color: #000; border-color: #989898; }

div.login-button {
    display:none;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em; 
	border-radius: .25em;
	/*background: #B2BE3E;*/
	margin-bottom: .5em;
	margin-top: -.5em;
	float: right;
	clear: right;
}

div.login-button  a{
  background: #B2BE3E;
  padding: 1px 3px;
  border-radius: .5em;
  color: #fff;
  font-weight: bold;
  font-size: .75em;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 1px 1px 0 solid #827D00;
}

div.login-button  a:hover { background: #827D00; }

.pattern {
  background: transparent url(../images/patt.png);
} 

.throbber {
  width: 100%;
  height: 16px;
  background: transparent url(../images/throbber.gif) no-repeat center center;
}

/* ==========================================================================
   Modules -n- nrm   
   ========================================================================== */

/* ==========================================================================
   Primary Styles -n- prm  
   ========================================================================== */
   
.nav { word-wrap: normal; }

/* ==|== Header hdr -n- ====================================================== */

#header-wrapper {
  border-top: 14px solid #423121;
  background: #3c2c1d url(../images/head-repeat.jpg) repeat-x center top;
}

#header { background: transparent url(../images/head.jpg) no-repeat center top; color: #fff; font-size: 14px; }


/* Holiday Style 
#header { background: transparent url('../images/snowflake-header.png') left top repeat; color: #fff; font-size: 14px; }*/

#header  > .pattern { width: 100%; overflow: hidden }

#header-inner { margin: 4px 0; border-top: 1px solid #524235; border-bottom: 1px solid #524235; min-height: 123px; float: left; width: 100%; }

#header-top-line { float: right; margin-top: .35em; text-align: right; }
#header-top-line .shipping em { display: block; color: #afbc3d; font-style: normal; }

#header-top-line .store-name {
	font-family: 'Merienda One', cursive;
	font-size: 1.5em;
}

#header-top-line a {
	color: #b2bb1c;
	text-decoration: none;
}

#header-top-line a:hover { color: #fff; }

#header-searchform-social { clear: right; float: right; }
ul#social { padding: 0; float: left; }
ul#social li { display: inline; padding-right: .5em; }
#header-searchform { float: right; position: relative; }
#header-searchform .button {
  background: transparent url(../images/search.jpg) no-repeat;
  width: 13px;
  height: 13px;
  padding: 0;
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 6px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
#header-searchform .s {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: .25em .5em;
  padding-right: 21px;
}

a#logo { float: left; margin: 4px 0; }
a#logo .seo { text-indent: -999999px; font-size: 0; }
.ie7 a#logo { margin: 0; text-decoration: none; }
.ie7 a#logo img { margin: 4px 0; }

/* Navigation */
#menu-wrapper { float: left; width: 100%; margin-top: .5em }
#main-nav-wrap { position: relative; z-index: 1000; }
#main-nav-wrap .container, #main-nav-wrap #main-nav { padding: 1px 0; border-top: 1px solid #afafaf; border-bottom: 1px solid #afafaf; }
#main-nav-wrap #main-nav { padding: 2px 0 }
#main-nav-wrap #main-nav { width: 100%; overflow: hidden }
#main-nav .nav { 
  position: relative; 
  left: 0; 
  display: block; 
  float: left; 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
  width: 100%;
  overflow: hidden;
  background: transparent url(../images/patt-menu.jpg);
}
#main-nav .nav > li { display: block; float: left; }
#main-nav .nav > li > a {
	display: block;
	padding: 4px 0 5px;
	color: #515151;
	font-weight: bold;
	position: relative;
}
#main-nav .nav > li > a  > span {
  padding: 3px 12px 3px;
  display: block;
  border-left: 1px solid #d0d0d1;
}
#main-nav .nav > li:first-child > a > span { border-left: 0 }
#main-nav .nav > li > a .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: 8px;
	margin-left: 2px;
	text-indent: -99999px;
	*text-indent: 0;
	vertical-align: top;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	opacity: 0.3;
	filter: alpha(opacity=30);
	content: "\2193";
}
#main-nav .nav > li.shop-btn a{
	padding-right: 4px;
	color: #b2be3e;
}
#main-nav .nav > li.shop-btn a:before{
	display: inline-block;
    content: "";
    position: absolute;
    right: 4px;
    top: 11px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #b2be3e;
}
#main-nav .nav > li > a:hover,
#main-nav .nav > li.dropdown.open > a,
#main-nav .nav > li.current-menu-item > a,
#main-nav .nav > li.current-menu-parent > a,
#main-nav .nav > li.current-menu-ancestor > a {
	color: #b2be3e;
}

#main-nav .nav > li.current-menu-item > a,
#main-nav .nav > li.current-menu-parent > a {
  background: transparent url(../images/menu-active.jpg);
}
#main-nav .nav > li.current-menu-item > a > span,
#main-nav .nav > li.current-menu-parent > a > span {
  border: 0;
}
#main-nav .nav > li > a:hover > .caret,
#main-nav .nav > li.dropdown.open > a > .caret
#main-nav .nav > li.current-menu-item > a > .caret,
#main-nav .nav > li.current-menu-parent > a > .caret,
#main-nav .nav > li.current-menu-ancestor > a > .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}
/* Drop Down */
#main-nav .nav .dropdown { position: relative; }
#main-nav .nav .dropdown-toggle { *margin-bottom: -3px; }
#main-nav .nav .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; }
#main-nav .nav > .dropdown > .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	max-width: 220px;
	_width: 160px;
	padding: 4px 0;
	margin: 1px 0 0 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}
#main-nav .nav > .dropdown > .dropdown-menu:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	position: absolute;
	top: -7px;
	left: 9px;
}
#main-nav .nav > .dropdown > .dropdown-menu:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 10px;
}
#main-nav .nav > .dropdown.open { *z-index: 1000; }
#main-nav .nav > .dropdown.open > .dropdown-menu { display: block; }
#main-nav .nav .dropdown-menu li a {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	color: #555555;
	white-space: nowrap;
}
#main-nav .nav .dropdown-menu li li a { padding-left: 25px; }
#main-nav .nav .dropdown-menu li li li a { padding-left: 35px; }
#main-nav .nav .dropdown-menu li li li li a { padding-left: 45px; }
#main-nav .nav .dropdown-menu li li li li li a { padding-left: 55px; }
#main-nav .nav .open > .dropdown-toggle { }
#main-nav .nav .dropdown-menu li > a:hover { color: #fff; background: #0088cc; }
#main-nav .nav .dropdown-menu li.current-menu-item > a {
	color: #fff;
	background: #8E8E8E;
}

#menu-item-dropdown { 
  padding: .25em; 
  border: 1px solid #ccc; 
  width: 100%; 
}

/* End Navigation */

#utility-nav { position: absolute; top: -95px; right: 0px; }
#utility-nav ul { text-align: right; }
#utility-nav li { display: inline; }
#utility-nav a { padding: 0 8px; color: #06c; }
#utility-nav ul li a:hover,
#utility-nav ul li.current-menu-item a, 
#utility-nav ul li.current-menu-parent a,
#utility-nav ul li.current-menu-ancestor a {
	color: #09c;
}


/* ==|== Content cnt -n- ===================================================== */

#content-wrap { clear:both; margin-top: .5em; padding-top: .5em;}
#content {}

#content > .container { background: transparent url(../images/body-patt.jpg) }
#content > .container > .row { padding: 5px }

#featured-image { 
  max-width: 350px; 
  padding: 5px;
  background: #fff;  
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  float: left;
  margin-right: 1%;
  margin-bottom: 1%;
  box-shadow: 0 0 5px 1px #c6c6c6;
  box-shadow: 0 0 5px 1px rgba(0,0,0,.24);
  -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.24);
  -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.24);
}
#featured-image > a.img-wrap { text-align: center; display: block; }

article.type-video #featured-image { display: none }

#respond { clear: both; }
#commentform textarea#comment { max-width: 100%; width: 97%; }

#edit-post { float: right; margin-top: -3em }

header time { display: block; font-size: .9em; font-style: italic; margin-top: -1em; margin-bottom: 1em; font-style: italic; }
header.comment-author time { margin-left: 34px } 

#blog-archive-wrapper { clear: both; padding-top: 1em; }
#blog-archive-wrapper h1 { font-size: 18px }
#blog-archive-wrapper > h2 {
  background: #2e2217;
  text-align: center;
  padding: .2em 0;
}
#blog-archive-wrapper > h2 > span {
  padding: .4em 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  display: block;
}
.post-pager { 
  background: #EAE9DE; 
  padding: .2em 0; 
  font-family: 'Merienda One',cursive;
  margin-top: -.5em;
  margin-bottom: .5em;
}
.post-pager > div { padding: .5em 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 100%; overflow: hidden;  }
.post-pager > div > div { padding: 0 .5em }
.post-pager .nav-next { float: right; }
.post-pager .nav-previous { float: left }
.post-pager a { color: #423121; text-decoration: none }

#blog-social, .column-small-right { margin-left: 1%; width: 19.3%; text-align: center; float:left; }

#blog-social h1, #blog-social > div { margin-bottom: .2em }

.twitter-feed, .column-small-right { font-size: 12px }
.twitter-feed .head { font-size: 11px; font-weight: bold }
.twitter-feed ul, .column-small-right ul { padding: 0 }
.twitter-feed ul li, .column-small-right ul li, .column-small-right ul li a { list-style: none; padding: 0; margin:0; margin-bottom: .2em; padding-top: .2em; font-size: 12px; color: #7b7876; border-top: 1px solid #dedede }
.column-small-right ul li { padding: .2em 0; margin: .2em 0 }
.column-small-right ul li a { text-decoration: none }
.twitter-feed ul li:first-child, .column-small-right ul li a, .column-small-right ul li:first-child { border-top: 0; padding-top: 0; }

.carousel-wrapper { clear: both }
.carousel ul { padding: 0 }
.carousel ul li { position: relative;  list-style: none; float: left; min-height: 100%; margin: 5px;}
.carousel ul li .carousel-image { max-height: 167px; overflow:hidden }
.carousel ul li .carousel-image a { display: block; text-align: center;}
.carousel ul li .carousel-title {
  background: #2e2217;
  background: rgba(46,34,23,.81);
  padding: .2em 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.carousel ul li .carousel-title a {
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: block;
  padding: 0.4em .2em;
  text-decoration: none;
  font-size: 16px;
  font-family: 'Merienda One',cursive;
}
.carousel { overflow: hidden }

html.js .carousel ul.slides li { display: none }

.carousel-container { padding-left: 2%; padding-right: 2% }

.store #featured-image a {
  display: block;
  height: 200px;
  overflow: hidden;
}

#store-locator-form { margin-bottom: 1em }
#store-locator-form div { display: inline; }
#store-locator-form .form-item-field .form-item-field, #store-locator-form .form-item-field label, #store-locator-form .spacer { padding-left: .5em }
#store-locator-form input[type="submit"] { margin-left: .5em }

#search-by-zip-code .form-item-field  label { color: #a1a1a1;  }

#search-by-zip-code > label, #store-locator-form .spacer {
  color: #B2BE3E;
  font-family: 'Merienda One',cursive;
}

.add-to-any-single { float: right }
.recipe-favorites { position: relative; }
.recipe-favorites a, .recipe-favorites {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}
.recipe-favorites span { display: block; padding-top: 2px }
.recipe-favorites img { position: absolute; left: -1em; top: 0; }
.recipe-favorites a { color: #adadad }
.recipe-favorites a:hover { color: #838383 }
header > .recipe-favorites span.wpfp-span, .recipe-social-wrapper > div { 
  background: #fff;
  border: 1px solid #ccc;
  padding: .5em;
  border-radius: .5em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
}
.recipe-favorites a.wpfp-link {
  margin-top: -2px;
  padding: 2px 0 0;
  padding-right: 20px;
  background: #fff url(../images/favorites.jpg) no-repeat right center;
  display: block;
  font-size: 1.2em;
}
.recipe-social-wrapper .recipe-favorites a.wpfp-link {
  background-position: left center;
  padding-left: 20px;
  padding-right: 0;
}
.recipe-favorites a.wpfp-link.add:hover, .recipe-favorites a.wpfp-link.remove {
  background-position: right -26.5px;
}
.recipe-social-wrapper .recipe-favorites a.wpfp-link.add:hover, .recipe-social-wrapper .recipe-favorites a.wpfp-link.remove {
  background-position: left -26.5px;
}
.recipe-favorites a.wpfp-link.remove:hover, .recipe-favorites a.wpfp-link.add {
  background-position: right 2px;
}
.recipe-social-wrapper .recipe-favorites a.wpfp-link.remove:hover, .recipe-social-wrapper .recipe-favorites a.wpfp-link.add {
  background-position: left 2px;
}
.recipe-favorites { float: right; margin-right: 0; }
.recipe-social-wrapper .recipe-favorites { float: none;}
.recipe-social-wrapper > div { margin-top: .5em }
.recipe-social-wrapper > div:first-child { margin-top: 0 }
.recipe-add-to-any .addtoany_list a { padding: 0 }

#featured-image > div { float: left }
#featured-image .recipe-image-container { max-width: 25% }
#featured-image .recipe-social-wrapper { max-width: 75%; width: 35%\0/IE8+9; max-width: none\0/IE8+9; margin-left: 2% }

.recipe-social-wrapper .button.recipes { display: block; margin-top: .5em; text-align: center; }

.single-recipe #featured-image .recipe-image-container { width: 100%; max-width: none; text-align: center; float: none; }
.single-recipe #featured-image { float: none }
.single-recipe #featured-image .recipe-social-wrapper { float: right; margin-top: 10px; margin-right: -5px;  }

.recipe #featured-image { width: 100%; max-width: none; }

#comments { padding-top: 1em }
#comments > ol.commentlist, #comments > h3 {
  background: #CCCCCC;
  clear: both;
  padding: .5em;
}
#comments > h3 {
  border-radius: .5em .5em 0 0;
  margin: 0;
  color: #3f3f3f;
  text-align: center;
}
ol.commentlist li {
  background: url(../images/body-patt.jpg) repeat scroll 0 0 transparent;
  background: #fff;
  border-top: 1px dashed #ccc;
  list-style: none;
  padding: .5em;
}
ol.commentlist li article { padding: .5em }
#comments > ol > li:first-child { border-top: 0 }
.recipe-social-wrapper { padding: .5em; border: 1px dashed #ccc; background: #fff; margin-top: 5px; }
.recipe-social-wrapper > strong { margin-bottom: 1em; display: block; }

.recipe-social { margin-top: .5em }
.recipe-social:first-child { margin-top: 0 }

#recipe-row-1 { width: 100%; margin-bottom: 1em; }
.add-a-recipe-button {
  display: block;
  text-indent: -999999999px;
  background: transparent url(../images/add-a-recipe.jpg);
  width:94px;
  height: 112px;
  margin: 0 auto;
  line-height: 999px;
  overflow:hidden;
}
.column-small-right-box { color: #7B7876 }
.column-small-right > div { margin-bottom: 1em }

.single-wine-bar-bottom { width: 100%; overflow: hidden; clear: both; border-top: 1px solid #CCCCCC; }
.wine-bar-bottom-content> div {
  float: left;
  border-left: 1px solid #CCCCCC;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
}
.wine-bar-bottom-content > div:first-child { border-left: 0 }
.wine-bar-bottom-content-1 > div { width: 100% }
.wine-bar-bottom-content-2 > div { width: 50% }
.wine-bar-bottom-content-3 > div { width: 33% }
.wine-bar-bottom-content-4 > div { width: 25% }
.wine-bar-bottom-content-5 > div { width: 20% }

.wine-bar-bottom-content .image { margin: 0 1% }

.wine-bar-bottom-content> div > h2.label { 
  background: url("../images/patt-menu.jpg") repeat scroll 0 0 transparent;
  color: #515151;
  padding: 1%;
  margin: 0;
  margin-bottom: 3%;
  font-size: 1.3em;
}

.wine-bar-bottom-content .content { padding: 1% }

.wine-bar-bottom-content> div > h2.label > a {color: #515151; }

#page-banner { margin-bottom: 1em }

/* ==|== Main main -n- ======================================================= */

#outer { background: transparent url(../images/body-band.jpg) repeat-x top; position: relative; overflow: hidden; border-bottom: 13px solid #261c12 }
#_outer { background: transparent url(../images/body-leaves.png) no-repeat center top; border-bottom: 2px solid #fff }
#main {float:right; width: 80%; max-width: 80%}
#main.grid-12 { width: 100%; max-width:100% }
.main-title {}

/* ==|== Sidebar sdb -n- ===================================================== */

#sidebar { margin-right: 2%; margin-left: 0; width: 18%; max-width: 18%;}
#sidebar h3, #blog-categories > ul > li { 
  font-size: 18px;
  border-bottom: 1px solid #ccc;
}

#blog-categories > ul > li { border-bottom: 0 }
#blog-categories > ul > li > ul { border-top: 1px solid #ccc; }

#sidebar li a, #blog-categories > ul > li li { 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #505050;
  text-decoration: none;
}
#sidebar li a:hover, #sidebar li.current-menu-item a { text-decoration: underline; color: #b2be3e }
#sidebar li { list-style: none; color: #505050; padding-left: .5em; margin-bottom: .5em; }
#sidebar li:before { content: "- "; margin-left: -.5em; }
#blog-categories > ul > li  { padding-left: 0 }
#blog-categories > ul > li:before { margin: 0; content: "" }

#sidebar .widget ul { padding-left: 0 }

html.js #sidebar.collapsible .widget ul { display: none }
html.js #sidebar.collapsible .widget.no-collapse ul, html.js #sidebar .widget.open ul { display: block }
html.js #sidebar.collapsible .widget.handle h3 {  
  background: transparent url(../images/handle.png) no-repeat right -35px;
  cursor: pointer;
}
html.js #sidebar.collapsible .widget.handle.open h3 { background-position: right 5px; }

#taxonomy-current-search .cat-item:before { float:left }
#taxonomy-current-search .cat-item a { display: block; position: relative; z-index: 2; }
#taxonomy-current-search .cat-item { width: 100%; position: relative; }
#taxonomy-current-search .cat-item.cat-0 {
  float: right;
  margin-top: -1em;
  width: auto;
  min-width: 3em;
}
#taxonomy-current-search .cat-item.cat-0 a { display: inline }
#taxonomy-current-search .cat-0:before { content: "" }
#taxonomy-current-search .cat-0 a { font-size: .65em; font-weight: bold; text-transform: uppercase }
#taxonomy-current-search .cat-item:hover:before {
  content: "x";
  background: #ccc;
  padding: .5em .25em;
  border-radius: 1em;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.5em;
  line-height: 0;
  z-index: 1;
  font-size: .85em;
}
#taxonomy-current-search .cat-item a:hover {
  color: #505050;
  text-decoration: line-through;
}
#taxonomy-current-search .cat-0:hover:before { content: ""; padding: 0; }
#taxonomy-current-search .cat-0 a:hover { color: #B2BE3E; text-decoration: none }


/* ==|== footer ftr -n- ====================================================== */

#newsletter { background: #2c1f12; min-height: 53px; width: 100%; overflow: hidden; clear: both; padding: 2px 0; }
#newsletter h2 { float: left; color: #fff; font-size: 25px; margin: 0; margin-left: .5em; margin-top: .4em; }
#newsletter div p {color:#FFF; float:left; text-align:right; width:330px; margin:8px 14px 0 0;}
#newsletter div a { background: linear-gradient(to bottom, #C3C747 1%, #B3B738 99%) repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; border: 2px solid #827D00; color: #FFFFFF; float: right; font-size: 1.4em; margin: 0.1em 0 0.5em; padding: 9px 20px; text-shadow: 2px 1px 0 #827D00; border-radius:0.7em; text-decoration:none; width: auto; }
#newsletter-form { float: right; padding-top: .5em; }
#logo-small { float: left }
#newsletter-form input {  margin-left: 1em; }
#newsletter-form input[type="text"] { 
  padding: .5em;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
 
#footer { background: transparent url(../images/patt-foot.png); border-bottom: 28px solid #261c12; padding-bottom: 1em; }

#footer-nav { width: 100%; overflow: hidden }
#footer-nav > ul { 
  text-align: left; 
  margin: 1em 0; 
  float: left; 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  width: 25%;
  padding: 0 4%;
  border-left: 1px solid #ccc;
}
#footer-nav > ul.first { border-left: 0; padding-left: 0 }
#footer-nav > ul.last { border-right: 0; padding-right: 0; }
#footer-nav > ul > li { color: #807e7f; }
#footer-nav > ul > li > a { font-size: 12px; color: #807e7f; font-weight: bold; }
#footer-nav > ul > li > a:hover { text-decoration: underline }
#footer-nav > ul > li:before { content: "- " }
#footer-nav ul ul { display: none; }

#footer-nav ul li a:hover {
	color: #b2bb1c;
}

#copyright {}
#design-by { font-size: .8em; }

/* ==========================================================================
   Home Page -n- hpg
   ========================================================================== */

#home-left { width:66.46%; float: left }
#home-right { width: 32.39%; float: right }

.cta-wrapper { height: 474px; }
.cta-wrapper ul { padding: 0; margin: 0 }
.cta-wrapper ul li {
  list-style: none; 
  margin: 0; 
  padding: .5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #ccc;
  text-align:center;
}
.cta-wrapper ul li:first-child { border-top: 0 }
.cta-left,.cta-right { width: 47%; float: left; margin-left: 3%; }
.cta-left h2 { font-size: 1.3em }
#cta-news { 
  border-top: 1px solid #ccc;
  padding-top: .5em;
  width: 100%;
  overflow: hidden;
}
#right-side-ads {padding: 0; margin: 0 }
#right-side-ads li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 3px;
  margin: 1em 0;
  list-style: none;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 4px solid #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  text-align: center;
}
#home-blog-post {
  width: 100%;
  overflow: hidden;
  margin: 1em 0;
}
#homepage h3 { font-size: 18px;  }
#home-blog-post h3 { margin-bottom: 0; }
#cta-news h2 { font-size: 18px }
#home-blog-post > div { float: left }
.blog-left { 
  width: 27.39%;
  padding: 0 1.8% 0 1.03%;
  margin-right: 1.5%;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.blog-right {
  width: 68.47%;
  color: #505050;
  line-height: 1.78em;
  font-size: 12px;
}
#cta-news > div { float: left }
#cta-news #home-news { width: 47%; margin-left: 2%; padding-left: 2%; border-left: 1px solid #ccc; }
#cta-news .cta-wrapper { width: 48% }
#home-news  h3 a { color: #493017; text-decoration: underline }

#home-news  li {
  margin-bottom: .5em;
  list-style: none;
  margin-left: .5em;
}
#home-news  li:before {
  margin-left: -.5em;
  content: "- ";
}
#home-news  ul { padding: 0; margin: 0 }
#home-news  li a {
  color: #505050;
  font-size: 12px;
  text-decoration: none;
}
#home-news  li a:hover { text-decoration: underline }

#store-information-wrapper { 
  float: right;
  padding: 4px;
  background: #3b2b1c url(../images/address.jpg) no-repeat top right;
}  
#store-information {
  width: 100%;
  overflow: hidden;
  border: 1px solid #524235;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 5%;
  color: #fff;
}

#store-information .store-info-item > strong, #store-information .store-info-subitem > strong, #store-information a { color: #AFBC3D }
#store-information .store-info-item { margin-bottom: .4em }

.store .entry-content { clear: left }

#comments { clear: both }


/* ==========================================================================
   Media Queries -n- mdq   
   ========================================================================== */
   
/*  Desktop
================================================== */
/*@media only screen and (max-width: 979px) {
	#main-nav-wrap { display: block !important; }
}*/
@media screen and (min-width: 980px) {
	.mobile #main-nav-wrap { display: block !important; }
}
.oldie #main-nav-wrap { display: block !important; }

/* ==========================================================================
   Plugins -n- plg  
   ========================================================================== */
   
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

#slideshow {
}
 
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after, .carousel-items:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider, .flex-container, .carousel, .carousel-container {
	position: relative;
	zoom: 1;
}

.flex-container, .twitter-feed, .carousel ul.slides li, #store-locator-form, .box {
	border: 4px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 4px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 4px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px 2px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px 2px rgba(0,0,0,.2);
	background: #fff;
}

.tab-slider-container { float: left; width: 79.63%; }
.tab-slider .flex-container { width: 70.27%; float: left; }
.tab-slider .tab-slider-pager { width: 28%; float:left; }
.tab-slider-pager a { 
  display: block; 
  font-size: 16px;
  color: #4a3117;
  text-decoration: none;
  padding: .8em .2em;
  padding-left: .4em;
  margin: .2em 0;
}
.tab-slider-pager a:hover, .tab-slider-pager .flex-active a { background: #e8e8e8 }
.tab-slider-pager ul { padding: 0 }
.tab-slider-pager li { 
  border-bottom: 1px solid #ccc;
  margin-left: .35em;
  padding: 0;
  list-style: none;
}
.tab-slider-pager li:first-child { border-top: 1px solid #ccc }
.tab-slider > h2 { margin-bottom: 0 }

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides, .carousel-items li {
	zoom: 1;
}

.carousel li {
	margin-right: 5px
}

li .store-cell { width: 100%; overflow: hidden; }
ul#stores { padding: 0; margin-left: -1%; }
ul#stores li { 
  float: left; 
  width: 49%;
  margin-left: 1%;
  margin-bottom: 1%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  list-style:none;
  background: #fff url(../images/patt-foot.png);
  border: 1px solid #ECEBE0;
  position: relative;
}

.store-cell-right {
  float: right;
  width: 32%;
  margin-left: 1%;
  padding: 2%;
}

.store-cell-left {
  float: left;
  width: 59%;
  padding: 2%;
}

ul#stores li a.store-link {
  background: #E9E8DD;
  color: #3A2917;
  text-decoration:none;
  padding: .5em;
  font-family: 'Merienda One', cursive;
  display: block;
  text-align: left;
}

.store-cell-right a.store-link { margin-bottom: 5px }

ul#stores li a.store-link.bottom {
  clear: both;
  display: block;
  background: #B2BE3E;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul#stores li a.store-link:hover{
  background: #85836a;
  color: #fff;
}

article.store h1 { margin-bottom: 0 }
article.store header { margin-bottom: 1em; width: 100%; overflow: hidden; }
article.store #address-line { font-size: 1.1em; display: inline; }

#store-social { float: right; margin-bottom: .5em; }
.store h1.entry-title { clear: left }

#store-social a.button, a.button.directions, #news-promotions-wrapper .heading a {
  background: #B2BE3E;
  background-position: 5px center;
  background-repeat: no-repeat;
  font-family: 'Merienda One', cursive;
  display: inline-block;
  font-size: .9em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#store-social .social-links { width: 100%; overflow: hidden; }
#store-social a.button.fb {
  background-image: url(../images/fb-icon.jpg);
  padding-left: 18px;
}
#store-social a.button.tw {
  background-image: url(../images/tw-icon.jpg);
  padding-left: 28px;
}
a.button.directions {
  color: #B2BE3E;
  background: #2C2015;
  font-size: 1.2em;
  border: 0;
  text-align: center;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin-bottom: .5em;
  margin-top: -1em;
  display: block;
}
a.button.directions:hover { background: #ccc; color: #3F3F3F }

#store-page-left { float: left; width: 32%; margin-right: 2%; }
#store-page-right { float: right; width: 66%; }

.tab-content-wrapper {
  background: #fff;
  border: 1px solid #EEEDE2;
  text-align: center;
  padding: .5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.tabs { position: relative }
.tab-headers { position: relative; display: none }
html.js .tab-headers { display: block }
html.js .tab-content-wrapper .tab-content { display: none }
html.js .tab-content-wrapper .tab-content:first-child { display: block }

a.tab-header {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #EEEDE2;
  border-bottom: 0;
  position: relative;
  padding: 3px 8px;
  background: #fff;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}
a.tab-header:focus { outline: none!important; }

a.tab-header:first-child { border-left: 0; }
.tab-headers, #news-promotions-wrapper .heading  { 
  border-left: 1px solid #EEEDE2;
  position: relative;
  bottom: -1px; 
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}

a.tab-header:hover { background: #EEEDE2; color: #4A3117; }
a.tab-header.active:hover { background: #fff }

a.tab-header.active{
  border-bottom: 1px solid #fff;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.store-block { margin-bottom: 1em }

#news-promotions-wrapper { width: 100%; overflow:hidden; margin-bottom: 1em; }
#news-promotions, #news-promotions-wrapper .heading a { 
  background: #EEEDE2; 
  padding: .5em; 
  /*border: 1px solid #2C2015*/
}
#news-promotions-wrapper .heading { 
  border-color: #2C2015;
  border: 0;
}
#news-promotions-wrapper .heading a {
  border: 0;
  border-bottom: 1px solid #EEEDE2;
  border-left: 0;
  cursor: text;  
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  text-decoration: none;
  font-family: "Arial", Helvetica, sans-serif;
}
#news-promotions-wrapper .heading a:hover { color:#4A3117 }
#news-promotions-wrapper h3 { padding-bottom: .5em; margin-bottom: 0 }
#news-promotions-wrapper .promotion-wrapper { padding: .5em; background: #fff }
#news-promotions-wrapper #other-promotions { padding-top: 0; }
#news-promotions-wrapper #other-promotions .promotion-item {
  border-top: 1px dashed #EEEDE2;
  padding: .5em 0;
}
html.js  #other-promotions { display: none }

.more-link { text-align: center; padding-top: .5em; }
.more-link a {
  font-family: 'Merienda One',cursive;
  text-decoration: none;
  padding-right: 15px;
  position: relative;
}
.more-link a:after {
  display: block;
  border-width: 5px;
  border-style: solid;
  border-color: #4A3117 transparent transparent;
  position: absolute;
  right: 0;
  top: .5em;
  content: '';
}
.more-link a:focus { outline: none!important }
.more-link:hover a:after {
  border-color: #B2BE3E transparent transparent;
}
.promotion-item > h3 {
  color: #4A3117;
  font-size: 1em;
}
#store-page-left .cta-right img { max-width: 150px }
#store-page-left .cta-wrapper {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.store footer { clear: both }

#store-locator-wrapper { clear: both; }
#store-locator-header { float: right; width: 70%; margin-left: -20%; margin-top: 2em; }
#store-locator-header p {
  color: #505050;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
}
#store-locator-map { float: left; width: 50%; }
#california {
  max-width: 362px;
  position: relative;
  margin-bottom: 1em;
}
#california div.pin {
  display: block;
  width: 21px;
  height: 20px;
  background: transparent url(../images/olive-small.png) no-repeat center center;
  position: absolute;
  z-index: 1;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  cursor: pointer;
}
#california div.pin:hover {
  background-color: #EEEDE2;
  box-shadow: 0 1px 1px 0 #cfcfcf;
  box-shadow: -1px 1px 2px 0 rgba(0,0,0,.22);
  -moz-box-shadow: -1px 1px 2px 0 rgba(0,0,0,.22);
  -webkit-box-shadow: -1px 1px 2px 0 rgba(0,0,0,.22);
}
#california div.pin:focus { outline: none!important }
#california div.pin.pin-1 {
  left: 18.01948051948052%;
  top: 38.52941176470588%;
}
#california div.pin.pin-2 {
  left: 27.43506493506494%;
  top: 38.52941176470588%;
}
#california div.pin.pin-3 {
  left: 37.17532467532468%;
  top: 29.41176470588235%;
}
#california div.pin.pin-4 {
  left: 47.07792207792208%;
  top: 50.73529411764706%;
}
#california div.pin.pin-5 {
  left: 40.25974025974026%;
  top: 63.82352941176471%;
}
#california div.pin.pin-6 {
  left: 34.74025974025974%;
  top: 66.32352941176471%;
}
#california div.pin.pin-7 {
  left: 52.5974025974026%;
  top: 76.47058823529412%;
}
#california div.pin.pin-8 {
  left: 58.6038961038961%;
  top: 78.08823529411765%;
}
#california div.pin.pin-9 {
  left: 63.31168831168831%;
  top: 80.73529411764706%;
}
#california div.pin.pin-10 {
  left: 67.20779220779221%;
  top: 84.85294117647059%;
}
#california div.pin.pin-11 {
  left: 73.21428571428571%;
  top: 92.20588235294118%;
}
#california div.pin > div {
  position: absolute;
  border: 3px solid #e7e7e7;
  border-radius: .5em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  min-width: 200px;
  width:100%;
  background: #ccc;
  box-shadow: 0 -3px 5px 0 rgba(0,0,0,0.03) inset;
  -moz-box-shadow: 0 -3px 5px 0 rgba(0,0,0,0.03) inset;
  -webkit-box-shadow: 0 -3px 5px 0 rgba(0,0,0,0.03) inset;
  background: #fff;
  background: rgba(255,255,255,.85);
  z-index: 5;
  padding-bottom: 2em;
  padding: 5px;
  display: none;
  z-index:10;
  text-shadow: 1px 1px 0 #fff;
}
#california div.pin .address { color: #555555; font-size: .9em; margin: .5em 0; }

#california div.pin > div a.title {
  display: block;
  font-family: 'Merienda One', cursive;
  text-decoration: none;
  color: #B2BE3E;
  font-size: 1.1em;
}

#california div.pin > div:before {
  content: "";
  position: absolute;
  border: 8px solid #e7e7e7;
  
  background: transparent;
  border-color: #e7e7e7 transparent transparent;
  left: 0;
  bottom: -16px;
}

.single-store #header-top-line, .single-store #header-searchform-social { display: none }
.single-store #menu-wrapper { display: none }
#store-banner { text-align: center; margin-bottom: 1em; }

/** Print labels */
#print-label-steps {
  counter-reset: steps 0;
}
.print-label-step {
	padding: .5em;
	border-bottom: 1px dashed #ccc;
	position: relative;
	cursor: arrow;
	float: left;
	width: 50%;
	clear: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.print-label-step > h2 { position: relative; text-shadow: 1px 1px 0 #fff; }
.print-label-step:before{
  float: left;
	content: counter(steps);
	counter-increment: steps;
	display: block;
	background: #f5f5f5;
	height: 1.5em;
	width: 1.5em;
	margin-left: -.5em;
	border: .1em solid rgba(0,0,0,.05);
	text-align: center;
	font: italic bold 1em/1.5em Georgia, Serif;
	color: #ccc;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	border-radius: 1.5em;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;    
	margin-right: .5em;
}
.print-label-step:hover:before {
	background-color: #ffd797;
	border-color: rgba(0,0,0,.08);
	border-width: .2em;
	color: #444;
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
#print-label-image { float: right; width: 45%; max-width: 300px; }

/* Direction Nav */
.flex-direction-nav {
*height: 0;
}

.flex-direction-nav a, .carousel-container .carousel-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	display: none\9;
	background: url(../img/flexslider/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}
.flex-direction-nav a:focus { outline: none!important }

.carousel-container .carousel-nav a {
  width: 10px;
  height: 17px;
  margin: -8px 0 0;
  opacity: 1;
  background: url(../images/carousel-nav.jpg) no-repeat 0 0;
}

.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: -36px;
}

.flex-direction-nav .flex-prev {
	left: -36px;
}

.carousel-container .carousel-nav a.flex-next { 
  background-position: -10px 0;
  right: 0 
}
.carousel-container .flex-prev { left: 0 }

.carousel-container .carousel-nav a.flex-disabled { cursor: default }

.recipes-carousel-wrapper > h2 { border-bottom: 1px solid #ccc }

.flexslider:hover .flex-next {
	opacity: 0.8;
	display: block\9;
	right: 5px;
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	display: block\9;
	left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-pager-container-wrapper {
  width: 100%;
  background: #b2be3e;
  bottom: 0;
  padding: 3px 0;
}

.flex-pager-container {
  padding: 3px 0;
  border-top: 1px solid #ced584;
  border-bottom: 1px solid #ced584;
  width: 100%;
  overflow: hidden;
}

.flex-control-nav {
  float: right;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	display: block;
	cursor: pointer;
	color: #3d2c1e;
    padding: 0 8px;
	font-weight: bold;
	border-left: 1px solid #c8d176;
}

.flex-control-paging li:first-child a { border-left: 0 }

.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
  color: #fff;
}

.flex-control-paging li a.flex-active {
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

@media screen and (max-width: 953px) {
  .container { padding-left: 2%; padding-right: 2% }
  #main-nav .nav > li > a  > span { padding-right: 5px; padding-left: 5px }
  #main-nav ul{ padding-left: 2%!important; padding-right: 2%!important }
  #main-nav .nav > li > a  > span { font-size: 13px }
  .tab-slider-pager a { font-size: 15px; padding: .6em .15em; padding-left: .25em; }
  #search-by-zip-code > label, #store-locator-form .spacer { display: block; margin-bottom: .5em; }
  #store-locator-form .spacer {margin-top: .5em; padding-left: 0 }
}

@media screen and (max-width: 860px) {

  .carousel-wrapper .flex-direction-nav li a {
    background: url("../img/flexslider/bg_direction_nav.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    margin: -20px 0 0;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 30px;
  }  
  
	.flex-direction-nav .flex-prev, .carousel-wrapper .flex-direction-nav li a.flex-prev {
		opacity: 1;
		left: 0;
	}

	.flex-direction-nav .flex-next, .carousel-wrapper .flex-direction-nav li a.flex-next  {
		opacity: 1;
		right: 0;
		background-position: 100% 0;
	}
	.carousel-wrapper .flex-direction-nav li a.flex-prev { left: -1em }
	.carousel-wrapper .flex-direction-nav li a.flex-next { right: -1em }
	
  .tab-slider-container { width: 100% }
  .column-small-right { width: 100%; margin: 2% 0 }
    #blog-social { 
	width: 100%; margin: 2% 0;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.2);
	text-align: left;
  }
  #blog-social #blog-social-head{ float: left; width: 23%; text-align: left; }
  #blog-page-slider { position: relative }
  .twitter-feed > img, .twitter-feed > div { margin-bottom: 1% }
  .twitter-feed li { margin-top: 1%; padding-top: 1% }
  #blog-social .twitter-feed {
    background: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	width: 74%;
	margin-left: 1%;
	padding-left: 1%;
	float: right;
	text-align: left;
	border-left: 1px dotted #ccc;
	clear: none;
  }
  
  #store-locator-header { float: none; width: 100%; margin: 0; }
  #store-locator-map { float: none; width: 100%; }
  .carousel ul li .carousel-image {
    max-height: 137px;
  }
  .carousel ul li .carousel-title a { font-size: 12px }
}

@media screen and (max-width: 758px) {
  #sidebar { width: 28%; max-width: 28% }
  #main.grid-8 { width: 70%; max-width: 70% }
  #featured-image { max-width: 100%; float: none }
  #main-nav-wrap #main-nav { border: 0 }
  .carousel ul li .carousel-image {
    max-height: 101px;
  }   
  .carousel ul li .carousel-title a { font-size: 11px }
  #main-nav .nav > li > a  > span { font-size: 12px }
  .single-recipe #featured-image .recipe-social-wrapper { 
    width: 100%; 
	max-width: none; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin:15px 0 10px;
  }
  .single-recipe .entry-content { clear: both }
}

@media screen and (max-width: 705px) {
 #newsletter { text-align: center }
  #newsletter div, #newsletter h2 { float: none; display: inline; text-align: center; }
  #newsletter div p {float:none; margin: 0 20px; width: auto; text-align: center;}
  #newsletter div a { float: none; margin: 0.1em}
  #newsletter #logo-small { display: block }
  .carousel ul li .carousel-title a { font-size: 13px }
  .tab-slider-pager a { font-size: 13px; padding:  0.4em .05em 0.4em 0.1em }
  .tab-slider .flex-container { width: 69.27% }
  #blog-social #blog-social-head { width: 100%; float: none; border-bottom: 1px dotted #ccc; padding-bottom: 1%; margin-bottom: 1%; overflow: hidden; }
  #blog-social h1 { float: left }
  .fb-follow { float: left; margin-left: 3%; margin-top: 2%; }
  #blog-social .twitter-feed {
    width: 100%;
	float: none;
	border: 0;
	padding: 0;
	margin: 0;
  }
  #store-page-left { width: 49% }
  #store-page-right { width: 49% }
   ul#stores { margin-left: 0 }
   ul#stores li { width: 100%; margin-left: 0 }
  .carousel ul li .carousel-image {
    max-height: 90px;
  } 
  .carousel ul li .carousel-title { display: none; }  
  #main-nav .nav > li > a  > span { padding-left: 4px; padding-right: 4px; }
}

@media screen and (max-width: 625px) {
  .top-line-grid.usa { display: none }
  #main-nav .nav { visibility: hidden!important }
  .container { padding-left: 2%!important; padding-right: 2%!important }  
  #home-left { width:100%;}
  #home-right { width: 100%;}
  #homepage #cta-news > div { float: none; margin: 0; padding: 0; border: 0; width: 100%; text-align: center; }
  #homepage #cta-news #home-news {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    list-style: none outside none;
    margin: 1em 0;
    padding: 3px;
    position: relative;
    text-align: center;
  }
  #blog-twitter-head { float: left; margin-right: 2%; margin-bottom: 1% }  
  .carousel ul li .carousel-image {
    max-height: 80px;
  } 
}

@media screen and (max-width: 555px) {
  .top-line-grid { float: none; margin: .5em 0; text-align: right; }
  #header-searchform-social { float: left; clear: left; margin: .5em 0 }
  #header-searchform-social ul { margin: 0 }
  #header-searchform { float: left }
  #edit-post { position: relative; display: none; }
  article header:hover #edit-post, article header:focus #edit-post { display: block }
  .layout-mobile { display: block; }
  .layout-browser { display: none }
  #store-social { float: left }
  .carousel ul li .carousel-image {
    max-height: 70px;
  } 
}

@media screen and (max-width: 475px) {
  #sidebar { width: 100%; max-width: 100% }
  #main.grid-8 { width: 100%; max-width: 100% }
  .top-line-grid.shipping div { display: none }
  a#logo img { max-width: 90% }
  .carousel ul li .carousel-image {
    max-height: 76px;
  } 
  
  .page-template-page-recipes-php #sidebar, .single-recipe #sidebar {
    background: #342619;
    overflow: hidden;
    border-radius: 0 0 .5em .5em;
    -moz-border-radius: 0 0 .5em .5em;
    -webkit-border-radius: 0 0 .5em .5em;
    position: relative;
    padding-bottom: 20px;
	margin-bottom: 1em;	
  }
  .page-template-page-recipes-php #sidebar a, .single-recipe #sidebar a { color: #fff }
  .page-template-page-recipes-php #sidebar > article > h2, .single-recipe #sidebar > article > h2 { text-align: center;}
  .page-template-page-recipes-php #sidebar > article, .single-recipe #sidebar > article { display: none; padding: 7px; }
  .page-template-page-recipes-php #sidebar > article:first-child, .single-recipe #sidebar > article:first-child,
  .page-template-page-recipes-php #sidebar:focus > article, .single-recipe #sidebar:focus > article,
  .page-template-page-recipes-php #sidebar:hover > article, .single-recipe #sidebar:hover > article,
  .page-template-page-recipes-php #sidebar:active > article, .single-recipe #sidebar:active > article { display: block }
  .page-template-page-recipes-php #sidebar:before, .single-recipe #sidebar:before {
    content: "";
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #B2BE3E transparent transparent;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -10px;
  }

  .page-template-page-recipes-php #sidebar:after, .single-recipe #sidebar:after {
    content: "";
    border-width: 5px;
    border-style: solid;
    border-color: #342619 transparent transparent;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -5px;
  }
  .tab-slider .tab-slider-pager { display: none }
  .tab-slider .flex-container { width: 100% }
  #footer-nav > ul { width: 50%; margin-top: 0; margin-bottom: 0; }
  #footer-nav > ul.nav.odd { padding-left: 0; border-left: 0 }
  #footer-nav { padding: 1em 0 }
  #newsletter-form input { display: block; margin: 0 auto .5em; }
}
@media screen and (max-width: 400px) { 
	a#logo {float:none;}  
	a#logo img { max-width: 100% }  
  #header-top-line { text-align:center; margin-top:20px; width:100%; }
  #header-inner {text-align:center;}
  ul#social { float: right }
  #header-searchform { width: 100%; float: none }
  #header-searchform input[type="text"] { width: 100%; margin: .5em 0 }
  #header-searchform-social { clear: none; float: none }
  #header-searchform .button { display: none }
  .blog-left { display: none }
  .blog-right { width: 100%; text-align: center; }
}
 
.address-item {
  margin: 0.5em 0;
}

.social-icons {
  display: flex;
  justify-content: flex-end;
  margin: 0.5em 0;
}

.social-icons .social-icon {
  margin: 0 0.25em;
}

@media only screen and (max-width: 750px) {
.social-icons {  
  justify-content: center;
  
}
}