/* Import */
/* Includes - Fonts go up here too.*/
@font-face {
  font-family: "Ziggurat";
  src: url(/layout/default/fonts/Ziggurat-HTF-Black.eot);
  src: url(/layout/default/fonts/Ziggurat-HTF-Black.eot?#iefix) format('embedded-opentype'), url(/layout/default/fonts/Ziggurat-HTF-Black.woff) format('woff'), url(/layout/default/fonts/Ziggurat-HTF-Black.ttf) format('truetype'), url(/layout/default/fonts/Ziggurat-HTF-Black.svg) format('svg');
}

/* Var */
/* Common Classes */
/* line 16, ../sass/_screen.scss */
.center {
  text-align: center;
}

/* line 17, ../sass/_screen.scss */
.left {
  float: left;
}

/* line 18, ../sass/_screen.scss */
.right {
  float: right;
}

/* line 19, ../sass/_screen.scss */
.clear {
  clear: both;
}

/* line 20, ../sass/_screen.scss */
.transparentDivider {
  display: block;
  height: 1px;
  width: 100%;
  margin: 20px 0;
  background-color: #dfdfdf;
  border-bottom: 1px solid white;
}

/* line 28, ../sass/_screen.scss */
.pageWrap {
  width: 93.75%;
  max-width: 1464px;
  margin: 0 auto;
}

/* line 37, ../sass/_screen.scss */
.required {
  color: #ff3131;
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  bottom: 4px;
}

/* Elements */
/* line 46, ../sass/_screen.scss */
body {
  background-image: url("../../images/background-texture.jpg");
  margin: 0;
}

/* !NAVIGATION-------------------------------------------------- */
/* line 53, ../sass/_screen.scss */
#footerInner {
  width: 93.75%;
  max-width: 1464px;
  margin: 0 auto;
  height: 100%;
}

/* line 60, ../sass/_screen.scss */
#navContainer {
  width: 100%;
  -webkit-box-shadow: black 0 0 0px;
  -moz-box-shadow: black 0 0 0px;
  box-shadow: black 0 0 0px;
  background-image: url("../../images/wheat-pattern.png");
  background-color: black;
  font-family: 'Raleway', sans-serif;
  color: white;
  height: 78px;
  border-bottom: 5px solid #414141;
  position: relative;
  z-index: 10;
  transition: height 0.15s;
}
@media (max-width: 950px) {
  /* line 60, ../sass/_screen.scss */
  #navContainer {
    height: 58px;
  }
}
/* line 77, ../sass/_screen.scss */
#navContainer #navigationInner {
  width: 93.75%;
  max-width: 1464px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
@media (max-width: 950px) {
  /* line 77, ../sass/_screen.scss */
  #navContainer #navigationInner {
    width: 100%;
  }
}
/* line 88, ../sass/_screen.scss */
#navContainer #navigationInner #loafLogo {
  position: absolute;
}
/* line 90, ../sass/_screen.scss */
#navContainer #navigationInner #loafLogo a {
  text-decoration: none;
}
/* line 94, ../sass/_screen.scss */
#navContainer #navigationInner #loafLogo #logo {
  position: relative;
  z-index: 101;
  width: 140px;
  margin-top: 5px;
  left: -10px;
}
@media (max-width: 950px) {
  /* line 94, ../sass/_screen.scss */
  #navContainer #navigationInner #loafLogo #logo {
    width: 90px;
  }
}
/* line 106, ../sass/_screen.scss */
#navContainer #navigationInner #loafLogo.anniv img {
  position: relative;
  z-index: 101;
  margin-top: 5px;
  left: -10px;
  width: 120px !important;
}
@media screen and (max-width: 1110px) {
  /* line 106, ../sass/_screen.scss */
  #navContainer #navigationInner #loafLogo.anniv img {
    width: 90px !important;
  }
}
@media screen and (max-width: 440px) {
  /* line 106, ../sass/_screen.scss */
  #navContainer #navigationInner #loafLogo.anniv img {
    width: 60px !important;
    left: -2px !important;
  }
}
/* line 123, ../sass/_screen.scss */
#navContainer #navigationInner #navigation {
  display: none;
}
@media (max-width: 950px) {
  /* line 123, ../sass/_screen.scss */
  #navContainer #navigationInner #navigation {
    display: block;
    width: 28px;
    height: 25px;
    background-image: url("../../images/mobile_menu_indicator.png");
    float: right;
    margin: 17px 17px 0 0;
  }
}
/* line 135, ../sass/_screen.scss */
#navContainer #navigationInner #navSearch {
  width: 36px;
  height: 36px;
  float: right;
  margin-top: 20px;
  margin-right: 15px;
}
@media (max-width: 950px) {
  /* line 135, ../sass/_screen.scss */
  #navContainer #navigationInner #navSearch {
    margin-top: 10px;
  }
}
/* line 144, ../sass/_screen.scss */
#navContainer #navigationInner #navSearch #search-satic {
  width: 36px;
  height: 36px;
  cursor: pointer;
  background-image: url("../../images/search-static.png");
}
@media screen and (max-width: 440px) {
  /* line 151, ../sass/_screen.scss */
  #navContainer #navigationInner #navSearch #search-satic.anniv.anniv {
    position: relative;
    left: 20px;
  }
}
/* line 161, ../sass/_screen.scss */
#navContainer #navigationInner #search_drop {
  display: none;
  padding: 5px;
  width: 260px;
  position: absolute;
  top: 79px;
  right: 0;
  background-image: url("../../images/country-select-bg.png");
  overflow: auto;
}
@media (max-width: 950px) {
  /* line 161, ../sass/_screen.scss */
  #navContainer #navigationInner #search_drop {
    padding: 5px;
    width: 100%;
    top: 60px;
  }
}
@media (max-width: 950px) {
  /* line 177, ../sass/_screen.scss */
  #navContainer #navigationInner #search_drop form {
    float: right;
    width: 100%;
  }
}
/* line 183, ../sass/_screen.scss */
#navContainer #navigationInner #search_drop form input[type="text"] {
  float: right;
  margin-right: 2%;
  width: 67%;
  padding: 3%;
  border: 0;
  background: white;
}
@media (max-width: 950px) {
  /* line 183, ../sass/_screen.scss */
  #navContainer #navigationInner #search_drop form input[type="text"] {
    margin-right: 1%;
    width: 80%;
    padding: 6px;
    font-size: 110%;
    margin-left: 2%;
  }
}
@media screen and (max-width: 950px) and (max-width: 525px) {
  /* line 183, ../sass/_screen.scss */
  #navContainer #navigationInner #search_drop form input[type="text"] {
    width: 72%;
    padding: 6px 2%;
  }
}
/* line 205, ../sass/_screen.scss */
#navContainer #navigationInner #search_drop form input[type="submit"] {
  float: right;
  background: #ddd;
  color: #777;
  border-radius: 3px;
  border: none;
  padding: 9px 7px;
  cursor: pointer;
}
/* line 214, ../sass/_screen.scss */
#navContainer #navigationInner #search_drop form input[type="submit"]:hover {
  background: #eee;
}
@media (max-width: 950px) {
  /* line 205, ../sass/_screen.scss */
  #navContainer #navigationInner #search_drop form input[type="submit"] {
    width: 18%;
    max-width: 70px;
    height: 38px;
    float: right;
  }
}
/* line 228, ../sass/_screen.scss */
#navContainer #navigationInner #navDropTop {
  width: 100px;
  text-align: center;
  margin-top: 20px;
  z-index: 81;
  float: right;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 950px) {
  /* line 228, ../sass/_screen.scss */
  #navContainer #navigationInner #navDropTop {
    margin-top: 12px;
  }
}
/* line 241, ../sass/_screen.scss */
#navContainer #navigationInner #navDropTop #countrySelect {
  font-size: 14px;
  font-weight: 400;
  display: block;
  cursor: pointer;
}
/* line 247, ../sass/_screen.scss */
#navContainer #navigationInner #navDropTop #countryCurrent {
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}
/* line 252, ../sass/_screen.scss */
#navContainer #navigationInner #navDropTop #countryCurrent #curZone {
  text-transform: uppercase;
}
/* line 257, ../sass/_screen.scss */
#navContainer #navigationInner #navDropTop ul {
  display: none;
  list-style-type: none;
  background-image: url("../../images/country-select-bg.png");
  padding: 5px;
  margin: 0;
  position: absolute;
  top: 79px;
  z-index: 10;
  width: 100px;
}
@media (max-width: 950px) {
  /* line 257, ../sass/_screen.scss */
  #navContainer #navigationInner #navDropTop ul {
    top: 60px;
  }
}
/* line 272, ../sass/_screen.scss */
#navContainer #navigationInner #navDropTop ul li {
  cursor: pointer;
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}
/* line 281, ../sass/_screen.scss */
#navContainer #navigationInner #navDropTop ul li:hover {
  cursor: pointer;
  background-color: black;
}
/* line 288, ../sass/_screen.scss */
#navContainer #navigationInner #navDrop {
  /* @include span(6 at 1); */
  width: 80%;
  width: calc(85% - 280px);
  box-sizing: border-box;
  float: right;
  position: relative;
  display: block;
  top: 26px;
}
@media (max-width: 950px) {
  /* line 288, ../sass/_screen.scss */
  #navContainer #navigationInner #navDrop {
    display: none;
    width: 100%;
    top: 12px;
  }
}
/* line 304, ../sass/_screen.scss */
#navContainer #navigationInner #navDrop #navigationList {
  padding: 0;
  list-style-type: none;
  margin: 0;
  margin-right: 20px;
  z-index: 80;
  float: right;
  width: 650px;
}
@media (max-width: 950px) {
  /* line 304, ../sass/_screen.scss */
  #navContainer #navigationInner #navDrop #navigationList {
    margin-right: 0;
    width: 100%;
    z-index: 80;
    background-color: black;
    font-size: 15px;
  }
}
/* line 322, ../sass/_screen.scss */
#navContainer #navigationInner #navDrop #navigationList .navigationListItem {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 18px;
  display: inline;
  margin: 0 0 0 6%;
}
/* line 323, ../sass/_screen.scss */
#navContainer #navigationInner #navDrop #navigationList .navigationListItem a {
  color: white;
  text-decoration: none;
}
@media (max-width: 950px) {
  /* line 323, ../sass/_screen.scss */
  #navContainer #navigationInner #navDrop #navigationList .navigationListItem a {
    display: block;
    width: 90%;
    height: 100%;
    padding: 20px 0 20px 10%;
  }
}
/* line 334, ../sass/_screen.scss */
#navContainer #navigationInner #navDrop #navigationList .navigationListItem a:hover {
  color: yellow;
}
@media (max-width: 950px) {
  /* line 322, ../sass/_screen.scss */
  #navContainer #navigationInner #navDrop #navigationList .navigationListItem {
    float: none;
    display: block;
    background-color: black;
    text-align: left;
    margin-left: 0;
  }
}

/* line 360, ../sass/_screen.scss */
.itemCategories {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

/* line 367, ../sass/_screen.scss */
#pageContainer {
  width: 100%;
  margin-bottom: 50px;
  padding-top: 30px;
  position: relative;
  /* CONTACT PAGE */
}
/* line 372, ../sass/_screen.scss */
#pageContainer h1 {
  font-family: "Ziggurat", arial, helvetica, serif;
  margin: 0;
  font-size: 44px;
}
@media (max-width: 950px) {
  /* line 372, ../sass/_screen.scss */
  #pageContainer h1 {
    font-size: 36px;
  }
}
/* line 382, ../sass/_screen.scss */
#pageContainer #homeShowAll {
  float: right;
  font-size: 15px;
  font-family: "Raleway", serif;
  padding-right: 15px;
}
/* line 387, ../sass/_screen.scss */
#pageContainer #homeShowAll span {
  color: black;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  margin-left: 10px;
}
/* line 395, ../sass/_screen.scss */
#pageContainer #homeShowAll span.activeAll {
  text-decoration: none;
  font-weight: normal;
}
/* line 401, ../sass/_screen.scss */
#pageContainer #categoryContainer {
  width: 100%;
  min-height: 65px;
  height: auto;
  margin-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 15px 0;
  margin: 10px 0 20px 0;
}
/* line 409, ../sass/_screen.scss */
#pageContainer #categoryContainer #categoryList {
  max-width: 1464px;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
/* line 417, ../sass/_screen.scss */
#pageContainer #categoryContainer #categoryList .categoryListItem {
  font-size: 14px;
  font-family: "Raleway";
  font-weight: normal;
  color: white;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 11px;
  background-color: #818181;
  cursor: pointer;
  margin: 3px;
  height: 30px;
  line-height: 30px;
}
/* line 431, ../sass/_screen.scss */
#pageContainer #categoryContainer #categoryList .categoryListItem:hover {
  background-color: #333;
  color: white;
}
/* line 435, ../sass/_screen.scss */
#pageContainer #categoryContainer #categoryList .activeFilter {
  background-color: #fff200;
  color: #333333;
}
/* line 441, ../sass/_screen.scss */
#pageContainer #productContainer {
  padding-top: 50px;
}
/* line 444, ../sass/_screen.scss */
#pageContainer #productLeft {
  font-family: "Raleway";
  padding: 2.4%;
  background-color: white;
  /* max-width: 657px; */
  width: 59%;
  float: left;
  position: relative;
  margin-right: 3%;
  -webkit-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  -moz-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
}
@media (max-width: 950px) {
  /* line 444, ../sass/_screen.scss */
  #pageContainer #productLeft {
    width: 93.75%;
    margin-right: 0;
  }
}
/* line 460, ../sass/_screen.scss */
#pageContainer #productLeft.subscribe {
  margin-top: 30px;
}
/* line 464, ../sass/_screen.scss */
#pageContainer #productLeft .crewImage {
  margin-bottom: 20px;
}
/* line 466, ../sass/_screen.scss */
#pageContainer #productLeft img {
  max-width: 100%;
}
/* line 470, ../sass/_screen.scss */
#pageContainer #productLeft h1 {
  font-size: 32px;
  margin: 15px 0 20px 0;
  font-weight: 300;
  /* NOTE: Because looks ugly bolded */
}
@media (max-width: 950px) {
  /* line 470, ../sass/_screen.scss */
  #pageContainer #productLeft h1 {
    margin-top: 40px;
  }
}
/* line 479, ../sass/_screen.scss */
#pageContainer #productLeft #backToRecipes {
  font-family: "Raleway";
  font-size: 16px;
  color: black;
  text-decoration: none;
}
/* line 485, ../sass/_screen.scss */
#pageContainer #productLeft #backToRecipes:hover {
  opacity: 0.8;
}
/* line 489, ../sass/_screen.scss */
#pageContainer #productLeft #backToRecipes:visited {
  color: black;
}
/* line 491, ../sass/_screen.scss */
#pageContainer #productLeft .recipeImage {
  max-width: 400px;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 500px) {
  /* line 491, ../sass/_screen.scss */
  #pageContainer #productLeft .recipeImage {
    margin-right: 0;
  }
}
/* line 501, ../sass/_screen.scss */
#pageContainer #productLeft .recipeImage img {
  width: auto;
}
/* line 506, ../sass/_screen.scss */
#pageContainer #productLeft .recipeIngredients {
  float: left;
}
/* line 509, ../sass/_screen.scss */
#pageContainer #productLeft .recipeIngredients .recipeIngredientHeader {
  font-size: 18px;
}
/* line 515, ../sass/_screen.scss */
#pageContainer #productLeft .newsImage {
  width: 100%;
  margin: 0 auto 25px;
}
/* line 519, ../sass/_screen.scss */
#pageContainer #productLeft .newsImage img {
  max-width: 100%;
  height: auto;
  display: block;
}
/* line 526, ../sass/_screen.scss */
#pageContainer #productLeft .newsContent {
  margin-top: 20px;
  font-size: 20px;
  color: black;
  line-height: 150%;
}
/* line 534, ../sass/_screen.scss */
#pageContainer #productLeft .productTags a {
  text-decoration: none;
}
/* line 539, ../sass/_screen.scss */
#pageContainer #productLeft #categoryTag {
  position: absolute;
  top: 30px;
  right: -5px;
}
/* line 544, ../sass/_screen.scss */
#pageContainer #productLeft #categoryTag span {
  height: 40px;
  background-color: black;
  color: white;
  font-size: 18px;
  font-family: "Raleway";
  line-height: 39px;
  text-align: center;
  display: block;
  padding: 0 5px;
  float: left;
}
/* line 556, ../sass/_screen.scss */
#pageContainer #productLeft #categoryTag #categoryTagLeft {
  width: 19px;
  height: 40px;
  background-image: url("../../images/category-tag-left.png");
  float: left;
}
/* line 562, ../sass/_screen.scss */
#pageContainer #productLeft #categoryTag #categoryTagRight {
  width: 48px;
  height: 48px;
  background-image: url("../../images/category-tag-right.png");
  float: left;
}
/* line 570, ../sass/_screen.scss */
#pageContainer #productLeft .cmsContent {
  line-height: 150%;
}
/* line 573, ../sass/_screen.scss */
#pageContainer #productLeft .cmsContent h1 {
  font-size: 28px;
  margin-top: 0;
  line-height: 120%;
}
/* line 579, ../sass/_screen.scss */
#pageContainer #productLeft .cmsContent iframe {
  max-width: 100%;
}
@media screen and (max-width: 400px) {
  /* line 579, ../sass/_screen.scss */
  #pageContainer #productLeft .cmsContent iframe {
    height: 200px;
  }
}
/* line 587, ../sass/_screen.scss */
#pageContainer #productLeft .cmsContent p {
  margin: 0;
}
/* line 593, ../sass/_screen.scss */
#pageContainer #productRight {
  /* max-width: 445px; */
  width: 33%;
  float: left;
  font-family: "Raleway";
  min-height: 150px;
  line-height: 150%;
}
@media (max-width: 950px) {
  /* line 593, ../sass/_screen.scss */
  #pageContainer #productRight {
    width: 100%;
  }
}
/* line 604, ../sass/_screen.scss */
#pageContainer #productRight .contactInfo {
  font-weight: bold;
  margin: 5px;
}
@media (max-width: 950px) {
  /* line 609, ../sass/_screen.scss */
  #pageContainer #productRight .otherCatProd {
    font-size: 20px;
  }
}
/* line 615, ../sass/_screen.scss */
#pageContainer #productRight .viewStockistsRange {
  color: black;
  font-size: 18px;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 950px) {
  /* line 615, ../sass/_screen.scss */
  #pageContainer #productRight .viewStockistsRange {
    margin: 25px 0;
    text-align: center;
  }
}
/* line 629, ../sass/_screen.scss */
#pageContainer #productRight #recipeMethod {
  margin-top: 20px;
}
/* line 632, ../sass/_screen.scss */
#pageContainer #productRight #recipeMethod .recipeMethodHeader {
  font-size: 20px;
}
/* line 637, ../sass/_screen.scss */
#pageContainer #productRight #recipeList {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* line 642, ../sass/_screen.scss */
#pageContainer #productRight #recipeList a {
  color: black;
}
/* line 646, ../sass/_screen.scss */
#pageContainer #productRight #recipeList .recipeListItem {
  display: block;
  width: 100%;
  height: 85px;
  line-height: 18px;
  margin: 10px 0;
}
/* line 653, ../sass/_screen.scss */
#pageContainer #productRight #recipeList .recipeListItem .recipeListDot {
  width: 6px;
  height: 27px;
  float: left;
  background-image: url("../../images/recipe-list-dot.png");
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 20px;
}
/* line 663, ../sass/_screen.scss */
#pageContainer #productRight #recipeList .recipeListItem span {
  display: block;
  max-width: 312px;
  float: left;
  width: 60%;
}
/* line 670, ../sass/_screen.scss */
#pageContainer #productRight #recipeList .recipeListItem img {
  float: right;
}
/* line 676, ../sass/_screen.scss */
#pageContainer #productRight #otherProducts {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-right: -20px;
}
/* line 681, ../sass/_screen.scss */
#pageContainer #productRight #otherProducts .otherProductsItem {
  float: left;
  width: 90px;
  height: 150px;
  margin: 0 20px 20px 0;
}
/* line 686, ../sass/_screen.scss */
#pageContainer #productRight #otherProducts .otherProductsItem img {
  -webkit-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  -moz-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  max-width: 90px;
}
/* line 690, ../sass/_screen.scss */
#pageContainer #productRight #otherProducts .otherProductsItem div {
  line-height: 140%;
  font-size: 13px;
  color: #333;
}
/* line 699, ../sass/_screen.scss */
#pageContainer #productRight #latestProducts a {
  text-decoration: none !IMPORTANT;
}
/* line 701, ../sass/_screen.scss */
#pageContainer #productRight #latestProducts h2 {
  margin-top: 0;
}
@media (max-width: 950px) {
  /* line 701, ../sass/_screen.scss */
  #pageContainer #productRight #latestProducts h2 {
    margin-top: 10px;
  }
}
/* line 708, ../sass/_screen.scss */
#pageContainer #productRight #latestProducts .latestProduct {
  margin: 10px 0;
  color: #333;
  font-size: 16px;
  text-decoration: none;
  line-height: 60px;
}
/* line 715, ../sass/_screen.scss */
#pageContainer #productRight #latestProducts .latestProduct img {
  width: 60px;
  float: left;
}
/* line 720, ../sass/_screen.scss */
#pageContainer #productRight #latestProducts .latestProduct span {
  margin-left: 20px;
}
/* line 725, ../sass/_screen.scss */
#pageContainer #productRight #latestProducts .viewAllProducts {
  color: #999999;
  font-family: "Raleway";
  font-size: 14px;
  font-weight: 600;
  display: block;
  text-align: right;
  margin: 10px 0;
  text-decoration: none;
}
/* line 736, ../sass/_screen.scss */
#pageContainer #productRight #latestProducts .viewAllProducts:hover {
  text-decoration: underline;
}
/* line 742, ../sass/_screen.scss */
#pageContainer #productRight #rightTastings {
  margin-top: 50px;
}
/* line 744, ../sass/_screen.scss */
#pageContainer #productRight #rightTastings h2 {
  margin-top: 0;
}
/* line 748, ../sass/_screen.scss */
#pageContainer #productRight #rightTastings .rightTasting {
  font-family: "Raleway";
  color: #333;
  font-size: 16px;
  display: block;
  text-decoration: none;
  margin: 5px 0;
}
/* line 757, ../sass/_screen.scss */
#pageContainer #productRight #rightTastings .rightTasting:hover {
  cursor: pointer;
  text-decoration: underline;
}
/* line 764, ../sass/_screen.scss */
#pageContainer #otherRecipes {
  margin: 30px -28px 20px 0;
  float: left;
  max-width: 99%;
  overflow: auto;
}
/* line 770, ../sass/_screen.scss */
#pageContainer #otherRecipes h2 {
  font-family: "Raleway";
  font-weight: 600;
  color: black;
  font-size: 20px;
  margin: 0 0 15px 0;
}
/* line 778, ../sass/_screen.scss */
#pageContainer #otherRecipes #otherList, #pageContainer #otherRecipes #relatedList {
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
  list-style-type: none;
}
/* line 784, ../sass/_screen.scss */
#pageContainer #otherRecipes #otherList a, #pageContainer #otherRecipes #relatedList a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}
@media screen and (max-width: 360px) {
  /* line 790, ../sass/_screen.scss */
  #pageContainer #otherRecipes #otherList a:nth-child(even) li, #pageContainer #otherRecipes #relatedList a:nth-child(even) li {
    margin-right: 0;
  }
}
/* line 796, ../sass/_screen.scss */
#pageContainer #otherRecipes #otherList .otherRecipe, #pageContainer #otherRecipes #relatedList .otherRecipe {
  font-family: "Raleway";
  font-size: 12px;
  color: black;
  width: 120px;
  margin-right: 25px;
  height: 170px;
  overflow: hidden;
  background-color: white;
  -webkit-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  -moz-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  margin-bottom: 10px;
  padding: 4px;
}
/* line 810, ../sass/_screen.scss */
#pageContainer #otherRecipes #otherList .otherRecipe img, #pageContainer #otherRecipes #relatedList .otherRecipe img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
/* line 816, ../sass/_screen.scss */
#pageContainer #otherRecipes #otherList .otherRecipe div, #pageContainer #otherRecipes #relatedList .otherRecipe div {
  line-height: 140%;
  font-size: 13px;
  color: #333;
}
/* line 822, ../sass/_screen.scss */
#pageContainer #otherRecipes #otherList .otherRecipe.autoheight, #pageContainer #otherRecipes #relatedList .otherRecipe.autoheight {
  font-size: 13px;
  height: auto;
}
/* line 828, ../sass/_screen.scss */
#pageContainer #otherRecipes #otherList .changeCrew, #pageContainer #otherRecipes #relatedList .changeCrew {
  float: left;
  font-family: "Raleway";
  font-size: 12px;
  color: black;
  width: 127px;
  height: 127px;
  margin-right: 28px;
  padding: 4px;
  background-color: white;
  -webkit-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  -moz-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
}
/* line 843, ../sass/_screen.scss */
#pageContainer #otherRecipes #otherList .changeCrew:hover, #pageContainer #otherRecipes #relatedList .changeCrew:hover {
  -webkit-box-shadow: rgba(50, 50, 50, 0.8) 1px 1px 5px;
  -moz-box-shadow: rgba(50, 50, 50, 0.8) 1px 1px 5px;
  box-shadow: rgba(50, 50, 50, 0.8) 1px 1px 5px;
}
/* line 853, ../sass/_screen.scss */
#pageContainer #otherRecipes #otherList .changeCrew img, #pageContainer #otherRecipes #relatedList .changeCrew img {
  max-width: 100%;
  max-height: 75%;
  width: auto;
  padding: 0;
  box-shadow: none;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
/* line 864, ../sass/_screen.scss */
#pageContainer #otherRecipes #otherList .changeCrew span, #pageContainer #otherRecipes #relatedList .changeCrew span {
  position: absolute;
  bottom: 4px;
  left: 5px;
  line-height: 130%;
}
/* line 873, ../sass/_screen.scss */
#pageContainer .listContainer {
  display: none;
}
/* line 874, ../sass/_screen.scss */
#pageContainer #stockist-map-con {
  width: 68.5%;
  float: left;
  background-color: white;
  -webkit-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  -moz-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  margin-right: 1.2%;
  padding: 0.5%;
}
@media (max-width: 800px) {
  /* line 874, ../sass/_screen.scss */
  #pageContainer #stockist-map-con {
    width: 99%;
    margin: 0 auto;
  }
}
/* line 885, ../sass/_screen.scss */
#pageContainer #stockist-map-con #stockist-map {
  height: 525px;
  display: block;
}
/* line 889, ../sass/_screen.scss */
#pageContainer #stockist-map-con #stockist-map-legend {
  margin: 10px 0;
  font-size: 14px;
  color: #333333;
  font-family: "Raleway";
}
/* line 898, ../sass/_screen.scss */
#pageContainer #stockist-map-con .infowindow_content img {
  max-height: 80px;
  max-width: 100%;
}
/* line 905, ../sass/_screen.scss */
#pageContainer #stockistList {
  width: 75.7%;
  float: left;
  background-color: white;
  -webkit-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  -moz-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  margin-right: 1.2%;
  padding: 1.8%;
}
@media (max-width: 800px) {
  /* line 905, ../sass/_screen.scss */
  #pageContainer #stockistList {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin: 0;
  }
}
/* line 920, ../sass/_screen.scss */
#pageContainer #stockistList #productSelect {
  font-size: 16px;
  color: #333;
  font-family: "Raleway";
  text-align: right;
  margin-bottom: 15px;
  line-height: 30px;
}
/* line 928, ../sass/_screen.scss */
#pageContainer #stockistList .stockistCol {
  width: 46%;
  padding-left: 2%;
  padding-top: 2%;
  line-height: 19px;
  float: left;
  min-height: 423px;
  font-size: 14px;
  font-family: "Raleway";
  color: #333333;
}
/* line 939, ../sass/_screen.scss */
#pageContainer #stockistList .stockistCol span {
  cursor: pointer;
}
/* line 942, ../sass/_screen.scss */
#pageContainer #stockistList .stockistCol span:hover {
  text-decoration: underline;
}
/* line 947, ../sass/_screen.scss */
#pageContainer .stockistlocator {
  width: 25%;
  float: left;
  height: 522px;
  background-color: #dbdbdb;
  padding: 10px 1.8%;
  overflow: hidden;
  overflow-y: scroll;
}
@media (max-width: 800px) {
  /* line 956, ../sass/_screen.scss */
  #pageContainer .stockistlocator #product_selects {
    overflow: auto;
    height: 0;
  }
}
/* line 963, ../sass/_screen.scss */
#pageContainer .stockistlocator #product_selects #region_select, #pageContainer .stockistlocator #product_selects #product_select {
  width: 100%;
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #aaa;
  color: #555;
  background: #f8f8f8;
}
@media (max-width: 800px) {
  /* line 963, ../sass/_screen.scss */
  #pageContainer .stockistlocator #product_selects #region_select, #pageContainer .stockistlocator #product_selects #product_select {
    float: left;
    width: 44.5%;
    margin: 30px 0 5px 3.5%;
  }
}
/* line 978, ../sass/_screen.scss */
#pageContainer .stockistlocator #product_selects #region_submit input[type="submit"] {
  padding: 3px 6px;
  margin-bottom: 15px;
  float: right;
}
@media (max-width: 800px) {
  /* line 978, ../sass/_screen.scss */
  #pageContainer .stockistlocator #product_selects #region_submit input[type="submit"] {
    float: left;
    width: 92%;
    margin-left: 3.5%;
    padding: 5px 6px;
  }
}
/* line 991, ../sass/_screen.scss */
#pageContainer .stockistlocator #product_selects #mobile_list_toggle {
  display: none;
  width: 150px;
  background: none;
  border: none;
  color: #555;
  text-decoration: underline;
  margin: 10px auto;
  cursor: pointer;
  clear: both;
  outline: none;
  font-size: 105%;
}
@media (max-width: 800px) {
  /* line 991, ../sass/_screen.scss */
  #pageContainer .stockistlocator #product_selects #mobile_list_toggle {
    display: block;
  }
}
@media (max-width: 800px) {
  /* line 1010, ../sass/_screen.scss */
  #pageContainer .stockistlocator #stockists_list {
    display: block;
    height: 0;
    overflow-y: scroll;
  }
}
/* line 1018, ../sass/_screen.scss */
#pageContainer .stockistlocator #mobile_options_tab {
  display: none;
  cursor: pointer;
  width: 80px;
  text-align: center;
  margin: 2px auto;
  padding: 5px;
  color: #555;
  text-decoration: underline;
  font-weight: bold;
  font-family: Arial, sans-serif;
}
@media (max-width: 800px) {
  /* line 1018, ../sass/_screen.scss */
  #pageContainer .stockistlocator #mobile_options_tab {
    display: block;
  }
}
@media (max-width: 800px) {
  /* line 947, ../sass/_screen.scss */
  #pageContainer .stockistlocator {
    float: none;
    display: block;
    height: auto;
    width: 100%;
    padding: 0;
    top: 400px;
    top: 62px;
    left: 0;
    overflow-y: hidden;
    position: absolute;
    border-bottom: 1px solid #aaa;
  }
}
/* line 1049, ../sass/_screen.scss */
#pageContainer .stockistlocator .minilogo {
  font-family: "Raleway";
  font-size: 14px;
  text-align: right;
  padding: 2px;
  color: white;
  background-color: #959595;
  margin: 0 0 7px;
  cursor: pointer;
  display: block;
  font-weight: 500;
  float: right;
  clear: both;
}
@media (max-width: 800px) {
  /* line 1049, ../sass/_screen.scss */
  #pageContainer .stockistlocator .minilogo {
    margin-left: 3%;
    float: left;
    text-align: left;
  }
}
/* line 1068, ../sass/_screen.scss */
#pageContainer .stockistlocator .minilogo:hover {
  background-color: #fff200;
  color: #555;
}
/* line 1074, ../sass/_screen.scss */
#pageContainer #mapListToggle {
  font-family: "Raleway";
  font-size: 15px;
  text-align: right;
  font-weight: 700;
  color: #999999;
  margin: 0px 10px 10px;
  cursor: pointer;
}
@media (max-width: 800px) {
  /* line 1074, ../sass/_screen.scss */
  #pageContainer #mapListToggle {
    display: none;
  }
}
/* line 1087, ../sass/_screen.scss */
#pageContainer #mapListToggle .listView {
  margin-right: 20px;
}
/* line 1090, ../sass/_screen.scss */
#pageContainer #mapListToggle .active {
  color: black;
  text-decoration: underline;
}
/* line 1098, ../sass/_screen.scss */
#pageContainer #contactForm label {
  font-weight: bold;
  color: #333;
}
/* line 1103, ../sass/_screen.scss */
#pageContainer #contactForm input, #pageContainer #contactForm textarea {
  padding: 1%;
  color: #555;
  border: 1px solid #bbb;
  border-radius: 3px;
  width: 30%;
  outline: none;
  font-size: 100%;
  font-family: inherit;
  background: #f6f6f6;
}
@media (max-width: 950px) {
  /* line 1103, ../sass/_screen.scss */
  #pageContainer #contactForm input, #pageContainer #contactForm textarea {
    width: 95%;
    padding: 2.2%;
  }
}
/* line 1119, ../sass/_screen.scss */
#pageContainer #contactForm input:focus, #pageContainer #contactForm textarea:focus {
  box-shadow: inset 2px 0 0 0 yellow;
}
/* line 1124, ../sass/_screen.scss */
#pageContainer #contactForm input[type="submit"], #pageContainer #contactForm textarea[type="submit"] {
  background: #ddd;
  color: #555;
  width: 100px;
  font-size: 100%;
  cursor: pointer;
  border: none;
}
/* line 1132, ../sass/_screen.scss */
#pageContainer #contactForm input[type="submit"]:hover, #pageContainer #contactForm textarea[type="submit"]:hover {
  color: yellow;
}
/* line 1136, ../sass/_screen.scss */
#pageContainer #contactForm input[type="submit"]:focus, #pageContainer #contactForm textarea[type="submit"]:focus {
  box-shadow: none;
}
@media (max-width: 950px) {
  /* line 1124, ../sass/_screen.scss */
  #pageContainer #contactForm input[type="submit"], #pageContainer #contactForm textarea[type="submit"] {
    width: 100%;
    padding: 2%;
  }
}
/* line 1147, ../sass/_screen.scss */
#pageContainer #contactForm input[type="checkbox"], #pageContainer #contactForm textarea[type="checkbox"] {
  width: auto;
}
/* line 1149, ../sass/_screen.scss */
#pageContainer #contactForm input[type="checkbox"]:focus, #pageContainer #contactForm textarea[type="checkbox"]:focus {
  box-shadow: none;
}
/* line 1156, ../sass/_screen.scss */
#pageContainer #contactForm .contactError {
  background: #f8f8f8;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  color: #ff7e7e;
  display: inline-block;
  margin-left: 30px;
  padding: 1%;
  vertical-align: top;
  position: relative;
  max-width: 40%;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.07);
}
@media (max-width: 950px) {
  /* line 1156, ../sass/_screen.scss */
  #pageContainer #contactForm .contactError {
    display: block;
    width: 95%;
    max-width: 100%;
    margin-left: 0;
    margin-top: 10px;
    padding: 2.2%;
    text-align: center;
  }
}
/* line 1179, ../sass/_screen.scss */
#pageContainer #contactForm .contactError:before, #pageContainer #contactForm .contactError:after {
  content: '';
  position: absolute;
  left: -16px;
  top: 10px;
  border-top: 8px solid transparent;
  border-right: 8px solid #cacaca;
  border-bottom: 8px solid transparent;
  border-left: 8px solid transparent;
  width: 0;
  height: 0;
}
@media (max-width: 950px) {
  /* line 1179, ../sass/_screen.scss */
  #pageContainer #contactForm .contactError:before, #pageContainer #contactForm .contactError:after {
    top: -16px;
    left: 50%;
    margin-left: -4px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #cacaca;
  }
}
/* line 1200, ../sass/_screen.scss */
#pageContainer #contactForm .contactError:after {
  left: -15px;
  border-right: 8px solid #f8f8f8;
}
@media (max-width: 950px) {
  /* line 1200, ../sass/_screen.scss */
  #pageContainer #contactForm .contactError:after {
    top: -15px;
    left: 50%;
    margin-left: -4px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f8f8f8;
  }
}
/* line 1214, ../sass/_screen.scss */
#pageContainer #contactForm textarea {
  resize: vertical;
  min-height: 150px;
  width: 50%;
}
/* line 1219, ../sass/_screen.scss */
#pageContainer #contactForm textarea + .contactError {
  max-width: 30%;
}
@media (max-width: 950px) {
  /* line 1219, ../sass/_screen.scss */
  #pageContainer #contactForm textarea + .contactError {
    width: 95%;
    max-width: 100%;
    text-align: center;
  }
}
@media (max-width: 950px) {
  /* line 1214, ../sass/_screen.scss */
  #pageContainer #contactForm textarea {
    width: 95%;
  }
}

/* line 1237, ../sass/_screen.scss */
#footer {
  width: 100%;
  height: 206px;
  background-color: black;
  background-image: url("../../images/wheat-pattern.png");
  padding-top: 30px;
}
@media screen and (max-width: 500px) {
  /* line 1237, ../sass/_screen.scss */
  #footer {
    overflow: auto;
    height: auto;
  }
}
/* line 1249, ../sass/_screen.scss */
#footer #footerInner {
  width: 93.75%;
  height: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
/* line 1256, ../sass/_screen.scss */
#footer #footerInner #footerSocial {
  width: 26%;
  margin-right: 2%;
  height: 100%;
  float: left;
}
@media screen and (max-width: 500px) {
  /* line 1256, ../sass/_screen.scss */
  #footer #footerInner #footerSocial {
    width: 70%;
    overflow: auto;
    margin-bottom: 30px;
  }
}
/* line 1268, ../sass/_screen.scss */
#footer #footerInner #footerSocial ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* line 1273, ../sass/_screen.scss */
#footer #footerInner #footerSocial ul .footerSocialIcon {
  float: left;
  margin-right: 15px;
}
/* line 1278, ../sass/_screen.scss */
#footer #footerInner #footerSocial ul .footerSocialIcon:hover img {
  opacity: 0.85;
}
/* line 1287, ../sass/_screen.scss */

#footer #footerInner #footerNavLinks {
  float: left;
  width: 100%;
}

@media (min-width: 600px) {
  #footer #footerInner #footerNavLinks {
    width: 60%;
  }
}
@media (min-width: 900px) {
  #footer #footerInner #footerNavLinks {
    width: 40%;
  }
}

#footer #footerInner #footerNavLinks ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
}
/* line 1293, ../sass/_screen.scss */
#footer #footerInner #footerNavLinks ul .footerNavLink {
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 18px 0;
}
/* line 1299, ../sass/_screen.scss */
#footer #footerInner #footerNavLinks ul .footerNavLink a {
  text-decoration: none;
  color: white;
}
/* line 1303, ../sass/_screen.scss */
#footer #footerInner #footerNavLinks ul .footerNavLink a:hover {
  cursor: pointer;
  text-decoration: underline;
}
@media (max-width: 950px) {
  /* line 1293, ../sass/_screen.scss */
  #footer #footerInner #footerNavLinks ul .footerNavLink {
    font-size: 13px;
    margin: 0 0 13px 0;
  }
}
/* line 1312, ../sass/_screen.scss */
#footer #footerInner #footerNavLinks ul .linkLeft {
  float: left;
  width: 45%;
  margin-right: 2%;
}
@media screen and (max-width: 500px) {
  /* line 1312, ../sass/_screen.scss */
  #footer #footerInner #footerNavLinks ul .linkLeft {
    width: 45%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 500px) {
  /* line 1322, ../sass/_screen.scss */
  #footer #footerInner #footerNavLinks ul .linkLeft .right {
    float: none;
  }
}
/* line 1328, ../sass/_screen.scss */
#footer #footerInner #footerNavLinks ul .linkRight {
  float: right;
  width: 18%;
  margin-right: 2%;
}
/* line 1336, ../sass/_screen.scss */
#footer #footerInner #masterchef {
  width: 20%;
  height: 100%;
  float: left;
}
/* line 1341, ../sass/_screen.scss */
#footer #footerInner #masterchef img {
  position: absolute;
  top: -30px;
  right: 0;
}
@media screen and (max-width: 780px) {
  /* line 1341, ../sass/_screen.scss */
  #footer #footerInner #masterchef img {
    max-width: 100%;
    top: -15px;
  }
}
/* line 1354, ../sass/_screen.scss */
#footer #footerTag {
  clear: both;
}

/* line 1359, ../sass/_screen.scss */
#bocapa_footer {
  position: absolute;
  left: 0;
  bottom: 85px;
  display: block;
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 12px;
}
/* line 1367, ../sass/_screen.scss */
#bocapa_footer a {
  text-align: left;
  color: white;
  text-decoration: none;
  display: inline-block;
}
@media screen and (max-width: 720px) {
  /* line 1367, ../sass/_screen.scss */
  #bocapa_footer a {
    width: 80%;
  }
}
/* line 1377, ../sass/_screen.scss */
#bocapa_footer a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 500px) {
  /* line 1359, ../sass/_screen.scss */
  #bocapa_footer {
    position: static;
    margin-bottom: 20px;
    width: 85%;
  }
  /* line 1387, ../sass/_screen.scss */
  #bocapa_footer a {
    text-align: center;
    width: 100%;
  }
}

#support {
  float: left;
  width: 25%;
}

#support img {
  display: block;
  margin-bottom: 1em;
  max-width: 100%;
}

#support .support-heading {
  margin: 0;
  margin-bottom: 0.5em;
  font-weight: normal;
  color: white;
  font-family: 'Raleway', sans-serif;
}

@media (max-width: 600px) {
  #support {
    width: 100%;
    margin: 1em 0;
  }
}

/* line 1394, ../sass/_screen.scss */
#isoContainer {
  margin: 0 auto;
  max-width: 1464px;
}
@media (max-width: 520px) {
  /* line 1394, ../sass/_screen.scss */
  #isoContainer {
    margin: 0 auto;
    max-width: 520px;
    width: 100%;
  }
}
/* line 1404, ../sass/_screen.scss */
#isoContainer a {
  text-decoration: none;
}
/* line 1408, ../sass/_screen.scss */
#isoContainer .item {
  width: 210px;
  height: 265px;
  display: block;
  margin: 10px;
  background-color: white;
  -webkit-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  -moz-box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  box-shadow: rgba(50, 50, 50, 0.7) 1px 1px 3px;
  padding: 6px;
}
@media (max-width: 520px) {
  /* line 1408, ../sass/_screen.scss */
  #isoContainer .item {
    width: 92%;
    margin: 5px;
  }
}
/* line 1423, ../sass/_screen.scss */
#isoContainer .item.recipe .itemDescription, #isoContainer .item.fancyImage .itemDescription {
  border-top: 0;
}
/* line 1428, ../sass/_screen.scss */
#isoContainer .item .itemText {
  font-family: Arial, Helvetica, sans-serif;
}
/* line 1432, ../sass/_screen.scss */
#isoContainer .item .itemInnerBlack {
  background: #111111;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #383838 0%, #111111 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #383838), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #383838 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #383838 0%, #111111 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #383838 0%, #111111 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #383838 0%, #111111 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#111111',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  width: 90%;
  height: 92.5%;
  padding: 5%;
}
/* line 1445, ../sass/_screen.scss */
#isoContainer .item .itemInnerBlack a {
  color: white;
}
/* line 1447, ../sass/_screen.scss */
#isoContainer .item .itemInnerBlack a h1 {
  cursor: pointer;
}
/* line 1452, ../sass/_screen.scss */
#isoContainer .item .itemInnerYellow {
  background-color: #fff200;
  width: 90%;
  height: 92.5%;
  padding: 5%;
}
@media (max-width: 950px) {
  /* line 1452, ../sass/_screen.scss */
  #isoContainer .item .itemInnerYellow {
    height: 90.5%;
  }
}
/* line 1463, ../sass/_screen.scss */
#isoContainer .item .itemInnerYellow *:hover {
  cursor: pointer;
}
/* line 1467, ../sass/_screen.scss */
#isoContainer .item .itemImage {
  width: 100%;
  height: 152px;
  padding-top: 2px;
}
/* line 1471, ../sass/_screen.scss */
#isoContainer .item .itemImage img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}
/* line 1479, ../sass/_screen.scss */
#isoContainer .item .itemDescription {
  display: block;
  font-size: 17px;
  color: black;
  font-family: "Raleway";
  font-weight: 600;
  line-height: 18px;
  text-transform: capitalize;
  padding: 10px;
  border-top: 1px solid #d2d2d2;
  line-height: 1.2;
}
@media (max-width: 520px) {
  /* line 1479, ../sass/_screen.scss */
  #isoContainer .item .itemDescription {
    font-size: 15px;
  }
}
/* line 1497, ../sass/_screen.scss */
#isoContainer .item .crewPosition {
  display: block;
  font-family: "Raleway";
  text-decoration: none;
  color: #333;
  text-decoration: none !IMPORTANT;
  font-size: 17px;
  text-align: left;
  color: #333;
  margin: 5px 10px;
}
/* line 1508, ../sass/_screen.scss */
#isoContainer .item .crewEmail {
  display: block;
  font-family: "Raleway";
  text-decoration: none;
  margin-left: 10px;
  font-size: 13px;
  color: #333;
}
/* line 1517, ../sass/_screen.scss */
#isoContainer .item:hover {
  -webkit-box-shadow: #323232 1px 1px 6px;
  -moz-box-shadow: #323232 1px 1px 6px;
  box-shadow: #323232 1px 1px 6px;
}
/* line 1519, ../sass/_screen.scss */
#isoContainer .item:hover h1, #isoContainer .item:hover h2, #isoContainer .item:hover h3, #isoContainer .item:hover h4, #isoContainer .item:hover p {
  cursor: default;
}
/* line 1524, ../sass/_screen.scss */
#isoContainer #tasting_square {
  color: white;
}
/* line 1526, ../sass/_screen.scss */
#isoContainer #tasting_square h1 {
  font-size: 25px;
  font-weight: normal;
  text-align: left;
}
/* line 1532, ../sass/_screen.scss */
#isoContainer #tasting_square ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: "Raleway";
}
/* line 1538, ../sass/_screen.scss */
#isoContainer #tasting_square ul li {
  border-top: 1px solid #333;
  font-size: 14px;
  margin: 7px 5px;
  padding: 5px 0 0;
}
/* line 1543, ../sass/_screen.scss */
#isoContainer #tasting_square ul li a {
  color: white;
  text-decoration: none;
  font-family: "Raleway";
  font-size: 14px;
}
/* line 1551, ../sass/_screen.scss */
#isoContainer #tasting_square ul li:first-child {
  border-top: none;
}
/* line 1556, ../sass/_screen.scss */
#isoContainer #stockist_square, #isoContainer #news_square, #isoContainer #recipe_square, #isoContainer #product_square, #isoContainer #online_order_square {
  color: black;
}
/* line 1559, ../sass/_screen.scss */
#isoContainer #stockist_square h1, #isoContainer #news_square h1, #isoContainer #recipe_square h1, #isoContainer #product_square h1, #isoContainer #online_order_square h1 {
  font-size: 25px;
  font-weight: normal;
  text-align: left;
}
/* line 1565, ../sass/_screen.scss */
#isoContainer #stockist_square p, #isoContainer #news_square p, #isoContainer #recipe_square p, #isoContainer #product_square p, #isoContainer #online_order_square p {
  color: #333;
  font-size: 15px;
  font-family: "Raleway";
}
/* line 1571, ../sass/_screen.scss */
#isoContainer #stockist_square a, #isoContainer #news_square a, #isoContainer #recipe_square a, #isoContainer #product_square a, #isoContainer #online_order_square a {
  color: black;
}
/* line 1576, ../sass/_screen.scss */
#isoContainer #seans_story {
  font-family: 'Raleway', Arial, sans-serif;
}
/* line 1578, ../sass/_screen.scss */
#isoContainer #seans_story .itemInnerSean {
  height: 96.5%;
  padding: 5px;
  color: white;
  background-image: url("../../images/seansstory.jpg");
}
/* line 1584, ../sass/_screen.scss */
#isoContainer #seans_story h1 {
  font-size: 35px;
  font-weight: normal;
  cursor: pointer;
  margin-left: 5px;
}
/* line 1591, ../sass/_screen.scss */
#isoContainer #seans_story p {
  margin-left: 5px;
  cursor: pointer;
  width: 60%;
}
/* line 1598, ../sass/_screen.scss */
#isoContainer .w2 {
  width: 448px;
  padding: 6px;
}
@media (max-width: 520px) {
  /* line 1598, ../sass/_screen.scss */
  #isoContainer .w2 {
    width: 240px;
    padding: 10px;
  }
}
/* line 1606, ../sass/_screen.scss */
#isoContainer .w2 .newsletterHeader {
  background-color: black;
  width: 100%;
  height: 100%;
  background-image: url("../../images/joinNews.jpg");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-size: cover;
  color: white;
}
/* line 1618, ../sass/_screen.scss */
#isoContainer .w2 .newsletterHeader h1 {
  font-size: 48px;
  width: 290px;
  margin-left: 16px;
  padding-top: 10px;
  max-width: 95%;
  line-height: 100%;
  cursor: default;
}
@media (max-width: 520px) {
  /* line 1618, ../sass/_screen.scss */
  #isoContainer .w2 .newsletterHeader h1 {
    font-size: 38px;
  }
}
@media (max-width: 950px) {
  /* line 1618, ../sass/_screen.scss */
  #isoContainer .w2 .newsletterHeader h1 {
    font-size: 30px;
  }
}
/* line 1636, ../sass/_screen.scss */
#isoContainer .w2 .newsletterHeader p {
  cursor: default;
  font-size: 16px;
  font-family: "Raleway";
  color: white;
  width: 150px;
  margin-left: 16px;
}
/* line 1645, ../sass/_screen.scss */
#isoContainer .w2 .newsletterHeader a {
  color: white;
}
/* line 1649, ../sass/_screen.scss */
#isoContainer .w2 .newsletterHeader a.subscribe_link {
  font-size: 18px;
  font-family: "Raleway";
  text-decoration: underline;
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-align: right;
  text-shadow: 1px 1px 4px #333;
}
@media (max-width: 950px) {
  /* line 1649, ../sass/_screen.scss */
  #isoContainer .w2 .newsletterHeader a.subscribe_link {
    font-size: 17px;
  }
}
/* line 1666, ../sass/_screen.scss */
#isoContainer .w2 .newsletterHeader[data-filter="christmas-products"] h1 {
  text-shadow: 1px 1px 5px #999;
}
/* line 1670, ../sass/_screen.scss */
#isoContainer .w2 .newsletterHeader[data-filter="christmas-products"] p {
  text-shadow: 1px 1px 4px #333;
}
/* line 1677, ../sass/_screen.scss */
#isoContainer .w2 a h1 {
  cursor: pointer !important;
}
/* line 1683, ../sass/_screen.scss */
#isoContainer .itemCategory {
  color: white;
  font-weight: bold;
  font-family: "Raleway";
  background-color: #333;
  text-transform: uppercase;
  font-size: 13px;
  padding: 3px 5px;
  margin-right: 7px;
  margin-top: 5px;
  display: inline-block;
}

/* line 1697, ../sass/_screen.scss */
.itemCategory {
  color: white;
  font-weight: bold;
  font-family: "Raleway";
  background-color: #333;
  text-transform: uppercase;
  font-size: 13px;
  padding: 3px 5px;
  margin-right: 7px;
  display: inline-block;
}

/**** Isotope Filtering ****/
/* line 1712, ../sass/_screen.scss */
.isotope-item {
  z-index: 2;
}

/* line 1716, ../sass/_screen.scss */
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
/* line 1724, ../sass/_screen.scss */
.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;
}

/* line 1732, ../sass/_screen.scss */
.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;
}

/* line 1740, ../sass/_screen.scss */
.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;
}

/**** disabling Isotope CSS3 transitions ****/
/* line 1752, ../sass/_screen.scss */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* line 1760, ../sass/_screen.scss */
#stockist-mobile-overlay {
  display: none;
}
@media (max-width: 800px) {
  /* line 1760, ../sass/_screen.scss */
  #stockist-mobile-overlay {
    display: block;
    width: 100%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 63px;
    z-index: 1;
    border-bottom: 5px solid #414141;
  }
}

@media (max-width: 800px) {
  /* line 1775, ../sass/_screen.scss */
  .hide-stockist {
    display: none;
  }
}

@media (max-width: 800px) {
  /* line 1781, ../sass/_screen.scss */
  .right-stockist {
    text-align: left;
  }
}

/* line 1787, ../sass/_screen.scss */
#stockist-show-options {
  display: none;
  width: 200px;
  border: none;
  background: #ccc;
  position: relative;
  top: -30px;
  padding: 5px 0;
}

/* line 1797, ../sass/_screen.scss */
#stockist-overlay-tabs {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
/* line 1803, ../sass/_screen.scss */
#stockist-overlay-tabs li {
  width: 50%;
  display: block;
  float: left;
  cursor: pointer;
  background: #ccc;
  text-align: center;
  padding: 5px 0;
}
/* line 1812, ../sass/_screen.scss */
#stockist-overlay-tabs li.active-tab {
  background: white;
}

/* line 1817, ../sass/_screen.scss */
#stockist-overlay-list {
  display: none;
}

/* line 1821, ../sass/_screen.scss */
.overlay-tab {
  display: block;
  width: 100%;
  background: white;
  text-align: center;
}

/* line 1829, ../sass/_screen.scss */
button,
#overlay-regions {
  margin: 10px;
}

/* line 1833, ../sass/_screen.scss */
.black {
  color: black;
}
/* line 1835, ../sass/_screen.scss */
.black a {
  color: inherit;
}

/* IE8 STYLING */
/* line 1843, ../sass/_screen.scss */
.lt-ie9 .item, .lt-ie9 .changeCrew, .lt-ie9 #productLeft, .lt-ie9 .otherRecipe {
  border: 1px solid #ccc;
}
/* line 1847, ../sass/_screen.scss */
.lt-ie9 #navigationList {
  width: 70% !important;
}

/* line 1853, ../sass/_screen.scss */
a img {
  border: 0;
}

/* google search styling */
/* line 1859, ../sass/_screen.scss */
#productContainer #productLeft.search_results .gsc-control-cse {
  background-color: white;
  border: none;
}
/* line 1863, ../sass/_screen.scss */
#productContainer #productLeft.search_results .gsc-control-cse .gsc-result {
  background-color: white;
  border: transparent;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
/* line 1870, ../sass/_screen.scss */
#productContainer #productLeft.search_results .gsc-control-cse .gsc-result .gs-title {
  color: #111;
}
/* line 1873, ../sass/_screen.scss */
#productContainer #productLeft.search_results .gsc-control-cse .gsc-result .gs-title:hover {
  color: #555;
}
/* line 1877, ../sass/_screen.scss */
#productContainer #productLeft.search_results .gsc-control-cse .gsc-result .gs-title b {
  color: black;
}
/* line 1882, ../sass/_screen.scss */
#productContainer #productLeft.search_results .gsc-control-cse .gsc-result .gsc-url-top {
  display: none;
}
/* line 1887, ../sass/_screen.scss */
#productContainer #productLeft.search_results .gsc-control-cse .gsc-result .gsc-table-result .gs-bidi-start-align.gs-snippet {
  color: black;
}
/* line 1893, ../sass/_screen.scss */
#productContainer #productLeft.search_results .gsc-control-cse .gsc-cursor .gsc-cursor-page {
  border-color: #eee;
  background-color: white;
  color: black;
  font-size: 16px;
}
/* line 1900, ../sass/_screen.scss */
#productContainer #productLeft.search_results .gsc-control-cse .gs-no-results-result .gs-snippet {
  background: none;
  border: none;
  color: black;
}
/* line 1907, ../sass/_screen.scss */
#productContainer #productLeft.search_results .gsc-control-cse .gcsc-branding table {
  display: none;
}

/* line 1914, ../sass/_screen.scss */
span.general_message {
  font-family: 'Raleway', serif;
  color: #555;
}
/* line 1918, ../sass/_screen.scss */
#stockists_list span.general_message {
  text-align: right;
  display: block;
  margin-bottom: 1em;
  clear: both;
}

/* line 1926, ../sass/_screen.scss */
#prevent {
  display: none;
}

/* Lazy Load XT 1.0.5 | MIT License */
/* line 1931, ../sass/_screen.scss */
.lazy-hidden {
  opacity: 0;
}

/* line 1931, ../sass/_screen.scss */
.lazy-loaded {
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 1;
}


#footer {
  overflow: auto;
  height: auto;
}

#footer #footerInner #footerSocial {
  width: 100%;
  margin: 0;
  margin-bottom: 2em;
}

@media (min-width: 900px) {
  #support,
  #footer #footerInner #footerSocial {
    width: 28%;
  }
}

#bocapa_footer {
  position: static;
  clear: both;
  text-align: center;
  padding: 1em 0;
  padding-top: 2.5em;
}

#bocapa_footer a {
  width: auto;
}

.announcement {
  background-color: #fffa98;
  text-align: center;
  overflow: auto;
  font-family: "Raleway";
}

#nutrtitional-info-pdf{
  color: white;
  font-weight: bold;
  font-family: "Raleway";
  background-color: #000;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0px;
  margin-right: 7px;
  margin-bottom: 20px;
  display: inline-block;
  text-decoration: none;
}

#nutrtitional-info-pdf img{
  float: left;
  padding: 10px
}

#nutrtitional-info-pdf div{
  display: inline-block;
  color: white;
  font-size: 15px;
  padding: 10px;
  border-left:1px solid #404040;
}

#nutrtitional-info-pdf div:hover{
  color:#fff200;
}