@charset "UTF-8";
/* =Imports
-------------------------------------------------------------- */
/*-----------------------------------------
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 * Box Sizing method 
 * Paul Irish
 */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*-----------------------------------------
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain)
 * Eric Meyer
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*-----------------------------------------
 * Fluid images
 */
img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

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

/*-----------------------------------------
 * Web font - definition sets
 * Effective web font definitions (helping avoid faux weighting while maintaining compatibility) inspired by http://www.smashingmagazine.com/2013/02/setting-weights-and-styles-at-font-face-declaration/
 */
@font-face {
  font-family: 'source_sans_prolight';
  src: url("fonts/sourcesanspro-light-webfont.eot");
  src: url("fonts/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("fonts/sourcesanspro-light-webfont.woff") format("woff"), url("fonts/sourcesanspro-light-webfont.ttf") format("truetype"), url("fonts/sourcesanspro-light-webfont.svg#source_sans_prolight") format("svg");
  font-weight: 300;
  font-style: normal; }
body {
  font-family: "source_sans_prolight", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'source_sans_proregular';
  src: url("fonts/sourcesanspro-regular-webfont.eot");
  src: url("fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("fonts/sourcesanspro-regular-webfont.ttf") format("truetype"), url("fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg");
  font-weight: 400;
  font-style: normal; }
strong, .highlight, .highlight-alt, header ul.menu-feedback, .page aside a, .featured h2, footer, .notification {
  font-family: "source_sans_proregular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'source_sans_prosemibold';
  src: url("fonts/sourcesanspro-semibold-webfont.eot");
  src: url("fonts/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-semibold-webfont.woff2") format("woff2"), url("fonts/sourcesanspro-semibold-webfont.woff") format("woff"), url("fonts/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold") format("svg");
  font-weight: 600;
  font-style: normal; }
h2, header a, .page aside a.selected,
.page aside a.active, .page aside h3, .products .description a,
.products .description span.view-link, .notification a {
  font-family: "source_sans_prosemibold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'source_sans_probold';
  src: url("fonts/sourcesanspro-bold-webfont.eot");
  src: url("fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("fonts/sourcesanspro-bold-webfont.ttf") format("truetype"), url("fonts/sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'oranienbaumregular';
  src: url("fonts/Oranienbaum-Regular-webfont.eot");
  src: url("fonts/Oranienbaum-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Oranienbaum-Regular-webfont.woff") format("woff"), url("fonts/Oranienbaum-Regular-webfont.ttf") format("truetype"), url("fonts/Oranienbaum-Regular-webfont.svg#oranienbaumregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'alegreya_sanslight';
  src: url("fonts/alegreyasans-light-webfont.eot");
  src: url("fonts/alegreyasans-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/alegreyasans-light-webfont.woff2") format("woff2"), url("fonts/alegreyasans-light-webfont.woff") format("woff"), url("fonts/alegreyasans-light-webfont.ttf") format("truetype"), url("fonts/alegreyasans-light-webfont.svg#alegreya_sanslight") format("svg");
  font-weight: normal;
  font-style: normal; }
.hero-message, .signature, #people h1 {
  font-family: "alegreya_sanslight", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'alegreya_sansregular';
  src: url("fonts/alegreyasans-regular-webfont.eot");
  src: url("fonts/alegreyasans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/alegreyasans-regular-webfont.woff2") format("woff2"), url("fonts/alegreyasans-regular-webfont.woff") format("woff"), url("fonts/alegreyasans-regular-webfont.ttf") format("truetype"), url("fonts/alegreyasans-regular-webfont.svg#alegreya_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'crimson_textroman';
  src: url("fonts/crimsontext-regular-webfont.eot");
  src: url("fonts/crimsontext-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/crimsontext-regular-webfont.woff2") format("woff2"), url("fonts/crimsontext-regular-webfont.woff") format("woff"), url("fonts/crimsontext-regular-webfont.ttf") format("truetype"), url("fonts/crimsontext-regular-webfont.svg#crimson_textroman") format("svg");
  font-weight: normal;
  font-style: normal; }
/*-----------------------------------------
 * 8 Sass mixins you must have in your toolbox
 * Thank you Sebastian Ekström, Zero Six Three
 * http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/
 * Only required mixins added from this collection
 */
/*-----------------------------------------
 * 2. Breakpoints
 */
/*-----------------------------------------
 * 5. Transitions
 */
/*-----------------------------------------
 * 6. Cross browser opacity
 */
/*-----------------------------------------
 * 7. Clearfix
 */
.clearfix, .page-home,
.page, .page-static-full-width article, #people, .cart-products .row, .products, .products .product, .featured, .page-product article, .zaza-slider-captions, ul.zaza-slider-nav, footer .wrapper {
  *zoom: 1; }
  .clearfix:before, .page-home:before,
  .page:before, .page-static-full-width article:before, #people:before, .cart-products .row:before, .products:before, .products .product:before, .featured:before, .page-product article:before, .zaza-slider-captions:before, ul.zaza-slider-nav:before, footer .wrapper:before, .clearfix:after, .page-home:after,
  .page:after, .page-static-full-width article:after, #people:after, .cart-products .row:after, .products:after, .products .product:after, .featured:after, .page-product article:after, .zaza-slider-captions:after, ul.zaza-slider-nav:after, footer .wrapper:after {
    content: " ";
    display: table; }
  .clearfix:after, .page-home:after,
  .page:after, .page-static-full-width article:after, #people:after, .cart-products .row:after, .products:after, .products .product:after, .featured:after, .page-product article:after, .zaza-slider-captions:after, ul.zaza-slider-nav:after, footer .wrapper:after {
    clear: both; }

/*-----------------------------------------
 * 8. Visually hide an element
 */
.visually-hidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute; }

/*-----------------------------------------
 * 8. Spacing / sizes
 */
/*-----------------------------------------
 * Fonts
 */
/*$sans-serif-font: "Myriad Pro", "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;*/
/*-----------------------------------------
 * Colour scheme
 */
/* Grey, just off white */
/* A dark grey, not too black */
/* A dark 'warm' gray. Aiming for a lighter gray suitable for text */
/* A lighter dark 'warm' gray. Aiming for a lighter gray suitable for text */
/* Zaza Shelley Brand Guidelines grey */
/* Lightest version of the Brand Guidelines grey. Useful for backgrounds that need tyo be subtle - e.g. footer. */
/* Light version of the Brand Guidelines grey. Useful for text backgrounds where you want to highlight the text without intruding on contrast of a dark font. */
/* Lighter version of the Brand Guidelines grey. Useful for text backgrounds. */
/* Darker version of the Brand Guidelines grey. Useful for text backgrounds. */
/* Darker version of the Brand Guidelines grey. Useful for less prominent text (i.e. footer text). */
/*-----------------------------------------
 * Spacing
 */
/* =Useful classes
-------------------------------------------------------------- */
.fixed {
  position: fixed;
  top: 0;
  left: 0; }

.jam {
  display: none; }

/* =Global
-------------------------------------------------------------- */
body {
  background-color: #fdfdfd;
  color: #414039; }

a {
  color: #414039;
  text-decoration: none; }

a:hover {
  color: #414039;
  opacity: 0.85;
  filter: alpha(opacity=85); }

h2 {
  color: #beb9a6;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin: 20px 0 10px 0; }

h2:first-of-type {
  margin-top: 0; }

p {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 15px; }

.word-copy ul,
.word-copy ol {
  font-size: 18px;
  list-style-type: circle;
  margin: auto -3em 1em 0;
  padding: 0;
  position: relative;
  left: -3em;
  overflow: hidden; }

.word-copy li {
  margin-top: 0.25em;
  margin-bottom: 0.25em; }

.word-copy ul ul,
.word-copy ul ol,
.word-copy ol ol,
.word-copy ol ul {
  margin-left: 1em;
  padding-left: 0; }

.word-copy ul li,
.word-copy ol li {
  margin-left: 5em; }

.word-copy li li {
  margin-left: 1em; }

/* Thank you Bootstrap ( http://getbootstrap.com/ ) for the wonderful input/button CSS! */
input[type="text"] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #414039;
  background-color: #fdfdfd;
  background-image: none;
  border: 1px solid #beb9a6;
  -webkit-transition: border-color ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s;
  transition: border-color ease-in-out .15s; }

input[type="text"]:focus,
input[type="text"]:active {
  border-color: #524d3c;
  outline: 0; }

footer input[type="text"]:not([disabled]):focus ~ .input-group-btn button,
button.input-group-btn-focus:not([disabled]) {
  background-color: #524d3c; }

input[type="text"]::-moz-placeholder {
  color: #beb9a6;
  opacity: 1; }

input[type="text"]:-ms-input-placeholder {
  color: #beb9a6; }

input[type="text"]::-webkit-input-placeholder {
  color: #beb9a6; }

input[disabled],
input[readonly] {
  cursor: not-allowed;
  background-color: #ebeae4;
  opacity: 1; }

button,
a.button {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color ease-in-out .15s;
  -o-transition: background-color ease-in-out .15s;
  transition: background-color ease-in-out .15s; }

button,
a.button {
  color: #fdfdfd;
  background-color: #beb9a6; }

button:focus,
button:active:focus,
button.active:focus,
button.focus,
button:active.focus,
button.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

button:hover,
button:focus,
button.focus {
  opacity: 0.85;
  text-decoration: none; }

button:active,
button.active {
  outline: 0;
  background-image: none; }

button.disabled,
button[disabled],
fieldset[disabled] button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65; }

footer button,
footer input[type="text"],
.cart-products button,
.cart-products input[type="text"] {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

/* =General styles
-------------------------------------------------------------- */
.hero-message {
  /*font-family: 'oranienbaumregular';
  font-family: 'alegreya_sanslight';
  font-family: 'crimson_textroman';*/
  background-color: #ebeae4;
  padding: 15px;
  font-size: 26px;
  /*font-weight: 400;*/
  text-align: center;
  margin: 15px 0;
  line-height: 1; }

.page-home .hero-message {
  margin: 20px 0; }

.highlight {
  padding: 10px;
  font-size: 18px;
  line-height: 1.2;
  border: 1px solid #ebeae4;
  margin-bottom: 10px; }

.highlight-alt {
  margin: 0 5px;
  padding: 10px;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  background-color: #ebeae4;
  /*border: 1px solid $color-warm-gray;*/ }

.highlight-alt a {
  text-decoration: underline; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #beb9a6; }

.signature {
  font-size: 22px; }

.inline-link {
  text-decoration: underline; }

/* =Layout
-------------------------------------------------------------- */
.page,
footer .wrapper {
  /*width: 1140px;*/
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px; }

.page-range,
.range footer .wrapper,
.page-shop,
.shop footer .wrapper,
.page-product,
.product footer .wrapper,
.page-static-full-width,
.static-full-width footer .wrapper {
  /*width: 860px;*/
  max-width: 1443px;
  padding: 0 20px;
  margin: 0 auto; }

.page-home,
.home footer .wrapper {
  /*width: 860px;*/
  max-width: 900px;
  max-width: 1040px;
  padding: 0 20px;
  margin: 0 auto; }

.page article {
  width: 80%;
  float: right;
  padding: 32px 0;
  padding: 20px 0; }
  @media only screen and (max-width: 768px) {
    .page article {
      width: 100%;
      float: none;
      padding-top: 0;
      margin-top: 20px; } }

.page-static-full-width article {
  width: 100%;
  float: none;
  /*padding: 0 68px;*/ }

/* =Primary navigation
---------------------------------------------------------------- */
header {
  /*overflow: auto; /* Resolves Firefox unwanted image top spacing */ }

header li {
  display: inline-block; }

header a {
  display: block;
  padding: 5px 15px;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.12em; }

.page-static-full-width header .site-logo a {
  padding: 5px 30px 5px 0; }
  @media only screen and (max-width: 768px) {
    .page-static-full-width header .site-logo a {
      padding: 5px 0; } }

header li.menu-toggle-icon a {
  font-size: 20px; }

.page-home header a {
  padding: 10px;
  margin: 0 20px;
  font-size: 16px; }

header a.selected {
  opacity: 0.78; }

header a.selected:hover {
  /*cursor: default;*/ }

@media only screen and (max-width: 480px) {
  header > nav > ul > li {
    display: none; } }
@media only screen and (min-width: 481px) {
  header > nav > ul > li {
    display: inline-block !important; } }

@media only screen and (max-width: 480px) {
  header > nav > ul > li > a {
    padding: 5px 0; } }

@media only screen and (max-width: 480px) {
  header > nav > ul > li > a:first-child {
    margin-top: 5px; } }

/*header > nav > ul > li > a:last-child {
    padding-right: 0;
}*/
header ul.menu-toggle {
  display: none; }
  @media only screen and (max-width: 480px) {
    header ul.menu-toggle {
      display: block; } }

header ul.menu-feedback {
  padding: 10px;
  background-color: #ebeae4;
  display: none;
  margin-top: 5px; }
  @media only screen and (max-width: 480px) {
    header ul.menu-feedback {
      display: block; } }

.page header {
  display: table;
  table-layout: fixed;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .page header {
      display: block;
      table-layout: initial; } }

.page-home header {
  padding: 20px 0 10px 0;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    .page-home header {
      padding: 20px 0 10px 0; } }

header .site-logo img {
  width: 100%;
  background-size: 100% 100%;
  background-image: url("../img/zaza-shelley-logo.png"); }

.home .site-logo img {
  max-width: 333px; }

.page-home header .site-logo {
  margin: 0;
  /*margin-bottom: element_spacing();*/ }
  @media only screen and (max-width: 480px) {
    .page-home header .site-logo {
      margin-bottom: 0; } }

.page header .site-logo,
.page header nav {
  display: table-cell;
  vertical-align: middle; }
  @media only screen and (max-width: 768px) {
    .page header .site-logo,
    .page header nav {
      display: block;
      text-align: center; } }

.page header .site-logo {
  width: 20%;
  padding: 20px; }
  @media only screen and (max-width: 960px) {
    .page header .site-logo {
      padding: 20px 0; } }
  @media only screen and (max-width: 768px) {
    .page header .site-logo {
      width: 100%;
      padding: 30px 0 5px 0; } }

.page header .site-logo img {
  /*margin: 0 20px;*/ }
  @media only screen and (max-width: 768px) {
    .page header .site-logo img {
      max-width: 160px; } }

.page-range header .site-logo,
.page-shop header .site-logo,
.page-product header .site-logo,
.page-static-full-width header .site-logo {
  width: 20%;
  padding: 10px 60px; }
  @media only screen and (max-width: 1180px) {
    .page-range header .site-logo,
    .page-shop header .site-logo,
    .page-product header .site-logo,
    .page-static-full-width header .site-logo {
      padding: 10px 20px; } }
  @media only screen and (max-width: 960px) {
    .page-range header .site-logo,
    .page-shop header .site-logo,
    .page-product header .site-logo,
    .page-static-full-width header .site-logo {
      padding: 20px 0; } }
  @media only screen and (max-width: 768px) {
    .page-range header .site-logo,
    .page-shop header .site-logo,
    .page-product header .site-logo,
    .page-static-full-width header .site-logo {
      width: 100%;
      padding: 30px 0 5px 0; } }

.page-static-full-width header .site-logo {
  width: 20%;
  padding: 10px 120px 10px 0; }
  @media only screen and (max-width: 1180px) {
    .page-static-full-width header .site-logo {
      padding: 10px 40px 10px 0; } }
  @media only screen and (max-width: 960px) {
    .page-static-full-width header .site-logo {
      padding: 20px 0; } }
  @media only screen and (max-width: 768px) {
    .page-static-full-width header .site-logo {
      width: 100%;
      padding: 30px 0 5px 0; } }

.page-shop header .site-logo img {
  /*background-image: url('../img/zaza-shelley-logo-icon.png');*/ }

.page header nav {
  width: 80%; }
  @media only screen and (max-width: 768px) {
    .page header nav {
      width: 100%; } }

header nav > ul {
  padding: 10px 0; }

.page header nav > ul {
  text-align: right; }
  @media only screen and (max-width: 768px) {
    .page header nav > ul {
      margin-bottom: 10px;
      text-align: center; } }
  @media only screen and (max-width: 480px) {
    .page header nav > ul {
      padding: 0; } }

/*.page-range header nav > ul li:last-child a {
    padding-right: 0;
}*/
.page header {
  border-bottom: 1px solid #d4d0c3; }
  @media only screen and (max-width: 768px) {
    .page header {
      border: none; } }

.page-static-full-width header {
  border-bottom: 1px solid #d4d0c3;
  /* Override */ }
  @media only screen and (max-width: 768px) {
    .page-static-full-width header {
      margin-bottom: 20px; } }

/* =Static pages
---------------------------------------------------------------- */
.page-static-full-width article section {
  margin-top: 40px; }

.page-static-full-width article section:first-of-type {
  margin-top: 0; }

.page-header h1 {
  font-size: 44px;
  margin-bottom: 25px;
  color: #beb9a6;
  line-height: 1;
  position: relative;
  top: -5px;
  /* Small adjustment / hack to align top of font */ }

.golden-col-left {
  width: 38%;
  float: left;
  padding-right: 40px; }
  @media only screen and (max-width: 960px) {
    .golden-col-left {
      width: 100%;
      padding-right: 0; } }
  @media only screen and (max-width: 768px) {
    .golden-col-left {
      text-align: center; } }

.golden-col-right {
  width: 62%;
  float: left;
  padding-left: 40px; }
  @media only screen and (max-width: 960px) {
    .golden-col-right {
      width: 100%;
      padding-left: 0; } }

.golden-col-order-review-left {
  width: 38%;
  float: left;
  padding-right: 40px; }
  @media only screen and (max-width: 1180px) {
    .golden-col-order-review-left {
      width: 100%;
      padding-right: 0; } }
  @media only screen and (max-width: 768px) {
    .golden-col-order-review-left {
      text-align: center; } }

.golden-col-order-review-right {
  width: 62%;
  float: left;
  padding-left: 40px; }
  @media only screen and (max-width: 1180px) {
    .golden-col-order-review-right {
      width: 100%;
      padding-left: 0; } }

#people {
  /*text-align: center;*/ }

#people h1 {
  padding: 10px 0 5px 0;
  font-size: 20px; }

#people figcaption h2 {
  letter-spacing: 0;
  margin-bottom: 5px;
  /*text-transform: none;*/ }

#people figcaption p {
  margin: 0; }

#people figure {
  display: table;
  /*margin: 10px 0;*/
  padding: 20px 0;
  border-top: 1px solid #ebeae4;
  border-bottom: 1px solid #ebeae4; }

#people figure .headshot {
  width: 28%;
  display: table-cell;
  vertical-align: middle;
  /*padding: 0 20px 20px 0;*/
  padding-right: 40px; }

#people figure .headshot img {
  width: 100%; }

#people figure figcaption {
  width: 72%;
  display: table-cell;
  vertical-align: middle;
  /*padding: 0 0 20px 0;*/ }

@media only screen and (max-width: 768px) {
  #people figure .headshot,
  #people figure figcaption {
    display: block;
    width: 100%;
    padding: 0; } }

@media only screen and (max-width: 768px) {
  #people figure .headshot {
    text-align: center; } }

.contact-icons a {
  color: #beb9a6;
  margin-left: 3px; }

.bio a {
  text-decoration: underline; }

/*.people figure:first-child {
    padding-left: 0;
    padding-right: 20px;
}
.people figure:last-child {
    padding-right: 0;
    padding-left: 20px;
}*/
.cart-products {
  display: table;
  border-collapse: collapse;
  width: 100%; }
  @media only screen and (max-width: 624px) {
    .cart-products {
      display: block; } }

.cart-products a {
  line-height: 1.4;
  text-decoration: underline; }

.cart-products img {
  height: 100px; }

.cart-products .row {
  display: table-row; }
  @media only screen and (max-width: 624px) {
    .cart-products .row {
      display: block;
      border-bottom: 1px solid #d4d0c3; } }

@media only screen and (max-width: 624px) {
  .cart-products .row:first-child {
    display: block;
    border-top: 1px solid #d4d0c3; } }

.cart-products .order_record td:nth-child(4) {
  text-align: right; }

.cart-products .column-1 {
  text-align: center; }

.cart-products .column {
  display: table-cell;
  padding: 10px;
  border-top: 1px solid #d4d0c3;
  border-bottom: 1px solid #d4d0c3;
  vertical-align: middle; }
  @media only screen and (max-width: 624px) {
    .cart-products .column {
      display: block;
      width: 100%;
      border: none;
      text-align: left; } }

.cart-products .column-5 {
  width: 10em; }

.cart-products .column-6 {
  text-align: right;
  width: 5em; }

@media only screen and (max-width: 624px) {
  .cart-products .column-5,
  .cart-products .column-6 {
    width: 50%;
    float: left; } }

@media only screen and (max-width: 624px) {
  .cart-products .order_record .column-4,
  .cart-products .order_record .column-5 {
    width: 50%;
    float: left; } }

@media only screen and (max-width: 624px) {
  .cart-products .order_record .column-6 {
    width: 100%;
    text-align: right; } }

@media only screen and (max-width: 624px) {
  .cart-products .optional {
    display: none; } }

/*.cart-products input[type=number] {
    width: 5em;
}*/
.cart-control {
  text-align: right; }

.cart-control-left {
  width: 38%;
  float: left;
  text-align: left;
  padding-right: 40px;
  margin-top: 20px; }
  @media only screen and (max-width: 768px) {
    .cart-control-left {
      width: 100%;
      padding-right: 0;
      text-align: right; } }

.cart-control-right {
  width: 62%;
  float: right;
  padding-left: 40px;
  margin-top: 20px; }
  @media only screen and (max-width: 768px) {
    .cart-control-right {
      width: 100%;
      padding-left: 0; } }

.no-border {
  border: none !important; }

.no-results {
  text-align: center; }

/* =Secondary navigation - page-range
---------------------------------------------------------------- */
.nav-icon {
  display: none;
  padding: 0 43%;
  margin: 20px 0; }

.page aside {
  width: 20%;
  float: left;
  padding: 32px 0;
  padding: 20px 0;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .page aside {
      width: 100%;
      float: none;
      padding: 0; } }

.page aside nav,
.page aside h2 {
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .page aside nav,
    .page aside h2 {
      display: none; } }

/*.page-range aside nav ul {
    text-align: center;
}*/
.page aside a {
  display: block;
  padding: 5px 0; }

.page aside a.selected,
.page aside a.active {
  cursor: default; }

.page aside h3 {
  text-align: center;
  color: #beb9a6;
  margin: 25px 25% 10px 25%;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4d0c3; }

.page-shop .aside-nav-spacer,
.page-product .aside-nav-spacer {
  height: 50px; }
  @media only screen and (max-width: 768px) {
    .page-shop .aside-nav-spacer,
    .page-product .aside-nav-spacer {
      display: none; } }

.page-shop aside h3:first-child,
.page-product aside h3:first-child {
  margin-top: 0; }

/* =Range -> content -> header image
---------------------------------------------------------------- */
.page-range article header figure {
  position: relative; }

.page-range article header figure img {
  display: block;
  width: 100%; }

.page-range article header figcaption {
  position: absolute;
  text-align: center; }

.page-range article header figcaption h1 {
  font-size: 32px;
  color: #fdfdfd;
  background-color: #414039;
  opacity: 0.85;
  padding: 10px; }
  @media only screen and (max-width: 480px) {
    .page-range article header figcaption h1 {
      font-size: 20px; } }

/* =Products - shop (categories/ranges)
-------------------------------------------------------------- */
.page-shop article {
  margin: 20px 0;
  padding: 25px;
  background-color: #ebeae4; }
  @media only screen and (max-width: 480px) {
    .page-shop article {
      padding: 10px; } }

.products .product-details a {
  color: #222222; }

.products .product-details a :hover {
  opacity: 0.85; }

.products .product {
  float: left;
  width: 33.3333%;
  padding: 25px; }
  @media only screen and (max-width: 1180px) {
    .products .product {
      width: 50%; } }
  @media only screen and (max-width: 624px) {
    .products .product {
      width: 100%; } }
  @media only screen and (max-width: 480px) {
    .products .product {
      padding: 10px; } }

.products .product-container {
  position: relative; }

.products img {
  display: block;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.products .description {
  background-color: rgba(0, 0, 0, 0.55);
  opacity: 0;
  position: absolute;
  color: #fff;
  z-index: 100;
  padding: 20% 10%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.products .description a,
.products .description span.view-link {
  display: inline-block;
  padding: 8px 10px;
  text-decoration: none;
  letter-spacing: 0.12em;
  color: #414039;
  background-color: #fdfdfd;
  border: 1px solid #fdfdfd;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 7px;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.products .description a:hover,
.products .description span.view-link:hover {
  background-color: transparent;
  color: #fdfdfd; }

.products .description p {
  margin-top: 5px; }

.products .description:hover,
.products .description.hover {
  opacity: 1; }

.products .description.no-hover:hover {
  opacity: 0; }

.products .description-lowest-price {
  background-color: rgba(0, 0, 0, 0.55);
  color: #fdfdfd;
  /*background-color: $color-warm-gray-darker;
  border: 1px solid $color-warm-gray;
  color: $color-background;*/
  opacity: 1;
  position: absolute;
  z-index: 99;
  padding: 5px;
  text-align: right;
  vertical-align: middle;
  overflow: hidden;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  bottom: 0;
  right: 0; }

.products .description-lowest-price p {
  margin: 0;
  padding: 0;
  /*@extend %ssp600;*/ }

.products .description:hover + .description-lowest-price,
.products .description.hover + .description-lowest-price {
  opacity: 0; }

@media only screen and (max-width: 864px) {
  .products .optional {
    display: none; } }
@media only screen and (max-width: 768px) {
  .products .optional {
    display: block; } }
@media only screen and (max-width: 624px) {
  .products .optional {
    display: none; } }

/* =Range -> content -> slideshow
---------------------------------------------------------------- */
.range-slideshow {
  margin-bottom: 10px; }

.range-slideshow-nav {
  width: 45%;
  float: left; }
  @media only screen and (max-width: 480px) {
    .range-slideshow-nav {
      width: 100%;
      float: none; } }

.range-slideshow-content {
  width: 55%;
  float: right;
  padding: 5px; }
  @media only screen and (max-width: 480px) {
    .range-slideshow-content {
      width: 100%;
      float: none; } }

.range-slideshow-nav-thumb {
  width: 33.333333%;
  float: left;
  padding: 5px; }

.range-slideshow-nav-thumb img {
  border: 1px solid #beb9a6; }

.range-slideshow-nav-thumb img:hover {
  cursor: pointer;
  opacity: 0.85; }

/* =Featured
---------------------------------------------------------------- */
.featured {
  text-align: center; }

.featured figure:first-child {
  padding-left: 0;
  padding-right: 14px; }

.featured figure:last-child {
  padding-left: 14px;
  padding-right: 0; }

.featured figure {
  float: left;
  width: 33.333333%;
  padding-left: 7px;
  padding-right: 7px; }
  @media only screen and (max-width: 480px) {
    .featured figure {
      width: 100%;
      padding: 0; } }

.featured img {
  border: 1px solid #beb9a6; }

.featured figcaption {
  padding: 20px 7px 0 7px; }

.featured h2 {
  /*     color: $color-warm-gray; */
  padding: 0;
  text-transform: none;
  letter-spacing: normal;
  margin: 0 0 10px 0;
  font-size: 28px; }

.featured hr {
  margin: 20px 35% 15px 35%;
  height: 1px;
  border: 0;
  background: #beb9a6; }

/* =Products - shop (product)
-------------------------------------------------------------- */
.page-product article {
  margin-bottom: 20px;
  /*padding: 10px;*/ }

section.product-details {
  width: 40%;
  float: left;
  padding-right: 50px; }
  @media only screen and (max-width: 864px) {
    section.product-details {
      float: none;
      width: 100%;
      padding: 0; } }

section.product-images {
  width: 60%;
  float: right;
  padding: 20px;
  text-align: center;
  background-color: #ebeae4; }
  @media only screen and (max-width: 864px) {
    section.product-images {
      float: none;
      width: 100%;
      padding: 20px; } }

section.product-images div {
  margin-top: 20px; }

section.product-images div:first-child {
  margin-top: 0; }

.product-details h1 {
  /*font-family: 'cheddar_jackregular', "Helvetica", Helvetica, Arial, sans-serif;*/
  font-size: 48px;
  margin-bottom: 25px;
  line-height: 1;
  vertical-align: top; }

.product-details h2 {
  margin: 38px 0 10px 0; }
  @media only screen and (max-width: 864px) {
    .product-details h2 {
      margin-top: 10px; } }

.product-details h3 {
  /*font-family: 'cheddar_jackregular', "Helvetica", Helvetica, Arial, sans-serif;*/
  font-size: 18px;
  margin: 18px 0 10px 0;
  font-weight: bold; }

.product-description p {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px; }

@media only screen and (max-width: 864px) {
  .product-gallery {
    margin-top: 20px; } }

.product-gallery div {
  width: 33.3%;
  float: left;
  padding: 3px; }

.product-gallery div:nth-child(3n-1) {
  padding-left: 0;
  padding-right: 6px; }

.product-gallery div:nth-child(3n+1) {
  padding-left: 6px;
  padding-right: 0; }

.product-gallery img {
  border: 1px solid #beb9a6; }

.order-form select {
  width: 100%;
  font-size: 16px;
  padding: 6px;
  background: white;
  border: 1px solid #444; }

.order-button {
  text-align: right;
  margin-bottom: 21px; }

.packaging-options {
  /*padding: 10px;*/ }

.packaging-option {
  background-color: #f6f5f3;
  display: table;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px; }

.packaging-option > div {
  display: table-cell;
  vertical-align: middle; }

.packaging-option img {
  float: right;
  max-width: 60px; }

/*-----------------------------------------
 * Slider
 */
.zaza-slider {
  position: relative;
  zoom: 1;
  /*max-width:860px;*/
  width: 100%;
  margin: 0 auto; }

.zaza-slider .slides {
  /* important for auto height fixing of the slides container */
  overflow: hidden; }

.zaza-slider .slides > .slide {
  position: relative;
  /* Important for caption absolute positioning */
  top: 0;
  left: 0;
  display: none; }

.zaza-slider .slides > .slide img {
  /* Any images must have display block (they will be hidden by .artwork) in order to ensure line height is not applied. */
  display: block; }

.zaza-slider .slides > .slide:first-child {
  /* div alternative */
  display: block; }

.zaza-slider .slide-current {
  display: block;
  opacity: 1; }

div.slide a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

div.slide a:hover {
  /*opacity:0.85;  transparency */
  /*filter:alpha(opacity=85);  IE transparency */ }

div.slide img,
div.slide table.block-of-four td {
  border-style: solid;
  border-width: 1px;
  /*border-color: #d9d9d9;*/
  border-color: #9a9a9a; }

div.slide {
  /*float:left;*/
  /* important */
  position: relative;
  /* important(so we can absolutely position the description div */ }

div.slide img {
  display: block;
  width: 100%; }

#zaza-slider-product div.slide img {
  /* Override for product pages, where display inline is essential for image positioning while retaining the aspect ratio */
  display: inline;
  width: auto; }

.home div.slide .description {
  /*display:none;*/
  position: absolute;
  /* absolute position (so we can position it where we want)*/
  bottom: 0px;
  /* position will be on bottom */
  left: 0px;
  width: 100%;
  /* styling below */
  background-color: black;
  font-size: 15px;
  color: white;
  opacity: 0.7;
  /* transparency */
  filter: alpha(opacity=70);
  /* IE transparency */ }

.home div.slide .description .content {
  padding: 10px;
  margin: 0px;
  text-align: center; }

.home div.slide .description .content p {
  /*display:none;*/
  line-height: 1.2; }

.home div.slide h2 {
  /*font-weight:bold;*/
  /*font-size:17px;*/ }

.home div.slide .description {
  /*display:none;*/
  position: absolute;
  /* absolute position (so we can position it where we want)*/
  bottom: 0px;
  /* position will be on bottom */
  left: 0px;
  width: 100%;
  /* styling below */
  background-color: black;
  font-size: 15px;
  color: white;
  opacity: 0.7;
  /* transparency */
  filter: alpha(opacity=70);
  /* IE transparency */ }

.home div.slide .description .content {
  padding: 10px;
  margin: 0px;
  text-align: center; }

.home div.slide .description .content p {
  /*display:none;*/
  line-height: 1.2; }

.home div.slide h2 {
  /*font-weight:bold;*/
  /*font-size:17px;*/ }

.zaza-slider-captions {
  min-height: 20px;
  margin-top: 20px; }

.zaza-slider-caption {
  display: none;
  padding: 0 10px;
  /*width: 62%;
  float: right;
  text-align: right;*/ }

.zaza-slider-caption:first-child {
  display: block; }

ul.zaza-slider-nav {
  margin-bottom: 10px; }

ul.zaza-slider-nav li {
  width: 25%;
  float: left;
  padding: 3px; }

ul.zaza-slider-nav li:nth-child(4n+1) {
  padding-left: 0;
  padding-right: 6px; }

ul.zaza-slider-nav li:nth-child(4n) {
  padding-left: 6px;
  padding-right: 0; }

ul.zaza-slider-nav li a {
  display: inline-block; }

ul.zaza-slider-nav li a img {
  width: 100%;
  border: 1px solid #beb9a6; }

ul.zaza-slider-nav li a.flex-active img {
  border: 1px solid #524d3c; }

ul.zaza-slider-nav li a:hover {
  opacity: 0.85; }

ul.quick-nav {
  display: none;
  opacity: 0;
  color: #222222;
  left: 10px;
  position: absolute;
  top: 10px;
  list-style-type: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s; }

ul.quick-nav li {
  float: left;
  text-align: center;
  font-size: 20px; }

ul.quick-nav li a {
  color: #222222;
  display: block;
  padding: 7px;
  text-decoration: none;
  -webkit-transition-property: color, background-color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: color, background-color;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -o-transition-property: color, background-color;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease;
  transition-property: color, background-color;
  transition-duration: 0.5s;
  transition-timing-function: ease; }

ul.quick-nav li a.background--light,
ul.quick-nav li a.background--light:visited,
ul.quick-nav li a.background--light:active {
  color: #222222; }

ul.quick-nav li a.background--dark,
ul.quick-nav li a.background--dark:visited,
ul.quick-nav li a.background--dark:active {
  color: #fdfdfd; }

ul.quick-nav li a.background--complex,
ul.quick-nav li a.background--complex:visited,
ul.quick-nav li a.background--complex:active {
  color: #999999; }

ul.quick-nav li a:hover {
  opacity: 0.8; }

.zaza-slider:hover ul.quick-nav {
  opacity: 1; }

.zaza-playing .zaza-play {
  display: none; }

.zaza-paused .zaza-pause {
  display: none; }

.slide .description a {
  text-decoration: none;
  font-style: italic;
  color: white; }

/* =Footer
-------------------------------------------------------------- */
footer {
  width: 100%;
  background-color: #f6f5f3;
  color: #524d3c;
  /*font-size: 90%;*/
  padding: 32px 0;
  margin-top: 12px; }

.home footer {
  margin-top: 30px; }

footer .wrapper {
  display: table;
  padding: 0 20px;
  text-align: center;
  width: 100%; }

footer h2 {
  /*color: $color-text;*/ }

footer a {
  text-decoration: none;
  color: #524d3c;
  /*color: $color-warm-gray;*/
  /*font-weight: bold;*/
  padding: 3px;
  font-size: 16px; }

footer li a {
  display: block; }

footer li a:hover {
  text-decoration: underline; }

footer .column {
  display: table-cell;
  vertical-align: top;
  width: 33.333333%;
  padding: 0 30px; }

footer .social-icons a {
  font-size: 20px; }

footer .social-icons a:hover {
  opacity: 0.7; }

.range footer .column,
.shop footer .column,
.product footer .column {
  width: 26.666666%; }
  @media only screen and (max-width: 768px) {
    .range footer .column,
    .shop footer .column,
    .product footer .column {
      width: 33.333333%; } }
  @media only screen and (max-width: 480px) {
    .range footer .column,
    .shop footer .column,
    .product footer .column {
      display: block;
      width: 100%; } }

.static-full-width footer .column {
  width: 20.666666%; }
  @media only screen and (max-width: 1180px) {
    .static-full-width footer .column {
      width: 25%; } }
  @media only screen and (max-width: 768px) {
    .static-full-width footer .column {
      width: 33.333333%; } }
  @media only screen and (max-width: 480px) {
    .static-full-width footer .column {
      display: block;
      width: 100%; } }

/*footer .column {
    @include bp-small {
        display: block;
        width: 100%;
    }
}*/
@media only screen and (max-width: 480px) {
  .home footer .column {
    display: block;
    width: 100%; } }

.home footer .column:first-child {
  display: none; }

.range footer .column:first-child,
.shop footer .column:first-child,
.product footer .column:first-child {
  width: 20%;
  /*vertical-align: middle;*/ }
  @media only screen and (max-width: 768px) {
    .range footer .column:first-child,
    .shop footer .column:first-child,
    .product footer .column:first-child {
      display: none; } }

.static-full-width footer .column:first-child {
  width: 38%;
  text-align: left;
  /*vertical-align: middle;*/ }
  @media only screen and (max-width: 768px) {
    .static-full-width footer .column:first-child {
      display: none; } }

@media only screen and (max-width: 1180px) {
  .static-full-width.order-review footer .column:first-child {
    width: 25%; } }

@media only screen and (max-width: 480px) {
  footer h2:first-of-type {
    margin-top: 20px; } }

@media only screen and (max-width: 480px) {
  footer .column:nth-child(2) h2:first-of-type {
    margin-top: 0px; } }

/* =Helpers
-------------------------------------------------------------- */
.caption-top-left {
  left: 0;
  top: 0; }

.caption-top-right {
  right: 0;
  top: 0; }

.caption-bottom-left {
  left: 0;
  bottom: 0; }

.caption-bottom-right {
  right: 0;
  bottom: 0; }

.vcenter-container {
  display: table;
  width: 100%; }

.vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

/* Thank you Bootstrap ( http://getbootstrap.com/ ) for the wonderful input group CSS! */
.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }

.input-group input {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }

.input-group-btn,
.input-group input {
  display: table-cell; }

.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }

.input-group-btn > button {
  position: relative; }

.input-group-btn > button:hover,
.input-group-btn > button:focus,
.input-group-btn > button:active {
  z-index: 2; }

.input-group-btn:first-child > button {
  margin-right: -1px; }

.input-group-btn:last-child > button {
  margin-left: -1px; }

/* =http://tympanus.net/codrops/2014/07/10/inspiration-for-custom-select-elements/
---------------------------------------------------------------- */
/* Custom skin */
div.cs-select {
  display: none !important;
  max-width: 100% !important; }
  @media only screen and (max-width: 768px) {
    div.cs-select {
      display: inline-block !important; } }

div.product-variant-select {
  display: block !important;
  margin-bottom: 10px; }

div.cs-skin-border {
  background: transparent; }

div.cs-select span,
div.cs-select ul span {
  padding: 12px;
  color: #524d3c; }

div.cs-select ul span {
  padding-left: 16px;
  /*font-weight: 700;*/ }

.cs-skin-border > span {
  border: 1px solid #d4d0c3;
  /*border-color: inherit;*/
  transition: background 0.2s, border-color 0.2s; }

.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
  font-family: 'icomoon';
  content: '\e600'; }

.cs-skin-border ul span::after {
  content: '';
  opacity: 0; }

.cs-skin-border .cs-selected span::after {
  content: '\e60b';
  font-size: 1.5em;
  opacity: 1;
  transition: opacity 0.2s; }

.cs-skin-border.cs-active > span {
  background: #f6f5f3;
  border-color: #f6f5f3;
  /*color: #2980b9;*/ }

.cs-skin-border .cs-options {
  opacity: 0;
  transition: opacity 0.2s, visibility 0s 0.2s; }

.cs-skin-border.cs-active .cs-options {
  background: #f6f5f3;
  border-color: #f6f5f3;
  opacity: 1;
  transition: opacity 0.2s; }

.cs-skin-border ul span {
  padding: 10px;
  backface-visibility: hidden; }

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
  background: #ebeae4; }

.cs-skin-border.cs-active .cs-placeholder {
  opacity: 0.5;
  transition: opacity 0.2s; }

.cs-skin-border .cs-optgroup > span {
  background: #ebeae4; }

/* =To be filed
-------------------------------------------------------------- */
.order-button,
.packaging-image {
  text-align: right; }

a.close-caption {
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  font-size: 24px;
  color: #fff;
  top: 0;
  right: 0;
  z-index: 101 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
  vertical-align: middle; }

a.close-caption.hidden {
  display: none; }

.notification {
  width: 100%;
  color: #fdfdfd;
  background-color: #524d3c;
  text-align: center;
  padding: 10px; }

.notification a {
  color: #fdfdfd; }

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