/*

Theme Name: Country Hearth - Village Hearth

Theme URI: http://www.countryhearthbreads.com

Author: Thelen Advertising

Author URI: http://www.thelenideas.com

Version: 1.0

*/
/* CSS Document */

/* BODY */



a {
  color: inherit;
}
p {
  color: #666;
  font: 1em 'StRydeRegular';
}

strong {
  font-family:'StRyde-Bold';
  font-weight: normal;
}

h1 {
  font-size: 1.8em;
  line-height: 1.2em;
  font-family: 'Noto Serif', serif;
  color: #666;
  padding-top: 20px;
}
h2 {
  font: 1.7em 'StRyde-Bold';
  color: #3189BA;
  margin: 25px 0 0 0px;
}
h3 {
  font: 1.4em 'StRyde-Bold';
  color: #3189BA;
}
input {
  border-radius: 0px;
}
.last {
  border: 0px;
}
#landscape {
  /* background-image: url(images/bg-home.jpg); */
  background-image: url(images/blue-grad.jpg);
  /* background-repeat: no-repeat; */
	background-repeat: repeat-x;
  /* background-position: center -30px; */
  margin: 0;
  padding-left: 0px;
  padding-right: 0px;
}
#landscape.interior-shift {
  /* background: url(images/home-interior.jpg) no-repeat; */
 background: url(images/blue-grad-interior.jpg) no-repeat;
	background-repeat: repeat-x;

  /* background-position: center 22px; /* was -40 */ */
}
.fade-element-in {
  opacity: .8;
  transition: opacity .25s ease-in;
  -moz-transition: opacity .25s ease-in;
  -webkit-transition: opacity .25s ease-in;
}
.fade-element-in:hover {
  opacity: 1;
}
.fade-element-out {
  opacity: 1;
  transition: opacity .25s ease-out;
  -moz-transition: opacity .25s ease-out;
  -webkit-transition: opacity .25s ease-out;
}
.fade-element-out:hover {
  opacity: .8;
}
a:hover, a:active, a:focus {
  outline: 0;
  border: 0;
}

.float-right {float: right;
}

.alignright {
	float: right;
	margin: 0 0 30px 30px;
}

.img-right {
	float: right;
	margin: 0 0 30px 30px;
}


/* UTILITY NAV */



#util-nav {
  height: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4px;
}
#util-nav img {
  margin: 0 5px;
}
#util-nav a {
  text-decoration: none;
  font: .8em 'StRydeRegular';
  letter-spacing: 1px;
}
/* BRICK BAR */



#brick-bar {
  background-image: url(images/brick.jpg);
  background-repeat: repeat-x;
  height: 21px;
  width: 100%;
  /* margin-top: 30px /* 10px */;
  /* background-color: white; */

  z-index: 90;
  position: relative;
}
/* NAVIGATION */



#nav-wrapper {
  position: relative;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  float: inherit;
  z-index: 80;
}
nav {
  /* display: inline-block; */

  width: 90.35087%; /* 1030px / 1140px = .9035087 */
  padding: 0px;
  margin-right: auto;
  margin-left: auto;
}
#nav-wrapper-mobile {
  color: red;
  font-size: 4em;
}
nav ul {
  position: relative;
  margin-top: -10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 95;
}
nav ul li {
  display: inline-block;
  text-align: center;
  margin: 0px;
  font: 1em StRydeRegular;/* z-index: 99; */

}
nav ul li.menu-item-has-children{
  position:relative; 
}
nav ul li a {
  color: #b49759; 
  /* background-color: #CCC; */
  padding: 14px 0;
  display: block;
  width: 100%;
  text-decoration: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
}
nav ul li a:hover {
  background-color: #CCC;
  color: white;
  text-decoration: none;
}
/* --------- SUBNAV ----------- */



nav li ul {
  position: absolute;
  padding: 0;
  width: 210px;
  background-color: #eaeaea;
  float: left;
  margin: 0;
  left: -1999px;
  -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.54);
  -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.54);
  box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.54);
}
nav li.about ul {
  width: 150px;
}
nav li:hover ul {
  left: -60px;/* z-index: 50; */



}
nav li.about:hover ul {
  left: -30px;
}
nav li ul li {
  display: block;
  text-align: center; /* was left */
  /* transform: rotate(-2deg);

	-ms-transform:rotate(-2deg); /* IE 9 */

  -webkit-transform: rotate(-2deg); /* Safari and Chrome */
}
nav li ul a {
  width: 210px;
  font-family: 'Noto Serif', serif;
  font-size: .85em;
  text-align: center;
  text-decoration: none;
  color: #4c4c4c;
  padding: 8px 0px 8px 0px; /* was 80px on left */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
nav li.about ul a {
  width: 150px;
}
nav li ul a:hover {
  background-color: #fff;
  color: #4c4c4c;
}
.sub-shift a {
  width: 130px;
  padding-left: 80px;
  text-align: left;
}
/* ------- ICONS ---------- */



.nav-buns, .nav-buns a:hover, .nav-slender-rounds, .nav-slender-rounds a:hover, .nav-rolls, .nav-rolls a:hover, .nav-muffins, .nav-muffins a:hover, .nav-bagels, .nav-bagels a:hover, .nav-croutons, .nav-croutons a:hover, .nav-tortillas, .nav-tortillas a:hover {
  background-repeat: no-repeat;
  background-position: left 16px top 3px;
}
.nav-breads, .nav-breads a:hover {
  background-image: url(images/icon-bread.png);
  background-repeat: no-repeat;
  background-position: left 16px top 12px;
}
.nav-breads a {
  padding-top: 20px;
}
.nav-buns, .nav-buns a:hover {
  background-image: url(images/icon-buns.png);
}
.nav-slender-rounds, .nav-slender-rounds a:hover {
  background-image: url(images/icon-rounds.png);
}
.nav-rolls, .nav-rolls a:hover {
  background-image: url(images/icon-rolls.png);
}
.nav-muffins, .nav-muffins a:hover {
  background-image: url(images/icon-muffins.png);
}
.nav-bagels, .nav-bagels a:hover {
  background-image: url(images/icon-bagels.png);
}
.nav-croutons a {
  padding-bottom: 20px;
}
.nav-croutons, .nav-croutons a:hover {
  background-image: url(images/icon-croutons.png);
}

.nav-tortillas, .nav-tortillas a:hover {
  background-image: url(images/icon-tortillas.png);
}
/* All widths shortened by 1 px actual for IE flow issues */



/* displays on front page only, makes up for centered logos on all other pages */

.spacer {
  /* width: 31.16464%; /* 291px / 1030 = .2825242 */ 

  width: 14%; /* 291px / 1030 = .2825242 NUmbers arent right */
  height: 40px; /* was 120px */
  visibility: hidden;
}
nav.interior li.spacer {
  display: none;
}
nav.interior ul {
/* padding-left: 5.88697%; /* 75px / 1274 = .0588697 */ 

	/* padding-left: 3%; /* 75px / 1274 = .0588697 Numbers are not correct here */ 

}

.products-nav {
  width: 11.74757%; /* 121px / 1030 = .1174757 */
  transform: rotate(2deg);
  -ms-transform: rotate(2deg); /* IE 9 */
  -webkit-transform: rotate(2deg); /* Safari and Chrome */
  background: #fff;
}

.buy {
  width: 12.52427%; /* 129px / 1030 = .1252427 */
  transform: rotate(-4deg);
  -ms-transform: rotate(-4deg); /* IE 9 */
  -webkit-transform: rotate(-4deg); /* Safari and Chrome */
  background: #fff;
}
.menu-item-162 {
  width: 10.48543%; /* 108px / 1030 = .1048543 */
  transform: rotate(7deg);
  -ms-transform: rotate(7deg); /* IE 9 */
  -webkit-transform: rotate(7deg); /* Safari and Chrome */
  background: #fff;
}
.logos {
  /* width: 31.16464%; /* 291px / 1030 = .2825242 */ 

  width: 28%; /* 291px / 1030 = .2825242 */
  height: 116px;
  background-image: url(images/twin-logos.png);
  /* background-attachment:fixed; */

  background-position: 25px 20px;
  background-repeat: no-repeat;
  background-size: 80%;
}
.logos a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-top: 14px;
  padding-bottom: 38px;
  opacity: 0;
  filter: alpha(opacity=00); /* For IE8 and earlier */
}
.logos a:hover {
  background-color: transparent;
  cursor: pointer;
}
nav.interior li.logos a {
  color: white;
}
nav li.logos {
  display: none;
}
nav.interior li.logos {
  display: inline-block;
}
.coupons {
  width: 12.233%; /* 128px / 1030 = .12233 */
  transform: rotate(-4deg);
  -ms-transform: rotate(-4deg); /* IE 9 */
  -webkit-transform: rotate(-4deg); /* Safari and Chrome */
  background: #fff;
}
.nutrition {
  width: 11.65048%; /* 120px / 1030 = .11650418 */
  transform: rotate(-7deg);
  -ms-transform: rotate(-7deg); /* IE 9 */
  -webkit-transform: rotate(-7deg); /* Safari and Chrome */
  background: #fff;
}
.about {
  width: 9.32038%; /* 96px / 1030 = .0932038*/
  transform: rotate(10deg);
  -ms-transform: rotate(10deg); /* IE 9 */
  -webkit-transform: rotate(10deg); /* Safari and Chrome */
  background: #fff;
}
#logos {
  text-align: center;
  margin-bottom: 18px; /* was -45px or 25px*/
  margin-top: 7px;/* border: yellow solid 1px; */

	

}
/* ---------------- PHONE NAV ------------------- */



#clickmenu {
  position: relative;
  width: 110px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
  /* background-color:#fff; */

  padding: 14px 0;
  font: 1.5em StRydeRegular;
  text-align: center;
  transform: rotate(-4deg);
  -ms-transform: rotate(-4deg); /* IE 9 */
  -webkit-transform: rotate(-4deg); /* Safari and Chrome */
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
  z-index: 99;
}
.phone-menu {
  position: relative;
	/* float: left; */
	padding: 0px ;
	margin: 0px;
  background-color: transparent;
  z-index: 389;
}
.phone-menu ul {
  position: absolute;
  padding: 0px;
  margin-left: 5%;
  margin-right: 5%;
  /* margin-top: -15px; */
  width: 90%;
  text-align: center;
  background-color: white;
}

.phone-menu li {
  list-style: none;
  padding: 0px;
  margin: 3px 0px;
  width: 100% !important;
  text-align: center;
}


.phone-menu li a {
  width: 100%;
  background-color: #eaeaea;
  font-family: 'Noto Serif', serif;
  font-size: .85em;
  text-decoration: none;
  color: #4c4c4c;
  margin: 0px;
  display: block;
  border: solid #888888 1px;
  padding: 10px 0;
}
.phone-menu a:hover {
  background-color: white;
}
.phone-menu li ul {
  text-align: center;
  position: relative;
}
.phone-menu li li {
  display: block
}

#mobile-menu ul.sub-menu li a {
  padding-right: 5%;
  padding-left: 5%;
  margin-left: -5%;
}
#mobile-menu ul.sub-menu li a {
  padding-right: 5%;
  padding-left: 5%;
  margin-left: -5%;
}

#menu-item-777 a {
  background-image: url(images/mobile-arrow.png);
  background-repeat: no-repeat;
  background-position: right;
}
#menu-item-777 ul a {
  background-image: none;
  background-color: #888;
  color: #ffffff;
}
#menu-item-777 ul a:hover {
  color: #666;
  background-color: #fff;
}

#mobile-menu .products-nav, #mobile-menu .buy, #mobile-menu .menu-item-162, #mobile-menu .nutrition, #mobile-menu .coupons, #mobile-menu .about {
	transform: none;
	margin-bottom: 10px;
}

/*  HOMEPAGE SLIDER */



#s4 {
  background-image: url(images/cards-new.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 380px;
  width: 100%;
  color: #4D4D4D;
  position: relative;
  z-index: 0;
}
#s4 h1 {
  text-align: center;
  margin-top: 80px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font: normal 1.92em 'Noto Serif', serif;
}
.learn-more {
  background: #FFF797;
  border: 2px solid #666;
  width: 125px;
  text-align: center;
  margin: 0 auto;
  padding: 15px;
  display: block;
  font: 1em 'StRyde-Bold';
  color: #666;
}
#s4 a {
  text-decoration: none;
}
.learn-more:hover {
  background: #666;
  color: white;
}
#s4 p {
  text-align: center;
  font: 1em 'StRydeRegular';
}
#desktop-slider {
  width: 100%;
  margin-top: -10px;
}
.slider-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 355px;
}
#stores-slide {
  background-image: url(images/stores-card.png);
}

#coloring-slide {
  background-image: url(images/coloring-book-card.png);
}

#stores1 {
  width: 50%;
  float: right;
  margin-right: 10%;
}

#coloring1 {
  width: 50%;
  float: right;
  margin-right: 10%;
}

#love-bread-slide {
  background-image: url(images/love-bread-card.png);
}

#bestie-slide {
  background-image: url(images/loafyland-card.png); 
}

#hdys-bath-slide {
  background-image: url(images/bath-card.png);
}

#jakey-slide {
  background-image: url(images/jakey-card.png);
}

#renewable-energy {
  background-image: url(images/100-green-card.png);
}

#holiday-greetings {
  background-image: url(images/holiday-greetings-card.png);
}

#love-bread {
	width: 85%;
	margin-left: 15%;
	margin-top: 50px;
}


#ptg-slide {
  background-image: url(images/ptg-card.png);
}

#ptg {
  width: 32%;
  margin-left: 15%;
  float: left;
}

#hdys-slide {
  background-image: url(images/hdys-card.png);
}

#hdys {
  width: 32%;
  margin-left: 15%;
  float: left;
}

#hdys p, #hdys h1 {
	color: white;
}

#bestie {
	width: 85%;
	margin-left: 15%;
	margin-top: 50px;
}


#sweeps-slide {
  background-image: url(images/sweeps-2018-card.png);
}

.sweeps-mobile {
	margin: 30px 0;
	outline: 5px solid white;
}

#sweeps1 {
  width: 35%;
  float: left;
  margin-left: 10%;
}

#sweeps2 {
	width: 29%;
	float: left;
}

#sweeps-slide .learn-more {
	position: relative;
  	float: right;
	margin: 185px 165px 0 0;
	
}

	.sweeps-home-box {
		margin-bottom: 20px;

		/* visibility: hidden; */
		display: none;
	} 


#l4l-slide {
  background-image: url(images/l4l-card.png);
}
#l4l1 {
  width: 32%;
  margin-left: 15%;
  float: left;
}
#l4l p {
  width: 100%;
}
#l4l1 h1 {
  margin-right: -12%;
}
#recipes-slide {
  background-image: url(images/recipes-card.png);
}
#recipes-slide h1 {
  margin-top: 55px;
}
#recipes-slide-wrapper {
  margin-left: 16.5%;
  margin-right: 17.5%;
}
.recipes-slide-cat {
  width: 17.6%;
  margin-right: 3%;
  float: left;
}

.last {
	margin-right: 0%;
}
.recipes-slide-cat a {
  text-decoration: none;
}
.recipes-slide-cat img:hover {
  outline: 2px solid #666;
}
.recipes-slide-cat img {
  margin: 0 0 10px 0;
}
.recipes .last {
  margin-right: 0%;
}
#holes-slide {
  background-image: url(images/coupon-slide.png); /* holes-card.png */

}

#loafy-sweeps {
  background-image: url(images/2024-sweeps-card.png);
}

#loafy-slide {
  background-image: url(images/bath-card.png);
}
#holes1 {
  width: 37%;
  margin-left: 10%;
  float: left;
}
#holes1 h1 {
  margin-right: -5%;
}
#coupons-slide {
  background-image: url(images/coupon-card.png);

}
#coupons-slide h1 {
  margin-top: 65px;
}

.coupon-wrapper {
  max-width: 850px;
  margin: auto;
  text-align: center;
}

#save55 {
  max-width: 100%;
  float: left;
  text-align: left;
  margin-right: 3%;
}
/* Slider Navigation */

#slideshow-nav {
}
#slideshow-nav ul {
  list-style-type: none;
}
#slideshow-nav ul li a {
  text-decoration: none;
}
#slideshow-bg {
}
#slideshow-nav-container-before {
  background-color: white;
  border: 1px solid #808080;
  margin-top: -80px;
  padding: 5% 0 2% 0;
  border-radius: 50% 50% 0 0;
  border-bottom-left-radius: 100px 200px;
  border-bottom-right-radius: 100px 200px;
}
#slideshow-nav-container {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
}
/* Slider Icons */

.row-fluid-5 {
  width: 100%;
 *zoom: 1;
}
.row-fluid-5:before, .row-fluid-5:after {
  display: table;
  line-height: 0;
  content: "";
}
.row-fluid-5:after {
  clear: both;
}
.row-fluid-5 [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 1.875%;
 *margin-left: 1.875%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row-fluid-5 .controls-row [class*="span"] + [class*="span"] {
  margin-left: 1.875%;
}
.row-fluid-5 [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid-5 .span2 {
  width: 15%; /* FOR SIX ITEMS ACROSS */
  *width: 15%;
  /* width: 18.5%; FOR 5 ITEMS ACROSS /*
 /* *width: 18.5%; */
  margin-top: -50px;
}
.activeLI {
  -webkit-transition: width .5s ease-in;
  outline: 0;
}
li {
}
.activeLI img {
  opacity: 1;
  width: 100%;
  transition: width .5s ease-in-out;
  -moz-transition: width .5s ease-in-out;
  -webkit-transition: width .5s ease-in-out;
  outline: 0;
}
#slideshow-nav li img {
  width: 95%;
  opacity: .85;
}
h2.icon-title {
  text-align: center;
  font: 1em StRydeRegular;
  color: #808080;
  margin-top: 5px;
}
/* CONTENT */


/* ===================  100% Renewable Tag ================ */

#renewable-tag {
	position: fixed;
	width: 150px;
	left: 10%;
	top: 10%;
}


#content-below {
  margin-top: 50px;
}

/* ============== New Content Below Content ================== */

#l4l-home {
  background-color: white;
  margin-bottom: 35px;
  display: inline-block;
}

#coupon-home {
  background-color: white;
  text-align: center;
  display: inline-block;
  margin-bottom: 35px;
}


/* ================= PREVIOUS CONTENT BELOW ============= */
#recipe-home {
  outline: 5px solid #318ebf;
  background-color: white;
  margin-bottom: 35px;
  display: inline-block;
}
.recipe-photo {
  width: 50%;
  float: left;
  overflow: hidden;
  height: 150px;
}
.recipe-photo img {
  max-width: 600px;
  margin: -30px 0 0 -200px;
}
.recipe-photo-sidebar {
  width: 100%;
  float: left;
  overflow: hidden;
}
.recipe-photo-sidebar img {
  max-width: 600px;
  margin-left: -150px;
	margin-bottom: 25px;
}
.recipe-info {
 /* width: 35%;*/
  float: left;
  width: 40%;
  margin-left: 5%;
  margin-top: -5px;
  margin-top: 2%;
}

.recipe-info-sidebar {
	width: 90%;
	float: none;
	margin: 5%;
	padding-top: 10px;
}

.recipe-info h1 {
  padding-top: 0px;
}
#recipe-interior {
  outline: 5px solid #318ebf;
  background-color: white;
  margin-bottom: 35px;
  display: inline-block;
}

.righty {
	/* float: right; */
	position: absolute;
	right: 0px;
}

#featured-product h1 {
  margin-top: 0px;
  padding-top: 10px;
  margin-bottom: 10px;

}

.recipe-info-sidebar h1 {
	margin: 20px 0 0 0;
  	font-family: 'StRydeRegular', sans-serif;
	color: #318EBF;
}
/* ---Recipe Ingredients---- */





#checkboxes ul {
  margin: 0;
  list-style: none;
}

#checkboxes ul li {
	list-style: none;
}

/* ---END Recipe Ingredients---- */





.view {
  background: #BE0020;
  width: 40%;
  color: white;
  text-align: center;
  padding: 5px;
  margin: 0 0 15px 0;
  font: .85em 'StRydeRegular';
}
.view:hover {
  background: #870C17;
  cursor: pointer;
}
.recipe-info p {
  color: #666;
  font: 1em 'StRydeRegular';
  margin: -10px 0 10px 0;
}
.recipe-info h1 {
  color: #318ebf;
  font: 1.5em 'StRydeRegular';
  margin: 10px 0 10px 0;
}
span.bold {
  font-family: 'StRyde-Bold';
}
#featured-product {
  outline: 5px solid #699e36;
  background-color: white;
  text-align: center;
  display: inline-block;
  margin-bottom: 5px;
}
#featured-photo {
  width: 45%;
  float: left;
}

#featured-photo img {

}
#featured-photo-sidebar {
  width: 40%;
  float: left;
  overflow: hidden;
}
#featured-photo-sidebar img {
}
#featured-info {
  width: 55%;
  float: left;
  margin-top: 2%;
}
#featured-info-sidebar {
  width: 50%;
  float: left;
  margin-left: 5%;
  margin-right: 5%;
}
#featured-info-sidebar .view {
  margin-bottom: 25px;
}
#featured-product h1 {
  color: #699e36;
  font: 1.5em 'StRydeRegular';
  text-align: left;
}
#featured-product p {
  color: #666;
  font: 1em 'StRydeRegular';
  text-align: left;
}
.placeholder {
  visibility: hidden;
}
/*  RECIPE CENTER */


#recipe-header {
  width: 100%;
  color: #666;
  padding: 20px 0;
  margin: 65px 0 70px 0;
}
#recipe-header.row-fluid {
  margin-right: 0 auto;
  margin-left: 0 auto;
}
#recipe-header h1 {
  font: 2em 'Noto Serif', serif;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
}
#recipe-header1 {
  width: 58%; /* Change back to this when blog goes live  */
	float: left; 
	margin-right: 5%;
	margin-left: 2%;
  /* margin-bottom: 50px; */
  width: 100%;
}
#recipe-header2 {
  width: 35%;
  float: left;
  height: 170px;
  background-color: #FFF797;
  border-bottom: 2px solid white;
}
.recipe-box {
  position: relative;
  width: 20.5%;
  /* height:100px; */

  margin: 2%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.recipe-box img {
}
.recipe-box h4 {
  font: .85em 'Noto Serif';
}
.recipe-thumb {
  border: solid 3px #318ebf;
}
a.selected {
  background: #666;
  color: white;
}
/*--------------- RECIPE PAGE SPECIFIC ---------------- */



img.print-img {
	cursor: pointer;
	/* display: none; */
}
h3.recipetitle {
  text-align: center;
  color: #666;
  padding-top: 10px;
  font-size: 1.2em;
}
#recipe-nav {
  width: 65%; /* was 60% */
  position: relative;
  float: left;
  margin-bottom: 50px;
}
#recipe-nav ul li a {
  text-decoration: none;
}
#recipe-checkboxes {
	padding-bottom: 25px;
}
#recipe-checkboxes ul {
  margin: 0 0 0 20px;
  list-style: none;
  color: #666666;
  font: 1em 'StRydeRegular';
}
li.bottom {
  margin-bottom: 15px;
}
#recipe-nav ul {
  position: relative;
  margin-top: -10px;
  width: 100%;
  /* text-align: center; */

  margin: 0 auto;
  z-index: 1;
}
#recipe-nav li {
  display: inline-block;
  text-align: center;
  margin: 0px;
  float: right;
  font: 1em StRydeRegular;/* padding-top: 15px; */

}
#recipe-nav ul li {
  min-height: 30px;
  margin: 0;
}
#recipe-nav ul li a {

	/* margin:0px; */

	color: #b49759; 
	background-color:#CCC;
  padding: 8px 7px;
  margin: 5px;
  display: block;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
}
#recipe-nav ul li a:hover {
  background-color: #CCC;
  color: white;
}
#holly-logo {
  margin-left: -62px;
  float: left;
  margin-right: 5%;
}
#blog-feed {
  float: left;
}
#blog-feed h1 {
  font: 1.2em 'StRyde-Bold';
  color: #318EBF;
}
.recipe1 {
  width: 50%;
  float: left;
}
.recipe2 {
  width: 45%;
  float: left;
  margin-left: 5%;
}

.recipe1 strong {
	display: block;
	margin: 5px 0;
}

.recipe-links {
  width: 100%;
  float: right;
  text-align: right;
	padding-right: 55px;
}
#pinit {
  padding-top: 17px;
  padding-left: 10px;
  float: right;
}
.recipe-page-photo {
  width: 100%;
  float: right;
  text-align: right;
  height: 250px;
}

.recipe-page-photo img {
	border: 2px solid #666;

}
/* ------- PRINT PAGE PLUGIN STYLING --------- */
p.wpf_wrapper {
	position: absolute;
	right: 0px;
	}

a.print_link {
	width: 44px;
	height: 57px;
	display: block;
	background-image: url(images/print-link.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	}

/* RECIPE SEARCH */

#recipe-form {
  margin-left: 2%;
  margin-top: 5px;
  float: left;
  color: white;
}
#searchform {
  height: 34px;
  width: 100%;
  display: inline-block;
  border: 1px solid #666;/* overflow: hidden; */

}
input.inlineSearch {
  font: 1em StRydeRegular;
  color: #888888;
  width: 60%;
  height: 34px;
  border: 0px;
  padding: 0 10px;
  background-color: #fff;
}
#searchsubmit {
  display: inline;
  font: 1em StRydeRegular;
  font-weight: bold;
  height: 34px;
  line-height: 34px;
  width: 50px;
  color: #fff;
  background-color: #7aab45;
  border: none;
  float: right;
}
/* --------- FAQ ------- */

#faq-header {
  background: url(images/recipe-bg.png) repeat-x;
  width: 100%;
  height: auto;
  box-shadow: 0px 3px 3px #666;
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  color: #666;
  margin: 35px 0 50px 0;
}
/*

h1.faqs {

	font: 1.7em 'StRyde-Bold';

	color: #3189BA;

	margin: 25px 0 0 0px;

	text-align: center;



}



h2.faqs{

	font: 1.2em 'StRyde-Bold';

	color: #3189BA;

	width: 95%;

}



h3.faqs {

	font: 1.5em 'StRydeRegular';

	color: #666;

}



p.faqs {

	font: 1em 'StRydeRegular';

	color: #666;

	margin-bottom: 35px;

}







*/

img.holey-bread {
  display: inline;
}
.holes-image {
  background: url(images/holes-bread.png) no-repeat;
  background-position: 50% 100%;
  background-size: contain;
  height: 265px;
  position: relative;
  bottom: 0;
}
/* DROP SHADOWS */



.drop-shadow {
  position: relative;
  float: left;
  width: 100%;
  padding: 1em;
  margin: 2em 10px 4em;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,  .drop-shadow:after {
  content: "";
  position: absolute;
  z-index: -2;
}
.perspective:before {
  left: 110px;
  bottom: 5px;
  width: 50%;
  height: 30%;
  max-width: 200px;
  max-height: 60px;
  -webkit-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  -webkit-transform: skew(50deg);
  -moz-transform: skew(50deg);
  -ms-transform: skew(50deg);
  -o-transform: skew(50deg);
  transform: skew(50deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.perspective:after {
  display: none;
}
.lifted {
  box-shadow: none;
  transform: 4px 4px 4px 4px;
}
/* CONTENT */



.container {
  position: relative;
  clear: both;/*margin-top: 36px;*/

	/*z-index: 50;*/

}
.top {
}
/* -------- PAGE TEMPLATES ------- */

#titlewrapper {
  font-family: 'Noto Serif', serif;
  text-align: center;
  width: 100%;
  height: 81px;
  /* padding-right: 56px; */
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  /* background-image: url(images/header-tab.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;/* border: solid 1px; #197883; */
}





#header-404 {
  font-family: 'Noto Serif', serif;
  text-align: center;
  width: 100%;
  height: 81px;
  /* padding-right: 56px; */

  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(images/header-tab.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;/* border: solid 1px; #197883; */

}
.small-logo {
  width: 77px;
  float: left;
  margin-bottom: 50px;
  margin-right: 15px;
  margin-left: 15px;
}
/* Product Page Specific */

#titleproduct {
  font-family: 'Noto Serif', serif;
  width: 494px;
  height: 123px;
  margin: 25px 0 0 0;
  padding: 50px 0 0 0;
  margin: 0 auto;
  /* background: url(images/title-container-tall.png) no-repeat;
  background-position: 50% 50%; */
}
#titleproduct h1 {
  margin: 0 auto;
  margin-top: -25px;
  width: 450px;
  float: left;
  text-align: center;
}
#titlefaq {
  font-family: 'Noto Serif', serif;
  width: 100%;
  height: 81px;
  background: url(images/header-tab.png) no-repeat;
  background-size: contain;
  background-position: center;
}
h3.titlefaq {
  text-align: center;
  color: #666;
  padding-left: 15px;
}
.brand-tag {
  display: inline-block;
  margin-right: 10px;
  margin-top: -3px;
}
#titlewrapper.bg-shift h1.posttitle {
  width: 100%;/* font: 100%; */
}

.about-shift {
	float: left;
	width: 50%;
}

.prod-content {
	display: block;
	clear: both;
	text-align: left;
	}


.product-box-shift {
}
.product-box-shift p {
  padding: 25px 0 25px 0;
  font-size: 1.25em;
  width: 70%;
  margin: 0 auto;
}
.nutrition-column {
  padding-top: 10px;
  width: 100%;
  float: left;
  display: inline-block;
}
.nutrition-box {
  /*background: url(images/wht-circle.gif) no-repeat; 

	background-position: 50% 50%;

	background-size: contain;*/

  width: 48%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.nutrition-row {
  width: 100%;
  float: left;
  display: inline-block;
}
.nutrition-circle {
  width: 115px;
  height: 115px;
  border-radius: 50% 50%;
  border: 2px solid #666;
  margin: 0 auto;
  margin-bottom: 25px;
}
.number {
  display: block;
  width: 100%;
  padding-top: 30px;
  font-family: 'Noto Serif', serif;
  font-size: 3.5em;
  text-align: center;
  color: #666;
}
.nutrition-label {
  display: block;
  width: 90px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  font-family: 'Noto Serif', serif;
  font-size: .9em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1;
}
.featured-image {
  text-align: center;
}

.allergens {
  /* text-align: center; */
  width: 100%;
}

p.allergen-disclaimer {
	clear: both;
	float: left;
	font-size: 1em;
	margin-top: 15px;
	}

img.allergens-img {
  width: 25%;
  margin: 0 0 15px 0;
  float: left;
}

.allergen-disclaimer {
	width: 100%;
	text-align: center;
}

#pinit.product-pin { 
	float:left;
	margin-top: -35px;
	
}

.allergen-warning {
	font-family:'StRyde-Bold';
	font-size: 1.3em;
}



/* ------------------------------------------------ ALL PRODUCTS LANDING PAGE */



.big-thumb {
  width: 45%;
  margin: 5% 2.25% 2.25% 2.25%;
  float: left;
  text-align: center;
}
.small-thumb {
  width: 20.5%;
  margin: 2.08%;
  float: left;
}
.product-thumb {
  border: 1px solid #666;
  box-shadow: 2px 2px 2px #666;
}
.product-thumb:hover {
  box-shadow: 5px 5px 5px #666;
}

.bread-reflow {
    float: left;
    text-align: center;
    /* width: 48%; */
}

.papa-reflow {
    text-align: center;
    width: 450px;
    clear: both;
    margin: auto;
}


/*---------- PRODUCT LANDING PAGE ______________________________________________________*/

.brand-logo {
  text-align: center;
  padding: 40px 0 15px 0;
  margin-top: 40px;
}
#ch-bread {
  max-width: 1120px;
  margin: 0 auto;
}
.product-bread-ch {
  width: 130px;
  display: inline-block;
  margin: 0 0 25px 0;
  text-align: center;
}
.product-bread-ch .sm-name {
  font: 1em 'StRydeRegular';
  text-align: center;
  width: 120px;
  margin: 0 5px;
  float: left;
  line-height: 1em;
}

.product-bread-ch-2 {
  width: 230px;
  display: inline-block;
  margin: 0 0 25px 0;
  text-align: center;
}
.product-bread-ch-2 .sm-name {
  font: 1.6em 'StRydeRegular';
  text-align: center;
  width: 234px;
  margin: 10px 5px;
  float: left;
  line-height: 1em;
}

.nutrition-link {
	display: block;
	text-align: center;
	margin: 0 auto 25px;
	
}

.product-buns .sm-name a {
  text-decoration: none;
}
.product-buns {
  width: 165px;
  display: inline-block;
  margin: 10px 0 25px 0;
  text-align: center;
}
.product-buns img{
	width: 100%;
	margin-bottom: 10px;
}

.product-buns .sm-name {
  font: 1em 'StRydeRegular';
  text-align: center;
  width: 145px;
  margin: 0 10px;
  float: left;
  line-height: 1em;
}
#vh-bagels {
  max-width: 527px;
  margin: 0 auto;
}
.product-bagels {
  width: 120px;
  display: inline-block;
  margin: 0 0 25px 0;
  text-align: center;
}
.product-bagels .sm-name {
  font: 1em 'StRydeRegular';
  text-align: center;
  width: 100px;
  margin: 0 10px;
  float: left;
  line-height: 1em;
}
#vh-muffins {
  max-width: 520px;
  margin: 0 auto;
}
.product-muffins {
  width: 100px;
  display: inline-block;
  margin: 0 0 25px 0;
  text-align: center;
}
.product-muffins .sm-name {
  font: 1em 'StRydeRegular';
  text-align: center;
  width: 80px;
  margin: 0 10px;
  float: left;
  line-height: 1em;
}
#ch-muffins {
  max-width: 450px;
  margin: 0 auto;
}
.ch-product-muffins {
  width: 150px;
  display: inline-block;
  float: left;
  text-align: center;
  margin: 0 auto;
}
.ch-product-muffins .sm-name {
  font: 1em 'StRydeRegular';
  text-align: center;
  width: 130px;
  margin: 0 10px;
  float: left;
  line-height: 1em;
}
#vh-rolls {
  max-width: 745px;
  margin: 0 auto;
}
.product-rolls {
  width: 120px;
  display: inline-block;
  margin: 0 0 25px 0;
  text-align: center;
}
.product-rolls .sm-name {
  font: 1em 'StRydeRegular';
  text-align: center;
  width: 100px;
  margin: 0 10px;
  float: left;
  line-height: 1em;
}
#vh-slenders {
  max-width: 772px;
  margin: 0 auto;
}
.product-slenders {
  width: 190px;
  display: inline-block;
  margin: 0 0 25px 0;
  text-align: center;
}
.product-slenders .sm-name {
  font: 1em 'StRydeRegular';
  text-align: center;
  width: 160px;
  margin: 0 10px;
  float: left;
  line-height: 1em;
}
.product-container {
  max-width: 1176px;
  min-width: 320px;
  margin: 0 auto;
}

.product-croutons {
  width: 120px;
  display: inline-block;
  margin: 0 0 25px 0;
  text-align: center;
}

#vh-croutons {
  max-width: 527px;
  margin: 0 auto;
}
/* ----------------------------------------------------------------------------------------------------------- ABOUT PAGE */


#titlewrapper-about {
  font-family: 'Noto Serif', serif;
  text-align: center;
  width: 30%;
  margin-left: 20%;
  float: left;
  height: 81px;
  /* padding-right: 56px; */
  margin-top: 25px;
  /* background-image: url(images/about-header-tab.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;/* border: solid 1px; #197883; */
}

.about-nav-wrapper {
	width: 40%;
	float: left;
	margin-right: 10%;
}

.about-nav {
	padding: 15px 0;
	margin: 50px 10px 0 10px;
	text-align: center;
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#e8e8e8 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#e8e8e8 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #ffffff 0%,#e8e8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow: 2px 2px 2px #666;
	font-family: 'Noto Serif', serif;
}

.about-nav:hover {
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #a5a5a5 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#a5a5a5)); /* 	Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#a5a5a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#a5a5a5 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#a5a5a5 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #ffffff 0%,#a5a5a5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5a5a5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: black;
}

.community {
	width: 40%;
	float: left;
}


.sustain {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 24.6%; /* 19.6% */
	display: block;
	height: 175px;
	margin-bottom: 30px;
  }

.sustain:nth-child(1n+1) {
  padding: 0 1.5% 0 0;
  border-right: 1px solid #b8b8b8; 
  }

.sustain:nth-child(1n+2), .sustain:nth-child(1n+3), .sustain:nth-child(1n+4), .sustain:nth-child(1n+6) {
  padding: 0 1.5%; 
  border-right: 1px solid #b8b8b8;   
  }

.sustain:nth-child(1n+5) {
  padding: 0 1.5% 0 0;
  border: 0;
  }

p.big {
    font: 1.1em/1.5em "StRydeRegular";
}

.faq {
	width: 20%;
	float: left;
}

#about-wrapper {
	width: 65%;
	margin: 0 auto;
  	background: url(images/top-bg.png) top left no-repeat, 
                    url(images/bottom-bg.png) bottom left no-repeat;
	position: relative;
	background-size: contain;
	/* z-index: 2; */
	padding: 75px;
}

#about-wrapper:before {
	content: '';
    	position: absolute;
    	z-index: -1; /* push it to the background */
    	top: 35px; /* position it off the top background */
   	 right: 0;
    	bottom: 49px; /* position it off the bottom background */
   	 left: 0;
    	background: url(images/middle-bg.png) top left repeat-y;
	background-size: contain;
}

#about-wrapper #intro p{
	font-size: 1.5em;
	line-height: 1.75em;
}

#about-wrapper #body p{
	font-size: 1.25em;
	line-height: 1.35em;
	margin: 0 0 15px 0;
}

#about-wrapper h3 {
	font: 1.25em 'StRyde-Bold';
	color: #699C36;
	margin: 50px 0 0 0;
}

img.photos {
	max-width: 80%;	
}
/* ----------------------------------------------------------------------------------------------------------- EMAIL SUBSCRIPTION */



#thank-you {
  text-align: center;
  width: 280px;
  padding: 20px;
  margin: 0 auto;
}
#thank-you h4 {
  font: 1.6em 'StRyde-Bold';
  color: #699e36;
}
label, input {
  font: 1em Noto Serif, serif;
}
input {
}
.modal-body {
  text-align: center;
}
.modal {
  border-radius: 0;
  background: url(images/modal-bg.jpg) no-repeat;
}

.modal.loafymodal {
	background-image: none;
}

.btn-success {
float: right;
}

.modal h3 {
  text-align: center;
  font: 2.25em 'Noto Serif', serif;
  color: #666;
}
#myModal {
  background-color: white;
}
.modal-footer {
  background-color: none;
  text-align: right;
}
#close-button {
  float: right;
  text-align: right;
  position: relative;
  z-index: 9998;
}
#close-button button.btn {
  background-color: #666;
  color: white;
  border: 0;
  position: absolute;
  z-index: 55;
  top: 0px;
  right: 0px;
  padding: 5px 8px 5px 8px;
  width: 75px;
  font: 1em 'StRyde-Bold';
  text-transform: lowercase;
}
input.subscribe {
  background-color: #699e36;
  margin-top: 15px;
  padding: 10px 15px 10px 15px;
  border: 0;
  color: white;
  font: 1.2em 'StRyde-Medium';
  line-height: 1.2em;
  text-transform: lowercase;
}
#modal-subscribe {
  font: 'StRyde-Medium';
  margin: 20px;
}
h1.modal-header {
  font: 1.25em 'StRyde-Medium';
  text-transform: uppercase;
  color: #699B36;
  margin-top: -25px;
  margin-bottom: -25px;
}
.one-fifth #enews {
  border: 2px solid red;
}
/* -------------

----------------

NUTRITION PAGE

--------------*/

.nutr-wrapper {
  margin: 50px 0;
  border-bottom: 1px solid #acacac;
  padding: 25px 0;
}
.nutr-wrapper-last {
  margin: 50px 0;
  padding: 25px 0 0 0;
}
.nutr-ftrd {
  width: 20%;
  float: left;
  text-align: center;
}
.nutr-wrapper h2, .nutr-wrapper-last h2 {
  text-align: center;
  margin: 0;
  padding: 0;
}
.nutr-wrapper h3, .nutr-wrapper-last h3 {
  font: 1.15em 'Noto Serif';
  margin: 20px 0 0 0;
  text-transform: uppercase;
}
.nutr-intro {
  width: 34%;
  margin: 0 4%;
  float: left;
}
.nutr-intro-top {
  width: 72%;
  margin: 0 4%;
  float: left;
}
.full-width {
  width: 72%;
}
.nutr-intro .learn-more {
  float: left;
  margin-top: 25px;
}
.nutr-intro p {
  font: 1.1em/1.5em 'StRydeRegular';
}
.nutr-tabs {
  width: 38%;
  float: left;
}
.nutr-tabs p {
  padding: 15px 0;
}
.etabs {
  margin: 0;
  padding: 0;
}
.tab {
  display: inline-block;
  zoom: 1;
*display:inline;
  background: #eee;
  width: 28%;
  padding: 10px 5px;
  text-align: center;
  border: solid 1px #999;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}
.tab a {
  font: .85em/1.5em 'Noto Serif';
  text-transform: uppercase;
  display: block;
  outline: none;
  text-decoration: none
}
.tab a:hover {
}
.tab.active p {
  border-top: 1px solid #666;
}
.tab.active {
  background: #fff;
  padding-top: 11px;
  position: relative;
  top: 1px;
  border-color: #666;
}
.tab a.active {
  font-weight: bold;
}
.tab-container .panel-container {
  background: #fff;
  border: solid #666 1px;
  padding: 10px;
  -moz-border-radius: 0 4px 4px 4px;
  -webkit-border-radius: 0 4px 4px 4px;
}
.active-tab.active {
  border-top: 1px solid #666;
}
/* ----------------------------------------------------------------------------------------------------------- COUPONS */



#coupon-wrapper {
  width: 100%;
  margin: 0 auto;
	text-align: center;
}
.coupon-ch {
  margin-top: 50px;
  width: 30%;
  margin-right: 1%;
  margin-left: 2%;
  text-align: right;
  float: left;
}
.coupon-vh {
  margin-top: 50px;
  /*  width: 30%;
  margin-left: 1%;
  margin-right: 2%;
  text-align: left;
  float: left; */
}
.coupon-fb {
  width: 30%;
  margin: 0 auto;
  margin-top: 50px;
}
#coupon-help {
  text-align: center;
  padding-top: 25px;
}
/* ----------------------------------------------------------------------------------------------------------- STORE LOCATOR */

.storelocator-panel {
  border: 1px solid #ccc;
  overflow: auto;
}
.storelocator-panel .store-list {
  margin: 0;
  padding: 0;
}
.storelocator-panel .store-list li,  .storelocator-panel .directions-panel {
  padding: 5px;
}
.storelocator-panel .directions-panel {
  font-size: 0.8em;
}
.storelocator-panel .store-list li.store:hover {
  cursor: pointer;
  background: #eee;
}
.storelocator-panel .store-list li.highlighted,  .storelocator-panel .store-list li.highlighted:hover {
  background: #ccf;
}
.storelocator-panel .directions {
  display: none;
}
.store {
  margin-bottom: 12px;
  font: 1em 'StRydeRegular';
}
.storelocator-panel .location-search {
  padding: 5px;
}
.storelocator-panel .location-search input {
  width: 95%;
}
.storelocator-panel .location-search h4 {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}
.storelocator-panel .store-list .no-stores {
  color: grey;
}
.storelocator-panel .store .features {
  display: none;
}
.storelocator-panel .feature-filter {
  overflow: hidden;
}
.storelocator-panel .feature-filter label {
  display: block;
  font-size: 0.8em;
  margin: 0 0.4em;
  float: left;
}
.store .title {
  font-weight: bold;
  text-decoration: underline
}
.store .address {
}
.store .address,  .store .phone,  .store .web,  .store .misc {
  font-size: 80%;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  display: block;
}
.store .features {
  overflow: hidden;
  color: grey;
  margin: 0;
  padding: 0;
  font-size: 70%;
  max-width: 250px;
}
.store .features li {
  display: inline;
  float: left;
  padding-right: 0.8em;
}
.store .web a {
  color: green
}
.store a {
  text-decoration: underline;
  color: #3189BA;
  font: 1.2em 'Noto Serif', serif;
}
.store .action {
  font-size: 0.8em;
  color: green;
  margin-right: 0.5em;
}
#form-container {
  width: 100%;
  float: left;
  margin: 35px 0;
}
#zip {
  width: 35%;
  float: left;
}
#zip label {
  float: right;
  position: relative;
  line-height: 25px;
}
#zip input {
  background: white;
  border: 1px solid #666;
  margin-left: 20px;
  float: right;
  height: 25px;
  position: relative;
  padding-left: 10px;
}
#distance {
  width: 30%;
  float: left;
  text-align: center;
}
#distance label {
  margin-right: 20px;
  line-height: 25px;
}
#distance select {
  background: white;
  border: 1px solid #666;
  height: 25px;
  width: 50px;
  line-height: 25px;
}
select#radius option {
  line-height: 25px;
  padding-top: 5px;
}
#search {
  width: 35%;
  float: left;
}
#search input:hover {
  background: #4C7220;
}
#search input {
  background: #699D36;
  border: 1px solid white;
  box-shadow: none;
  width: 35%;
  color: white;
  font: 1em 'StRydeRegular';
  text-transform: lowercase;
  padding: 5px 10px;
  line-height: 25px;
}
#store-map {
  width: 100%;
  margin-top: 50px;
  overflow: hidden;
}
#map-box {
  width: 40%;
  float: left;
  margin-right: 5%;
}
#map-results {
  width: 55%;
  float: left;
  min-height: 500px;
}
#store-landing {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  display: block;
}
#breaker-bar {
  width: 100%;
  height: 5px;
  clear: both;
}
.loafy-bar {
  width: 100%;
  height: 5px;
  clear: both;
  /* margin-top: 10px; */
}
#store-logos {
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  width: 100%;
  background: url("images/recipe-bg.png") repeat-x scroll 0% 0% transparent;
  text-align: center;
  font: 1.2em 'Noto Serif', serif;
  padding: 25px 0;
  display: inline-block;
}
#stores-container {
  width: 90%;
  margin: 0 auto;
}
.stores-wrapper {
  width: 14.28571428571429%;
  display: inline-block;
  float: left;
  text-align: center;
}
.stores-wrapper img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
}
/* FOOTER */



#footer {
  margin: 100px 0 20px 0;
  width: 100%;
}
#footer-left {
  text-align: right;
}
#footer-right {
  display: inline-block;
}
#footer img {
  max-width: 100%;
}
#l4l-footer {
  width: 23.54609%; /* 166px / 705px = .2354609 */
  background: white;
  height: 55px;
  text-align: center;
  float: right;
  border: 2px solid #B49759;
  box-shadow: 2px 2px 4px #CCC;
  margin-right: 12px;
}
#facebook {
  float: right;
  text-align: right;
  padding: 5px;
  margin-left: 10px;
  margin-top: 5px;
}
#twitter {
  float: right;
  text-align: left;
  margin-top: 5px;
  padding: 5px;
}
#pinterest {
  float: right;
  text-align: right;
  padding: 5px;
  margin-top: 5px;
}
#google {
  float: right;
  text-align: right;
  padding: 5px;
  margin-top: 5px;
}
#instagram {
  float: right;
  text-align: right;
  padding: 5px;
  margin-top: 5px;
}
#enews {
  width: 23.54609%; /* 166px / 705px = .2354609 */
  background: white;
  height: 55px;
  float: right;
  border: 2px solid #B49759;
  margin-bottom: 20px;
  box-shadow: 2px 2px 4px #CCC;
  text-align: center;
}
#enews:hover, #l4l-footer:hover, #contact-footer:hover {
  box-shadow: 5px 5px 10px #666;
  cursor: pointer;
}
p.copyright {
  /* text-align: left; */

  font: .71em 'Noto Serif', serif;
  text-transform: uppercase;
  /* margin-bottom: 25px; */

  margin-top: 20px;
}




/* ----------------- Recipe Center ---------------- */

.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,  .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/* ------------------ SITE SEARCH ---------------- */

#site-search {
}
#site-search {
  -webkit-transform: none;
  transform: none;
  width: 100%;
  margin-left: 100px;
}
#site-search a {
  text-decoration: none;
  line-height: 1;
}
.site-search-home {
  float: right;
  height: 20px;
  margin-top: 5px;
}
#searchform-home {
  /* height: 20px; */

  width: 50%;
  display: relative;
  border: 1px solid #666;/* overflow: hidden; */

}
input.inlineSearch-home {
  font: .7em StRydeRegular;
  color: #888888;
  height: 20px;
  border: 0px;
  padding: 0 40px 0 10px;
  background-color: #fff;
}
#searchsubmit-home {
  display: inline;
  font: .7em StRydeRegular;
  font-weight: bold;
  height: 20px;
  line-height: 28px;
  color: #fff;
  width: 15%;
  background-color: #7aab45;
  border: none;
  float: right;
}
/* --------- FOOTER SEARCH STYLING --------- */

#footer-search {
  visibility: hidden;
  margin-top: 50px;
}
#footer-search .site-search-home {
  float: right;
}
#footer-search #searchform-home {
  display: relative;
  height: 34px;
  border: 1px solid #666;
  margin-top: 25px;
}
#footer-search input.inlineSearch-home {
  font: 1em StRydeRegular;
  color: #888888;
  height: 34px;
  border: 0px;
  padding: 0 40px 0 10px;
  background-color: #fff;
}
#footer-search #searchsubmit-home {
  display: inline;
  font: 1em StRydeRegular;
  font-weight: bold;
  height: 34px;
  line-height: 28px;
  color: #fff;
  background-color: #7aab45;
  border: none;
  float: right;
}


/* ------------------ STORE FINDER ---------------- */



.store-page {
  float: left;
}
/* ------------------ Holly Blog -------------------- */

#holly-blog-header {
	height: 75px;
	width: 100%;
	/*background-image: url(images/holly-blog-header-bg.png);*/
	background: white;
	box-shadow: 2px 2px 2px #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	margin-top: 110px;
	/*position: relative;*/
	/*border: solid 1px transparent;  for some reason this needs to be set or it fills in with white */
}

#holly-nav-wrap {
	width: 73%;
	/*max-width: 1100px;*/
 	margin: 0 auto;
	/*padding: 0 0 0 10.90909%;*/
	}

#holly-blog { /* wraps icon and H1 */
	/*width: 300px;*/
	width: 33%;
	float: left;
	margin: 15px 0 50px 0;
	text-align: center;
}

#holly-blog img {
  margin: -10% 0 0 0;
  padding: 0 10px 0 0;
}

#holly-blog h1 {
	margin-top: -25px;
	line-height: 1.5em;
	margin-left: 2%; 
	display: inline-block;
}

#holly-blog-nav {
	/*margin: 35px 0 0 3.398058252427%;*/
	/*position: relative;*/
	width: 67%;
	float: left;
	padding: 0;
	margin: 18px 0 0 0;
}

#holly-blog-nav ul {
	padding: 0px;
	}

#holly-blog-nav li {
  float: left;
  list-style: none;
  /*padding: 7px 0 0 0;
  margin: 0 2px;*/
}
#holly-blog-nav li a {
  font: 1.2em 'StRyde-Bold';
  color: #4d4d4d;
  text-transform: lowercase;
  /*padding: 10px 16px;*/
  padding: 2% 5%;
  text-decoration: none;
}
#holly-blog-nav li a:hover {
  background-color: #c6c6c6;
  color: #4d4d4d;
}
#holly-blog-nav li.current-menu-item a {
  background-color: #c6c6c6;
  color: #4d4d4d;
}

#jump-menu {
	/* display: inline-block; */
	font: 1.2em 'StRyde-Bold';
	color: #4d4d4d;
	text-transform: lowercase;
	float: left; 
	width: 35%;
	/*margin: 2px 0 0 10px;*/
}
.jump-title {
  display: none;
}

#jump-menu li {
	width: 35%;
	float: left;
}
select {
  font: .7em StRydeRegular;
  color: #888888;
  height: 20px;
  width: 65%;
  /*margin: 6px 0 0 5px;*/
  /*padding: 0 15px 0 0;*/
  background-color: #fff;
  background-image: url(images/jump-arrow.jpg);
  background-repeat: no-repeat;
  background-position: right;
  /*display: inline-block;*/
  float: left;
  border: 1px solid #666;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  /*text-indent: 5px;*/
  text-overflow: '';
}

.latest {
	width: 20%;
	float: left;
}

.nutrition2 {
	width: 20%;
	float: left;
}

.tips {
	width: 20%;
	float: left;
	margin-right: 2.5%;
}

.post-interior  {
	text-align: center;
	margin: 25px 0;
	font-size: 1.25em;
}

.interior {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 75px; /* was 10px */
}

.blog-copy {
	width: 63%;
	float: left;
	margin-right: 2%;
}

ul#blog-recipe li:before {
	border-style: none !important;
}

.blog-copy li img {
	max-width: 100% !important;
	opacity: 1;
	margin: 15px 0;
}

.blog-copy li {
	margin: 15px 0;
	font-size: 1em !important;
}

.blog-recipe {
	width: 29.5%;
	float: right;
	font: .7em StRydeRegular;
	color: #666;
	background-color: #ECECEC;
	padding: 2%;
}

.blog-recipe h3 {
	color: #666;
}

/* Special Listings */
blockquote {
	border: none;
	background-color: none;
	/* font-size: 1.3em; */
	}

blockquote ol li p {
	width: 100%;
}

blockquote ol{
	list-style-type: none;
	list-style-position: outside;
	counter-reset: ol-counter;
}

blockquote ol li {
	list-style-type: none;
	/* font-size: 10px; */
	display: block;
	overflow: none;
	margin-top: 20px;
	width: 100%;
}

blockquote ol > li:before {
	width: 92px;
	height: 74px;
	/*margin-left: -110px;*/
	margin: 0 20px 0 0;
	display: inline-block;
	float: left;
	list-style-position: inside;
	content: counter(ol-counter);
	counter-increment: ol-counter;
	background-image: url("images/step-bg.png");
    	background-repeat: no-repeat;
    	padding-top: 22px;
	color: #69923b;
	font: 2.7em 'StRyde-Bold';
	text-align: center;	
	}

blockquote ol li img {
	float: left;
	width: 37%;
}

.aletter {
	padding: 20px 0;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

breaker {display: block;
	width: 100%;
	height: 5px;
	clear: both;
}



/* ------ BLOG POST THUMB BORDERS --------- */

.category-holidays #blog-thumbnail img,  .category-kids #blog-thumbnail img,  .category-leftovers #blog-thumbnail img,  .category-just-for-fun #blog-thumbnail img,  .category-entertainment #blog-thumbnail img {
  border: solid 3px #888888;
}
.category-nutrition #blog-thumbnail img {
  border: solid 3px #888888;
}
.category-bread-tips #blog-thumbnail img {
  border: solid 3px #888888;
}

/* ----------------- HOLLY BLOG CONTENT ------------------- */

#holly-content {
	/*max-width: 911px;*/
	width: 65%;
	margin: 0 auto;
	line-height: 1.9em;
	font: 1.25em StRydeRegular;
}

#holly-content p {
	margin: 20px 0;
}

#blog-thumbnail {
	width: 100%;
	float: left; 
}

#blog-thumbnail img {
	width: 40%;
	float: left;
}

#recipe-icon {
	float: left;
	margin: 0 0 0 5%;
	}
#recipe-icon.recipe-icon-shift {
	margin-left: 0px;
	}
#recipe-icon img {
	max-width: 100%;
	}

.holly-excerpt {
	font-size: .9em;
	width: 45%;
	float: left;
	margin: 0 0 0 5%;
}
#holly-content .post {
	/*overflow: hidden;*/
	/*margin: 20px 80px 50px 0;*/
	width: 100%;
	margin: 0 auto;
	margin-bottom: 5%;
}
h1.hollytitle {
  margin: 0px 0 15px 0; /* was 45px 0 15px 0; */
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.2;
}
h1.hollytitle a {
  text-decoration: none;
}

.read-rest {
  /*position: relative;*/
  float: right;
}

/* --------- BLOG TABS ---------- */
/* .category-holidays,  .category-kids,  .category-leftovers,  .category-just-for-fun,  .category-entertainment {
  background-image: url(images/idea.jpg);
  background-repeat: no-repeat;
  background-position: 336px 0;
}
.category-nutrition {
  background-image: url(images/nutrition.jpg);
  background-repeat: no-repeat;
  background-position: 336px 0;
}
.category-bread-tips {
  background-image: url(images/tips.jpg);
  background-repeat: no-repeat;
  background-position: 336px 0;
} */

/*---------- SINGLE PAGE STYLING ---------- */

.holly-post {
  background-position: 0px 0px;
}
.shift-edit .category-entertainment h1,  .shift-edit .category-holidays h1,  .shift-edit .category-kids h1,  .shift-edit .category-leftovers h1,  .shift-edit .category-just-for-fun h1 {
  margin: 2px 0 45px 115px;
}
/* .shift-edit .category-nutrition h1 {
  margin: 3px 0 45px 160px;
}
.shift-edit .category-bread-tips h1 {
  margin: 1px 0 45px 105px;
}
*/
.holly-post h1 a {
  text-decoration: none;
}
#holly-content ul {
  list-style: none;
}
#holly-content ul li:before {
  content: "";
  border-color: transparent #699d36;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: .9em;
  /*position: relative;*/
}
#holly-content ol {
  /* font: 1em StRydeRegular; */
  color: #666666; 
}
#holly-content ol li {
}

/* ---------- HOLLY BLOG MORE STUFF BOX STYLING ---------- */
#more-container {
	width: 100%;
	float: left;
} 

#more-1, #more-2, #more-3 { 
	width: 33.33333%;
	float: left;
	font-size: .9em;
	padding: 0;
}


#more-1 img, #more-2 img, #more-3 img {
	max-width: 100%;
	} 

#more-1 ul, #more-2 ul, #more-3 ul {
	padding: 0;
	margin: 0px 0 0 20px;
}

	
#more-1 li, #more-2 li, #more-3 li {
 	padding: 0;
	margin: 0 0 -10px 0; 
	list-style-type: none;
	line-height: .7;
	}
#more-1 a, #more-2 a, #more-3 a {
	text-decoration: none;
	padding: 0;
	margin: 0;
	} 
#more-1 ul li:before, #more-2 ul li:before, #more-3 ul li:before {
	content: "";
	border-color: transparent white;
	border-style: solid;
	}

#selfie-wrapper {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#selfie-wrapper img {
	margin-left: 75px;
}

/* ============ T-SHIRT ORDER PAGE ============================== */
/* ====================== TSHIRT ORDER FORM ======================= */

.tshirt-header {
	height: 167px;
	width: 100%;
	margin-top: -75px;
	background-image: url(images/red-stripes.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
}

.tshirts-layout {
	max-width: 900px;
	margin: auto;
	padding-top: 50px;
}

.results {
	font-size: 2.2em;
}

p.big-copy {
	font-size: 1.6em;
}

.tees-background {
	background-image: url(images/parchment-bg.jpg);
}


.container-tshirt {
  width: 45%;
  border: 1px solid #cecece;
  padding: 10px;
  margin: 10px;
  float: left;
}
.tshirt-img-box {
  position: relative;
	width: 400px;
}

.tshirt-img-box img {
  z-index: 1;
  width: 100%;
}

.tshirt-img-box img.tshirt-selected {
  z-index: 2;
}

.tshirt-text {
  font-size: 18px;
  margin-top: 10px;
  clear: both;
}

.tshirt-text p {
	margin: 0px;
}

.fb-share-button {
	float: right;
}

.color-btn {
  height: 1em;
  padding: 0 10px;
  cursor: pointer;
}

  ul li, ol li {
    color: #666;
    font: 1em 'StRydeRegular';
  }
  .address-box {
    padding-left: 60px;
  }
  .button {
    width: 325px;
    background: #b82426;
    margin-bottom: 20px;
    border: solid 0px white;
    box-shadow: 2px 2px 4px #000000;
    text-align: center;
    cursor: pointer;
  }
  .button:hover {
    box-shadow: 5px 5px 10px #999999;
  }
  .button a {
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    color: white;
    font: 1em 'StRydeRegular';
  }
.small-text {
  font-size: .8em;
}

.how-to-order {
	background-image: url(images/blue-cloud-bg.jpg);
	clear: both;
	padding: 50px 0px;
	color: #999999 !important;
}

.how-to-order h3 {
	color: white;
}

.how-to-order ol li {
	color: white;
	line-height: 1.5;
}

.order-info-left {
	padding-left: 50px;
}

.order-info-right {
}

.how-to-order p {
	color: white;
}



/* ============ VIKINGS T-SHIRT PROMO STYLING ==================== */
.vikings-t {
	max-width: 482px !important;
	margin: auto;
	background-image: url('images/vikings-t-background.jpg');
	background-repeat: no-repeat;
}

.vikings-t img {
	width: 100%;
	z-index: 90;
}

#vikings-copy-form-box {
	width: 85%;
	margin: auto;
	background-image: url('images/wht-screen.png');
	border-radius: 12px;
	padding: 35px 15px;
}

p.vikings-copy{
	font: 1.4em 'StRydeRegular';
	color: #552f86;
	margin: 10px;
}

#vikings-t-form {
	width: 90%;
	margin: auto;
}

.vikings-t-rules {
	max-width: 445px !important;
	margin: auto;
	padding: 0 15px;
}

.vikings-t-rules h2, .rules h3 {
	color: #cf202d;
}

.t-winners {
	max-width: 482px !important;
	margin: auto;
}




/* ============ HOLIDAY SWEEPS STYLING ==================== */

#holiday-sweeps-header {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

#holiday-sweeps-header.img {
		width: 100%;
}

#holiday-sweeps {
  margin: auto;
  /* background: url(images/green-halftone-pattern.jpg); 
  background-repeat: no-repeat;
  background-position: top; */
  background-color: #f3f6fe;
  max-width: 1170px; /* 100%; */
  height: auto;
  /* margin: 0px 0 50px 0; */
  /* padding: 15px;*/
}

.sweeps-wrap {
	margin: auto;
	padding-top: 500px;
	background-image: url(images/sweeps-2016-bg.jpg);
	background-repeat: no-repeat;
	background-size:100%;
}

.sweeps-entry {
	width: 100%;
	/* margin: 0 4%; */
	margin-bottom: 250px;
	/* text-align: center; */
	padding: 30px 50px;
}

.sweeps-entry h2 {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	font-size: 3em;
	line-height: 1;
	margin-bottom: 10px;
}

.thanks-title {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	font-size: 2.5em;
	color: white;
	text-shadow: 3px 3px 2px rgba(50, 50, 50, 1);
}
.money-red {
	color: #cf202d;
}

#sweepstakes-form {
	width: 40%;
	float: right;
	margin: 0 8% 30px 1%;
	padding: 10px;
	border-radius: 15px;
	border: solid 2px #226d3b;
	box-shadow: 6px 6px 4px #155e2e;
	background-image: url('images/wht-screen.png');
	text-align: left;
}

.sweepstakes-copy {
	/* width: 50%; */
	/* text-align: left; */
	/* float: left; */
	/* margin-right: 4%;  */
}

.sweepstakes-copy p {
	color: #295082;
	font-size: 1.8em;
	line-height: 1.5;
	letter-spacing: 1px;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-style: italic;
}

.sweepstakes-copy h2 {
	color: #295082;
}

.rules {
	width: 90%;
	margin: 60px auto;
	display: block;
	clear: both;
	padding-top: 50px;
}

.rules h2, .rules h3 {
	color: #cf202d;
}


/* .sweeps-wrap-thanks {
	padding-top: 375px;
	background-image: url(images/holiday-2018-header2.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
} */

.sweeps-thanks {
	width: 100%;
	float: left;
	margin-bottom: 250px;
	text-align: center;
}

.sweeps-thanks h2 {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	font-size: 3em;
	color: #cc202d;
	line-height: 1;
	margin-bottom: 10px;
}


#sweeps-coupons {
	margin-top: 60px;
}

#sweepstakes-recipe {
	width: 25%;
	float: left;
	margin-left: 4%;
}

img.sw-coupon {
	float: left;
}

/* -------------------------------------------------------------------------------- LOAFYLAND -- */

.loafyland-background {
	color: white;
	background-color: #64a144;
}

.loafy-h2 {
	font-size: 2.75em;
	color: white;
	text-align: center;
}

.loafy-copy {
	font-size: 1.5em;
	color: white;
	text-align: center;
}

.loafy-fun-box {
	width: 28%;
	/* border: 1px solid #cecece; */
	padding: 10px;
	margin: 10px;
	float: left;
	text-align: center;
}

.loafy-vert-fix img {
	max-width: 85%;
	
}


.loafy-text p {
	font: 1.5em 'StRyde-Bold';
	color: #fff9ad;
	text-align: center;
	margin-top: 10px;
}

.loafy-share {
	font: 2.5em 'StRyde-Bold';
	text-align: center;
	margin-top: 30px;
}

.loafy-email {
	font: 1.5em 'StRyde-Bold';
	text-align: center;
}

/* LOAFY ORDER */

.loafy-text, .loafy-image {
	width: 49%;
	float: left;
}

.loafy.text {
	padding-right: 20px;
}

/* --------------------------------------------------------------------------------MEDIA QUERIES */


@media (min-width: 320px) and (max-width: 560px) {
	
#renewable-tag {
	position: relative;
	width: 150px;
	margin: auto;
	left: 0;
	margin-top: -75px;
	margin-bottom: -10px;
}
	
	
.holes-image {
  display: none;
}
.recipe-photo {
  width: 100%;
  float: none;
}
.recipe-photo img {
  max-width: 100%;
  margin: 0 0 10px 0 !important;
}
#featured-photo {
  width: 35%;
  /*overflow: hidden;*/
}
#featured-photo img {
 /* max-width: 130px; */
 max-height: 200px; /* margin-left: -20px; */
}
.recipe-info {
  width: 100%;
  float: none;
  margin-left: 0px;
}
.recipe-info h1, .recipe-info p {
  margin: 0px 20px;
}
.view {
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
#featured-info p {
  margin: 0 20px 0 0;
}
#faq-header {
  border-top: none;
  border-bottom: none;
}
#faq-header h2 {
  text-align: center;
}
#recipe-header {
  margin-top: 50px;
}
#landscape.interior-shift {
  background-position: center 130px; /* was 40px */
  background-size: 190%;
  height: auto;
}
.nutr-ftrd, .nutr-intro, .nutr-tabs {
  width: 100%;
  margin: 0;
  padding: 0 0 15px 0;
}
li.tab {
  width: 30%;
  margin: 0;
  padding: 5px 0;
}

#titlewrapper-about {
	width: 100%;
	margin-left: 0% !important;
}
.about-nav-wrapper {
	width: 100% !important;
	float: left;
}
.community, .faq {
	width: 45% !important;
	float: left;
	margin: 2.5%;
}

#recipe-icon.recipe-icon-shift {
	float:none;
	margin: 0 0 10px 0;
	width: 100%;
	}
.holly-post h1.posttitle {
		width: 100%;
		margin: 5px 0;
}

.holly-post {
		padding-left: 15px;
}
	/* ---------  LOAFY SWEEPS STUFF ------------- */

	.btn-success {
	clear:both;
		width: 100%;
	}
	.modal.loafymodal {
		width: 300px;
		left: 30px;
		margin-left: 0px;
		margin-top: 50px;
	}


	.modal-dialog {
	height: auto; 
	width:330px; 
	border-radius: 8px; 
	padding:6px;
	}

	.modal-content {
	padding-left: 10px;
	}

	.modal-dialog .btn-default {
	right: -60px;
	}
	
	iframe.loafy {
	max-width: 300px;
	height: 200px;
	border: none;
	clear: both;
	margin-left: 10px;
	}

	.loafy-center {
	max-width: 90%;
	margin: auto;
	margin-top: 25px;
	}

	.toast-text {
	max-width: 100%;
	margin-right: 0;
	clear:both;
	}

	.sustain {
   	  width: 49%;
  	}


}


/* ================================ MOBILE ==================== */
@media (max-width: 600px) {
	#recipe-icon {
	margin-top: 10px;
	}
.row-fluid-5 [class*="span"] {
/*margin-left: 0;

		float: left;

		width: 100%;

		padding: 10px; */

}
.big-thumb {
  width: 100%;
  margin: 10px 0;
}
.small-thumb {
  width: 45%;
  margin: 10px 0;
}
.thumb-right {
  float: right;
}

#blog-thumbnail {
	width: 95% !important;
	margin: 0 auto !important;
	text-align: center !important;
}
#blog-thumbnail img{
	width: 95% !important;
	float: none !important;
}

.holly-excerpt {
	width: 95% !important;
	float: none;
	margin-bottom: 0px;
	margin-top: 50px;
}

h1.hollytitle {
	margin: 0px 0 0 0; /* 50px 0 0 0 */
}

.nutrition2, .tips, .latest {
	width: 50% !important;
	float: left;
	margin: 10px 0;
	padding: 0;
	text-align: center;
}

#jump-menu {
	width: 50%;
	float: left;
}

#jump-menu li {
	width: 100% !important;
	float: none;
	margin: 0 auto;
	text-align: center;
	margin: 10px 0;
}

select {
	width: 90% !important;
	float: none !important;
	text-align: center;
}



ul#menu-holly-blog {
	margin: 0;
}

#more-1, #more-2, #more-3 {
	width: 100%;
	float: none;
}

.blog-copy {
	width: 100%;
	float: none;
	margin: 0 !important;
}


.blog-recipe {
	width: 96%;
	float: none;
}


blockquote ol li:before{
	width: 100%;
	float: none;
	background-position: center;
}


blockquote ol li {
	width: 100%;
	float: none;
	margin-left: -35px !important;
}

blockquote ol li img {
	width: 100%;
}
	.sustain {
   	  width: 49%;
  	}
	
	.sweeps-wrap-thanks {
		padding-top: 150px;
	}
	
	.thanks-title {
		line-height: 1.25;
		font-size: 2em;
	}

}



@media (min-width: 580px) and (max-width: 748px) {
	
h1.hollytitle {
	border: green solid 1px;
}

}

@media (max-width: 766px) {
#util-nav {
  visibility: hidden
}
#footer-search {
  visibility: visible;
}
	
	.sweeps-home-box {
		/* visibility: visible;*/
		display: block;
		
	}

	

}

@media (max-width: 1250px) {
#slideshow-bg {
/* background-image: url(../../Build%20files/Slider/icon-container.png);
	   background-repeat: no-repeat;
	   height: 205px;
	   background-size: contain;
	   background-position: left 0px top;*/	   

}
}

@media (max-width: 1179px) {
#l4l1 {
  margin-left: 25px;
  width: 40%;
}
#l4l1 h1 {
  margin-right: 0;
}

#holly-content, #holly-nav-wrap {
	width: 90%;
}
}

@media (min-width: 980px) and (max-width: 1179px) {
	#sweeps1, #sweeps2 {
		margin-top: 60px;
	}
	.sweeps-wrap {
	padding-top: 425px;
	}
	
	#holiday-sweeps-header .container {
		/* padding-top: 300px; */
	}
	.sweepstakes-copy p {
		color: black;
		 text-shadow: 0 0 12px white;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
img.allergens-img {
  width: 50%;
  margin: 0 0 15px 0;
  float: left;
}
}

@media (min-width: 561px) and (max-width: 979px) {
	.nutr-ftrd, .nutr-intro {
	  width: 50%;
	  margin: 0;
	}
	.nutr-tabs {
	  width: 100%;
	  float: none;
	  clear: left;
	  padding: 30px 0 0 0;
	}

	.holly-post {
		padding-left: 15px;
	}

	
	
}

@media (max-width: 979px) {
	.toast-text {
		display: block;
		max-width: 100%;
		clear: both;
	}

.bread-reflow {
	clear: float;
	width: 100%;
	text-align: left;
}


#footer-wrapper {
  width: 100%;
}
#s4 {
  margin-top: -50px;
}
#slideshow-nav-container-before {
  margin-top: -115px;
  margin-left: -10px;
}
.featured-image {
  margin: 25px 0;
}
#full {
  width: 100%;
  float: none;
}
#sidebar-faq {
  display: none;
}
.stores-wrapper {
  width: 50%;
}
.last-wrapper {
  clear: left;
}

#sweeps1, #sweeps2 {
	margin-top: 75px;
}

.recipe-photo img {
	margin-left: -150px;
}
/* HOLLY BLOG HERE */
#holly-blog-header {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	margin-top: 100px;
}

#holly-nav-wrap, #holly-content {
	width: 95%;
	margin: 0;
	padding: 0;
}

#holly-blog {
	width: 100% !important;
	float: none !important;
	text-align: center !important;
	padding: 50px 0 0 0;
	margin: 0;
}

#holly-blog h1 {
	text-align: center !important;
}

#holly-blog img {
	margin: 0;
	padding: 0;
}


#holly-blog-nav {
	width: 100% !important;
	margin: 0 0 70px 0 !important;
	padding: 0;
}

select {
	width: 60%;
}

#titlewrapper-about{
	margin-left: 10%;
	margin-top: 50px;

}

.about-nav-wrapper {
	margin-right: 0;
	width: 60%;
	margin-top: 0;
}

#about-wrapper {
	padding: 0px;
	width: 100%;
	background-image: none !important;
	margin: 15px 0 0 0;
}

#about-wrapper:before {
	background-image: none;
}

.photos {
	display: none;
}

	/* ========= SWEEPS MEDIA =========== */
	.sweeps-wrap {
		width: 100%;
		background-image: url(images/sweeps-2016-bg-mobile.jpg);
		padding-top: 40%;
		/* background-color: #9da97a; */
	}

	#holiday-sweeps-header .container {
		/* padding-top: 250px; */
	}
		
.sweepstakes-copy p {
		/* color: white; */
		 /* text-shadow: 0 0 12px white; */
	}
	
	.sweeps-entry {
		width: 90%;
		float: none;
		padding-left: 1%;
	}
	
	.sweeps-entry h2 {
		text-align: center;
		line-height: .8;
		margin-bottom: 30px;
	}

	.sweepstakes-copy  {
		font-size: .75em;
		width: 100%;
		margin: 0 0 80px 0;
		color: white;
	}

	#sweepstakes-form {
		margin: auto;
		width: 90%;
		clear: right;
		font-size: .8em;
	}	

	.rules {
		width: 90%;
		padding: 40px 20px;
		background-color: white;
		margin-top: 55px;
	}

	
}



@media (min-width: 767px) and (max-width: 979px) {
#slideshow-nav-container {
  margin-top: 20px;
}
.recipe-info h1, #featured-info h1 {
  font-size: 86%;
}
.recipe-info p, #featured-info p {
  font-size: 80%;
}
.view {
  font-size: 50%;
}
.holes-image {
  height: 325px;
}
#holly-logo {
  display: none;
}
	


}

@media (min-width: 561px) and (max-width: 768px) {
#recipe-header {
  margin-top: 70px;
}
#landscape.interior-shift {
  background-position: center 20px;
  background-size: 190%;
  height: auto;
}
}

@media (min-width: 768px) {
	.sweeps-mobile {
		display: none !important;
	}
	
}
@media (max-width: 768px) {
#content-below {
  margin-top: 30px;
}

#recipe-header1 {
  width: 100%;
  float: none;
  margin-right: 0%;
  margin-bottom: 0px;
}
.top {
  margin-top: 15px;
}
.recipe-box {
  width: 40%;
}
#zip, #distance, #search {
  width: 50%;
  float: none;
  margin-bottom: 5px;
  margin: 0 auto;
}
#search {
  margin-bottom: 25px;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  padding: 15px 0;
}
#zip input {
  margin-left: 0px;
  width: 100%;
}
#zip label {
  text-align: center;
  width: 100%;
}
#distance label {
  display: none;
}
#distance select {
  margin: 0 auto;
  margin-top: 15px;
}
#map-box, #map-results {
  width: 100%;
  float: none;
  text-align: center;
}
#map-canvas {
  height: 200px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}
.coupon-vh, .coupon-ch, .coupon-fb {
  width: 100%;
  float: none;
  margin-right: 0%;
  margin-left: 0%;
  text-align: center;
}
.recipe1 {
  width: 100%;
  float: none !important;
}
.recipe2 {
  width: 100%;
  float: none !important;
  margin-left: 0%;
}
.recipe-links, .recipe-page-photo {
  text-align: center;
}
#logos {
  margin-bottom: 70px; /* was -35px */
}
#footer {
  margin-top: 50px;
}
#titlewrapper {
  margin: 65px 0 15px 0;
  height: 70px;
}
#titleproduct {
  width: 100%;
  height: 165px;
  margin-top: 60px;
  margin-left: 0px;
  padding-top: 0px;
  background: url(images/title-container-tall.png) no-repeat;
  background-position: center -25px;
  background-size: 150%;
}
.small-logo {
  width: 100%;
  text-align: center;
  margin: 25px 0 20px 0;
}
#titleproduct h1 {
  width: 90%;
  padding: 0 5%;
  text-align: center;
  margin: 0 0 35px 0;
}
.stores-wrapper {
  width: 50%;
}
#recipe-nav {
  width: 100%;
  float: none;
  text-align: center;
  margin-bottom: 25px;
}
#recipe-form {
  width: 100%;
  float: none;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}
#recipe-nav li {
  float: none;
}
#footer-right, #footer-left {
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
}
#footer-right {
  padding-top: 10px;
}
#twitter {
  width: 100%;
  text-align: center;
  margin-top: 0px;
  padding: 10px 0;
  background: #E3E3E3;
  border-bottom: 2px solid white;
}
#facebook {
  width: 100%;
  text-align: center;
  margin-top: 0px;
  margin-left: 0px;
  padding: 10px 0;
  background: #E3E3E3;
  border-bottom: 2px solid white;
  border-top: 2px solid white;
}

#instagram {
  width: 100%;
  text-align: center;
  margin-top: 0px;
  margin-left: 0px;
  padding: 10px 0;
  background: #E3E3E3;
  border-bottom: 2px solid white;
  border-top: 2px solid white;
}

#pinterest {
  width: 100%;
  text-align: center;
  margin-top: 0px;
  margin-left: 0px;
  padding: 10px 0;
  background: #E3E3E3;
  border-bottom: 2px solid white;
  border-top: 2px solid white;
}
#l4l-footer {
  width: 100%;
  clear: both;
  margin-left: 0;
  transform: none;
  border: 0;
  box-shadow: none;
  background-color: #ccc;
  margin-bottom: 0;
  text-align: center;
  margin-right: 0px;
}
#enews {
  width: 100%;
  clear: both;
  margin-left: 0;
  transform: none;
  border: 0;
  box-shadow: none;
  background-color: #ccc;
  margin-bottom: 3px;
  text-align: center;
}
#contact-footer {
  width: 100%;
  float: none;
  margin-left: 0;
  transform: none;
  border: 0;
  text-align: center;
  box-shadow: none;
  background-color: #ccc;
  margin-bottom: 0;
  margin-top: 5px;
}
#enews:hover, #l4l-footer:hover, #contact-footer:hover {
  box-shadow: none;
}
#footer-search .site-search-home {
  width: 93%;
  float: none;
  margin: 0 auto;
}

}