@charset "UTF-8";
/*$font-size-base:          16px;
$font-size-small:         ceil($font-size-base * 0.85); // ~12px
$font-size-large:         ceil($font-size-base * 1.15); // ~15px
$font-size-larger:        ceil($font-size-base * 1.25); // ~18px
$line-height-base:        20em / 15em;*/
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=dfba0b7d-5174-4b66-9861-2cb68647db29");
meta.foundation-version {
  font-family: "/5.5.2/";
}

meta.foundation-mq-small {
  font-family: "/only print, screen/";
  width: 0;
}

meta.foundation-mq-small-only {
  font-family: "/only print, screen and (max-width: 49.23077em)/";
  width: 0;
}

meta.foundation-mq-medium {
  font-family: "/only print, screen and (min-width:49.30769em)/";
  width: 49.30769em;
}

meta.foundation-mq-medium-only {
  font-family: "/only print, screen and (min-width:49.30769em) and (max-width:78.76923em)/";
  width: 49.30769em;
}

meta.foundation-mq-large {
  font-family: "/only print, screen and (min-width:78.84615em)/";
  width: 78.84615em;
}

meta.foundation-mq-large-only {
  font-family: "/only print, screen and (min-width:78.84615em) and (max-width:110.76923em)/";
  width: 78.84615em;
}

meta.foundation-mq-xlarge {
  font-family: "/only print, screen and (min-width:110.84615em)/";
  width: 110.84615em;
}

meta.foundation-mq-xlarge-only {
  font-family: "/only print, screen and (min-width:110.84615em) and (max-width:147.69231em)/";
  width: 110.84615em;
}

meta.foundation-mq-xxlarge {
  font-family: "/only print, screen and (min-width:147.76923em)/";
  width: 147.76923em;
}

meta.foundation-data-attribute-namespace {
  font-family: false;
}

html, body {
  height: 100%;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

html,
body {
  font-size: 100%;
}

body {
  background: #FFFFFF;
  color: #222;
  cursor: auto;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative;
}

a:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.hide {
  display: none;
}

.invisible {
  visibility: hidden;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.53846rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1.23077rem 2.46154rem 1.30769rem 2.46154rem;
  font-size: 1.23077rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
}
button:hover, button:focus, .button:hover, .button:focus {
  background-color: #007095;
}
button:hover, button:focus, .button:hover, .button:focus {
  color: #FFFFFF;
}
button.secondary, .button.secondary {
  background-color: #000;
  border-color: #fff;
  color: #FFFFFF;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: #fff;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  color: #333333;
}
button.success, .button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  background-color: #368a55;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  color: #FFFFFF;
}
button.alert, .button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color: #cf2a0e;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  color: #FFFFFF;
}
button.warning, .button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF;
}
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
  background-color: #cf6e0e;
}
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
  color: #FFFFFF;
}
button.info, .button.info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
}
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
  background-color: #61b6d9;
}
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
  color: #FFFFFF;
}
button.large, .button.large {
  padding: 1.38462rem 2.76923rem 1.46154rem 2.76923rem;
  font-size: 1.53846rem;
}
button.small, .button.small {
  padding: 1.07692rem 2.15385rem 1.15385rem 2.15385rem;
  font-size: 1rem;
}
button.tiny, .button.tiny {
  padding: 0.76923rem 1.53846rem 0.84615rem 1.53846rem;
  font-size: 0.84615rem;
}
button.expand, .button.expand {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
button.left-align, .button.left-align {
  text-align: left;
  text-indent: 0.92308rem;
}
button.right-align, .button.right-align {
  text-align: right;
  padding-right: 0.92308rem;
}
button.radius, .button.radius {
  border-radius: 3px;
}
button.round, .button.round {
  border-radius: 1000px;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #007095;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  color: #FFFFFF;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #008CBA;
}
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  background-color: #000;
  border-color: #fff;
  color: #FFFFFF;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #fff;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  color: #333333;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #000;
}
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #368a55;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  color: #FFFFFF;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #43AC6A;
}
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #cf2a0e;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  color: #FFFFFF;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #f04124;
}
button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #cf6e0e;
}
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  color: #FFFFFF;
}
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #f08a24;
}
button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  background-color: #61b6d9;
}
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  color: #FFFFFF;
}
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  background-color: #a0d3e8;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

@media only print, screen and (min-width: 49.30769em) {
  button, .button {
    display: inline-block;
  }
}
/* Buttons */
/* Right now we are only using font awesome for icons, if we end up using something else add another
argument for font-family */
@font-face {
  font-family: "Stag Bold";
  src: url("../fonts/Fonts/Stag/Stag-Bold-Web.eot?#iefix");
  src: url("../fonts/Fonts/Stag/Stag-Bold-Web.eot?#iefix") format("eot"), url("../fonts/Fonts/Stag/Stag-Bold-Web.woff2") format("woff2"), url("../fonts/Fonts/Stag/Stag-Bold-Web.woff") format("woff");
}
@font-face {
  font-family: "Stag Bold Italic";
  src: url("../fonts/Fonts/Stag/Stag-BoldItalic-Web.eot?#iefix");
  src: url("../fonts/Fonts/Stag/Stag-BoldItalic-Web.eot?#iefix") format("eot"), url("../fonts/Fonts/Stag/Stag-BoldItalic-Web.woff2") format("woff2"), url("../fonts/Fonts/Stag/Stag-BoldItalic-Web.woff") format("woff");
}
@font-face {
  font-family: "Stag Book";
  src: url("../fonts/Fonts/Stag/Stag-Book-Web.eot?#iefix");
  src: url("../fonts/Fonts/Stag/Stag-Book-Web.eot?#iefix") format("eot"), url("../fonts/Fonts/Stag/Stag-Book-Web.woff2") format("woff2"), url("../fonts/Fonts/Stag/Stag-Book-Web.woff") format("woff");
}
@font-face {
  font-family: "Stag Book Italic";
  src: url("../fonts/Fonts/Stag/Stag-BookItalic-Web.eot?#iefix");
  src: url("../fonts/Fonts/Stag/Stag-BookItalic-Web.eot?#iefix") format("eot"), url("../fonts/Fonts/Stag/Stag-BookItalic-Web.woff2") format("woff2"), url("../fonts/Fonts/Stag/Stag-BookItalic-Web.woff") format("woff");
}
@font-face {
  font-family: "Stag Sans Book";
  src: url("../fonts/Fonts/Stag/StagSans-Book-Web.eot?#iefix");
  src: url("../fonts/Fonts/Stag/StagSans-Book-Web.eot?#iefix") format("eot"), url("../fonts/Fonts/Stag/StagSans-Book-Web.woff2") format("woff2"), url("../fonts/Fonts/Stag/StagSans-Book-Web.woff") format("woff");
}
@font-face {
  font-family: "Stag Sans Bold";
  src: url("../fonts/Fonts/Stag/StagSans-Bold-Web.eot?#iefix");
  src: url("../fonts/Fonts/Stag/StagSans-Bold-Web.eot?#iefix") format("eot"), url("../fonts/Fonts/Stag/StagSans-Bold-Web.woff2") format("woff2"), url("../fonts/Fonts/Stag/StagSans-Bold-Web.woff") format("woff");
}
#tag-sizes {
  padding: 50px 0;
  outline: 1px solid #000000;
  display: block;
  position: relative;
}
#tag-sizes h1, #tag-sizes h2, #tag-sizes h3, #tag-sizes h4, #tag-sizes h5, #tag-sizes p {
  margin: 20px 0;
}

body, html {
  font-size: 13px;
  line-height: 1.5;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  height: auto;
  letter-spacing: 0.4px;
  -webkit-font-smoothing: antialiased !important;
}

p, h1, h2, h3, h4, h5 {
  line-height: 1.3;
  margin-top: 0;
  -webkit-transition: font-size 0.3s ease;
  -moz-transition: font-size 0.3s ease;
  -o-transition: font-size 0.3s ease;
  transition: font-size 0.3s ease;
}

p {
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  font-size: 1.23077rem;
  line-height: 1.4;
  margin-bottom: 1.8rem;
}
@media screen and (min-width: 789px) {
  p {
    font-size: 1.2rem;
  }
}

h1 {
  font-size: 3.07692rem;
  line-height: 3.46154rem;
  font-family: "Stag Bold", "Trebuchet MS", serif;
  text-transform: uppercase;
}
@media screen and (min-width: 641px) {
  h1 {
    font-size: 2.69231rem;
  }
}
@media screen and (min-width: 789px) {
  h1 {
    font-size: 3.07692rem;
  }
}
@media screen and (min-width: 1025px) {
  h1 {
    font-size: 3.46154rem;
  }
}
@media screen and (min-width: 1441px) {
  h1 {
    font-size: 3.84615rem;
  }
}

/* H2 is Stag Book 36px, adjust as you need to for tablet/mobile */
h2 {
  font-size: 1.53846rem;
  font-family: "Stag Book", "Trebuchet MS", serif;
}
@media screen and (min-width: 641px) {
  h2 {
    font-size: 1.92308rem;
  }
}
@media screen and (min-width: 789px) {
  h2 {
    font-size: 2.15385rem;
  }
}
@media screen and (min-width: 1025px) {
  h2 {
    font-size: 2.76923rem;
  }
}

/* h3 is Open Sans 36px */
h3 {
  font-size: 1.23077rem;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  font-weight: bold;
}
@media screen and (min-width: 641px) {
  h3 {
    font-size: 1.23077rem;
  }
}
@media screen and (min-width: 789px) {
  h3 {
    font-size: 1.38462rem;
  }
}
@media screen and (min-width: 1025px) {
  h3 {
    font-size: 1.53846rem;
  }
}

/* h4 is Stag Bold in 30px*/
h4 {
  font-family: "Stag Bold", "Trebuchet MS", serif;
  font-size: 1.53846rem;
}
@media screen and (min-width: 641px) {
  h4 {
    font-size: 1.76923rem;
  }
}
@media screen and (min-width: 789px) {
  h4 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1025px) {
  h4 {
    font-size: 2.30769rem;
  }
}
@media screen and (min-width: 1441px) {
  h4 {
    font-size: 2.30769rem;
  }
}

/* h5 Open Sans in 24px */
h5 {
  font-family: "Stag Bold", "Trebuchet MS", serif;
  font-size: 1.38462rem;
}
@media screen and (min-width: 641px) {
  h5 {
    font-size: 1.53846rem;
  }
}
@media screen and (min-width: 789px) {
  h5 {
    font-size: 1.69231rem;
  }
}
@media screen and (min-width: 1025px) {
  h5 {
    font-size: 1.69231rem;
  }
}
@media screen and (min-width: 1441px) {
  h5 {
    font-size: 1.84615rem;
  }
}

figure {
  margin: 0;
}

ul, ol {
  font-family: "Stag Book", "Trebuchet MS", serif;
}

.content-box table thead {
  background-color: transparent;
}
.content-box table thead tr th {
  line-height: normal;
  padding: 0;
}

a {
  color: #ee3124;
}
a:hover {
  color: #db1e11;
}
a:focus {
  color: #ee3124;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.53846rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1.23077rem 2.46154rem 1.30769rem 2.46154rem;
  font-size: 1.23077rem;
  background-color: #ee3124;
  border-color: #cb1c10;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  padding: 0.84615rem 1.69231rem;
  letter-spacing: 0.8px;
}
button:hover, button:focus {
  background-color: #cb1c10;
}
button:hover, button:focus {
  color: #FFFFFF;
}
button:hover {
  background-color: #a81314 !important;
}

.cta-primary {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.53846rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1.23077rem 2.46154rem 1.30769rem 2.46154rem;
  font-size: 1.23077rem;
  background-color: #ee3124;
  border-color: #cb1c10;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  padding: 0.84615rem 1.69231rem;
  letter-spacing: 0.8px;
}
.cta-primary:hover, .cta-primary:focus {
  background-color: #cb1c10;
}
.cta-primary:hover, .cta-primary:focus {
  color: #FFFFFF;
}
.cta-primary:hover {
  background-color: #a81314 !important;
}

.cta-secondary {
  color: #ee3124;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  font-size: 1.23077rem;
  letter-spacing: 0.9px;
}
.cta-secondary:after {
  content: "\f105";
  font-family: FontAwesome;
  padding-left: 0.76923rem;
}
.cta-secondary:hover {
  color: #a81314 !important;
}
.cta-secondary.angle-left:after {
  content: " ";
}
.cta-secondary.angle-left:before {
  content: "\f104";
  font-family: FontAwesome;
  padding-right: 1.15385rem;
}

.cta-tertiary {
  color: #dd8115;
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-size: 1.23077rem;
  font-weight: bold;
}
.cta-tertiary:hover {
  text-decoration: underline;
  color: #dd8115;
}
.cta-tertiary:active {
  color: #dd8115;
}
.cta-tertiary.red {
  color: #ee3124;
}
.cta-tertiary.red:hover {
  color: #ee3124;
}
.cta-tertiary.red:active {
  color: #ee3124;
}

.cta-tag {
  color: #dd8115;
  font-family: "Stag Bold Italic", "Trebuchet MS", serif;
  font-size: 1.15385rem;
}
.cta-tag:hover {
  text-decoration: underline;
}

.button.secondary {
  border: 1px solid #fff;
}

.cta-primary.white-border {
  border: 1px solid #fff;
}

.back-to-top {
  font-size: 1.15385rem;
  margin: 0.76923rem 0 1.92308rem;
  display: block;
}
.back-to-top i {
  margin-left: 1.15385rem;
  vertical-align: text-top;
}
@media screen and (min-width: 789px) {
  .back-to-top {
    margin: 3.61538rem 0 3.92308rem;
  }
}

/* We already have .cta-tag for links, but sometimes regular text needs the "tag" styling as well*/
.tag-label {
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  font-size: 1.15385rem;
  font-style: italic;
  color: #ef8810;
  line-height: 1rem;
}

/* from styleguide - notes are basically another variation of tags styling - just different font color, non-bold */
.notes {
  font-family: "Stag Book Italic", "Trebuchet MS", serif;
  font-size: 1.38462rem;
  color: #98681a;
  line-height: 1rem;
}

/* Missed from styleguide - on Meat pages we sometimes have sub-text that is smaller and light grey */
.sub-text {
  font-size: 1rem;
  color: #666666;
}

/* Magic Blocks now have a subtitle, not originally counted for in styleguide */
.column-content-subtitle {
  font-size: 1.38462em;
}

/* Sharing links using Addthis */
.addthis_sharing_toolbox {
  margin-top: 1.53846rem;
}
@media screen and (min-width: 789px) {
  .addthis_sharing_toolbox {
    margin-left: 2.30769rem;
  }
}
@media screen and (min-width: 1025px) {
  .addthis_sharing_toolbox {
    margin-left: 2.69231rem;
  }
}
.addthis_sharing_toolbox .at-share-btn {
  display: inline-block;
  width: 4.84615rem;
  height: 4.84615rem;
  font-size: 2.53846rem;
  text-align: center;
  transform: scale(0.8);
  margin-right: 0.30769rem;
  max-height: none !important;
  max-width: none !important;
}
@media screen and (min-width: 789px) {
  .addthis_sharing_toolbox .at-share-btn {
    transform: scale(1);
    margin-right: 1.38462rem !important;
  }
}
.addthis_sharing_toolbox .at-share-btn.at-svc-facebook {
  background: #435fa8;
}
.addthis_sharing_toolbox .at-share-btn.at-svc-pinterest_share {
  background: #e52f35;
}
.addthis_sharing_toolbox .at-share-btn.at-svc-twitter {
  background: #36ade0;
}
.addthis_sharing_toolbox .at-share-btn.at-svc-email {
  background: #918669;
}
.addthis_sharing_toolbox .at-share-btn span.at4-icon {
  width: 4.84615rem;
  height: 4.84615rem;
  background-position: center center;
  background-size: 3.46154rem auto !important;
}
.addthis_sharing_toolbox .at-share-btn .at-icon-wrapper {
  background: none !important;
  height: 100% !important;
  line-height: 100% !important;
  width: auto !important;
}
.addthis_sharing_toolbox .at-share-btn .at-icon-wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.addthis_sharing_toolbox .at-share-btn .at-icon-wrapper svg {
  display: inline-block;
  /*                height: 70% !important;*/
  vertical-align: middle;
  /*                width: auto !important;*/
}

/* Sections sometimes have a bg-color, create general class for them */
.beige-bg {
  background: #c6beaa;
}

.white-bg {
  background: #FFFFFF;
}

.black-bg {
  background: #000000;
}

.red-bg {
  background: #ee3124;
}

.light-grey-bg, .grey-bg {
  background: #e5e5e5;
}

/* sometimes cta's/titles, etc are not default color, create general classes based on style guide approved colors
*/
.white {
  color: #FFFFFF;
}

.black, .dark {
  color: #000000;
}

.red {
  color: #ee3124;
}

.dark-gold {
  color: #8a7b64;
}

.light-grey {
  color: #e5e5e5;
}

.brown {
  color: #98681a;
}

.hidden {
  display: none;
}

.banner {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  overflow: hidden;
  /* small thumbnails inside of banner should zoom on hover as well */
}
@media screen and (min-width: 1160px) {
  .banner {
    background-image: none !important;
  }
}
.banner .banner-img {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  /* max-width: none; */
  width: 2900px;
  z-index: 0;
  display: inline-block;
  /* right: 0; */
  text-align: center;
  margin-left: -1450px;
}
@media screen and (min-width: 1160px) {
  .banner .banner-img {
    background: #000;
    display: inline-block;
  }
}
.banner .banner-img img {
  /* position: absolute; */
  top: 0;
  /* left: 0; */
  width: auto;
  height: 100%;
  max-width: none;
  /* margin-left: -800px; */
  /* opacity: .9; */
  display: none;
}
@media screen and (min-width: 1160px) {
  .banner .banner-img img {
    display: inline-block;
  }
}
.banner .banner-img:before, .banner .banner-img:after {
  bottom: 0;
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  width: 100%;
  /* flex: 1 0 33%; */
  margin: 0 -75%;
  /* left: 100%; */
  /* outline: 1px solid red; */
  opacity: 0;
  transition: all .4s ease-out 0s;
  z-index: 10;
}
@media screen and (min-width: 1160px) {
  .banner .banner-img:before, .banner .banner-img:after {
    opacity: 1;
  }
}
.banner .banner-img:before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+90,000000+100&1+90,0+100 */
  background: -moz-linear-gradient(left, black 90%, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, black 90%, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, black 90%, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
  /* IE6-9 */
  left: 0;
}
.banner .banner-img:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+10&0+0,1+10 */
  background: -moz-linear-gradient(left, transparent 0%, black 10%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, transparent 0%, black 10%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, transparent 0%, black 10%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
  /* IE6-9 */
  right: 0;
}
.banner h1 {
  margin-bottom: 15px;
}
.banner h1:first-line {
  font-family: "Stag Sans Bold", "Open Sans", Tahoma, sans-serif;
  font-size: 0.625em;
  line-height: 1em;
}
.banner h1, .banner h4, .banner p, .banner .cta-secondary {
  text-shadow: 2px 2px 50px black;
  color: #fff;
}
.banner h4 {
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  font-size: 1.53846rem;
}
.banner .cta {
  display: inline-block;
}
.banner .cta-primary {
  margin: 1.53846rem 2.30769rem 0.76923rem 0;
}
.banner .zoom {
  overflow: hidden;
}
.banner .zoom img {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
.banner .zoom img:hover {
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}
.banner.b-1 .no-content {
  margin-bottom: 0;
}
.banner.b-1 .no-content .content {
  background-color: transparent;
}
.banner.b-1 .content {
  margin-top: 12.30769rem;
  background-color: #8d7b63;
  padding: 27px 20px 43px 20px;
}
.banner.b-1 .content.promo {
  background-color: #ee3124;
  margin: 1em;
}
.banner.b-1 .content.promo.top {
  margin-top: 9.23077rem;
}
.banner.b-1 .content.promo.bottom {
  margin-top: 0;
}
.banner.b-1 .content.promo h3, .banner.b-1 .content.promo h4, .banner.b-1 .content.promo p, .banner.b-1 .content.promo .cta-secondary {
  color: #FFFFFF;
}
.banner.b-1 .content.promo h3 {
  font-family: "Stag Book", "Trebuchet MS", serif;
  border-bottom: 2px solid #FFFFFF;
  display: inline-block;
  text-transform: capitalize;
}
.banner.b-1 .content.secondary {
  display: none;
}
.banner.b-1 .content.secondary .columns {
  padding-right: 0;
}
.banner.b-1 p.description {
  display: none;
}
.banner.b-1 h4 {
  margin-bottom: 0;
}
.banner.b-2 h4 {
  margin-bottom: 0;
}
.banner.b-2 .cta-primary {
  margin: 0.38462rem 2.30769rem 0.76923rem 0;
}
.banner.b-2 .content {
  background-color: #8d7b63;
  margin-top: 0;
  padding: 27px 20px 23px 20px;
}
.banner.b-2 .content.snapshot {
  background-color: #FFFFFF;
}
.banner.b-2 .snapshot-img img {
  width: 100%;
}
.banner.b-3 .content-style-1 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.25+0,0.55+45,0.55+60,0.25+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(45%, rgba(0, 0, 0, 0.75)), color-stop(60%, rgba(0, 0, 0, 0.75)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=0 );
  /* IE6-9 */
}
.banner.b-3 .content-style-1 h1, .banner.b-3 .content-style-1 h4, .banner.b-3 .content-style-1 .cta-secondary {
  color: #fff;
}
.banner.b-3 .content-style-2 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.75+20,0.75+55,0.5+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(20%, rgba(255, 255, 255, 0.75)), color-stop(55%, rgba(255, 255, 255, 0.75)), color-stop(100%, rgba(255, 255, 255, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.5) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.5) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 );
  /* IE6-9 */
}
.banner.b-3 .content-style-2 h1, .banner.b-3 .content-style-2 h4, .banner.b-3 .content-style-2 p, .banner.b-3 .content-style-2 .cta-secondary {
  color: #000;
}
.banner.b-3 .content {
  padding: 2em;
}
.banner.b-3 .content.primary {
  margin-top: 7.69231rem;
}
.banner.b-3 .content.promo {
  background-color: #ee3124;
  margin: 1em;
}
.banner.b-3 .content.promo.top {
  margin-top: 3.84615rem;
}
.banner.b-3 .content.promo.single {
  margin-top: 3.84615rem;
}
.banner.b-3 .content.promo.bottom, .banner.b-3 .content.promo.single {
  margin-bottom: 3.84615rem;
}
.banner.b-3 .content.promo h3, .banner.b-3 .content.promo h4, .banner.b-3 .content.promo p, .banner.b-3 .content.promo .cta-secondary {
  color: #FFFFFF;
  text-shadow: none;
}
.banner.b-3 .content.promo h3 {
  font-family: "Stag Book", "Trebuchet MS", serif;
  border-bottom: 2px solid #FFFFFF;
  display: inline-block;
  text-transform: capitalize;
}
.banner.b-3 p.description {
  display: none;
}
.banner.b-3 h4 {
  margin-bottom: 0;
}
.banner .video-toggle {
  left: -100000%;
  position: fixed;
  top: -1000000%;
}
.banner .banner-video {
  background: #000;
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.banner .banner-video-hide {
  display: none;
}
.banner .banner-video .video-close {
  background: rgba(0, 0, 0, 0.5);
  color: #ddd;
  font-size: 30px;
  line-height: 30px;
  padding: 6px 10px;
  position: absolute;
  right: 1rem;
  text-align: center;
  top: calc(70px + 1rem);
  z-index: 20;
}
.banner .banner-video .video-close:hover {
  color: #ee3124;
}
.banner .banner-video .video-close i {
  pointer-events: none;
}
.banner .banner-video .video-close i:before {
  pointer-events: none;
}
.banner .banner-video iframe {
  background: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  /*padding-top: 74px;*/
  position: absolute;
  right: 0;
  top: auto;
  width: 100%;
  z-index: 10;
}
@media screen and (min-width: 480px) {
  .banner .banner-video iframe {
    padding-top: 74px;
  }
}
.banner .video-toggle:checked ~ .banner-video {
  display: block;
}
@media screen and (min-width: 480px) {
  .banner.b-1 .content {
    margin-top: 9.23077rem;
  }
  .banner.b-1 .content.promo.top {
    margin-top: 3.84615rem;
  }
  .banner.b-1 .content.promo.bottom {
    margin-bottom: 3.84615rem;
  }
  .banner.b-1 h4 {
    padding-right: 13.46154rem;
  }
  .banner.b-2 .content.primary {
    margin-top: 7.69231rem;
  }
  .banner.b-3 .content {
    background-color: transparent;
  }
  .banner.b-3 .content.primary {
    margin-top: 7.69231rem;
  }
  .banner.b-3 .content.promo.top {
    margin-top: 3.84615rem;
  }
  .banner.b-3 .content.promo.single {
    margin-top: 3.84615rem;
  }
  .banner.b-3 .content.promo.bottom, .banner.b-3 .content.promo.single {
    margin-bottom: 3.84615rem;
  }
  .banner.b-3 h4 {
    padding-right: 13.46154rem;
  }
}
@media screen and (min-width: 641px) {
  .banner {
    max-height: 65.38462rem;
    height: 100%;
    min-height: 50rem;
  }
  .banner.b-1 .content-style-1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.25+0,0.55+45,0.55+60,0.25+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(45%, rgba(0, 0, 0, 0.75)), color-stop(60%, rgba(0, 0, 0, 0.75)), color-stop(100%, rgba(0, 0, 0, 0.5)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.5) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.5) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=0 );
    /* IE6-9 */
  }
  .banner.b-1 .content-style-1 h1, .banner.b-1 .content-style-1 h4, .banner.b-1 .content-style-1 .cta-secondary {
    color: #fff;
  }
  .banner.b-1 .content-style-1 h4 {
    font-family: "Stag Sans Bold", "Open Sans", Tahoma, sans-serif;
  }
  .banner.b-1 .content-style-2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.75+20,0.75+55,0.5+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.5) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(20%, rgba(255, 255, 255, 0.75)), color-stop(55%, rgba(255, 255, 255, 0.75)), color-stop(100%, rgba(255, 255, 255, 0.5)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.5) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.5) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.5) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.5) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 );
    /* IE6-9 */
  }
  .banner.b-1 .content-style-2 h1, .banner.b-1 .content-style-2 h4, .banner.b-1 .content-style-2 p, .banner.b-1 .content-style-2 .cta-secondary {
    color: #000;
  }
  .banner.b-1 .content {
    margin-top: 10.76923rem;
    margin-bottom: 3.84615rem;
    background-color: transparent;
  }
  .banner.b-1 .content.primary.no-secondary {
    margin-bottom: 7.69231rem;
  }
  .banner.b-1 .content.secondary {
    display: block;
    margin-top: 0;
    margin-bottom: 11.30769rem;
  }
  .banner.b-1 .content.secondary .columns:last-of-type {
    margin-left: 1.15385rem;
  }
  .banner.b-1 .content.secondary h5 {
    margin-bottom: 0;
  }
  .banner.b-1 .content.secondary p {
    margin-bottom: 0.84615rem;
  }
  .banner.b-1 .content.secondary img, .banner.b-1 .content.secondary .content-box {
    float: left;
  }
  .banner.b-1 .content.promo.top {
    margin-top: 9.23077rem;
  }
  .banner.b-1 .content.promo.bottom {
    margin-bottom: 3.84615rem;
  }
  .banner.b-1 h4, .banner.b-1 p {
    padding-right: 0;
  }
  .banner.b-1 p {
    margin-top: 0;
  }
  .banner.b-1 .cta {
    margin: 1.15385rem 0 0;
  }
  .banner.b-1 .cta-primary {
    margin: 1.53846rem 1.84615rem 0 0;
  }
  .banner.b-2 {
    padding-bottom: 3.07692rem;
  }
  .banner.b-2 h4 {
    width: 80%;
  }
  .banner.b-2 p.description {
    display: block;
  }
  .banner.b-2 .cta-primary {
    margin: 0 1.84615rem 0 0;
  }
  .banner.b-2 .content {
    background-color: transparent;
    margin-top: 12.30769rem;
  }
  .banner.b-2 .content.snapshot {
    background-color: transparent;
    margin-top: 7.30769rem;
    margin-bottom: 3.84615rem;
  }
  .banner.b-2 .snapshot-img {
    transform: rotate(5deg);
    background-color: #FFFFFF;
    -webkit-box-shadow: 6px 6px 11px 0px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 6px 6px 11px 0px rgba(0, 0, 0, 0.43);
    box-shadow: 6px 6px 11px 0px rgba(0, 0, 0, 0.43);
    max-width: 502px;
    height: auto;
  }
  .banner.b-2 .snapshot-img img {
    height: auto;
    margin: 0 auto;
    transform: scale(0.925);
  }
  .banner.b-3 .content.primary {
    margin-top: 7.69231rem;
    margin-bottom: 7.69231rem;
  }
  .banner.b-3 .content.promo.top {
    margin-top: 3.84615rem;
  }
  .banner.b-3 .content.promo.single {
    margin-top: 3.84615rem;
  }
  .banner.b-3 .content.promo.bottom, .banner.b-3 .content.promo.single {
    margin-bottom: 3.84615rem;
  }
  .banner.b-3 h4, .banner.b-3 p {
    padding-right: 0;
  }
  .banner.b-3 p {
    margin-top: 0;
  }
  .banner.b-3 .cta {
    margin: 1.15385rem 0 0;
  }
  .banner.b-3 .cta-primary {
    margin: 1.53846rem 1.84615rem 0 0;
  }
}
@media screen and (min-width: 789px) {
  .banner.b-1 .content {
    background-color: transparent;
    margin-bottom: 0;
    padding: 3.46154rem 3.07692rem 3.46154rem 3.07692rem;
  }
  .banner.b-1 .content.primary {
    margin-bottom: 4rem;
  }
  .banner.b-1 p.description {
    display: block;
  }
  .banner.b-1 h4 {
    margin-bottom: 0.92308rem;
  }
  .banner.b-2 h4 {
    margin-bottom: 0.76923rem;
  }
  .banner.b-2 .content {
    background-color: transparent;
  }
  .banner.b-2 .content.snapshot {
    background-color: transparent;
  }
  .banner.b-3 .content {
    padding: 1.92308rem 1.53846rem 1.92308rem 1.53846rem;
  }
  .banner.b-3 .content.primary {
    margin-top: 12.30769rem;
  }
  .banner.b-3 .content.promo.top {
    margin-top: 9.23077rem;
  }
  .banner.b-3 .content.promo.single {
    margin-top: 90%;
  }
  .banner.b-3 .content.promo.bottom, .banner.b-3 .content.promo.single {
    margin-bottom: 3.84615rem;
  }
  .banner.b-3 p.description {
    display: block;
  }
  .banner.b-3 h4 {
    margin-bottom: 1.61538rem;
  }
}
@media screen and (min-width: 1025px) {
  .banner.b-1 h4 {
    padding-right: 0;
  }
  .banner.b-1 p {
    padding-right: 0;
    margin-bottom: 1.69231rem;
  }
  .banner.b-1 .content.primary {
    margin-top: 12.30769rem;
  }
  .banner.b-2 {
    padding-bottom: 0;
  }
  .banner.b-2 .content.snapshot {
    margin-top: 11.07692rem;
    margin-bottom: 7.69231rem;
  }
  .banner.b-3 .content.primary {
    margin-top: 12.30769rem;
  }
  .banner.b-3 .content.promo.top {
    margin-top: 9.23077rem;
  }
  .banner.b-3 .content.promo.single {
    margin-top: 90%;
  }
  .banner.b-3 .content.promo.bottom, .banner.b-3 .content.promo.single {
    margin-bottom: 3.84615rem;
  }
  .banner.b-3 p {
    padding-right: 0;
    margin-bottom: 1.69231rem;
  }
  .banner.b-3 h4 {
    padding-right: 0;
  }
}

/* KM - some banners (usually at top of page) have CSS triangle masks at the bottom of them.
Options for border color currently are white/black/tan, if you need another one create a new class and call the mixin
"banner-mask(bgcolor)"*/
.banner-mask-white {
  position: relative;
}
@media screen and (min-width: 789px) {
  .banner-mask-white {
    padding-bottom: 20px;
  }
}
.banner-mask-white:before, .banner-mask-white:after {
  box-sizing: border-box;
  content: " ";
  position: absolute;
  bottom: 0;
  display: block;
  width: 50%;
  height: 20px;
  border-top: 20px solid transparent;
  border-left: 20px solid #ffffff;
  border-right: 20px solid #ffffff;
  border-bottom: 20px solid #ffffff;
}
.banner-mask-white:before {
  left: 0;
  border-right: 20px solid transparent;
  border-left: 0;
  z-index: 1;
}
@media screen and (min-width: 789px) {
  .banner-mask-white:before {
    /*      z-index: inherit;*/
  }
}
.banner-mask-white:after {
  right: 0;
  border-left: 20px solid transparent;
  border-right: 0;
}

.banner-mask-black {
  position: relative;
}
@media screen and (min-width: 789px) {
  .banner-mask-black {
    padding-bottom: 20px;
  }
}
.banner-mask-black:before, .banner-mask-black:after {
  box-sizing: border-box;
  content: " ";
  position: absolute;
  bottom: 0;
  display: block;
  width: 50%;
  height: 20px;
  border-top: 20px solid transparent;
  border-left: 20px solid #000000;
  border-right: 20px solid #000000;
  border-bottom: 20px solid #000000;
}
.banner-mask-black:before {
  left: 0;
  border-right: 20px solid transparent;
  border-left: 0;
  z-index: 1;
}
@media screen and (min-width: 789px) {
  .banner-mask-black:before {
    /*      z-index: inherit;*/
  }
}
.banner-mask-black:after {
  right: 0;
  border-left: 20px solid transparent;
  border-right: 0;
}

.banner-mask-tan {
  position: relative;
}
@media screen and (min-width: 789px) {
  .banner-mask-tan {
    padding-bottom: 20px;
  }
}
.banner-mask-tan:before, .banner-mask-tan:after {
  box-sizing: border-box;
  content: " ";
  position: absolute;
  bottom: 0;
  display: block;
  width: 50%;
  height: 20px;
  border-top: 20px solid transparent;
  border-left: 20px solid #dfdbd1;
  border-right: 20px solid #dfdbd1;
  border-bottom: 20px solid #dfdbd1;
}
.banner-mask-tan:before {
  left: 0;
  border-right: 20px solid transparent;
  border-left: 0;
  z-index: 1;
}
@media screen and (min-width: 789px) {
  .banner-mask-tan:before {
    /*      z-index: inherit;*/
  }
}
.banner-mask-tan:after {
  right: 0;
  border-left: 20px solid transparent;
  border-right: 0;
}

.banner-mask-grey {
  position: relative;
}
@media screen and (min-width: 789px) {
  .banner-mask-grey {
    padding-bottom: 20px;
  }
}
.banner-mask-grey:before, .banner-mask-grey:after {
  box-sizing: border-box;
  content: " ";
  position: absolute;
  bottom: 0;
  display: block;
  width: 50%;
  height: 20px;
  border-top: 20px solid transparent;
  border-left: 20px solid #ecebeb;
  border-right: 20px solid #ecebeb;
  border-bottom: 20px solid #ecebeb;
}
.banner-mask-grey:before {
  left: 0;
  border-right: 20px solid transparent;
  border-left: 0;
  z-index: 1;
}
@media screen and (min-width: 789px) {
  .banner-mask-grey:before {
    /*      z-index: inherit;*/
  }
}
.banner-mask-grey:after {
  right: 0;
  border-left: 20px solid transparent;
  border-right: 0;
}

footer {
  background-color: #000000;
  color: #FFFFFF;
  padding: 2.69231rem 0 2.61538rem 0;
  clear: both;
}
footer .row {
  overflow: hidden;
}
footer a, footer h3 {
  color: #FFFFFF;
}
footer h3 {
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-size: 1.23077rem;
}
footer li {
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  font-size: 1.38462rem;
}
footer li.smaller {
  width: 16%;
}
footer li.larger {
  width: 24%;
}
footer li a {
  width: auto;
  font-size: 16px;
}
footer .menu.legal li, footer .menu.social li {
  display: inline-block;
}
footer .menu li {
  display: block;
}
footer .menu li > ul li {
  font-style: italic;
}
footer .legal, footer.social {
  margin-top: 16px;
}
footer .legal li {
  text-transform: uppercase;
  margin: 0 12px 0 0;
  font-size: 0.92308rem;
}
@media screen and (min-width: 789px) {
  footer .legal li {
    font-size: 1.07692rem;
  }
}
@media screen and (min-width: 1025px) {
  footer .legal li {
    font-size: 1.38462rem;
  }
}
footer .legal li:first-child {
  margin-left: 0;
}
footer .legal li:last-child {
  margin-right: 0;
}
footer .social {
  float: right;
}
footer .social li {
  margin: 0 12px 0 0;
}
footer .social li.social-title {
  font-family: "Stag Bold", "Trebuchet MS", serif;
  font-size: 1.23077rem;
  letter-spacing: 2px;
}
footer .social li:last-child {
  margin: 0;
}
footer .social .fa {
  font-size: 1.5rem;
}
footer .medium-block-grid-5 {
  margin-bottom: 0.76923rem;
  padding-left: 0;
}
footer .medium-block-grid-5 h3 {
  color: #FFFFFF;
}
footer .medium-block-grid-5 li {
  font-size: 0.92308rem;
}
footer .medium-block-grid-5 li, footer .medium-block-grid-5 li a {
  color: #cccccc;
}
footer .medium-block-grid-5 li:hover, footer .medium-block-grid-5 li:focus, footer .medium-block-grid-5 li a:hover, footer .medium-block-grid-5 li a:focus {
  color: #e32526;
}
footer .medium-block-grid-5 li .accordion .accordion-navigation .fa-angle-down, footer .medium-block-grid-5 li a .accordion .accordion-navigation .fa-angle-down {
  float: right;
  padding: 0.38462rem 0 0 0;
}
@media screen and (min-width: 641px) {
  footer .medium-block-grid-5 li {
    font-size: 0.92308rem;
  }
}
@media screen and (min-width: 789px) {
  footer .medium-block-grid-5 li {
    font-size: 1.07692rem;
  }
}
@media screen and (min-width: 800px) {
  footer .medium-block-grid-5 li {
    font-size: 1.23077rem;
  }
  footer .medium-block-grid-5 h3 {
    font-size: 1.38462rem;
  }
}
@media screen and (min-width: 1025px) {
  footer .medium-block-grid-5 li {
    font-size: 1.38462rem;
  }
  footer .medium-block-grid-5 h3 {
    font-size: 1.69231rem;
  }
}
footer.mobile-footer {
  padding: 0;
}
footer.mobile-footer .accordion {
  margin: 0;
}
footer.mobile-footer .accordion .accordion-navigation > a {
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-size: 1.53846rem;
}
@media screen and (min-width: 480px) {
  footer.mobile-footer .accordion .accordion-navigation > a {
    font-size: 1.69231rem;
  }
}
footer.mobile-footer .accordion .accordion-navigation > a,
footer.mobile-footer .accordion .accordion-navigation.active > a,
footer.mobile-footer .accordion .accordion-navigation > .content.active {
  background-color: #000000;
  color: #FFFFFF;
}
footer.mobile-footer .accordion .accordion-navigation > a:hover,
footer.mobile-footer .accordion .accordion-navigation.active > a:hover,
footer.mobile-footer .accordion .accordion-navigation > .content.active:hover {
  background-color: #000000;
}
footer.mobile-footer .accordion .accordion-navigation .fa-angle-down {
  float: right;
  padding: 0.38462rem 0 0 0;
}
footer.mobile-footer .accordion .accordion-navigation > a, footer.mobile-footer .accordion .accordion-navigation li a, footer.mobile-footer .accordion2 li a {
  outline: 0;
}
footer.mobile-footer .accordion .accordion-navigation > a:hover, footer.mobile-footer .accordion .accordion-navigation li a:hover, footer.mobile-footer .accordion2 li a:hover {
  color: #e32526;
}
footer.mobile-footer .accordion .accordion-navigation.active > a {
  color: #e32526;
}
footer.mobile-footer .accordion .accordion-navigation.active > a:hover {
  color: #e32526;
}
footer.mobile-footer .accordion .accordion-navigation > a,
footer.mobile-footer .accordion .accordion-navigation.active > a {
  padding: 0.84615rem 1.53846rem 0.84615rem 1.53846rem;
}
@media screen and (min-width: 480px) {
  footer.mobile-footer .accordion .accordion-navigation > a,
  footer.mobile-footer .accordion .accordion-navigation.active > a {
    padding: 0.84615rem 2.53846rem 0.84615rem 3.07692rem;
  }
}
footer.mobile-footer .accordion .accordion-navigation > .content {
  padding: 0;
}
footer.mobile-footer .accordion .accordion-navigation {
  border: none;
  border-bottom: 1px solid #242322;
}
footer.mobile-footer .accordion .accordion-navigation.active .fa-angle-down:before {
  content: "\f106";
}
footer.mobile-footer .accordion .accordion-navigation .accordion-navigation .submenu li {
  padding: 0.07692rem 0;
}
footer.mobile-footer .accordion .accordion-navigation .accordion-navigation .submenu li a:hover, footer.mobile-footer .accordion .accordion-navigation .accordion-navigation .submenu li a:focus {
  color: #e32526;
}
footer.mobile-footer .accordion2 .accordion-navigation > a {
  font-size: 1.38462rem;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
}
footer.mobile-footer .accordion2 li > a, footer.mobile-footer .accordion2 .accordion-navigation li > a {
  padding: 0 3.07692rem;
}
footer.mobile-footer .accordion li > a, footer.mobile-footer .accordion .accordion-navigation li > a {
  padding: 0 3.07692rem;
}
footer.mobile-footer .accordion2 .accordion-navigation li > a {
  padding: 0 0 0 5.76923rem;
  font-size: 1.23077rem;
}
footer.mobile-footer .accordion .accordion-navigation > a, footer.mobile-footer .accordion .accordion-navigation.active > a {
  padding-left: 1.53846rem;
  background-color: transparent;
}
footer.mobile-footer .accordion .accordion-navigation > a:hover, footer.mobile-footer .accordion .accordion-navigation.active > a:hover {
  background-color: transparent;
}
footer.mobile-footer .accordion .accordion-navigation .accordion-navigation, footer.mobile-footer .accordion .accordion-navigation .accordion-navigation .active, footer.mobile-footer .accordion .accordion-navigation.active .accordion-navigation, footer.mobile-footer .accordion .accordion-navigation.active .accordion-navigation .active {
  padding-left: 0;
}
footer.mobile-footer .accordion .accordion-navigation .accordion-navigation > a, footer.mobile-footer .accordion .accordion-navigation .accordion-navigation .active > a, footer.mobile-footer .accordion .accordion-navigation.active .accordion-navigation > a, footer.mobile-footer .accordion .accordion-navigation.active .accordion-navigation .active > a {
  padding: 0 0 0 3.07692rem;
}
footer.mobile-footer .accordion .accordion-navigation li:first-of-type, footer.mobile-footer .accordion .accordion-navigation.active li:first-of-type {
  padding-top: 1.46154rem;
}
footer.mobile-footer .accordion .accordion-navigation li:last-of-type, footer.mobile-footer .accordion .accordion-navigation.active li:last-of-type {
  padding-bottom: 1.46154rem;
}
footer.mobile-footer .accordion2 {
  margin-left: 0;
}
footer.mobile-footer .accordion2 .submenu {
  margin-left: 0;
}
footer.mobile-footer .accordion2 .accordion-navigation {
  font-size: 1.23077rem;
}
footer.mobile-footer .accordion2 .accordion-navigation > a {
  background-color: #242322;
}
footer.mobile-footer .accordion2 .accordion-navigation.active {
  border-bottom: 0;
}
footer.mobile-footer .accordion2 .accordion-navigation.active a:hover {
  background-color: transparent;
}
footer.mobile-footer .accordion2 .accordion-navigation.active .content li:first-of-type {
  border: 0;
}
footer.mobile-footer .accordion2 .accordion-navigation li:first-of-type, footer.mobile-footer .accordion2 .accordion-navigation.active li:first-of-type {
  padding-top: 0;
}
footer.mobile-footer .accordion2 .accordion-navigation li:last-of-type, footer.mobile-footer .accordion2 .accordion-navigation.active li:last-of-type {
  padding-bottom: 0;
}
footer.mobile-footer p {
  text-align: center;
  margin: 1.53846rem 0;
}
footer.mobile-footer .general-links ul {
  margin: 0;
}
footer.mobile-footer .general-links ul.social, footer.mobile-footer .general-links ul.legal {
  float: none;
  text-align: center;
  margin-bottom: 1.53846rem;
}
footer.mobile-footer .general-links ul.social .fa, footer.mobile-footer .general-links ul.legal .fa {
  font-size: 1.25em;
}
footer.mobile-footer .general-links ul.social li, footer.mobile-footer .general-links ul.legal li {
  display: inline-block;
  background-color: transparent;
  margin: 0 0.53846rem;
  border: none;
  padding: 0;
}
footer.mobile-footer .general-links ul.social li a, footer.mobile-footer .general-links ul.legal li a {
  margin: 0;
}
footer.mobile-footer .general-links ul.social li:first-of-type {
  border: none;
}
footer.mobile-footer .general-links ul.legal li {
  border-right: 1px solid #FFFFFF;
  padding-right: 0.38462rem;
  margin: 0;
  line-height: 1.23077rem;
}
footer.mobile-footer .general-links ul.legal li:last-of-type {
  border: none;
}
footer.mobile-footer .general-links ul.legal li a {
  font-size: 0.92308rem;
}
@media screen and (min-width: 480px) {
  footer.mobile-footer .general-links ul.legal li {
    padding: 0 0.76923rem;
  }
}
@media screen and (min-width: 789px) {
  footer.mobile-footer .general-links ul.legal li {
    border-right: 0;
  }
}
footer.mobile-footer .content ul li {
  background-color: #242322;
  display: block;
  padding: 0.38462rem 0;
  margin-left: 0;
  border-bottom: 0;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
}
footer.mobile-footer .content ul li a {
  margin-left: 0;
}
footer.mobile-footer #subpanel {
  padding: 0;
}
@media screen and (min-width: 789px) {
  footer {
    padding: 5rem 0 2.61538rem 0;
  }
  footer ul.menu.social .fa {
    font-size: 2.0rem;
  }
  footer ul.menu.legal {
    margin-top: 0.76923rem;
  }
}
@media screen and (min-width: 1025px) {
  footer ul.menu li.legal, footer ul.menu li.social {
    font-size: 1.23077rem;
  }
  footer ul.menu.social {
    margin-top: 0;
  }
  footer ul.menu.social li {
    margin: 0 23px 0 0;
  }
  footer ul.menu.social li.social-title {
    font-size: 1.53846rem;
  }
  footer ul.menu.social .fa {
    font-size: 2.5rem;
  }
}

body.f-topbar-fixed #newsletter-search {
  display: none;
}

/* Desktop Search & Newsletter - very top of Header */
#newsletter-search {
  clear: both;
  min-height: 40px;
  background: #131313;
  z-index: 10;
}
@media screen and (min-width: 641px) {
  #newsletter-search {
    min-height: 35px;
  }
}
#newsletter-search .search-wrapper {
  padding-left: 0;
}
#newsletter-search i {
  color: #fff;
  line-height: 2.7em;
}
#newsletter-search i:hover {
  cursor: pointer;
}
#newsletter-search .search-container {
  display: none;
  width: 94%;
  float: left;
}
#newsletter-search .search-container fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
#newsletter-search .search-container .middleColumn {
  width: auto;
  float: none;
}
#newsletter-search .search-container .search-input, #newsletter-search .search-container #SearchForm_SearchForm_Search {
  border: 0;
  height: 1.92308rem;
  width: 80%;
  margin: 0.53846rem 0 0 0;
  padding: 5px 5px 5px 10px;
  font-size: 1rem;
  box-shadow: none;
  float: left;
}
#newsletter-search .search-container #SearchForm_SearchForm_action_results {
  float: left;
  width: 15%;
  margin: 0.53846rem 0 0 0;
  padding: 0;
  background-color: #fff;
  height: 1.92308rem;
  outline: none;
  border: none;
}
#newsletter-search .search-container #SearchForm_SearchForm_action_results i {
  color: #000;
  line-height: normal;
}
#newsletter-search .search-open .search-container {
  display: block;
}
#newsletter-search .search-open > i::before {
  content: '\f00d';
}
#newsletter-search .newsletter-wrapper {
  line-height: 2.7em;
  text-align: center;
}
#newsletter-search .newsletter-wrapper a {
  background-color: #ee3124;
  color: #FFFFFF;
  line-height: 2.7em;
  display: inline-block;
  padding: 0 10px;
}
#newsletter-search .newsletter-wrapper a i {
  margin-right: 5px;
}

/* Recal Notice - important messaging at top of header for both desktop & mobile */
#desktop-alert, #mobile-alert {
  background-color: #efb412;
  border-color: #efb412;
  padding: 1em 0;
}
#desktop-alert .alert-box, #mobile-alert .alert-box {
  margin-bottom: 0;
  border-color: #efb412;
  background-color: #efb412;
  padding: 0;
}
#desktop-alert .alert-box .close-wrapper, #mobile-alert .alert-box .close-wrapper {
  padding-right: 0.5em;
}
#desktop-alert .alert-box a, #mobile-alert .alert-box a {
  color: #FFFFFF;
  text-decoration: underline;
  display: inline-block;
}
#desktop-alert .close, #mobile-alert .close {
  color: #FFFFFF;
  opacity: 1;
  position: static;
  margin-bottom: 0;
}
#desktop-alert .close i, #mobile-alert .close i {
  font-weight: normal;
  font-size: 1.3rem;
}

.header-notice {
  background-color: #efb412;
  border-color: #efb412;
}

/* Header section styles */
body.f-topbar-fixed {
  padding-top: 0;
}

header {
  position: relative;
  z-index: 100;
}
header .logo {
  background: transparent url("../img/calgary-coop-logo.png") 10px 50% no-repeat;
  background-size: contain;
  text-indent: -9999px;
  display: block;
}
@media screen and (min-width: 641px) {
  header .logo {
    width: 150px;
    height: 10.76923rem;
    position: absolute;
    left: 0;
  }
}
@media screen and (min-width: 789px) {
  header .logo {
    background-position: 50% 50%;
  }
}
@media screen and (min-width: 1025px) {
  header .logo {
    width: 160px;
    height: 12rem;
    position: absolute;
    left: -15px;
  }
}
header .mobile-location-content {
  display: none;
  position: absolute;
  top: 40px;
}
header .mobile-location-content.active {
  display: block;
}

/* Desktop Nav - using Topbar */
#desktop-nav-topbar {
  position: absolute;
  width: 100%;
  background-color: rgba(71, 71, 71, 0.47);
  z-index: 20;
  height: 70px;
}
#desktop-nav-topbar .title-area {
  width: 15%;
  max-width: 210px;
  margin-top: -40px;
}
#desktop-nav-topbar .title-area .logo {
  padding: 1em;
  line-height: 1.7em;
  background-color: #ee3124;
  transition: background-color 0.5s ease;
}
#desktop-nav-topbar .top-bar-section ul {
  padding: 1.3em 0 1.7em;
}
#desktop-nav-topbar .top-bar-section li {
  background: transparent;
}
#desktop-nav-topbar .top-bar-section li.newsletter-signup {
  display: none;
}
#desktop-nav-topbar .top-bar-section li:not(.has-form) a:not(.button) {
  line-height: 2.5rem;
  word-spacing: 5px;
}
#desktop-nav-topbar .top-bar-section li {
  padding: 0 0.7rem 0 0.7rem;
}
@media screen and (min-width: 800px) {
  #desktop-nav-topbar .top-bar-section li {
    padding: 0 1rem 0 1rem;
  }
}
@media screen and (min-width: 1025px) {
  #desktop-nav-topbar .top-bar-section li {
    padding: 0 1.5rem 0 1.5rem;
  }
}
#desktop-nav-topbar .top-bar-section li a {
  padding: 0;
  font-size: 1.23077rem;
  font-family: "Stag Bold", "Trebuchet MS", serif;
  text-transform: uppercase;
}
@media screen and (min-width: 800px) {
  #desktop-nav-topbar .top-bar-section li a {
    font-size: 1.23077rem;
  }
}
@media screen and (min-width: 1025px) {
  #desktop-nav-topbar .top-bar-section li a {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1441px) {
  #desktop-nav-topbar .top-bar-section li a {
    font-size: 1.25rem;
  }
}
#desktop-nav-topbar .top-bar-section li a.active, #desktop-nav-topbar .top-bar-section li a:hover {
  border-bottom: 2px solid white;
}

/* Collapsed Sticky version of main nav, small fonts, less height, smaller logo */
body.f-topbar-fixed #desktop-nav-topbar {
  position: fixed;
}

#desktop-nav-topbar.fixed {
  height: 55px;
  padding-top: 5px;
}
#desktop-nav-topbar.fixed .title-area {
  margin-top: -5px;
}
@media screen and (min-width: 1025px) {
  #desktop-nav-topbar.fixed .title-area {
    margin-top: 0;
  }
}
#desktop-nav-topbar.fixed .top-bar-section ul {
  padding-top: 10px;
}
#desktop-nav-topbar.fixed .top-bar-section ul li:not(.has-form) a:not(.button) {
  line-height: 1.8rem;
}
#desktop-nav-topbar.fixed .top-bar-section ul li {
  padding: 0 0.7rem;
}
@media screen and (min-width: 800px) {
  #desktop-nav-topbar.fixed .top-bar-section ul li {
    padding: 0 1rem;
  }
}
@media screen and (min-width: 1025px) {
  #desktop-nav-topbar.fixed .top-bar-section ul li {
    padding: 0 1.5rem;
  }
}
#desktop-nav-topbar.fixed .top-bar-section ul li.newsletter-signup {
  padding: 0.5rem 1rem;
  margin-top: -5px;
  display: none;
  background-color: #ee3124;
}
#desktop-nav-topbar.fixed .top-bar-section ul li.newsletter-signup a:hover {
  border: none;
}
@media screen and (min-width: 1025px) {
  #desktop-nav-topbar.fixed .top-bar-section ul li.newsletter-signup {
    display: block;
  }
}
#desktop-nav-topbar.fixed .top-bar-section ul li a {
  padding: 0;
  font-size: 1.23077rem;
  font-family: "Stag Bold", "Trebuchet MS", serif;
  text-transform: uppercase;
}
@media screen and (min-width: 800px) {
  #desktop-nav-topbar.fixed .top-bar-section ul li a {
    font-size: 1.23077rem;
  }
}
@media screen and (min-width: 1025px) {
  #desktop-nav-topbar.fixed .top-bar-section ul li a {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1441px) {
  #desktop-nav-topbar.fixed .top-bar-section ul li a {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1025px) {
  #desktop-nav-topbar.fixed .logo {
    height: 5rem;
    position: absolute;
    top: -0.7em;
    background-color: transparent;
  }
}
#desktop-nav-topbar.fixed .header-notice {
  margin-top: 10px;
}

/* Mobile Nav - using tabs - NOT foundation topbar */
#mobile-nav {
  min-height: 45px;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  /*Mobile Nav Tab Contents*/
  /* Store-Location */
  /* Search */
  /* Some links are pulled out of main nav into their own bar */
  /* Main Nav */
}
#mobile-nav.sticky {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 20;
}
#mobile-nav .logo {
  width: 70%;
  line-height: 1.7em;
  padding: 0.5em 0;
  left: 0;
  position: absolute;
  top: 0;
  height: 3.30769rem;
}
#mobile-nav .co-op-tabs {
  margin: 0;
  padding: 0;
  float: right;
  width: auto;
  line-height: 1.7em;
}
#mobile-nav .co-op-tabs li.mobile-menu a {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 5px;
}
#mobile-nav .co-op-tabs li.mobile-store-location {
  margin-right: 0.5em;
}
#mobile-nav .co-op-tabs li {
  float: left;
  list-style-type: none;
  text-align: center;
}
#mobile-nav .co-op-tabs li a {
  color: #FFFFFF;
  padding: 0.5em 1em;
  display: inline-block;
}
#mobile-nav .co-op-tabs li a:hover {
  color: #d0b887;
}
#mobile-nav .tab-contents-container {
  float: none;
  clear: both;
  width: 100%;
}
#mobile-nav .tab-contents {
  color: #000;
  width: 100%;
  padding-top: 20px;
}
#mobile-nav #store-tab-contents {
  padding: 2em;
}
#mobile-nav #store-tab-contents p {
  font-size: 0.9em;
  text-align: center;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  margin-bottom: 10px;
}
#mobile-nav #store-tab-contents .store {
  color: #999999;
}
#mobile-nav #store-tab-contents .store-hours {
  color: #d0b887;
}
#mobile-nav #store-tab-contents .change-store-link {
  color: #FFFFFF;
  text-decoration: underline;
}
#mobile-nav #search-tab-contents {
  background-color: #FFFFFF;
  padding: 2em;
}
#mobile-nav #search-tab-contents :-moz-placeholder {
  color: #000000;
  opacity: 1;
}
#mobile-nav #search-tab-contents ::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
#mobile-nav #search-tab-contents :-ms-input-placeholder {
  color: #000000;
}
#mobile-nav #search-tab-contents ::-webkit-input-placeholder {
  color: #000000;
}
#mobile-nav #search-tab-contents input {
  outline: 0;
  border: none;
  border-bottom: 1px solid black;
  font-family: "Stag Book", "Trebuchet MS", serif;
  color: #000000;
  box-shadow: none;
  font-size: 1.3em;
  background: transparent;
  padding-left: 0;
}
#mobile-nav #search-tab-contents fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
#mobile-nav #search-tab-contents #Search {
  float: left;
  width: 83.3333%;
}
#mobile-nav #search-tab-contents #SearchForm_SearchForm_action_results {
  float: right;
  width: 16.6667%;
  background-color: transparent;
  border-bottom: 1px solid black;
  margin: 0 0 16px 0;
  height: 2.84615rem;
  padding: 0;
}
#mobile-nav #search-tab-contents #SearchForm_SearchForm_action_results i {
  color: #000;
}
#mobile-nav .mobile-featured-main-nav {
  list-style-type: none;
  margin: 0;
}
#mobile-nav .mobile-featured-main-nav li {
  float: left;
}
#mobile-nav .mobile-featured-main-nav li a {
  color: #fffcf6;
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-size: 0.9em;
  padding: 0.5em 0.5em;
  display: inline-block;
}
#mobile-nav .mobile-main-nav {
  margin: 0;
  padding: 0;
}
#mobile-nav .mobile-main-nav li {
  list-style-type: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0;
}
#mobile-nav .mobile-main-nav li a {
  padding: 0.5em 1em;
  color: #fffcf6;
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-size: 1.3em;
  width: 100%;
  display: block;
}
#mobile-nav .mobile-main-nav li a:hover {
  color: #d0b887;
}

#mobile-nav.open {
  background-color: rgba(0, 0, 0, 0.8);
}
#mobile-nav.open li.active a i::before {
  content: '\f00d';
  color: #d0b887;
}

/* Styles related to layout */
ul.menu {
  list-style-type: none;
  border: none;
  text-align: left;
  margin: 0;
  padding: 0;
}

.icon-text {
  text-indent: -9999px;
  display: inline-block;
}

.no-padding {
  padding: 0 !important;
}

.no-lr-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-r-padding {
  padding-right: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.full-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

/* Think this is included already with Foundation? */
.hide {
  display: none !important;
}

/* iframes, iframes. in a world of their own */
iframe {
  max-width: 100%;
}

/* Some titles need more of a margin on the bottom */
.section-title {
  margin-bottom: 3.07692rem;
}

.small-section-title {
  margin-bottom: 1.53846rem;
}

.right-margin-20 {
  margin-right: 1.53846rem;
}

.left-margin-20 {
  margin-left: 1.53846rem;
}

.top-margin-20 {
  margin-top: 1.53846rem;
}

.bottom-margin-20 {
  margin-bottom: 1.53846rem;
}

.padding-80 {
  padding: 4rem 0;
}

.padding-40 {
  padding: 3.07692rem 0;
}

.padding-20 {
  padding: 1.53846rem 0;
}

.padding-top-20 {
  padding-top: 1.53846rem;
}

.margin-40 {
  margin: 3.07692rem 0;
}

.img-margin {
  margin-bottom: 3.07692rem;
}

.content-padding-30 {
  padding: 2.30769rem;
}

/* Magic Block Styling - need to clear first item so columns collapse correctly */
.item-1 {
  clear: both;
}

/* Used for content that is at top of page, without a banner */
.default-padding {
  padding: 9.84615rem 0 2.46154rem 0;
}

/* Add border to bottom of each event */
.events-list {
  /* Old and not used anymore - feel free to remove*/
}
.events-list .row {
  border-top: 1px solid #8a7b64;
  padding: 50px 0;
  /* Was hoping to use default padding classes here but border is effing things up */
}
.events-list .row:nth-child(1) {
  border-top: none;
  padding: 0 0 1.53846rem 0;
}
.events-list .row:nth-child(2) {
  border-top: none;
  padding-top: 0;
}

.magic-block-type1 .columns-2 img {
  max-height: 320px;
}
.magic-block-type1 h2 a {
  display: block;
  font-size: 70%;
  white-space: nowrap;
}

.magic-block-type2 figcaption p {
  margin-bottom: 0;
}
@media screen and (min-width: 789px) {
  .magic-block-type2 .right-link {
    text-align: right;
  }
}

.magic-block-type3 hr {
  display: block;
  margin-top: 50px;
  margin-bottom: 50px;
  clear: both;
  border-top: 1px solid #8a7b64;
}

.magic-block-type4 .tile-landing h5 {
  line-height: 1;
  font-size: 1.23077em;
  padding: 10px 5px;
}
@media screen and (min-width: 1025px) {
  .magic-block-type4 .tile-landing h5 {
    font-size: 1.38462em;
    line-height: 1.2;
  }
}

.latest-story-block h4 {
  min-height: 78px;
}

.breadcrumb {
  padding: 2.07692rem 0 1.53846rem;
  background-color: #FFFFFF;
}
.breadcrumb a, .breadcrumb .arrow {
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif, verdana, arial;
  font-size: 1.15385rem;
  color: #000000;
  float: left;
}
.breadcrumb a:hover {
  color: #ee3124;
}
.breadcrumb .arrow {
  padding: 0 1.15385rem;
}
.breadcrumb .back-to-top-breadcrumb {
  float: right;
}
.breadcrumb .back-to-top-breadcrumb .fa {
  margin-left: 0.76923rem;
}
@media screen and (min-width: 789px) {
  .breadcrumb a {
    font-size: 1.38462rem;
  }
  .breadcrumb .arrow {
    font-size: 1.53846rem;
    padding: 0 1.92308rem;
  }
}

.flyers {
  padding: 5rem 0 6rem;
  background-color: #ecebeb;
}
.flyers .body .columns img {
  margin-bottom: 1.46154rem;
}
.flyers .body .columns:first-of-type {
  margin-bottom: 3.07692rem;
}
.flyers a {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.53846rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1.23077rem 2.46154rem 1.30769rem 2.46154rem;
  font-size: 1.23077rem;
  background-color: #ee3124;
  border-color: #cb1c10;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  padding: 0.84615rem 1.69231rem;
  letter-spacing: 0.8px;
  margin-bottom: 0;
}
.flyers a:hover, .flyers a:focus {
  background-color: #cb1c10;
}
.flyers a:hover, .flyers a:focus {
  color: #FFFFFF;
}
.flyers a:hover {
  background-color: #a81314 !important;
}
.flyers a label {
  color: #FFFFFF;
}
.flyers p {
  color: #666666;
}
.flyers h2 {
  margin-bottom: 3rem;
}
.flyers img {
  max-width: 254px;
  width: 100%;
  height: auto;
}
.flyers.v2 .body {
  position: relative;
}
.flyers.v2 .body .columns:first-of-type {
  margin-bottom: 0;
}
.flyers.v2 .block {
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .flyers.v2 .block {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
  }
}
@media screen and (min-width: 641px) {
  .flyers img {
    max-width: 454px;
    width: 100%;
    height: auto;
  }
  .flyers .body .columns:first-of-type {
    margin-bottom: 0;
  }
}

.social-media {
  padding: 1.53846rem 0;
  background-color: #e5e5e5;
}
.social-media .fa {
  margin-right: 1.53846rem;
  color: #ada996;
  font-size: 4.15385rem;
  vertical-align: middle;
}
.social-media ul {
  list-style-type: none;
  margin-left: 0;
}
.social-media h4 {
  font-family: "Stag Book", "Trebuchet MS", serif;
  margin-bottom: 1.53846rem;
}
.social-media .cta-tertiary {
  display: inline-block;
}
.social-media .cta-tertiary i {
  font-size: 2em;
  margin-right: 0.5em;
  color: #ef8810;
}
.social-media #InstagramFeedHolder {
  margin-bottom: 3.07692rem;
}
@media screen and (min-width: 789px) {
  .social-media #InstagramFeedHolder {
    margin-bottom: 0;
  }
}
.social-media #InstagramFeedHolder .fb_page {
  width: 100%;
}
.social-media #InstagramFeedHolder .fb_page .fb_iframe_widget {
  width: 100%;
}
.social-media #InstagramFeedHolder .fb_page .fb_iframe_widget span {
  width: 100% !important;
}
.social-media #InstagramFeedHolder .fb_page .fb_iframe_widget span iframe {
  width: 100% !important;
}
.social-media .instagram ul {
  margin-bottom: 0.38462rem;
}
.social-media .instagram li {
  float: left;
  width: 6rem;
  height: 6.07692rem;
  margin: 0 1.07692rem 1.07692rem 0;
}
.social-media .instagram li:last-of-type {
  margin-right: 0.76923rem;
}
.social-media .twitter {
  margin-top: 3.84615rem;
}
.social-media .twitter .tweet {
  clear: both;
  padding: 1.53846rem 5.38462rem 1.53846rem 1.53846rem;
  background-color: #FFFFFF;
  margin: 0.76923rem 0 1.46154rem;
  position: relative;
}
.social-media .twitter .tweet img {
  float: left;
  margin-right: 1.15385rem;
}
.social-media .twitter .tweet .name, .social-media .twitter .tweet .handle {
  display: block;
  margin-bottom: 0;
}
.social-media .twitter .tweet .body {
  clear: both;
  margin: 1rem 0 0 0;
}
.social-media .twitter .tweet .body a img {
  display: block;
}
.social-media .twitter .tweet .body p, .social-media .twitter .tweet .body img {
  display: block;
}
.social-media .twitter .tweet .body img {
  float: none;
  margin: 0.76923rem 0 0 0;
}
.social-media .twitter .tweet .twitter-links {
  margin: 0;
}
.social-media .twitter .tweet .reply, .social-media .twitter .tweet .retweet, .social-media .twitter .tweet .favorite {
  margin-top: 0.92308rem;
  display: inline-block;
  width: 1.23077rem;
  height: 1.23077rem;
  margin-right: 0.76923rem;
  background: transparent url("../img/social-twitter-sprite.png") 0 0 no-repeat;
  text-indent: -9999px;
}
.social-media .twitter .tweet .reply:hover, .social-media .twitter .tweet .retweet:hover, .social-media .twitter .tweet .favorite:hover {
  background-position: -16px 0;
}
.social-media .twitter .tweet .retweet {
  background-position: -82px 0;
}
.social-media .twitter .tweet .retweet:hover {
  background-position: -101px 0;
}
.social-media .twitter .tweet .favorite {
  background-position: -33px 0;
}
.social-media .twitter .tweet .favorite:hover {
  background-position: -49px 0;
}
@media screen and (min-width: 789px) {
  .social-media .instagram {
    padding-right: 1.92308rem;
  }
  .social-media .tweet {
    padding-right: 4.61538rem;
  }
}
@media screen and (min-width: 1025px) {
  .social-media {
    padding: 3.84615rem 0;
  }
  .social-media .twitter {
    margin-top: 4.46154rem;
  }
}

.photo-panel-1, .photo-panel-2, .photo-panel-3 {
  overflow: hidden;
}
.photo-panel-1 p, .photo-panel-2 p, .photo-panel-3 p {
  margin-top: 0.76923rem;
}
.photo-panel-1 h2, .photo-panel-2 h2, .photo-panel-3 h2 {
  font-family: "Stag Bold", "Trebuchet MS", serif;
  margin-bottom: 0;
  line-height: 1.2;
}
.photo-panel-1 .cta, .photo-panel-2 .cta, .photo-panel-3 .cta {
  display: block;
  width: 100%;
}
.photo-panel-1 .cta-secondary, .photo-panel-2 .cta-secondary, .photo-panel-3 .cta-secondary {
  color: #ee3124;
}
@media screen and (min-width: 641px) {
  .photo-panel-1 .content-box .cta, .photo-panel-2 .content-box .cta, .photo-panel-3 .content-box .cta {
    display: inline-block;
    width: auto;
  }
}

/**
 * Cleaned Up Photo Panel 1
 */
.photo-panel-1 {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.photo-panel-1 .row {
  height: 100%;
  position: relative;
}
.photo-panel-1 .label {
  color: #FFFFFF;
}
.photo-panel-1 .content-box {
  display: block;
  margin: 1em 0;
  padding: 1.5em 1em 1em;
  background-color: #FFFFFF;
}
.photo-panel-1 .content-box .cta-primary {
  margin-right: 1.23077rem;
}
.photo-panel-1.v-2 .content-box {
  position: relative;
  margin-top: 12.30769rem;
  background-color: transparent;
}
.photo-panel-1.v-2 .content-box h2, .photo-panel-1.v-2 .content-box p {
  color: #FFFFFF;
}
@media screen and (min-width: 480px) {
  .photo-panel-1 .content-box {
    margin-top: 18.46154rem;
  }
}
@media screen and (min-width: 641px) {
  .photo-panel-1 {
    max-height: 65.38462rem;
    height: 100%;
  }
  .photo-panel-1.v-1 .content-box {
    margin-top: 11.53846rem;
    margin-bottom: 1.53846rem;
    padding: 1.53846rem;
  }
  .photo-panel-1.v-1 .content-box .cta-primary {
    margin-right: 1.23077rem;
    margin-bottom: 0;
  }
  .photo-panel-1.v-1 .content-box .cta-secondary {
    margin-top: 1rem;
  }
  .photo-panel-1.v-2 .content-box {
    padding: 0;
    position: relative;
    background-color: transparent;
    margin-top: 18.30769rem;
  }
  .photo-panel-1.v-2 .content-box .cta-secondary {
    color: #FFFFFF;
  }
}
@media screen and (min-width: 789px) {
  .photo-panel-1.variation-1 .content-box {
    display: block;
    padding: 3.07692rem;
  }
  .photo-panel-1.variation-1 .content-box .cta-primary {
    margin-right: 1.23077rem;
    margin-bottom: 0;
  }
  .photo-panel-1.variation-2 h2, .photo-panel-1.variation-2 p {
    color: #FFFFFF;
  }
  .photo-panel-1.variation-2 .content-box {
    padding-right: 7.69231rem;
  }
}
@media screen and (min-width: 1025px) {
  .photo-panel-1.v-1 .content-box {
    display: block;
    margin: 6rem 0;
    padding: 5rem;
    background-color: #FFFFFF;
  }
  .photo-panel-1.v-1 .content-box .cta-primary {
    margin-right: 1.23077rem;
    margin-bottom: 0;
  }
  .photo-panel-1.v-2 h2, .photo-panel-1.v-2 p {
    color: #FFFFFF;
  }
  .photo-panel-1.v-2 .content-box {
    margin: 10rem 0 7rem;
  }
}

/**
 * Cleaned Up Photo Panel 2
 */
@media screen and (min-width: 641px) {
  .photo-panel-2 {
    padding: 4rem 0;
  }
}
@media screen and (min-width: 1025px) {
  .photo-panel-2 {
    padding: 7rem 0;
  }
}
.photo-panel-2 .label {
  color: #FFFFFF;
}
.photo-panel-2 .row {
  height: 100%;
  position: relative;
}
.photo-panel-2 .content-image {
  background-size: cover;
  background-position: center top;
}
.photo-panel-2 .content-image:after {
  content: " ";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.photo-panel-2 .content-box {
  margin: 0;
  display: block;
}
.photo-panel-2 .content-box .cta-primary {
  margin-right: 16px;
}
.photo-panel-2 img {
  z-index: 0;
  position: relative;
  display: block;
}
.photo-panel-2 img.flag {
  position: absolute;
  z-index: 1;
  right: 2.84615rem;
  top: -0.38462rem;
  width: 26%;
  max-width: 9.84615rem;
  max-height: 6.15385rem;
  display: block;
}
.photo-panel-2 iframe {
  width: 100%;
  margin: 0;
}
.photo-panel-2 iframe.fullwidth {
  height: 500px;
  margin-bottom: 2em;
}
@media screen and (min-width: 789px) {
  .photo-panel-2 iframe.inline {
    margin: 2em 3em;
  }
}
.photo-panel-2.v-1 .content-image {
  max-height: 33rem;
}
.photo-panel-2.v-1 .content-box {
  background-color: transparent;
  padding: 1.53846rem 0;
}
@media screen and (min-width: 789px) {
  .photo-panel-2.v-1 .content-box {
    background-color: transparent;
    padding: 2rem 3.07692rem;
  }
}
@media screen and (min-width: 1025px) {
  .photo-panel-2.v-1 .content-box {
    padding: 0 4rem 0 5rem;
  }
}
.photo-panel-2.v-1 .content-box p {
  margin-bottom: 1.92308rem;
}
.photo-panel-2.v-2 .content-wrapper {
  padding: 0;
}
@media screen and (min-width: 789px) {
  .photo-panel-2.v-2 .content-wrapper {
    padding: 0 1.15385rem;
  }
}
.photo-panel-2.v-2 .content-image {
  max-height: 33rem;
}
.photo-panel-2.v-2 .content-box {
  padding: 1.53846rem 1.53846rem 2.30769rem 1.53846rem;
}
@media screen and (min-width: 789px) {
  .photo-panel-2.v-2 .content-box {
    padding: 2rem 3.07692rem;
  }
}
@media screen and (min-width: 1025px) {
  .photo-panel-2.v-2 .content-box {
    margin: 0 0 0 15px;
    padding: 3rem 4rem;
  }
}
.photo-panel-2.v-2 .content-box p {
  margin-bottom: 1.92308rem;
}
.photo-panel-2.v-2 .content-box h2 {
  margin-top: 0.61538rem;
}
@media screen and (min-width: 1025px) {
  .photo-panel-2 img.flag {
    width: 100%;
  }
}

/**
 * Cleaned Up Photo Panel 3
 */
.photo-panel-3 {
  background-color: #e5e5e5;
}
.photo-panel-3 .content-image {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.photo-panel-3 .content-image:after {
  content: " ";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.photo-panel-3 h4 {
  color: #d0b887;
}
.photo-panel-3 .label {
  color: #FFFFFF;
}
.photo-panel-3 .position {
  margin-top: -17.25%;
}
.photo-panel-3 .content-box {
  display: block;
  margin-bottom: 1.53846rem;
  padding: 2.30769rem 1.53846rem;
  background-color: #FFFFFF;
}
.photo-panel-3 .content-box .cta-primary {
  margin: 0 1.23077rem 0 0;
}
.photo-panel-3 .ctas {
  margin-top: 1.53846rem;
}
.photo-panel-3 .ctas a, .photo-panel-3 .ctas .cta-primary {
  margin-bottom: 1.53846rem;
}
.photo-panel-3.v-1 .content-image {
  max-height: 45rem;
}
.photo-panel-3.v-2 .content-image {
  max-height: 45rem;
}
.photo-panel-3.v-2 .body p {
  float: left;
  width: 100%;
}
.photo-panel-3.v-3 .content-image {
  max-height: 45rem;
}
.photo-panel-3.v-3 .headers {
  margin-bottom: 1.15385rem;
}
.photo-panel-3.v-3 .headers h2 {
  padding-right: 0;
}
.photo-panel-3.v-3 .body p {
  padding-right: 0;
  width: 100%;
}
.photo-panel-3.v-3 .body p:last-of-type {
  margin-bottom: 0;
}
.photo-panel-3.v-3 .ctas {
  margin-top: 0.30769rem;
}
.photo-panel-3.v-4 .content-image:after {
  content: " ";
  display: block;
  width: 100%;
  padding-top: 0;
}
.photo-panel-3.v-4 .content-box {
  margin-bottom: 0;
}
.photo-panel-3.v-4 .headers {
  margin-bottom: 0.76923rem;
}
.photo-panel-3.v-4 .body p {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .photo-panel-3 h4 {
    color: #d0b887;
  }
  .photo-panel-3 .ctas a, .photo-panel-3 .ctas .cta-primary {
    margin-bottom: 0;
  }
  .photo-panel-3 .content-box {
    padding: 6.15385rem 7.84615rem;
    margin-bottom: 0;
  }
  .photo-panel-3.v-2 .body p {
    width: 48%;
    margin: 0 2% 0 0;
  }
  .photo-panel-3.v-3 .headers h2 {
    padding-right: 15.38462rem;
  }
  .photo-panel-3.v-3 .body p {
    padding-right: 15.38462rem;
    margin-bottom: 0;
  }
  .photo-panel-3.v-3 .ctas {
    margin-top: 0;
  }
  .photo-panel-3.v-4 .headers {
    margin-bottom: 3.07692rem;
  }
  .photo-panel-3.three-col-list {
    padding-bottom: 9.23077rem;
  }
}

/* Tile Variations

All tiles use the same markup

.tile-box -> Base Class, general styling
.tile-slide-light -> Hidden <p> text slides up and shows on hover, white background for content
.tile-slide-dark -> Hidden <p> text slides up and shows on hover, black background with gradient for image
.tile-zoom -> Image zooms in slightly on hover
.tile-landing -> taupe bg, on hover turns white
.tile-zoom-light ->  on hover image zooms in, no bg color change
.tile-zoom-dark -> gradient bg, on hover image zooms in and darkens
*/
/* General Styles for both variations */
.tile-box {
  margin-bottom: 30px;
}
.tile-box figure {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
  height: 360px;
}
@media screen and (min-width: 789px) {
  .tile-box figure {
    height: 340px;
  }
}
@media screen and (min-width: 1025px) {
  .tile-box figure {
    height: 310px;
  }
}
.tile-box figcaption {
  padding: 1.53846rem 1.15385rem 1.53846rem 1.53846rem;
  width: 100%;
  position: absolute;
}
.tile-box h5 {
  margin-top: 0;
  font-size: 1.38462rem;
  line-height: 1.2;
}
@media screen and (min-width: 641px) {
  .tile-box h5 {
    font-size: 1.53846rem;
  }
}
@media screen and (min-width: 789px) {
  .tile-box h5 {
    font-size: 1.69231rem;
  }
}
@media screen and (min-width: 1025px) {
  .tile-box h5 {
    font-size: 1.07692rem;
  }
}
.tile-box p {
  font-size: 1.23077rem;
  margin: 0;
  line-height: 1.2;
}
@media screen and (min-width: 789px) {
  .tile-box p {
    font-size: 1.07692rem;
  }
}
@media screen and (min-width: 1025px) {
  .tile-box p {
    font-size: 1.23077rem;
  }
}
.tile-box .tile-link {
  display: block;
  margin-top: 10px;
  color: #dd8115;
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-size: 1.23077rem;
  font-weight: bold;
}
.tile-box .tile-link:hover {
  text-decoration: underline;
  color: #dd8115;
}
.tile-box .tile-link:active {
  color: #dd8115;
}
.tile-box .image-wrapper {
  position: relative;
  width: 100%;
}
.tile-box .image-wrapper img {
  left: 0;
  top: 0;
  width: 100%;
  vertical-align: bottom;
  position: absolute;
}
.tile-box .image-wrapper .sticker {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  width: 100px;
  height: 100px;
}
@media screen and (min-width: 1025px) {
  .tile-box .image-wrapper .sticker {
    width: 144px;
    height: 144px;
  }
}
.tile-box .fa-play {
  position: absolute;
  top: 30%;
  left: 0;
  z-index: 50;
  color: #fff;
  font-size: 65px;
  width: 100%;
  text-align: center;
}
.tile-box .date {
  font-size: 1.07692rem;
  color: #999;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  font-weight: bold;
}

/* Tile Slide Light - see notes above */
.tile-slide-light {
  /* Animation Stuff - only for Desktop */
}
.tile-slide-light figure {
  background: #fff none repeat scroll 0 0;
}
.tile-slide-light figcaption {
  background-color: #fff;
  display: block;
  width: 100%;
  z-index: 3;
  bottom: 0;
}
.tile-slide-light p {
  color: #000;
}
@media screen and (min-width: 789px) {
  .tile-slide-light p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s, max-height 0.5s;
    transition: opacity 0.35s, transform 0.35s, max-height 0.5s;
    max-height: 0;
  }
}
.tile-slide-light .image-wrapper {
  z-index: 0;
  min-height: 140px;
}
@media screen and (min-width: 789px) {
  .tile-slide-light {
    /* Hover State */
  }
  .tile-slide-light figcaption, .tile-slide-light p {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .tile-slide-light figcaption {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
  }
  .tile-slide-light figure:hover figcaption {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
  .tile-slide-light figure:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-height: 170px;
  }
}

/* Tile Slide Dark - see notes above */
.tile-slide-dark {
  /* Animation Stuff - only for Desktop */
}
.tile-slide-dark figure {
  background: #000;
}
.tile-slide-dark figcaption {
  bottom: 0;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.8) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(40%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.8) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.8) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C */
}
@media screen and (min-width: 789px) {
  .tile-slide-dark figcaption {
    background-color: #000;
  }
}
@media screen and (min-width: 1025px) {
  .tile-slide-dark figcaption {
    background-color: transparent;
  }
}
.tile-slide-dark img {
  opacity: 0.5;
}
@media screen and (min-width: 789px) {
  .tile-slide-dark img {
    opacity: 1;
  }
}
.tile-slide-dark .sticker img {
  opacity: 1;
}
.tile-slide-dark h5 {
  color: #fff;
}
.tile-slide-dark p {
  color: #fff;
}
@media screen and (min-width: 789px) {
  .tile-slide-dark p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s, max-height 0.5s;
    transition: opacity 0.35s, transform 0.35s, max-height 0.5s;
    max-height: 0;
  }
}
.tile-slide-dark img {
  min-height: 140px;
}
.tile-slide-dark .sticker img {
  min-height: 100px;
}
@media screen and (min-width: 789px) {
  .tile-slide-dark {
    /* Hover State */
  }
  .tile-slide-dark figcaption, .tile-slide-dark p, .tile-slide-dark figure img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .tile-slide-dark figure img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
  }
  .tile-slide-dark figcaption {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
  }
  .tile-slide-dark figure:hover img {
    opacity: 0.5;
  }
  .tile-slide-dark figure:hover .sticker img {
    opacity: 1;
  }
  .tile-slide-dark figure:hover figcaption {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
  .tile-slide-dark figure:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-height: 120px;
  }
}

/* Tiles that are used mostly on landing pages - food landing page, slight zoom on hover, bg color change
Not as tall as other tiles
General Styling - use base class "tile-zoom"
Landing page styling - add class "tile-landing"
Travel/Health pages - add class "tile-zoom-light" or "tile-zoom-dark"
*/
.tile-zoom {
  /* Animation Stuff */
  /* Hover State */
}
.tile-zoom figure {
  height: 320px;
  min-height: 320px;
}
.tile-zoom figcaption {
  width: 100%;
  bottom: 0;
}
.tile-zoom figcaption, .tile-zoom figure img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tile-zoom figure img {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
.tile-zoom figcaption {
  -webkit-transition: -webkit-transform 0.35s, background-color 0.35s ease;
  transition: transform 0.35s, background-color 0.35s ease;
}
.tile-zoom figure:hover img {
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

/* Meant for Landing pages, one line of content, background color change on hover from taupe to white*/
.tile-landing {
  /* Hover State */
}
@media (min-width: 0px) and (max-width: 480px) {
  .tile-landing {
    width: 100%;
  }
}
.tile-landing .image-wrapper img {
  bottom: 0;
  margin-bottom: 65px;
}
.tile-landing figure {
  height: auto;
  min-height: 150px;
  /* 3 columns */
  /* 4 columns */
  /* weird inbetween sizes */
}
@media screen and (min-width: 641px) {
  .tile-landing figure {
    min-height: 180px;
  }
}
@media screen and (min-width: 789px) {
  .tile-landing figure {
    min-height: 220px;
  }
}
@media screen and (min-width: 1025px) {
  .tile-landing figure {
    min-height: 210px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1160px) {
  .tile-landing figure {
    min-height: 215px;
  }
}
.tile-landing figcaption {
  background-color: #efede8;
  padding: 0;
  height: 65px;
  bottom: 0;
}
.tile-landing figcaption:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  margin-left: -.5em;
  height: 100%;
}
.tile-landing figcaption h5 {
  line-height: 1;
  font-size: 1.23077em;
  padding: 10px 5px;
  vertical-align: middle;
  display: inline-block;
}
@media screen and (min-width: 1025px) {
  .tile-landing figcaption h5 {
    font-size: 1.38462em;
    line-height: 1.2;
  }
}
.tile-landing figcaption p {
  font-size: 1.38462em;
}
.tile-landing a:hover figcaption,
.tile-landing a:focus figcaption {
  background-color: #fff;
}

/* layout 5. good for image galleries */
.magic-block-type5 .tile-landing figure {
  min-height: 250px;
  /* 3 columns */
  /* 4 columns */
  /* weird inbetween sizes */
}
@media screen and (min-width: 500px) {
  .magic-block-type5 .tile-landing figure {
    min-height: 350px;
  }
}
@media screen and (min-width: 789px) {
  .magic-block-type5 .tile-landing figure {
    min-height: 250px;
  }
}
@media screen and (min-width: 1025px) {
  .magic-block-type5 .tile-landing figure {
    min-height: 300px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1160px) {
  .magic-block-type5 .tile-landing figure {
    min-height: 300px;
  }
}
.magic-block-type5 .tile-landing figure figcaption {
  min-height: 50px;
  height: auto;
}
.magic-block-type5 .tile-landing figure figcaption h5 {
  font-size: 1rem;
  line-height: 1;
  margin: 0;
  padding: 1rem;
}

/* END layout 5 */
/* Used on Health/Travel pages, lots of copy, light version - on hover, zoom image in slightly
In Mobile the content should sit below image, not in top of it
*/
.tile-zoom-light {
  /* travel prices on the tiles */
}
.tile-zoom-light figure {
  height: 100%;
}
.tile-zoom-light figcaption {
  min-height: 180px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .tile-zoom-light figcaption {
    position: absolute;
  }
}
.tile-zoom-light .image-wrapper img {
  position: static;
}
@media screen and (min-width: 1025px) {
  .tile-zoom-light .image-wrapper img {
    position: absolute;
  }
}
@media screen and (min-width: 1025px) {
  .tile-zoom-light h5 {
    font-size: 1.53846rem;
  }
}
.tile-zoom-light .price {
  font-size: 1.15385rem;
  color: #000000;
}

/* Used on Health/Travel pages, lots of copy, dark version - on hover, darken bg color and zoom in slightly. */
.tile-zoom-dark {
  /* Animation Stuff */
  /* Hover State */
}
.tile-zoom-dark figure {
  background-color: #000;
}
.tile-zoom-dark figcaption {
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.8) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(40%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.8) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.8) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C */
}
@media screen and (min-width: 789px) {
  .tile-zoom-dark figcaption {
    background-color: #000;
    min-height: 180px;
  }
}
@media screen and (min-width: 1262px) {
  .tile-zoom-dark figcaption {
    background-color: transparent;
    min-height: auto;
  }
}
.tile-zoom-dark h5, .tile-zoom-dark p {
  color: #fff;
}
.tile-zoom-dark .image-wrapper img {
  position: static;
}
@media screen and (min-width: 1262px) {
  .tile-zoom-dark .image-wrapper img {
    position: absolute;
  }
}
.tile-zoom-dark figure img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.tile-zoom-dark figure:hover img {
  opacity: 0.5;
}

/* Sometimes tiles have a red circle or sticker looking thing layered on top of them */
.red-sticker .sticker {
  position: absolute;
  bottom: 80px;
  right: -5px;
  width: 72px;
  height: 72px;
  border-radius: 35px;
  background-color: red;
  color: #fff;
  padding: 15px 0;
  font-family: "Stag Bold", "Trebuchet MS", serif;
  text-align: center;
  font-size: 1.9em;
}

/* Used on Recipe Landing Page */
.callout-feature-box {
  padding: 1.92308rem 1.53846rem 2.30769rem 1.53846rem;
  height: auto;
  margin-bottom: 30px;
}
@media screen and (min-width: 789px) {
  .callout-feature-box {
    height: 340px;
  }
}
@media screen and (min-width: 1025px) {
  .callout-feature-box {
    height: 310px;
  }
}
.callout-feature-box h3 {
  color: #fff;
}
.callout-feature-box ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.callout-feature-box ul li {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  padding: 0;
}
.callout-feature-box ul li.first {
  border-top: none;
}
.callout-feature-box ul li a {
  color: #fff;
  width: 100%;
  display: block;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  padding: 0.6em 0;
}
.callout-feature-box ul li a .fa {
  line-height: 1.5;
}
.callout-feature-box ul li a:hover {
  color: rgba(0, 0, 0, 0.4);
}
.callout-feature-box ul li a i {
  float: right;
}
.callout-feature-box.beige-bg ul li a {
  padding: 0.76923rem 0 0 0;
}
.callout-feature-box.beige-bg ul li a:hover {
  color: gray;
}

/* Travel Details need a font-size change for smaller sizes */
@media screen and (min-width: 789px) and (max-width: 1000px) {
  .travel-feature-box .callout-feature-box ul li a {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 789px) {
  .travel-feature-box .callout-feature-box {
    height: 330px;
  }
}
@media screen and (min-width: 850px) {
  .travel-feature-box .callout-feature-box {
    height: 350px;
  }
}
@media screen and (min-width: 1025px) {
  .travel-feature-box .callout-feature-box {
    height: 320px;
  }
}

.filters {
  color: #fff;
  clear: both;
  /* Need different caret icon then default foundation one */
}
.filters.black {
  background-color: #000000;
}
.filters.black h3 {
  color: #FFFFFF;
  margin: 2em 0;
}
.filters .description {
  color: #e5e5e5;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
}
.filters .description p {
  font-weight: bold;
}
.filters .dropdown {
  background-color: #000;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  width: 100%;
  padding-left: 0.8em;
  padding-right: 0.8em;
  text-align: left;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
}
.filters .dropdown.button::after {
  border-width: 0;
  border: none;
  margin-top: -0.45625rem;
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  font-weight: normal;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.filters .dropdown[aria-expanded="true"] {
  background-color: #ac9e7f;
  border: 1px solid #ac9e7f;
}
.filters .dropdown[aria-expanded="true"]::after {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  font-weight: normal;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.filters .f-dropdown {
  margin-top: 0;
  padding: 0.5em 1.5em;
}
.filters .f-dropdown::before, .filters .f-dropdown::after {
  border: none;
}
.filters label {
  padding: 0.8em 0;
}
.filters label input {
  margin: 0 5px 0;
  vertical-align: middle;
}
.filters .f-dropdown label:first-child {
  border-top: none;
}
.filters .f-open-dropdown {
  outline: 0;
  max-width: none;
  width: 88% !important;
  left: 15px !important;
}
@media screen and (min-width: 789px) {
  .filters {
    padding: 2em 0;
  }
  .filters .dropdown {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1.2rem;
  }
}

/* Cooking Filters labels have borders and treatment is different */
.filters.cooking .description p {
  margin-top: 1em;
}
@media screen and (min-width: 789px) {
  .filters.cooking .description p {
    margin-top: 0;
  }
}
.filters.cooking label {
  border-top: 1px solid #e5e5e5;
}
.filters.cooking label input {
  margin-right: 0.4em;
}
.filters.cooking #apply-filters {
  margin-top: 5px;
}

.filters .location {
  margin-top: 1.53846rem;
}
.filters .tertiary {
  font-size: 1.1em;
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-weight: 400;
  padding-right: 1em;
}
.filters .tertiary.end {
  padding-right: 0;
}
.filters label.tertiary {
  border: none;
  color: #FFFFFF;
  padding-top: 0.76923rem;
}
@media screen and (min-width: 789px) {
  .filters .location {
    margin-top: 0;
  }
}

/* Store Locator, checkboxes are floated, other specific tweaks  */
.filters.store-locator,
.filters.producers-locator {
  padding: 1.53846rem 0;
}
.filters.store-locator .description p,
.filters.producers-locator .description p {
  font-size: 1.07692rem;
  margin-bottom: 0;
}
@media screen and (min-width: 641px) {
  .filters.store-locator .description p,
  .filters.producers-locator .description p {
    font-size: 1.23077rem;
  }
}
@media screen and (min-width: 789px) {
  .filters.store-locator .description p,
  .filters.producers-locator .description p {
    margin-bottom: 1.53846rem;
  }
}

@media screen and (min-width: 1025px) {
  .filters-wrapper-padding {
    padding-left: 3em;
  }
}

.filters.store-locator .clear-filters,
.filters.gasbar-locator .clear-filters,
.filters.pharmacy-locator .clear-filters,
.filters.producers-locator .clear-filters {
  text-decoration: underline;
  font-size: 1rem;
  margin-top: 5px;
}
@media screen and (min-width: 641px) {
  .filters.store-locator .clear-filters,
  .filters.gasbar-locator .clear-filters,
  .filters.pharmacy-locator .clear-filters,
  .filters.producers-locator .clear-filters {
    font-size: 1.23077rem;
  }
}
.filters.store-locator .postfix,
.filters.gasbar-locator .postfix,
.filters.pharmacy-locator .postfix,
.filters.producers-locator .postfix {
  float: left;
  width: 10%;
  height: 50px;
  background: #000000;
  border: 1px solid #fff;
  border-left: transparent;
  color: #FFFFFF;
  padding-top: 5px;
  font-size: 1.23077rem;
  margin: 1.53846rem 0;
}
.filters.store-locator .postfix:hover,
.filters.gasbar-locator .postfix:hover,
.filters.pharmacy-locator .postfix:hover,
.filters.producers-locator .postfix:hover {
  cursor: pointer;
}
@media screen and (min-width: 789px) {
  .filters.store-locator .postfix,
  .filters.gasbar-locator .postfix,
  .filters.pharmacy-locator .postfix,
  .filters.producers-locator .postfix {
    margin: 0;
  }
}
.filters.store-locator .text,
.filters.gasbar-locator .text,
.filters.pharmacy-locator .text,
.filters.producers-locator .text {
  width: 90%;
  float: left;
  margin: 1.53846rem 0;
  height: 50px;
  background-color: #000;
  border: 1px solid #fff;
  border-right: transparent;
  color: #FFFFFF;
  position: relative;
  font-size: 1rem;
}
@media screen and (min-width: 789px) {
  .filters.store-locator .text,
  .filters.gasbar-locator .text,
  .filters.pharmacy-locator .text,
  .filters.producers-locator .text {
    margin: 0;
  }
}
@media screen and (min-width: 1025px) {
  .filters.store-locator .text,
  .filters.gasbar-locator .text,
  .filters.pharmacy-locator .text,
  .filters.producers-locator .text {
    margin: 0;
    font-size: 1.07692rem;
  }
}
.filters.store-locator .text:after,
.filters.gasbar-locator .text:after,
.filters.pharmacy-locator .text:after,
.filters.producers-locator .text:after {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  font-weight: normal;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFFFFF;
  position: absolute;
  right: 0;
  border: 10px solid red;
}
.filters.store-locator .text:-moz-placeholder,
.filters.gasbar-locator .text:-moz-placeholder,
.filters.pharmacy-locator .text:-moz-placeholder,
.filters.producers-locator .text:-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
.filters.store-locator .text::-moz-placeholder,
.filters.gasbar-locator .text::-moz-placeholder,
.filters.pharmacy-locator .text::-moz-placeholder,
.filters.producers-locator .text::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
.filters.store-locator .text:-ms-input-placeholder,
.filters.gasbar-locator .text:-ms-input-placeholder,
.filters.pharmacy-locator .text:-ms-input-placeholder,
.filters.producers-locator .text:-ms-input-placeholder {
  color: #FFFFFF;
}
.filters.store-locator .text::-webkit-input-placeholder,
.filters.gasbar-locator .text::-webkit-input-placeholder,
.filters.pharmacy-locator .text::-webkit-input-placeholder,
.filters.producers-locator .text::-webkit-input-placeholder {
  color: #FFFFFF;
}
.filters.store-locator label,
.filters.gasbar-locator label,
.filters.pharmacy-locator label,
.filters.producers-locator label {
  float: left;
  font-size: 1.30769rem;
  color: #FFFFFF;
  padding: 0 1em 0.5em 0;
  font-family: "Stag Book", "Trebuchet MS", serif;
  line-height: 1;
}
@media screen and (min-width: 789px) {
  .filters.store-locator label,
  .filters.gasbar-locator label,
  .filters.pharmacy-locator label,
  .filters.producers-locator label {
    font-size: 1.38462rem;
  }
}

.filters.gasbar-locator p {
  margin-bottom: 0.76923rem;
}
.filters.gasbar-locator .all-locations {
  text-align: left;
}
.filters.gasbar-locator .all-locations .cta-secondary {
  font-size: 0.98rem;
}
@media screen and (min-width: 789px) {
  .filters.gasbar-locator .all-locations {
    text-align: right;
    margin-bottom: 0;
  }
  .filters.gasbar-locator .all-locations .cta-secondary {
    font-size: 1.23077rem;
  }
}

.filters.pharmacy-locator {
  padding: 1rem 0;
}

/* Travel Filters */
.travel-filters > .row {
  padding: 1.53846rem;
}
.travel-filters > .row.last {
  padding-top: 0;
}

/* Our Stories Filters */
.story-filters label.tertiary {
  font-size: 1.5em;
  padding: 0 2em 0 0;
}
@media screen and (min-width: 789px) {
  .story-filters .apply-btn {
    text-align: right;
  }
}
.story-filters #apply-filters {
  margin-top: 1.53846rem;
}
@media screen and (min-width: 789px) {
  .story-filters #apply-filters {
    margin-top: 0;
  }
}

fieldset {
  border: none;
  clear: both;
  margin: 0;
  padding: 0;
}
fieldset div.field {
  clear: both;
}
fieldset legend {
  font-size: 1.5rem;
  color: #888;
}
fieldset label {
  margin-right: 1em;
}
fieldset .middleColumn {
  float: left;
  width: 100%;
}
fieldset .middleColumn ul {
  list-style-type: none;
}
fieldset.half-field {
  width: 50%;
}

input#UserForm_Form_action_process {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.53846rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1.23077rem 2.46154rem 1.30769rem 2.46154rem;
  font-size: 1.23077rem;
  background-color: #ee3124;
  border-color: #cb1c10;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  padding: 0.84615rem 1.69231rem;
  letter-spacing: 0.8px;
}
input#UserForm_Form_action_process:hover, input#UserForm_Form_action_process:focus {
  background-color: #cb1c10;
}
input#UserForm_Form_action_process:hover, input#UserForm_Form_action_process:focus {
  color: #FFFFFF;
}
input#UserForm_Form_action_process:hover {
  background-color: #a81314 !important;
}

.forms .checkboxes label {
  display: inline-block;
}
.forms label {
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-size: 1.07692rem;
}
.forms label input {
  margin: 0;
}
.forms .field label {
  display: inline-block;
  width: 100%;
  vertical-align: text-top;
}
.forms .dropdown, .forms input[type="text"] {
  height: 3.07692rem;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #c6beaa;
  width: 100%;
  padding-left: 0.8em;
  padding-right: 0.8em;
  text-align: left;
  font-size: 0.8rem;
  font-family: "Stag Book", "Trebuchet MS", serif;
  margin: 0.5rem 0 1rem;
}
@media screen and (min-width: 789px) {
  .forms {
    padding: 2em 0;
  }
  .forms label {
    font-size: 1.38462rem;
  }
  .forms .dropdown, .forms input[type="text"] {
    height: 4.69231rem;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1.69231rem;
  }
}

select {
  height: 3.84615rem;
  background-image: url(../img/select-icon-white.png) !important;
  background-size: 30px 7px !important;
  background-position: right 19px;
  margin-top: 1rem;
}
select.tan-arrow {
  background-image: url(../img/select-icon-tan.png) !important;
  background-size: 27px 7px !important;
  background-position: right 16px;
}
select:after {
  content: "";
  font-family: FontAwesome;
  display: inline-block;
  font-weight: normal;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #white;
}
@media screen and (min-width: 641px) {
  select {
    margin-top: 0;
  }
}
@media screen and (min-width: 789px) {
  select select {
    background-position: 280px 19px;
  }
  select.tan-arrow {
    background-size: 36px 11px !important;
    background-position: right 26px;
  }
}

.userform fieldset.half-field {
  clear: none;
  float: left;
  width: 100%;
}
@media screen and (min-width: 641px) {
  .userform fieldset.half-field {
    width: 50%;
  }
}
.userform fieldset.clear-left {
  clear: left;
}
.userform fieldset.clear-right {
  clear: right;
}
.userform fieldset.clear-both {
  clear: both;
}
.userform fieldset.clear-none {
  clear: none;
}
.userform .requiredField label:after {
  content: '*';
}
.userform .middleColumn input[aria-describedby] {
  margin-bottom: 0.38462rem;
}
.userform span.description {
  color: #777;
  font-style: italic;
  margin-bottom: 1.53846rem;
}
.userform .form-field-inline input[type="checkbox"] + label,
.userform .form-field-inline input[type="radio"] + label {
  display: inline-block;
  width: 80%;
  vertical-align: top;
}
.userform .form-field-inline input[type="checkbox"],
.userform .form-field-inline input[type="radio"] {
  display: inline-block;
  width: 10%;
}
.userform .form-field-inline .dropdown.form-field-inline {
  display: inline-block;
}
@media screen and (min-width: 641px) {
  .userform .columns-two .half-field {
    clear: none;
    float: left;
    width: 50%;
  }
  .userform .columns-two .half-field + .error {
    display: inline-block;
    margin-left: 10px;
  }
  .userform .columns-two .half-field.checkbox {
    align-items: baseline;
    clear: both;
  }
  .userform .columns-two .half-field.checkbox .middleColumn {
    display: flex;
    flex-wrap: wrap;
  }
  .userform .columns-two .half-field.checkbox .middleColumn .half-field {
    align-self: start;
    width: 30px;
  }
  .userform .columns-two .half-field.checkbox .middleColumn label {
    flex: 1 1 65%;
  }
}
.userform .nocaptcha {
  margin: 1rem 0 2rem 0;
  float: left;
  width: 100%;
}
.userform .nocaptcha .validation {
  display: block;
  font-size: 0.92308rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1.23077rem;
  margin-top: .5rem;
  padding: 0.46154rem 0.69231rem 0.69231rem;
  background: #f04124;
  color: #FFFFFF;
  clear: both;
  float: left;
  width: 100%;
}

/* Multi-page forms, adjustments to step links at top */
#userform-progress ul.step-buttons button.disabled, #userform-progress ul.step-buttons button[disabled], #userform-progress ul.step-buttons .button.disabled, #userform-progress ul.step-buttons .button[disabled] {
  background-color: #ccc;
}
#userform-progress ul.step-buttons .step-button-jump {
  opacity: 1;
}
#userform-progress ul.step-buttons .step-button-wrapper button:hover {
  background-color: #ccc !important;
  cursor: default;
}
#userform-progress ul.step-buttons .step-button-wrapper button {
  background-color: #ccc;
}
#userform-progress ul.step-buttons .step-button-wrapper.current button:hover,
#userform-progress ul.step-buttons .step-button-wrapper.viewed button:hover {
  background-color: #923b36 !important;
  cursor: pointer;
}
#userform-progress ul.step-buttons .step-button-wrapper.viewed button {
  background-color: #ca9a62;
}
#userform-progress ul.step-buttons .step-button-wrapper.current button {
  background-color: #EE3124;
}

.userform .custom-validation-error {
  display: block;
  font-size: 0.92308rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1.23077rem;
  margin-top: -1px;
  padding: 0.46154rem 0.69231rem 0.69231rem;
  background: #f04124;
  color: #FFFFFF;
}
@media screen and (min-width: 789px) {
  .userform .middleColumn .display-row li {
    display: inline-block;
  }
}

/* SEM Page Quiz Forms */
.quiz-form form legend {
  padding: 0;
  margin: 0;
  font-size: 115%;
  margin-bottom: 2rem;
}
.quiz-form [type="submit"] {
  margin-top: 1rem !important;
}
.quiz-form [disabled] {
  background-color: #ddd !important;
  color: #444 !important;
  pointer-events: none;
}
.quiz-form .form-row {
  margin-bottom: 1rem;
}
.quiz-form .form-row p {
  font-weight: 700;
  margin-bottom: 5px;
  color: #4d4d4d;
  font-size: 1.07692rem;
}
.quiz-form .form-row p em {
  font-weight: 400;
}
.quiz-form label {
  display: inline-block;
}
.quiz-form .quiz-message,
.quiz-form .quiz-success-message {
  display: none;
  background: #eee;
  padding: 2rem;
  font-size: 1.23077rem;
}
.quiz-form .quiz-message .cta,
.quiz-form .quiz-success-message .cta {
  margin-bottom: 0;
  margin-top: 2rem;
}
.quiz-form .quiz-total {
  background: #000;
  color: #fff;
  text-align: center;
  padding: .5rem 1rem;
}
.quiz-form .block-title {
  background: #000;
  color: #fff;
  padding: .5rem;
  font-size: 1.38462rem;
  margin-bottom: 1rem;
}
.quiz-form .note {
  font-size: 1rem;
  color: #555;
}
.quiz-form [id="difficult-breathing-quiz"] .form-row {
  display: table;
  width: 100%;
  margin: 0;
  border-top: 1px solid #ccc;
  padding: 1rem;
}
.quiz-form [id="difficult-breathing-quiz"] .form-row .options label {
  border: 1px solid #ccc;
  padding: .5em;
  border-radius: .5em;
}
.quiz-form [id="difficult-breathing-quiz"] .form-row:first-of-type {
  border-top: 0;
}
.quiz-form [id="difficult-breathing-quiz"] .form-row:nth-of-type(odd) {
  background: #eee;
}
.quiz-form .lowest,
.quiz-form .highest {
  display: none;
  padding: 1rem 0;
}
.quiz-form .lowest label,
.quiz-form .highest label {
  font-weight: 700;
}
.quiz-form .options {
  display: block;
}
.quiz-form .options input {
  font-size: 150%;
  margin: 0;
  margin-right: .7rem;
}
.quiz-form .options label {
  position: relative;
  display: block;
}
.quiz-form .options label + label {
  margin-top: 1rem;
}
.quiz-form .options label[title]::after {
  content: " - " attr(title);
  display: inline;
  font-weight: 700;
}
.quiz-form .blood-pressure-quiz .take-test-btn {
  margin: 1.8rem 0 2.5rem;
}
.quiz-form .blood-pressure-quiz .quiz-message {
  display: block;
}
.quiz-form [id="quit-smoking-quiz"] label {
  display: block;
}
@media screen and (min-width: 600px) {
  .quiz-form [id="difficult-breathing-quiz"] .form-row {
    padding: 0;
  }
  .quiz-form [id="difficult-breathing-quiz"] .form-row .options label {
    border: 0;
    padding: 0;
    border-radius: 0;
  }
  .quiz-form [id="difficult-breathing-quiz"] .form-row label[title]::after {
    content: '';
    display: none;
  }
  .quiz-form [id="difficult-breathing-quiz"] .form-row:nth-of-type(odd) {
    background: none;
  }
  .quiz-form .lowest,
  .quiz-form .options,
  .quiz-form .highest {
    width: 33%;
    display: table-cell;
    vertical-align: middle;
  }
  .quiz-form .highest {
    padding-left: 1rem;
  }
  .quiz-form .options {
    text-align: center;
    background: #eee;
    padding: 1rem;
  }
  .quiz-form .options input {
    margin-right: 0;
  }
  .quiz-form .options label {
    padding: 0;
    display: inline-block;
    margin-bottom: 1rem;
  }
  .quiz-form .options label + label {
    margin-top: 0;
  }
  .quiz-form .options span {
    position: absolute;
    width: 100%;
    font-size: 80%;
    text-align: center;
    left: 0;
    top: 1.5em;
  }
}

/* For generic "features" section - usually 3 columns, an image, and a CTA.
Examples: Health Landing Page, Our Stories Details Page, Meat details page, etc
*/
.features img {
  margin-bottom: 30px;
}
.features h2 {
  margin-bottom: 2.69231rem;
  font-size: 2.76923rem;
}
.features h4 {
  margin-bottom: 10px;
  font-size: 1.92308rem;
  line-height: 1em;
}
.features .cta-secondary {
  display: inline-block;
}
.features .sticker {
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 10;
  width: 100px;
  height: 100px;
}
@media screen and (min-width: 789px) {
  .features .sticker {
    right: 30px;
    left: initial;
  }
}

.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333;
  font-size: 13px;
  line-height: 18px;
}
.datepicker.dropdown-menu th {
  padding: 4px 5px;
}
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}
.datepicker table {
  border: 0;
  margin: 0;
  width: auto;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
}
.datepicker td {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 12px;
  padding: 4px 8px;
  background: #fff;
  cursor: pointer;
}
.datepicker td.active.day, .datepicker td.active.year {
  background: #2ba6cb;
}
.datepicker td.old, .datepicker td.new {
  color: #999;
}
.datepicker td span.active {
  background: #2ba6cb;
}
.datepicker td.day.disabled {
  color: #eee;
}
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 12px;
  padding: 4px 8px;
  background: #fff;
  cursor: pointer;
}
.datepicker th.active.day, .datepicker th.active.year {
  background: #2ba6cb;
}
.datepicker th.date-switch {
  width: 145px;
}
.datepicker th span.active {
  background: #2ba6cb;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.datepicker tfoot tr:first-child th {
  cursor: pointer;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.datepicker > div,
.datepicker-dropdown::before,
.datepicker-dropdown::after {
  display: none;
}

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.bookings h2 {
  margin: 4.07692rem 0 3rem 0;
}
.bookings h4, .bookings p {
  color: #FFFFFF;
}
.bookings .callout-feature-box {
  height: 100%;
}
.bookings .callout-feature-box li {
  padding: 1.53846rem 0 0.76923rem;
}
.bookings .callout-feature-box li h4 {
  line-height: 1;
  color: #222;
  font-size: 2rem;
}
.bookings .callout-feature-box li a {
  padding-bottom: 0;
  color: #222;
}
.bookings .callout-feature-box li:first-of-type {
  padding-top: 0.76923rem;
  border-top: 0;
}
.bookings .callout-feature-box p {
  margin-bottom: 0.38462rem;
  color: #222;
}
@media screen and (min-width: 789px) {
  .bookings .callout-feature-box li {
    padding: 1.15385rem 0 1.15385rem 0;
  }
  .bookings .callout-feature-box li:first-of-type {
    padding-top: 0.38462rem;
  }
}

.book-widget {
  border-top: 0;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+40,ffffff+52,ffffff+57,c6beaa+100&amp;1+0,0.3+100 */
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.72) 40%, rgba(255, 255, 255, 0.64) 52%, rgba(255, 255, 255, 0.6) 57%, rgba(198, 190, 170, 0.3) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(40%, rgba(255, 255, 255, 0.72)), color-stop(52%, rgba(255, 255, 255, 0.64)), color-stop(57%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(198, 190, 170, 0.3)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.72) 40%, rgba(255, 255, 255, 0.64) 52%, rgba(255, 255, 255, 0.6) 57%, rgba(198, 190, 170, 0.3) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.72) 40%, rgba(255, 255, 255, 0.64) 52%, rgba(255, 255, 255, 0.6) 57%, rgba(198, 190, 170, 0.3) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.72) 40%, rgba(255, 255, 255, 0.64) 52%, rgba(255, 255, 255, 0.6) 57%, rgba(198, 190, 170, 0.3) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.72) 40%, rgba(255, 255, 255, 0.64) 52%, rgba(255, 255, 255, 0.6) 57%, rgba(198, 190, 170, 0.3) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4dc6beaa',GradientType=0 );
  /* IE6-9 */
}
.book-widget .tabs {
  border-bottom: 2px solid #c6beaa;
}
.book-widget .tabs .tab-title {
  width: 25%;
}
.book-widget .tabs .tab-title:first-of-type > a {
  margin-left: 0;
}
.book-widget .tabs .tab-title.wraps > a {
  padding: 1.2rem 0 1.6rem;
}
.book-widget .tabs .tab-title.wraps.active > a {
  padding: 1.2rem 0 1.6rem;
}
.book-widget .tabs .tab-title span {
  display: inline-block;
  text-align: center;
  padding: 0;
}
.book-widget .tabs .tab-title > a {
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-size: 0.8rem;
  padding: 1.38462rem 0 1.38462rem;
  margin-bottom: -0.30769rem;
  margin-right: 0.30769rem;
  margin-left: 0.30769rem;
  text-align: center;
  background-color: #c6beaa;
  line-height: 1;
}
.book-widget .tabs .tab-title.active {
  border: 2px solid #c6beaa;
  border-bottom: 0;
}
.book-widget .tabs .tab-title.active > a {
  background-color: #FFFFFF;
  margin-left: 0;
  margin-right: 0;
  outline: 0;
  border: 0;
}
.book-widget .tabs .tab-title:last-of-type a {
  margin-right: 0;
}
.book-widget .tabs-content {
  border: 2px solid #c6beaa;
  border-top: 0;
  padding: 0 1.53846rem 0;
}
.book-widget .forms {
  padding: 0.30769rem 0 0;
}
.book-widget .form-rows {
  list-style-type: none;
  margin: 0;
}
.book-widget .form-rows .row {
  border-bottom: 1px solid #cccccc;
  padding: 1rem 0;
}
.book-widget .form-rows .row:last-child {
  border-bottom: 0;
}
.book-widget .field.dates input[type="text"] {
  width: 90%;
}
.book-widget .field label {
  width: 100%;
  margin: 0;
}
.book-widget .field label.flex-dates {
  width: 100%;
  margin: 0;
  font-size: 1.23077rem;
}
.book-widget .field label.flex-dates input[type="checkbox"] {
  margin-left: 0.61538rem;
}
.book-widget .field.dates label:first-child {
  display: table;
}
.book-widget .field.dates .fa-calendar {
  display: table-cell;
  position: relative;
  top: 2.69231rem;
  left: -0.38462rem;
  font-size: 1.15385rem;
}
.book-widget .dropdown {
  height: 3.5rem;
  font-size: 1.2rem;
}
.book-widget input[type="text"] {
  height: 3.4rem;
  font-size: 1.2rem;
}
.book-widget .search label {
  vertical-align: baseline;
  float: left;
}
.book-widget .search a.submit {
  float: right;
  margin: 1.53846rem 0 0 0;
}
.book-widget .form-rows .row .accomodations-rating {
  border-bottom: 0;
}
.book-widget .amenities label {
  display: inline-block;
  width: 100%;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  font-size: 1.23077rem;
  margin: 0.38462rem 0;
}
.book-widget .amenities input {
  margin-right: 0.76923rem;
}
.book-widget .flights .search-type label {
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  font-size: 1rem;
}
.book-widget .flights input[type="radio"], .book-widget .flights input[type="checkbox"] {
  margin-right: 1rem;
}
.book-widget .kid-info span {
  display: block;
}
.book-widget .kid-info input[type="text"] {
  width: 3.84615rem;
  display: inline-block;
  padding: 0 0.53846rem;
  margin-right: 0.76923rem;
}
.book-widget .kid-info input[type="text"]:nth-of-type(3n) {
  margin-right: 20px;
}
@media screen and (min-width: 480px) {
  .book-widget .tabs .tab-title span {
    padding: 0;
  }
  .book-widget .tabs .tab-title.wraps > a {
    padding: 1.2rem 0 1.6rem;
  }
  .book-widget .tabs .tab-title.wraps.active > a {
    padding: 1.2rem 0 1.6rem;
  }
}
@media screen and (min-width: 641px) {
  .book-widget .tabs .tab-title > a {
    font-size: 1.53846rem;
    margin-right: 0.38462rem;
    margin-left: 0.38462rem;
    padding: 1.4rem 0 1.6rem;
  }
  .book-widget .tabs .tab-title.wraps > a {
    padding: 1.4rem 0 1.6rem;
  }
  .book-widget .tabs .tab-title.wraps.active > a {
    padding: 1.4rem 0 1.6rem;
  }
}
@media screen and (min-width: 789px) {
  .book-widget .field label {
    margin: 0 1.53846rem;
  }
  .book-widget .field label:first-child {
    margin-left: 0;
  }
  .book-widget .field label.flex-dates {
    margin: 3.53846rem 0 0 0;
  }
  .book-widget .field label.flex-dates input[type="checkbox"] {
    margin-left: 0.61538rem;
  }
  .book-widget .field.dates .fa-calendar {
    top: 3.84615rem;
    left: -0.38462rem;
    font-size: 1.69231rem;
  }
  .book-widget .search a.submit {
    margin: 3.76923rem 0 0 0;
  }
  .book-widget .amenities label {
    width: 25%;
  }
}
@media screen and (min-width: 789px) and (min-width: 1025px) {
  .book-widget .amenities label {
    width: 24%;
  }
}
@media screen and (min-width: 789px) {
  .book-widget select.tan-arrow {
    background-size: 36px 11px !important;
    background-position: right 18px;
    padding-right: 40px;
  }
}

.autocomplete-suggestions {
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 1px 0 0 2px;
  line-height: 1.5em;
  padding: 0.2em 0.5em;
}
.autocomplete-suggestions .autocomplete-suggestion {
  border-bottom: 1px solid #ddd;
  padding: 0.2em 0.5em;
}
.autocomplete-suggestions .autocomplete-suggestion:hover {
  cursor: pointer;
  background-color: #eeece6;
}
.autocomplete-suggestions .autocomplete-suggestion:last-child {
  border: none;
}

.calObj {
  display: none;
  float: left;
  position: fixed;
  z-index: 99;
}

.filter.travel p {
  margin-bottom: 0;
}

.load-more {
  width: 100%;
}

.hotels iframe {
  width: 100%;
  height: 400px;
}

.travel-details {
  padding: 1.53846rem 0 4.15385rem 0;
}
.travel-details a {
  display: block;
}
.travel-details p {
  margin-bottom: 0.61538rem;
}
.travel-details .intro p {
  font-size: 1.38462rem;
}
.travel-details .content-box {
  background-color: #f2f0ec;
  padding: 2.30769rem 2.30769rem;
  margin-bottom: 1.92308rem;
}
.travel-details .content-box p {
  color: #877a5c;
  margin-top: 2.84615rem;
}
.travel-details .content-box p:first-of-type {
  margin-top: 1.92308rem;
}
.travel-details .content-box h4 {
  font-size: 2rem;
}
.travel-details .content-box h4 span {
  color: #877a5c;
  display: block;
}
.travel-details .content-box a.cta-primary {
  display: inline-block;
  margin-top: 1.15385rem;
}
.travel-details .content-box a.cta-secondary {
  display: inline-block;
  margin-top: 2.46154rem;
}
.travel-details .content.details h2 {
  margin: 3.30769rem 0 1.15385rem;
}
.travel-details .content.details h2.info {
  margin-bottom: 1.53846rem;
}
.travel-details .content.details li {
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-size: 1.53846rem;
  padding-left: 10px;
  margin-bottom: 1.15385rem;
  line-height: 1.2;
}
.travel-details .content.details p {
  line-height: 1.6;
}
.travel-details .content.details a {
  margin-bottom: 1.61538rem;
}
.travel-details .social ul {
  margin-left: 0;
}
.travel-details .disclaimer {
  color: #666666;
}
@media screen and (min-width: 789px) {
  .travel-details {
    padding: 5.15385rem 0 4.15385rem 0;
  }
  .travel-details .content-box {
    padding: 3.30769rem 3.84615rem 3.46154rem 4.53846rem;
  }
}
@media screen and (min-width: 1025px) {
  .travel-details .social {
    margin-top: 6.38462rem;
  }
  .travel-details .social ul {
    margin-left: 3.53846rem;
  }
}

.travel-options {
  background-color: #e5e5e5;
}
.travel-options h2 {
  margin: 3.07692rem 0 3rem 0;
}
.travel-options .cta-tertiary {
  width: 100%;
}
.travel-options .stories .cta-tertiary {
  margin-bottom: 3rem;
}
@media screen and (min-width: 789px) {
  .travel-options h2 {
    margin: 4.07692rem 0 3rem 0;
  }
}
@media screen and (min-width: 1025px) {
  .travel-options .cta-tertiary {
    width: auto;
  }
}

.recipe-details {
  position: relative;
  padding-bottom: 1.53846rem;
}
.recipe-details ul, .recipe-details ol {
  font-family: "Stag Book", "Trebuchet MS", serif;
  font-size: 1.53846rem;
}
.recipe-details .content-image {
  background-size: auto auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #e5e5e5;
  padding-top: 7.69231rem;
}
@media screen and (min-width: 789px) {
  .recipe-details .content-image {
    background-size: cover;
    padding-top: 17.46154rem;
    max-height: 53.23077rem;
  }
}
.recipe-details .content {
  position: relative;
  top: 32.80347%;
  padding-bottom: 2.30769rem;
}
.recipe-details .content.r-1 {
  padding-top: 1.53846rem;
}
.recipe-details .content.r-1 .description .tag-label {
  margin-bottom: 0;
  margin-top: 3.84615rem;
}
.recipe-details .content.r-1 .description h2 {
  margin-bottom: 2rem;
}
.recipe-details .content.r-1 .description p {
  line-height: 1.6;
}
@media screen and (min-width: 789px) {
  .recipe-details .content.r-1 {
    padding-top: 5.30769rem;
  }
}
.recipe-details .content.r-3 {
  /* This might be a terrible idea, but since we don't have <spans> in wysiwyg editor, lets try this instead*/
}
.recipe-details .content.r-3 h2 {
  display: inline-block;
  font-size: 2.15385rem;
}
.recipe-details .content.r-3 h2 {
  margin: 0.76923rem 0 1.92308rem 0;
}
.recipe-details .content.r-3 ul {
  list-style-type: none;
  margin: 0;
}
.recipe-details .content.r-3 ul li {
  font-size: 1.53846rem;
  margin: 0;
  padding: 0.5em 0;
  clear: both;
}
.recipe-details .content.r-3 ul li:first-of-type {
  padding-top: 0;
}
.recipe-details .content.r-3 ul li:last-of-type {
  padding-bottom: 0;
}
.recipe-details .content.r-3 .quantity-label {
  float: left;
  width: auto;
  padding-right: 0.5em;
  text-align: right;
  font-weight: 700;
}
.recipe-details .content.r-3 .name-label {
  float: left;
  width: 73%;
}
.recipe-details .content.r-3 ol {
  margin: 0;
  counter-reset: item;
  display: table;
}
.recipe-details .content.r-3 ol > li {
  counter-increment: item;
  display: table-row;
}
.recipe-details .content.r-3 ol > li:before {
  display: table-cell;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
  padding: 1em 0.5em 0 0;
}
.recipe-details .content.r-3 ol > li:first-of-type:before {
  padding-top: 0;
}
.recipe-details .content.r-3 .ingredients {
  padding-right: 1.53846rem;
  padding-bottom: 3.07692rem;
}
@media screen and (min-width: 1025px) {
  .recipe-details .content.r-3 .ingredients {
    padding-bottom: 0;
  }
}
.recipe-details .content.r-3 .ingredients a {
  margin-top: 3.07692rem;
}
.recipe-details .content.r-3 .howto {
  padding-bottom: 3.07692rem;
}
@media screen and (min-width: 789px) {
  .recipe-details .content.r-3 .howto {
    padding-bottom: 0;
  }
}
.recipe-details .content.r-3 .recipe-video iframe {
  float: left;
  margin: 2rem 0;
  width: 100%;
}
@media screen and (min-width: 641px) {
  .recipe-details .content.r-3 h2 {
    margin: 0 0 1.53846rem;
  }
}
@media screen and (min-width: 789px) {
  .recipe-details .content.r-3 ul li {
    font-size: 1.53846rem;
  }
}
@media screen and (min-width: 1025px) {
  .recipe-details .content.r-3 h2 {
    margin: 0 0 2.61538rem;
  }
  .recipe-details .content.r-3 .ingredients {
    padding-right: 0;
  }
}
.recipe-details .content.r-1 {
  padding-bottom: 0;
}
.recipe-details .content.r-3 {
  padding-bottom: 0;
}
@media screen and (min-width: 789px) {
  .recipe-details .content.r-3 {
    padding-bottom: 1.875rem;
  }
}
.recipe-details .servings {
  display: inline-block;
  font-family: "Stag Book", "Trebuchet MS", serif;
}
.recipe-details .servings label, .recipe-details .servings select {
  font-size: 1.38462rem;
  display: inline-block;
}
@media screen and (min-width: 641px) {
  .recipe-details .servings label, .recipe-details .servings select {
    font-size: 1.15385rem;
  }
}
.recipe-details .estimated-times {
  padding: 3.30769rem 0;
  margin: 0 auto;
}
.recipe-details .estimated-times h2 {
  font-size: 2.30769rem;
}
@media screen and (min-width: 1025px) {
  .recipe-details .estimated-times h2 {
    font-size: 2.76923rem;
  }
}
.recipe-details .estimated-times h2 span {
  font-size: 45%;
}
.recipe-details .estimated-times p {
  margin: 0;
}
@media screen and (min-width: 789px) {
  .recipe-details .comments-link {
    margin: 0 1.15385rem 0 0;
  }
}
@media screen and (min-width: 789px) {
  .recipe-details .print {
    float: right;
  }
}
@media screen and (min-width: 1025px) {
  .recipe-details .total {
    padding-left: 0;
  }
}
.recipe-details .social ul {
  margin: 0;
}
.recipe-details .social ul li {
  width: 3.69231rem;
  height: 3.69231rem;
  font-size: 1.76923rem;
}
.recipe-details .social ul li i {
  margin-top: 0.84615rem;
}
.recipe-details .social p {
  color: #666666;
}
@media screen and (min-width: 789px) {
  .recipe-details .social {
    margin-left: 1.1rem;
  }
  .recipe-details .social ul li {
    margin-right: 0.69231rem;
  }
}

.similar-recipes {
  padding: 6.46154rem 0 2.92308rem;
}
.similar-recipes h2 {
  margin-bottom: 2.23077rem;
}

.comments {
  margin: 2.53846rem 0 2.53846rem;
  padding: 0 1.53846rem;
}
.comments .disqus {
  border: 2px solid #cccccc;
}
.comments h2 {
  margin-bottom: 2rem;
}
.comments #disqus_thread {
  padding: 1.53846rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 789px) {
  .comments {
    margin: 5.69231rem 0 2.53846rem;
  }
  .comments #disqus_thread {
    padding: 2.53846rem 0 2.07692rem 0;
    width: 65.41667%;
  }
}
@media screen and (min-width: 1200px) {
  .comments {
    padding: 0;
  }
}

.commercial h2 {
  margin: 3.84615rem 0 2.46154rem 0;
}
.commercial p {
  margin-bottom: 3.30769rem;
}
.commercial .content {
  margin-bottom: 1.53846rem;
  padding-right: 0.76923rem;
}
.commercial .content h4 {
  margin: 1.38462rem 0 0.92308rem 0;
}
.commercial .content p {
  margin-bottom: 1rem;
}
.commercial .content .cta-primary {
  margin-top: 0.76923rem;
}

.story-details p {
  margin: 2.30769rem 0;
  font-size: 1.38462rem;
  width: 100%;
}
.story-details p.caption {
  font-size: 0.9em;
  clear: both;
  margin-top: 0;
}
.story-details img.left {
  padding: 0 2.30769rem 2.30769rem 0;
}
.story-details img.right {
  padding: 0 0 2.30769rem 2.30769rem;
}
.story-details .well {
  text-align: justify;
}
.story-details .well-lg {
  margin: 2.30769rem 16.6667%;
}
.story-details .well-sm {
  margin: 2.30769rem 10.6667%;
}
.story-details iframe, .story-details img.center {
  text-align: center;
  margin: 0 auto;
  display: block;
}
.story-details iframe {
  width: 100%;
  height: calc(100vw / 2);
}
@media screen and (min-width: 789px) {
  .story-details iframe {
    height: 500px;
  }
}

#events-results .accordion {
  margin: 0;
}
#events-results .accordion .accordion-navigation {
  position: relative;
  text-align: center;
}
#events-results .accordion .accordion-navigation .content {
  text-align: left;
}
#events-results .accordion .accordion-navigation .content p {
  margin: 1.23077rem 0 2.30769rem;
  font-size: 1.38462rem;
  width: 100%;
}
#events-results .accordion .accordion-navigation .content p.date {
  text-transform: uppercase;
  color: #666666;
  font-weight: bold;
  margin: 0;
}
#events-results .accordion .accordion-navigation .content h4 {
  text-transform: uppercase;
  margin: 1em 0 0.5em;
  width: 75%;
}
#events-results .accordion .accordion-navigation > a {
  position: relative;
  background-color: #ee3124;
  color: #FFFFFF;
  font-family: "Stag Bold", "Trebuchet MS", serif;
}
#events-results .accordion .accordion-navigation > a:not(:last-child) {
  border-bottom: 2px solid #FFFFFF;
}
#events-results .accordion .accordion-navigation > a:after {
  font-family: "FontAwesome";
  content: "\f067";
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.25);
  height: 100%;
  width: 60px;
  padding-top: 14px;
}
#events-results .accordion .accordion-navigation .cta-primary {
  margin-right: 0.5em;
}
#events-results .accordion .accordion-navigation .cta-tertiary {
  margin: 0;
  display: block;
}
@media screen and (min-width: 480px) {
  #events-results .accordion .accordion-navigation .cta-tertiary {
    display: initial;
  }
}
#events-results .accordion .accordion-navigation hr {
  border: none;
  height: 2px;
  background-color: #ddd;
  margin: 2em 0;
}
#events-results .accordion .accordion-navigation.active > a:after {
  content: "\f068";
}
#events-results .message {
  padding: 1em;
}

.event-details .cta-primary {
  margin-right: 0.5em;
}
.event-details .additional-content {
  background-color: #666666;
  color: #FFFFFF;
  padding: 1em;
}
.event-details .additional-content h1, .event-details .additional-content h2, .event-details .additional-content h3, .event-details .additional-content h3, .event-details .additional-content h4 {
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 1em 0 0.5em;
  width: 75%;
}
.event-details p {
  margin: 2.30769rem 0;
  font-size: 1.38462rem;
  width: 100%;
}
.event-details p.caption {
  font-size: 0.9em;
  clear: both;
  margin-top: 0;
}
.event-details img.left {
  padding: 0 2.30769rem 2.30769rem 0;
}
.event-details img.right {
  padding: 0 0 2.30769rem 2.30769rem;
}
.event-details .well {
  text-align: justify;
}
.event-details .well-lg {
  margin: 2.30769rem 16.6667%;
}
.event-details .well-sm {
  margin: 2.30769rem 10.6667%;
}
.event-details iframe, .event-details img.center {
  text-align: center;
  margin: 0 auto;
  display: block;
}
.event-details iframe {
  width: 100%;
  height: calc(100vw);
}
@media screen and (min-width: 789px) {
  .event-details iframe {
    height: 300px;
  }
}

.store-locator-padding {
  padding: 7.69231rem 0 0 0;
}

/* Map Wrapper */
#map-canvas {
  height: 400px;
}
@media screen and (min-width: 789px) {
  #map-canvas {
    height: 600px;
  }
}

/* Map Block - make height smaller for mobile */
.map-block #map-canvas {
  height: 360px;
}
@media screen and (min-width: 789px) {
  .map-block #map-canvas {
    height: 500px;
  }
}

.map-block #producers-map-canvas {
  height: 500px;
}
@media screen and (min-width: 789px) {
  .map-block #producers-map-canvas {
    height: 650px;
  }
}
.map-block #producers-map-canvas .infoBox {
  width: 270px;
}
@media screen and (min-width: 789px) {
  .map-block #producers-map-canvas .infoBox {
    width: 600px;
  }
}
.map-block #producers-map-canvas #infowindow-wrapper {
  width: 100%;
  margin: 0;
  max-height: 450px;
  overflow-y: scroll;
}
@media screen and (min-width: 789px) {
  .map-block #producers-map-canvas #infowindow-wrapper {
    max-height: none;
  }
}

/* Infowindows - close button */
.infoBox img {
  z-index: 1;
  margin: 20px 0 -40px 0 !important;
  padding: 20px;
}
@media screen and (min-width: 789px) {
  .infoBox img {
    margin: 100px 20px -40px 10px !important;
    padding: 0;
  }
}

/* Infowindows */
#infowindow-wrapper {
  background: white;
  width: 270px;
  margin: 15px 15px 0 45px;
  padding: 15px;
}
@media screen and (min-width: 789px) {
  #infowindow-wrapper {
    width: 600px;
    margin: 70px 0 0 0;
    padding: 40px 60px;
    position: relative;
  }
  #infowindow-wrapper:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(213, 213, 213, 0);
    border-top-color: #ffffff;
    border-width: 15px;
    margin-left: -15px;
  }
}
#infowindow-wrapper h2 {
  margin-bottom: 20px;
}
#infowindow-wrapper h4 {
  font-size: 1.38462rem;
}
@media screen and (min-width: 789px) {
  #infowindow-wrapper h4 {
    font-size: 2rem;
  }
}
#infowindow-wrapper #bodyContent p {
  font-size: 1.07692rem;
}
@media screen and (min-width: 789px) {
  #infowindow-wrapper #bodyContent p {
    margin-bottom: 1.8rem;
    font-size: 1.2rem;
  }
}
#infowindow-wrapper .cta-primary, #infowindow-wrapper .cta-secondary {
  font-size: 1.07692rem;
  display: block;
}
@media screen and (min-width: 789px) {
  #infowindow-wrapper .cta-primary, #infowindow-wrapper .cta-secondary {
    display: inline-block;
    font-size: 1.23077rem;
  }
}
#infowindow-wrapper .cta-primary {
  margin-right: 30px;
}
#infowindow-wrapper .directions {
  text-decoration: underline;
}
@media screen and (min-width: 789px) {
  #infowindow-wrapper .infowindow-links-container {
    float: left;
    width: 50%;
  }
}
#infowindow-wrapper .infowindow-links-container a {
  display: inline;
}
#infowindow-wrapper .infowindow-links-container .cta-primary {
  margin-right: 0;
  display: inline-block;
  width: auto;
}

@media screen and (min-width: 789px) {
  .infowindow-image-container {
    float: left;
    width: 50%;
  }
}
.infowindow-image-container img {
  width: 100%;
  display: block;
  margin: 0 auto 2em auto !important;
  padding: 0;
}
@media screen and (min-width: 789px) {
  .infowindow-image-container img {
    max-width: 90% !important;
    margin-left: 0 !important;
  }
}

/* Need a bit more of a margin for map popup on details pages */
#map.store-details #infowindow-wrapper {
  margin-top: 5rem;
}
@media screen and (min-width: 789px) {
  #map.store-details #infowindow-wrapper {
    margin-top: 6.92308rem;
  }
}

/* Result Box on Listing Page */
.store-locator-results .results-text {
  float: left;
  margin-top: 5px;
}
.store-locator-results select {
  width: 40%;
  float: right;
}

.store-result .content {
  padding: 20px 10px 20px 20px;
}
@media screen and (min-width: 789px) {
  .store-result .content {
    min-height: 340px;
  }
}
@media screen and (min-width: 1025px) {
  .store-result .content {
    min-height: auto;
  }
}
.store-result h5 {
  font-size: 1.53846rem;
}
.store-result .cta-primary {
  padding: 0.84615rem 1.69231rem;
}
@media screen and (min-width: 789px) {
  .store-result .cta-primary {
    padding: 0.84615rem 1.15385rem;
  }
}
@media screen and (min-width: 1025px) {
  .store-result .cta-primary {
    padding: 0.84615rem 1.69231rem;
  }
}
.store-result .cta-primary, .store-result .cta-secondary {
  margin-bottom: 0;
  font-size: 1.23077rem;
}
@media screen and (min-width: 789px) {
  .store-result .cta-primary, .store-result .cta-secondary {
    font-size: 0.92308rem;
  }
}
@media screen and (min-width: 1025px) {
  .store-result .cta-primary, .store-result .cta-secondary {
    font-size: 1.23077rem;
  }
}
.store-result .notes {
  line-height: inherit;
}

/* Store Details Page */
.store-department-wrapper {
  margin-top: 1.53846rem;
}
@media screen and (min-width: 789px) {
  .store-department-wrapper {
    margin-top: 0;
  }
}

.store-details h2 {
  margin-bottom: 40px;
}
.store-details img {
  margin-bottom: 20px;
}
.store-details .cta-primary {
  margin-right: 20px;
}
.store-details .store-department {
  margin-bottom: 1.53846rem;
  /* KM - TO do, lets rewrite the SASS for this and remove the line-height, just let stuff
  flow normally */
}
@media screen and (min-width: 789px) {
  .store-details .store-department {
    margin-bottom: 3.07692rem;
  }
}
.store-details .store-department.item-3 {
  clear: both;
}
.store-details .store-department h5 {
  margin-bottom: 20px;
}
.store-details .store-department p:not(.notes) {
  font-size: 1.38462rem;
  color: #8d7b63;
  line-height: 1;
  /* used to be line-height: rem-calc(12); */
}
.store-details .store-department hr {
  border-color: #e5e5e5;
}
.store-details .store-department .hours {
  color: #000000;
  margin: 10px 0;
  display: block;
}
@media screen and (min-width: 1025px) {
  .store-details .store-department .hours {
    float: right;
    margin: 0;
    display: inline-block;
  }
}
.store-details .store-department p.holiday-hours {
  line-height: normal;
  margin: 0;
}
.store-details .store-department p.holiday-hours span {
  margin-bottom: 1.8rem;
}
.store-details .store-department .notes {
  line-height: 2.30769rem;
  margin-bottom: 1.53846rem;
}
.store-details .store-department p.licensee {
  line-height: normal;
}
.store-details .store-department p.license {
  line-height: normal;
  color: #000000;
  font-size: 1.38462rem;
}

#producers-search-text {
  font-size: 16px;
}

/* Some features have a wood background - homepage */
.wood-bg {
  background: transparent url("../img/bg-wood.jpg") no-repeat 50% 50%;
  background-size: cover;
}

.homepage-localize h2:not(.white) {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .homepage-localize h2:not(.white) {
    text-align: left;
    margin-bottom: 0;
  }
}
.homepage-localize .callout-feature-box {
  margin-bottom: 0;
  height: auto;
  padding-bottom: 1.175rem;
}

.coop-calculator,
.coop-calculator ~ form,
.coop-calculator ~ h5 {
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 789px) {
  .coop-calculator,
  .coop-calculator ~ form,
  .coop-calculator ~ h5 {
    width: 60%;
  }
}

.coop-calculator ~ p {
  display: none;
}

.coop-calculator ~ form * {
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  white-space: normal;
}

.coop-calculator ~ h5 {
  font-size: 1rem;
  margin-top: 1rem;
}

.border {
  border: 2px solid #fff;
}

.border-top {
  border-top: 2px solid #fff;
}

.border-right {
  border-right: 2px solid #fff;
}

.border-bottom {
  border-bottom: 2px solid #fff;
}

.border-left {
  border-left: 2px solid #fff;
}

.hidden-field {
  position: fixed;
  left: -100%;
}

.hide-calculator .intro,
.hide-calculator form .form-element,
.hide-calculator form .form-actions {
  display: none;
}

.hide-calculator form .the-savings {
  display: block;
}

.coop-calculator {
  margin-top: -80px;
  padding-top: 80px;
  /* these two lines prevent the sticky top nav from covering the widget when scrolled to */
  position: relative;
  /*    .cardlock-stations-option,
      .gas-stations-option {
          display: none;
      }*/
}
.coop-calculator * {
  color: inherit;
  font-family: "Stag Sans Book", "Open Sans", Tahoma, sans-serif;
  white-space: normal;
}
.coop-calculator .element-anchor {
  left: 0;
  position: absolute;
  top: -80px;
}
.coop-calculator .show {
  display: block;
}
.coop-calculator .intro {
  text-align: center;
}
.coop-calculator .intro h3 {
  color: #000;
  font-weight: lighter;
}
.coop-calculator .intro p {
  font-size: 1.5rem;
}
.coop-calculator .calculator-errors {
  color: #ee3124;
  line-height: unset;
  list-style-type: disc;
  margin: 0;
  padding: 0;
}
.coop-calculator .calculator-errors li {
  margin: 0 0 0 2rem;
  padding: 0.5rem 0 0;
}
.coop-calculator .form-headings {
  display: flex;
  flex-wrap: wrap;
}
.coop-calculator .form-headings p {
  flex: 1 1 auto;
}
.coop-calculator .form-headings .flex-full {
  flex: 1 1 100%;
}
.coop-calculator form {
  background: #d1d3d4;
  overflow: hidden;
}
.coop-calculator form .form-element .label {
  background: none;
  color: inherit;
  display: block;
  font-size: 1.5rem;
  padding: 1rem;
}
@media screen and (min-width: 641px) {
  .coop-calculator form .form-element .label {
    font-size: 2rem;
    padding: 2rem;
  }
}
.coop-calculator form .form-element .label.center {
  text-align: center;
}
.coop-calculator form .form-element .half-field,
.coop-calculator form .form-element .third-field {
  background: #dcddde;
  float: left;
  margin: 0;
  padding: 1rem .5rem;
  text-align: center;
  width: 50%;
}
@media screen and (min-width: 641px) {
  .coop-calculator form .form-element .half-field,
  .coop-calculator form .form-element .third-field {
    padding: 1rem;
  }
}
.coop-calculator form .form-element .half-field label,
.coop-calculator form .form-element .third-field label {
  padding: 0;
  width: auto;
}
.coop-calculator form .form-element .third-field {
  width: 33.33%;
}
.coop-calculator form .form-element input[type='radio'] {
  left: -100%;
  position: fixed;
}
.coop-calculator form .form-element input[type='radio'] ~ label:before {
  background: #fff none repeat scroll 0 0;
  content: "";
  display: inline-block;
  font-size: 0;
  height: 18px;
  margin-right: 5px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 18px;
}
@media screen and (min-width: 641px) {
  .coop-calculator form .form-element input[type='radio'] ~ label:before {
    margin: 0 10px 0 0;
  }
}
.coop-calculator form .form-element input[type='radio']:checked ~ label:before {
  background: #000;
}
.coop-calculator form .form-element label {
  display: inline-block;
  font-size: 1rem;
  line-height: 1rem;
  margin: 0;
  padding: 2rem 1rem;
  position: relative;
  vertical-align: middle;
  width: 41%;
}
@media screen and (min-width: 1025px) {
  .coop-calculator form .form-element label {
    font-size: 1.8rem;
    line-height: 1.8rem;
    padding: 2rem;
  }
}
.coop-calculator form .form-element label span {
  font-size: 1rem;
}
.coop-calculator form .form-element label span small {
  clear: both;
  display: block;
  font-size: 70%;
}
.coop-calculator form .form-element label span.description {
  background: #666;
  border-radius: 5px 5px 5px 0;
  color: #fff;
  display: none;
  left: 1rem;
  padding: 2px 4px;
  position: absolute;
  top: -4px;
  white-space: nowrap;
}
@media screen and (min-width: 1025px) {
  .coop-calculator form .form-element label span.description {
    left: 2rem;
    top: -14px;
  }
}
.coop-calculator form .form-element label:hover span.description {
  display: block;
}
.coop-calculator form .form-element ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333;
}
.coop-calculator form .form-element ::-moz-placeholder {
  /* Firefox 19+ */
  color: #333;
}
.coop-calculator form .form-element :-ms-input-placeholder {
  /* IE 10+ */
  color: #333;
}
.coop-calculator form .form-element :-moz-placeholder {
  /* Firefox 18- */
  color: #333;
}
.coop-calculator form .form-element input[type='text'],
.coop-calculator form .form-element input[type='number'] {
  background: #e6e7e8;
  border: 2px solid #a7a9ac;
  display: inline-block;
  font-size: 1rem;
  height: auto;
  margin: 0;
  vertical-align: middle;
  width: 50%;
}
@media screen and (min-width: 641px) {
  .coop-calculator form .form-element input[type='text'],
  .coop-calculator form .form-element input[type='number'] {
    font-size: 1.5rem;
  }
}
.coop-calculator form .form-actions {
  float: left;
  text-align: center;
  width: 100%;
}
.coop-calculator form input[type='submit'] {
  background: #bcbec0 none repeat scroll 0 0;
  border: none;
  clear: both;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  float: none;
  font-size: 1rem;
  margin: 0 auto;
  outline: none;
  padding: 1rem 2rem;
  text-align: center;
  text-transform: uppercase;
  width: 50%;
}
.coop-calculator form input[type='submit']:hover {
  background: #333333;
  color: #fff;
}
.coop-calculator form input[type='submit']:active, .coop-calculator form input[type='submit']:focus {
  background: #000;
  color: #fff;
}
@media screen and (min-width: 641px) {
  .coop-calculator form input[type='submit'] {
    font-size: 2rem;
  }
}
.coop-calculator .the-savings {
  background: #ee3124;
  clear: both;
  color: #fff;
  display: none;
  padding: 1rem;
}
@media screen and (min-width: 641px) {
  .coop-calculator .the-savings {
    padding: 4rem 4rem 2rem;
  }
}
.coop-calculator .the-savings p {
  font-size: 1.2rem;
  margin: 0;
}
.coop-calculator .the-savings p span {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media screen and (min-width: 641px) {
  .coop-calculator .the-savings p span {
    font-size: 1.8rem;
  }
}
.coop-calculator .the-savings p span ~ span {
  background: #e6e7e8 none repeat scroll 0 0;
  border: 2px solid #a7a9ac;
  color: #6d6e71;
  font-size: 250%;
  font-weight: bold;
  margin: 1rem 0;
  overflow: hidden;
  padding: 0.5rem;
  text-align: center;
  width: 100%;
}
.coop-calculator .the-savings .form-submit-button {
  display: none;
  margin: 2rem 0;
  text-align: center;
}
.coop-calculator .the-savings .form-submit-button input,
.coop-calculator .the-savings .form-submit-button a.btn {
  clear: both;
  display: block;
  margin-top: 1rem;
}
.coop-calculator .the-savings .form-submit-button a.btn {
  background: #bcbec0;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  min-width: 50%;
  padding: .8rem 1.5rem;
  text-transform: uppercase;
}
@media screen and (min-width: 641px) {
  .coop-calculator .the-savings .form-submit-button a.btn {
    font-size: 2rem;
  }
}
.coop-calculator .the-savings .form-submit-button a.btn:hover {
  background: #333;
}
.coop-calculator .the-savings .form-submit-button.show-submit {
  display: block;
}
.coop-calculator .show-savings {
  display: block;
}

.coop-calculator.hide-calculator .the-savings .form-submit-button.show-submit {
  display: none;
}

.coop-calculator ~ form.show-contact {
  display: block;
}

.coop-calculator ~ form {
  background: #ee3124;
  border: 2px solid #fff;
  border-top: none;
  display: none;
  padding: 1rem;
}
@media screen and (min-width: 641px) {
  .coop-calculator ~ form {
    padding: 4rem;
    padding-top: 0;
  }
}
.coop-calculator ~ form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333;
}
.coop-calculator ~ form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #333;
}
.coop-calculator ~ form :-ms-input-placeholder {
  /* IE 10+ */
  color: #333;
}
.coop-calculator ~ form :-moz-placeholder {
  /* Firefox 18- */
  color: #333;
}
.coop-calculator ~ form h5 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: lighter;
  margin-bottom: 2rem;
  text-align: center;
}
.coop-calculator ~ form .half-field {
  clear: none;
  float: left;
  margin-right: 1%;
  width: 49%;
}
.coop-calculator ~ form .half-field input[type='text'] {
  width: 100%;
}
.coop-calculator ~ form .half-field ~ .half-field {
  margin-left: 1%;
  margin-right: 0;
}
.coop-calculator ~ form .error-list a {
  color: #000;
}
.coop-calculator ~ form .error-list a:hover {
  color: #fff;
}

.step-navigation .step-button-wrapper {
  text-align: center;
  width: 100%;
}
.step-navigation .step-button-wrapper input#UserForm_Form_action_process[type='submit'] {
  background: #bcbec0;
  border: none;
  clear: both;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  float: none;
  font-size: 1rem;
  margin: 1rem auto;
  outline: none;
  padding: 1rem 2rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.step-navigation .step-button-wrapper input#UserForm_Form_action_process[type='submit']:hover {
  background: #333333;
  color: #fff;
}
.step-navigation .step-button-wrapper input#UserForm_Form_action_process[type='submit']:active, .step-navigation .step-button-wrapper input#UserForm_Form_action_process[type='submit']:focus {
  background: #000;
  color: #fff;
}
@media screen and (min-width: 641px) {
  .step-navigation .step-button-wrapper input#UserForm_Form_action_process[type='submit'] {
    font-size: 2rem;
    width: 50%;
  }
}

.pump-that-pays .cardlock-stations-option,
.pump-that-pays .gas-stations-option {
  display: none;
}

.show-cardlock-options .cardlock-stations-option,
.show-gas-options .gas-stations-option {
  display: block;
}

.pump-that-pays ~ form.show-contact {
  display: block;
}

.membership_returns_calculator form .form-element label {
  width: 33%;
}
.membership_returns_calculator form .form-element input[type="text"],
.membership_returns_calculator form .form-element input[type="number"] {
  width: 33%;
}
.membership_returns_calculator form .form-element .saving-value {
  display: inline-block;
  font-size: 1rem;
  height: auto;
  margin: 0;
  padding: 0.5rem .5rem;
  text-align: right;
  vertical-align: middle;
  width: 30%;
}
@media screen and (min-width: 641px) {
  .membership_returns_calculator form .form-element .saving-value {
    font-size: 1.5rem;
  }
}
.membership_returns_calculator .the-savings p em {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

@media print {
  html, body {
    background: white;
    font-size: 12px !important;
  }

  .alert-box,
  #location-search,
  .store-wrapper,
  .search-wrapper,
  .btn-search,
  .desktop-nav-topbar,
  .mobile-nav,
  .breadcrumb,
  .medium-block-grid-5,
  .menu.legal,
  .menu.social,
  header,
  footer {
    display: none !important;
  }

  .recipe-details .print,
  .recipe-details .social,
  .recipe-details .ingredients .cta-primary,
  .recipe-details .cta-secondary,
  .recipe-details .cta-tertiary,
  .similar-recipes,
  #comments {
    display: none !important;
  }

  .recipe-details .servings,
  .recipe-details .description,
  .recipe-details .photo,
  .recipe-details .ingredients,
  .recipe-details .r-2 .columns,
  .recipe-details .r-2 .estimated-times .total {
    margin-left: 0 !important;
  }

  .recipe-details .description {
    width: 65%;
  }

  .recipe-details .photo {
    width: 35%;
    margin-top: 20px;
  }

  .recipe-details .content-image {
    padding: 0;
  }

  .recipe-details .row.padding-20 {
    padding: 0;
  }
  .recipe-details .row.padding-20 label {
    font-size: 1rem;
  }

  .recipe-details .content.r-1 {
    padding-bottom: 0;
  }

  .recipe-details .content.r-2 .estimated-times {
    padding: 1.53846rem 0 0;
  }

  .recipe-details .tag-label {
    margin-top: 20px !important;
  }

  .recipe-details .howto {
    width: 65%;
  }

  .recipe-details .ingredients {
    width: 35%;
  }

  .recipe-details .r-2 > .columns {
    width: 100%;
  }

  .recipe-details .estimated-times > .columns {
    width: 25%;
  }

  .recipe-details h2,
  .recipe-details .ingredients h2,
  .recipe-details .howto h2,
  .recipe-details ol li {
    font-size: 15px !important;
  }

  h2 {
    font-size: 10px !important;
  }

  .recipe-details .estimated-times h2 {
    font-size: 1.2rem;
  }
  .recipe-details .estimated-times h2 span {
    font-size: 100%;
  }

  .recipe-details .content.r-3 ol > li::before,
  .recipe-details .ingredients ul li .quantity-label {
    font-weight: normal !important;
  }
}

/*# sourceMappingURL=site.css.map */