/* ========================================================================== FIRST SECTION OFF CSS ALL SKELETON SHOPIFY THEME ========================================================================== */
/*!normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

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

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

@font-face {
  font-family: 'U8 Bold';
  src: url("U8-Bold-web.woff") format("woff"); }

/* ========================================================================== Most theme settings should be stored in Sassy CSS variables here, for reuse. ========================================================================== */
/*!theme settings */
/*$background-color:        #ffffff; $text-color:              #272725; $link-color:              #272725; */
/* Table of content */
/* 
1.  Base styles 
2.  Forms 
3.  Tables 
4.  Layout 
5.  Header 
6.  Navigation 
7.  Tags 
8.  Social and payment methods 
9.  Blog 
10. Product and collection pages 
11. Search form and search results 
12. Footer 
*/
/* ===================== 1. Base styles ===================== */
html,
body {
  background-color: #fff;
  font-size: 14px;
  line-height: 1.3;
  font-family: Arial, Helvetica Neue, sans-serif;
  font-weight: 300;
  color: black; }

.paragraph-margins, h1,
h2,
h3,
h4,
h5,
h6,
.primary.button,
input.primary[type="submit"],
input.primary[type="button"],
button.primary,
.primary.tag,
.subcategories > li.primary,
.blog-tags > li.primary,
.secondary.button,
input.secondary[type="submit"],
input.secondary[type="button"],
button.secondary,
.secondary.tag,
.subcategories > li.secondary,
.blog-tags > li.secondary, a, p,
form > div, .rte ul, .rte ol, .selector-wrapper, #searchresults, footer > *, .nav .menu-collapse li {
  margin: 0 0 0.9%; }

.grid-margins, .product-photo-container {
  margin: 0 0 1.2%; }

.section-margins, section,
#customer, ul,
ol, table, header,
#main, #site-title, .product-details > div,
.product-details > p {
  margin: 0 0 2.4%; }

h1,
h2,
h3,
h4,
h5,
h6,
.primary.button,
input.primary[type="submit"],
input.primary[type="button"],
button.primary,
.primary.tag,
.subcategories > li.primary,
.blog-tags > li.primary,
.secondary.button,
input.secondary[type="submit"],
input.secondary[type="button"],
button.secondary,
.secondary.tag,
.subcategories > li.secondary,
.blog-tags > li.secondary {
  font-family: "U8 Bold", "HelveticaNeue", "Arial";
  font-weight: 100;
  text-rendering: optimizeLegibility;
  /* to enable ligatures and kerning */
  text-transform: uppercase;
  letter-spacing: 0.05em; }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a,
  .primary.button a,
  input.primary[type="submit"] a,
  input.primary[type="button"] a,
  button.primary a,
  .primary.tag a,
  .subcategories > li.primary a,
  .blog-tags > li.primary a,
  .secondary.button a,
  input.secondary[type="submit"] a,
  input.secondary[type="button"] a,
  button.secondary a,
  .secondary.tag a,
  .subcategories > li.secondary a,
  .blog-tags > li.secondary a {
    text-decoration: none !important; }

h2 {
  text-align: center;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  margin-bottom: 52px; }

a {
  text-transform: uppercase;
  text-decoration: underline !important;
  font-family: "U8 Bold", "HelveticaNeue", "Arial";
  font-weight: 100;
  text-rendering: optimizeLegibility;
  /* to enable ligatures and kerning */
  text-transform: uppercase;
  letter-spacing: 0.05em; }

h3 a,
.customer-links a,
.cart-link a,
.prod-caption a {
  text-decoration: none !important; }

.container {
  max-width: 1400px;
  margin: auto;
  padding: 0 5%; }

.tera {
  font-size: 77.812px;
  line-height: 1; }

.giga, #site-title {
  font-size: 64.848px;
  line-height: 1; }

.mega {
  font-size: 46.676px;
  line-height: 1; }

.alpha,
h1 {
  font-size: 18.2px;
  line-height: 1.1; }

.beta, #main > h1,
#main .title,
.product-details h1,
h2 {
  font-size: 16.8px;
  line-height: 1.1; }

.gamma,
h3 {
  font-size: 15.4px;
  line-height: 1.2; }

.delta,
h4 {
  font-size: 16.8px;
  line-height: 1.2; }

.epsilon,
h5 {
  font-size: 14px;
  line-height: 1.6; }

.zeta, .small-print, .date,
.comment-date,
h6 {
  font-size: 10.08px;
  line-height: 1.6; }

/* Styling all pages main heading in one fell swoop. */
/* Responsive images and videos. */
img,
iframe {
  max-width: 100%; }

.quiet {
  color: #1a1a1a; }

.hint {
  color: #262626; }

i,
em {
  font-style: italic; }

b,
strong {
  font-weight: 600; }

.announcement {
  font-family: "U8 Bold", "HelveticaNeue", "Arial";
  font-size: 11px;
  letter-spacing: 0.1em;
  position: fixed;
  top: 0;
  left: 0;
  padding: 20px 100px 20px 20px;
  color: #000;
  background: #f2f2f2;
  text-transform: uppercase;
  z-index: 9999;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }
  @media screen and (min-width: 640px) {
    .announcement {
      font-size: 16px;
      padding: 20px;
      text-align: center; } }

a {
  color: black;
  text-decoration: none; }
  a:hover {
    color: black; }
  header a, footer a {
    white-space: nowrap;
    color: black; }
  header a:hover, footer a:hover {
    color: black; }

/* No list style for lists except in RTE content. */
ul,
ol {
  list-style-type: none;
  padding: 0; }

.rte ul {
  list-style-type: disc;
  list-style-position: inside; }

.rte ol {
  list-style-type: decimal;
  list-style-position: inside; }

/* ================= 2. Forms ================= */
/* Remove placeholder text in inputs when they get focus. */
input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus::-moz-placeholder {
  color: transparent; }

select {
  display: inline-block;
  margin: 0;
  padding: .3em 2em .3em 0.6em;
  color: black;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*background: url(//https://cdn.shopify.com/s/files/1/0859/6096/t/12/assets/arrow-down.svg?v=8427796213756196621) right 0.4em center no-repeat;*/
  background-color: black;
  padding: 0;
  margin: 0 0 0 -4px; }

@-moz-document url-prefix() {
  /* Impossible to hide the native arrow in Firefox. https://gist.github.com/joaocunha/6273016 Please upvote the bug: https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
  select {
    background-image: none;
    padding-right: 0; }

  /* Getting rid of dotted line around text in Firefox. */
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; } }

/* Getting rid of arrow in IE10 and IE11. */
select::-ms-expand {
  display: none; }

/* Using default arrow with no box in IE8 and IE9. */
.ie8 select,
.ie9 select {
  background: black none;
  padding: 5px;
  border: 1px;
  margin-bottom: 20px; }

/* Text inputs. */
textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="search"],
input[type="number"],
input[type="password"] {
  display: block;
  max-width: 100%;
  padding: .4em .6em;
  background-color: #fff;
  border: black 1px solid;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  margin-bottom: 20px;
  width: 100% !important; }

.input.small, input.quantity,
input[type="number"] {
  width: 50px; }

.input.medium, input[type="search"],
#searchresults input[type="search"] {
  width: 150px; }

.input.large, textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="password"] {
  width: 300px; }

.input.full-width {
  width: 100%; }

@media (max-width: 768px) {
  textarea,
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="tel"],
  input[type="date"],
  input[type="password"] {
    width: 100%; } }

/* All buttons. */
.button, input[type="submit"],
input[type="button"],
button, .tag, .subcategories > li,
.blog-tags > li {
  display: inline-block;
  padding: .4em .6em;
  background-color: black;
  border: black 1px solid;
  border-radius: 0;
  text-decoration: none;
  text-transform: uppercase;
  text-rendering: optimizeLegibility; }
  .button:hover, input[type="submit"]:hover,
  input[type="button"]:hover,
  button:hover, .tag:hover, .subcategories > li:hover,
  .blog-tags > li:hover {
    background-color: black; }

.disabled {
  pointer-events: none;
  opacity: 0.5; }

#searchresults input[type="submit"] {
  width: inherit; }

/* Big, important buttons get a special treatment */
.primary.button, input.primary[type="submit"],
input.primary[type="button"],
button.primary, .primary.tag, .subcategories > li.primary,
.blog-tags > li.primary {
  padding: .7em .7em .6em !important;
  font-size: 1.1em !important;
  line-height: 100%;
  background-color: black;
  border: 0;
  color: #fff;
  border-radius: 0;
  text-decoration: none !important; }
  .primary.button:hover, input.primary[type="submit"]:hover,
  input.primary[type="button"]:hover,
  button.primary:hover, .primary.tag:hover, .subcategories > li.primary:hover,
  .blog-tags > li.primary:hover {
    background-color: #333333; }

/* Seconday buttons */
.secondary.button, input.secondary[type="submit"],
input.secondary[type="button"],
button.secondary, .secondary.tag, .subcategories > li.secondary,
.blog-tags > li.secondary {
  padding: .7em .7em .6em !important;
  font-size: 1.1em !important;
  line-height: 100%;
  font-size: 1.1em !important;
  background-color: #d0d0d0;
  border: 0;
  color: black;
  border-radius: 0;
  text-decoration: none !important; }
  .secondary.button:hover, input.secondary[type="submit"]:hover,
  input.secondary[type="button"]:hover,
  button.secondary:hover, .secondary.tag:hover, .subcategories > li.secondary:hover,
  .blog-tags > li.secondary:hover {
    background-color: #dddddd; }

/* For search and newsletter forms, eliminate any spacing between the text box and submit button on the right. */
.inline-collapse input, .search-form input {
  float: left; }
.inline-collapse input:first-child, .search-form input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.inline-collapse input:last-child, .search-form input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/* For IE8. */
.lt-ie9 .inline-collapse input, .lt-ie9 .search-form input,
.lt-ie9 #searchresults .inline-collapse input,
.lt-ie9 #searchresults .search-form input {
  display: inline-block;
  zoom: 1;
  width: 130px; }

.lt-ie9 .inline-collapse, .lt-ie9 .search-form {
  display: block;
  width: 300px; }

/* ================ 3. Tables ================ */
table {
  width: 100%; }
  table th,
  table td {
    padding: 1em; }
  table tr {
    border-bottom: black 1px solid; }
  table th {
    text-align: left; }

/* ================ 4. Layout ================ */
/* Control the web page maximum width. */
body {
  padding: 0; }

/* Safeguards for floats. */
/* Add some space below main section. */
header,
#main {
  margin: 0; }

/* Using border-box makes it easier to work with grids: See http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* The Grid. */
.row, .grid, .product {
  margin-left: -1.2%;
  margin-right: -1.2%;
  margin-bottom: 1.2%;
  clear: both; }

.column, .grid > li, .product-photos,
.product-details {
  float: left;
  padding-left: 1.2%;
  padding-right: 1.2%;
  padding-bottom: 1.2%; }

.column.full, .grid > li.full, .full.product-photos,
.full.product-details {
  width: 100%; }

.column.three-quarters, .grid > li.three-quarters, .three-quarters.product-photos,
.three-quarters.product-details {
  width: 75%; }

.column.four-fifths, .grid > li.four-fifths, .four-fifths.product-photos,
.four-fifths.product-details {
  width: 80%; }

.column.two-thirds, .grid > li.two-thirds, .two-thirds.product-photos,
.two-thirds.product-details {
  width: 66.6%; }

.column.half, .grid > li.half, .two-per-row, .product-photos,
.product-details {
  width: 50%; }

.column.third, .grid > li.third, .three-per-row, .third.product-photos,
.third.product-details {
  width: 33.3%; }

.column.fourth, .grid > li.fourth, .four-per-row, .fourth.product-photos,
.fourth.product-details {
  width: 25%; }

.column.fifth, .grid > li.fifth, .five-per-row, .fifth.product-photos,
.fifth.product-details {
  width: 20%; }

.column.sixth, .grid > li.sixth, .six-per-row, .sixth.product-photos,
.sixth.product-details {
  width: 16.6%; }

.column.flow-opposite, .grid > li.flow-opposite, .flow-opposite.product-photos,
.flow-opposite.product-details {
  float: right; }

@media (max-width: 768px) {
  .column, .grid > li, .product-photos,
  .product-details {
    float: none;
    width: 100% !important; } }
/* Clearfix applied to .row because row content is floated. */
/* Show and hide depending on screen size. */
@media (max-width: 768px) {
  .show-on-large,
  .show-on-medium,
  .hide-on-small {
    display: none; } }
@media (min-width: 768px) {
  .hide-on-large,
  .show-on-medium,
  .show-on-small {
    display: none; } }
/* IE8 does not support media queries */
.lt-ie9 .show-on-medium,
.lt-ie9 .show-on-small {
  display: none; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .inline-collapse:before, .search-form:before, header:before,
#main:before,
footer:before, .row:before, .grid:before, .product:before,
.clearfix:after,
.inline-collapse:after,
.search-form:after,
header:after,
#main:after,
footer:after,
.row:after,
.grid:after,
.product:after {
  content: '';
  display: table; }

.clearfix:after, .inline-collapse:after, .search-form:after, header:after,
#main:after,
footer:after, .row:after, .grid:after, .product:after {
  clear: both; }

.clearfix, .inline-collapse, .search-form, header,
#main,
footer, .row, .grid, .product {
  zoom: 1; }

/* Utility classes: Hidden, float left, float right, etc. */
.hidden {
  display: none; }

.left {
  float: left;
  padding-right: 1.2%; }

.right {
  float: right;
  padding-left: 1.2%; }

.centered, footer {
  text-align: center;
  margin: auto !important;
  float: none; }

.left-aligned {
  text-align: left; }
  @media (max-width: 768px) {
    .left-aligned {
      text-align: center;
      margin: 1.2% 0; } }

.right-aligned {
  text-align: right; }
  @media (max-width: 768px) {
    .right-aligned {
      text-align: center;
      margin: 1.2% 0; } }

.clear, header,
#main,
footer {
  clear: both; }

.clear-after {
  *zoom: 1; }

.clear-after:after {
  content: '';
  display: table;
  clear: both; }

/* ================== 5. Header ================== */
#site-title {
  display: block;
  color: black;
  text-decoration: none; }

/* ================== 6. Navigation =================== */
/* Main navigation with drop-down menu support */
@media (max-width: 768px) {
  nav.left {
    float: none;
    display: block;
    padding-right: 0;
    width: 100%;
    text-align: center; } }
/* CSS triangle at the top of drop-down menus. */
nav ul ul li:first-child a:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #262626;
  z-index: 1; }

/* Border for the CSS triangle at the top of drop-down menus. */
nav ul ul li:first-child a:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid black;
  z-index: 0; }

/* Revealing drop-down menus on hover */
nav li:hover ul {
  display: block; }

/* Styling active links. */
nav li.active > a {
  color: black; }

/* ===================== 7. Tags ===================== */
.tag, .subcategories > li,
.blog-tags > li {
  margin: 0 0.4% 0.4% 0;
  padding: .2em .5em; }
  .tag a, .subcategories > li a,
  .blog-tags > li a {
    text-decoration: none;
    color: black; }
  .tag.active, .subcategories > li.active,
  .blog-tags > li.active {
    background-color: black;
    border-color: black; }
    .tag.active a, .subcategories > li.active a,
    .blog-tags > li.active a {
      color: black; }

.subcategories,
.blog-tags {
  font-size: 0; }

.subcategories > li,
.blog-tags > li {
  font-size: 11.9px; }

/* ============== 8. Social ============== */
.social-links a {
  font-size: 1.4rem;
  line-height: 2rem;
  display: inline-block;
  padding-right: 0.2%;
  text-decoration: none; }

/* IE8 does not support SVG. */
.lt-ie9 .payment-types {
  display: none; }

/* =========== 9. Blog =========== */
/* Separating articles with a border on the blog landing page.*/
.template-blog .article {
  border-bottom: black 0.07rem solid;
  padding: 1.2% 0; }
  .template-blog .article.first {
    padding-top: 0; }
  .template-blog .article.last {
    border-bottom: none; }

/* All blog images should stretch to the full width on small screens. */
@media (max-width: 768px) {
  .template-article .article img {
    display: block;
    width: 100% !important;
    float: none !important;
    margin-top: 0.6% !important;
    margin-bottom: 0.6% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both;
    /*@extend .clear-after;*/ } }
.meta > span + span {
  padding-left: 0.6%; }

/* Square element that contains the blog image, which is set as a centered background image. */
.square-holder {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 100%; }

/* Fading out content so that the height of the article excerpt always matches the height of the blog image on the left. */
.fadeout-overflow-bottom {
  position: relative;
  height: 0;
  padding-bottom: 33.33%;
  overflow: hidden; }

.fadeout-overflow-bottom:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3.6%;
  background: linear-gradient(to top, black 0, rgba(0, 0, 0, 0) 100%);
  pointer-events: none; }

/* On small screens, we don't truncate content, and don't fade it out since the blog image is full-width, and the excerpt is below it. */
@media (max-width: 768px) {
  .fadeout-overflow-bottom {
    height: auto;
    padding-bottom: 0; }

  .fadeout-overflow-bottom:after {
    background: transparent; } }
.lt-ie9 .fadeout-overflow-bottom {
  height: auto;
  padding-bottom: 0; }

#comments {
  margin: 2.4% 0; }

/* ========================================================================== 10. Product and collection pages. ========================================================================== */
/* Quickly hiding default variant drop-down when JavaScript is enabled */
/* See this: http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content/ */
.js #product-select {
  display: none; }

/* Product option wrapper. */
.sort-by {
  margin-top: .25rem; }

@media (max-width: 768px) {
  .sort-by {
    float: none;
    margin-bottom: 1.2%; } }
.prod-image-wrap {
  position: relative;
  margin-bottom: 20px; }
  .prod-image-wrap a {
    text-decoration: none !important;
    color: #2a2a2a; }
  .prod-image-wrap .prod-caption {
    text-transform: uppercase;
    bottom: 5%;
    color: #2a2a2a;
    font-size: 14px;
    width: 100%;
    background: transparent !important;
    margin: 20px auto 5px; }
  .prod-image-wrap .product-compare-price {
    margin-right: 5px;
    color: #2a2a2a;
    font-size: 1.025em;
    font-weight: 600; }
  .prod-image-wrap div .link {
    border-bottom: 1px solid #2a2a2a;
    display: inline-block;
    font-size: 0.7em;
    line-height: 1em; }
  .prod-image-wrap div div {
    display: none; }
  .prod-image-wrap a {
    display: block; }
  .prod-image-wrap .cycle-slideshow {
    background: #efefef; }

.product-photo-thumb:nth-child(2n+1) {
  clear: both; }

@media (max-width: 768px) {
  .two-per-row.product-photo-thumb {
    width: 50% !important;
    float: left !important; } }
/* ====================================== 11. Search form and search results ====================================== */
/* Override to globally-hosted search.css on the /search page */
/* Styling all search forms. You can reuse this for newsletter signup form. */
.search-form {
  display: inline-block;
  margin-top: 2.8px; }

/* Hiding search form in header on small screens */
@media (max-width: 768px) {
  header .search-form {
    display: none; } }
/* ===================== 12. Footer ===================== */
footer {
  margin: 0;
  /*a + a { padding-left: 0.666 * $gutter; }*/
  /* section{ padding: 56px 0 0!important; } */ }
  footer a {
    text-decoration: none !important;
    text-transform: none;
    font-family: Arial, Helvetica Neue, sans-serif; }
  footer .content-container li {
    display: inline-block;
    margin: 0 0.5%; }
  footer .content-container img {
    width: auto;
    height: auto; }
  footer h2 {
    margin-bottom: 10px; }
  footer .payment-types {
    display: none; }
  footer .small-print {
    font-size: 0.85em;
    padding: 0 0 20px; }
    footer .small-print a {
      padding-left: 3px; }
  footer a:hover {
    color: #333333;
    -webkit-transition: opacity ease-out 0.1s;
    -moz-transition: opacity ease-out 0.1s;
    -o-transition: opacity ease-out 0.1s;
    transition: opacity ease-out 0.1s; }

/* ===================== Remove admin bar ===================== */
#admin_bar_iframe {
  display: none !important; }

.menu-collapse a {
  display: block; }
.menu-collapse a:hover,
.menu-collapse a:focus {
  opacity: 0.6;
  -webkit-transition: opacity ease-out 0.1s;
  -moz-transition: opacity ease-out 0.1s;
  -o-transition: opacity ease-out 0.1s;
  transition: opacity ease-out 0.1s; }

.text a:hover {
  opacity: 0.6; }

h2 a:hover {
  opacity: 0.6; }

header[style] {
  /* overwrite inline style by shopify which moves this down by 40px */
  top: 0 !important; }

a:focus {
  outline: 0px yellow solid; }

#main {
  background: #fff;
  margin-top: 60px; }

p {
  margin-bottom: 1em; }

/* ========================================================================== ANNA'S CSS FOR CRANE TEMPLATES START HERE ========================================================================== */
/* ============================================================================= MAIN SECTIONS, PADDING AND NEGATIVE MARGINS FOR HASH LINKS UNDER FIXED MENU ETC ============================================================================= */
#main section,
#footer section {
  clear: both;
  overflow: hidden;
  margin-top: -70px; }
  @media only screen and (min-width: 768px) {
    #main section,
    #footer section {
      margin-top: -120px; } }

#main section .content-container {
  border-bottom: 1px solid #dadada;
  padding: 6% 0;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    #main section .content-container {
      padding: 30px 0 60px; } }

#footer section .content-container {
  padding: 6% 0 3%; }
  @media only screen and (min-width: 768px) {
    #footer section .content-container {
      padding: 30px 0 30px; } }

#footer section:before {
  display: block;
  content: "";
  visibility: hidden;
  height: 70px;
  /* Give height of your fixed element */
  margin-top: 0;
  /* Give negative margin of your fixed element */ }
  @media only screen and (min-width: 768px) {
    #footer section:before {
      height: 120px;
      /* Give height of your fixed element */
      margin-top: 0;
      /* Give negative margin of your fixed element */ } }

#main section:before {
  display: block;
  content: "";
  visibility: hidden;
  height: 70px;
  /* Give height of your fixed element */
  margin-top: 0;
  /* Give negative margin of your fixed element */ }
  @media only screen and (min-width: 768px) {
    #main section:before {
      height: 120px;
      /* Give height of your fixed element */
      margin-top: 0;
      /* Give negative margin of your fixed element */ } }

#press.template-blog .item:first-child,
#main section:first-child {
  position: relative;
  padding-top: 0;
  margin-top: 0; }

.template-page #main section {
  border-bottom: 1px solid #dadada;
  padding: 6% 0%;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .template-page #main section {
      padding: 30px 0 60px; } }

/* ============================================================================= OVERWRITE PAGE STYLES FOR TEST HOMEPAGE IN CASE WE NEED TO MAKE UPDATES ============================================================================= */
#homepage-test.template-page #main section {
  border-bottom: 0px solid #dadada;
  padding: 6% 0%;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    #homepage-test.template-page #main section {
      padding: 0; } }
  #homepage-test.template-page #main section h2 a {
    font-weight: bold;
    text-decoration: none !important;
    text-transform: uppercase;
    font-family: "U8 Bold", "HelveticaNeue", "Arial";
    font-weight: 100;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.05em;
    font-size: 16.8px; }
#homepage-test.template-page #main section#accessories {
  border-bottom: 1px solid #dadada; }
#homepage-test.template-page .row, #homepage-test.template-page .grid, #homepage-test.template-page .product,
#homepage-test.template-page .grid,
#homepage-test.template-page .product {
  margin-left: -1.2%; }
#homepage-test.template-page .four-per-row {
  padding-bottom: 2.4%; }
#homepage-test.template-page #toggle-sound {
  font-weight: bold;
  text-decoration: none !important;
  text-transform: uppercase;
  font-family: "U8 Bold", "HelveticaNeue", "Arial";
  font-weight: 100;
  text-rendering: optimizeLegibility;
  letter-spacing: 0.05em;
  font-size: 16.8px;
  text-align: center;
  font-size: 0.9;
  display: inline-block;
  cursor: pointer;
  margin: 20px auto !important;
  font-size: 0.7em;
  line-height: 1em;
  text-decoration: none;
  position: relative;
  text-decoration: underline !important; }

/* ============================================================================= ANNA  - COMMON STYLES ============================================================================= */
.content-container {
  max-width: 1400px;
  height: auto;
  margin: 0 auto;
  padding: 0 0;
  box-sizing: border-box;
  position: relative; }

hr {
  border-bottom: 0px solid #e2e2e2;
  border-right: 0 solid #e2e2e2;
  border-left: 0 solid #e2e2e2;
  border-top: 1px solid #c6c6c6;
  background: red;
  height: 0;
  margin: 10px 0 10px;
  clear: both; }

#homepage-test.template-page #main .content-container img,
.template-product #main .content-container img,
.template-collection #main .content-container img,
.template-index #main .content-container img,
.template-list-collections #main .content-container img,
.template-blog #main .content-container img,
.template-article #main .content-container img {
  transition: opacity 0.3s ease-in;
  -webkit-transition: opacity ease-out 0.3s;
  -moz-transition: opacity ease-out 0.3s;
  -o-transition: opacity ease-out 0.3s;
  transition: opacity ease-out 0.3s; }

.span4 {
  width: 33.33333%;
  float: left;
  border: 1px solid #ccc; }

.content-container img {
  width: 100%;
  height: auto; }

/* ============================================================================= ANNA - BASE ILLUSTRATION/ICONS ============================================================================= */
.illustration-container {
  position: relative; }

.illustration {
  font-size: 0.9em;
  text-align: center;
  margin: 0;
  padding-bottom: 4%;
  overflow: hidden;
  max-width: 500px;
  margin: auto; }
  @media only screen and (min-width: 768px) {
    .illustration {
      margin: 0 auto 0;
      max-width: 1000px;
      padding-bottom: 0; } }
  .illustration li {
    padding: 5% 5% 0;
    width: 33.3333% !important;
    float: left;
    min-height: 160px; }
    @media only screen and (min-width: 768px) {
      .illustration li {
        padding: 2% 2% 0 2%;
        width: 20% !important;
        text-align: center;
        min-height: 200px; } }
    .illustration li span {
      display: block;
      font-size: 0.95em;
      line-height: 1.2em;
      max-width: 150px; }
      @media only screen and (min-width: 768px) {
        .illustration li span {
          max-width: none;
          font-size: 1.1em;
          line-height: 1.25em; } }
    .illustration li img {
      margin: 0 auto 5%;
      max-width: 150px; }
    .illustration li .text {
      margin: 0; }
      @media only screen and (min-width: 768px) {
        .illustration li .text {
          height: 50px;
          height: calc(3 * $base_font_size);
          text-align: center !important; } }
  .illustration li:nth-child(6) {
    margin-left: 0; }
    @media only screen and (min-width: 768px) {
      .illustration li:nth-child(6) {
        margin-left: 10%; } }

/* ============================================================================= 12. ANNA - HEADER ============================================================================= */
header.header {
  top: 54px !important;
  left: 0 !important;
  position: fixed;
  width: 100%;
  height: 70px;
  z-index: 9994;
  background: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    header.header {
      top: 58px !important;
      height: 120px;
      min-height: 100px; } }
  header.header .header-inner {
    position: relative;
    height: 100%;
    padding: 0;
    max-width: 1400px;
    margin: auto !important; }
  header.header .content-container {
    padding: 0 auto 1%; }
    @media only screen and (min-width: 768px) {
      header.header .content-container {
        margin: 0;
        padding: 0; } }
  header.header .nav.shop-menu {
    position: absolute;
    margin-top: 10px;
    right: 5px;
    text-align: right;
    z-index: 2000 !important;
    max-width: none;
    text-align: right;
    padding: 0 !important;
    height: auto; }
    header.header .nav.shop-menu .menu-collapse {
      top: 0;
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
      header.header .nav.shop-menu .menu-collapse a {
        font-size: 0.7em;
        color: #bbb !important;
        text-decoration: none !important;
        display: inline-block;
        border-right: #bbb 1px solid;
        padding: 0 6px 0 3px;
        margin: 0; }
      header.header .nav.shop-menu .menu-collapse a:last-child {
        border-right: 0; }
  header.header .customer-links,
  header.header .cart-link {
    text-align: right;
    font-size: 0.7em;
    text-decoration: none;
    float: left; }
    header.header .customer-links a,
    header.header .cart-link a {
      color: #777; }
  header.header .customer-links {
    margin-right: 5px; }
    header.header .customer-links a {
      border-right: 1px solid #777;
      padding: 0 5px 0 4px; }
  header.header .masthead {
    width: 50% !important;
    text-align: left;
    padding: 0%;
    height: 120px;
    box-sizing: border-box;
    max-width: 160px; }
    @media only screen and (min-width: 768px) {
      header.header .masthead {
        width: 100%;
        max-width: 100%;
        text-align: center;
        max-width: 1400px;
        height: 120px; } }
    header.header .masthead #logo {
      position: absolute;
      margin: 0;
      padding: 0;
      width: 100%;
      max-width: 160px;
      display: block;
      z-index: 3;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      color: transparent; }
      @media only screen and (min-width: 768px) {
        header.header .masthead #logo {
          width: 25%;
          max-width: 250px; } }
      header.header .masthead #logo img {
        max-height: 100%;
        max-width: none;
        display: block; }
        @media only screen and (min-width: 768px) {
          header.header .masthead #logo img {
            margin-top: -8px; } }
  header.header #logo:hover {
    opacity: 1 !important; }
  header.header .nav {
    max-width: 1400px;
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 9%;
    z-index: 2; }
  header.header nav {
    position: relative;
    top: 0;
    height: 100%; }

/* ============================================================================= ANNA - MOBILE VERSION OF MAIN AND SHOP NAV ============================================================================= */
@media only screen and (max-width: 768px) {
  header.header {
    height: 70px;
    min-height: 0; }
    header.header .content-container {
      padding: 0 auto 1%; }
    header.header .cart-link {
      text-align: right; }
    header.header nav {
      position: relative;
      top: 0;
      height: 100%; }
    header.header .toggle-nav {
      font-family: "U8 Bold", "HelveticaNeue", Helvetica, Arial, sans-serif;
      display: block;
      font-size: 1.1em;
      text-transform: uppercase;
      margin: 0;
      cursor: pointer;
      position: absolute;
      width: 30px;
      height: 70px;
      z-index: 20; }
      header.header .toggle-nav img {
        display: block;
        margin: auto;
        margin: auto;
        position: absolute;
        top: 50%;
        z-index: 2;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: transparent; }
    header.header .toggle-nav.shop {
      right: 5%;
      text-align: right; }
    header.header .toggle-nav.main {
      left: 5%;
      text-align: left; }
    header.header .nav.shop-menu,
    header.header .nav.main {
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 70px;
      margin-top: 0;
      padding: 0;
      height: auto;
      text-align: center;
      display: block;
      background: rgba(255, 255, 255, 0.9);
      z-index: 2001;
      -webkit-box-shadow: -6px 35px 41px -33px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: -6px 35px 41px -33px rgba(0, 0, 0, 0.3);
      box-shadow: -6px 35px 41px -33px rgba(0, 0, 0, 0.3); }
      header.header .nav.shop-menu .menu-collapse.main,
      header.header .nav.shop-menu .menu-collapse.shop,
      header.header .nav.main .menu-collapse.main,
      header.header .nav.main .menu-collapse.shop {
        overflow: hidden;
        z-index: 5;
        display: none;
        top: 0;
        padding: 0 0 9px;
        transform: none;
        width: 100%;
        margin: 0; }
        header.header .nav.shop-menu .menu-collapse.main li,
        header.header .nav.shop-menu .menu-collapse.shop li,
        header.header .nav.main .menu-collapse.main li,
        header.header .nav.main .menu-collapse.shop li {
          float: none;
          font-size: 1.2em;
          margin: 0;
          padding: 0;
          display: block;
          width: 100%; }
        header.header .nav.shop-menu .menu-collapse.main a,
        header.header .nav.shop-menu .menu-collapse.shop a,
        header.header .nav.main .menu-collapse.main a,
        header.header .nav.main .menu-collapse.shop a {
          display: block;
          padding: 15px;
          margin: 0;
          width: 100%;
          color: #2a2a2a !important;
          text-align: center;
          font-size: 16px;
          text-decoration: none; }
    header.header .toggle-nav.main img {
      margin-top: -2px; }
    header.header .toggle-nav.shop img {
      margin-top: -1px; }

  header.header .customer-links,
  header.header .cart-link {
    float: none;
    text-align: center;
    font-size: 1em; } }
/* ============================================================================= ANNA - FOOTER ============================================================================= */
#footer img {
  opacity: 0; }
#footer section#contact h2 {
  margin-bottom: 0; }
#footer section#contact .content-container .social {
  padding: 0;
  margin: 20px 0;
  overflow: hidden; }
  #footer section#contact .content-container .social li {
    margin: 1.5% 1.5%; }
    @media only screen and (min-width: 768px) {
      #footer section#contact .content-container .social li {
        margin: 0 5px; } }
    #footer section#contact .content-container .social li img {
      height: 23px;
      width: auto;
      opacity: 1 !important; }
#footer section#contact .content-container .small-print {
  padding: 0 0 20px; }
#footer section#contact .content-container .terms {
  margin: 0; }
  #footer section#contact .content-container .terms li {
    padding: 0 0 1rem;
    display: block; }
    @media only screen and (min-width: 768px) {
      #footer section#contact .content-container .terms li {
        background: url("circle.svg") no-repeat center right;
        padding: 0 15px 0 8px;
        margin: 0;
        display: inline-block; } }
    #footer section#contact .content-container .terms li a {
      margin: 0; }
  #footer section#contact .content-container .terms li:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    #footer section#contact .content-container .terms li:first-child {
      padding-left: 0; }
    #footer section#contact .content-container .terms li:last-child {
      background-image: none;
      padding-right: 0; } }

/* ============================================================================= 6. ANNA - NAVIGATION ============================================================================= */
.nav {
  width: 100%;
  height: 100%;
  position: relative; }
  .nav ul {
    margin: 0; }
  .nav .menu-collapse {
    position: relative;
    height: 100%;
    top: 40px; }
    .nav .menu-collapse li {
      font-family: "U8 Bold", "HelveticaNeue", "Arial";
      font-weight: 100;
      text-rendering: optimizeLegibility;
      /* to enable ligatures and kerning */
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-size: 1.2em;
      letter-spacing: 0.1em;
      display: inline-block;
      margin: 0; }
      .nav .menu-collapse li a {
        text-decoration: none !important; }
    .nav .menu-collapse li {
      display: block;
      padding: 0 1.2% 0.4% 1.2%; }
    .nav .menu-collapse li:nth-child(1),
    .nav .menu-collapse li:nth-child(2) {
      float: left; }
    .nav .menu-collapse li:nth-child(3),
    .nav .menu-collapse li:nth-child(4) {
      float: right; }

/* ============================================================================= ANNA - HOME ============================================================================= */
#homepage-test.template-page li.featured,
.template-index li.featured,
.template-collection li.featured,
.template-list-collections li.featured {
  width: 100% !important;
  padding-bottom: 5%; }
  @media only screen and (min-width: 768px) {
    #homepage-test.template-page li.featured,
    .template-index li.featured,
    .template-collection li.featured,
    .template-list-collections li.featured {
      padding-bottom: 2.4%; } }
  #homepage-test.template-page li.featured .prod-image-wrap,
  .template-index li.featured .prod-image-wrap,
  .template-collection li.featured .prod-image-wrap,
  .template-list-collections li.featured .prod-image-wrap {
    background-color: transparent; }
    #homepage-test.template-page li.featured .prod-image-wrap a,
    .template-index li.featured .prod-image-wrap a,
    .template-collection li.featured .prod-image-wrap a,
    .template-list-collections li.featured .prod-image-wrap a {
      margin: 0 !important; }
  #homepage-test.template-page li.featured img,
  .template-index li.featured img,
  .template-collection li.featured img,
  .template-list-collections li.featured img {
    display: block; }
#homepage-test.template-page li.featured.sold-out,
.template-index li.featured.sold-out,
.template-collection li.featured.sold-out,
.template-list-collections li.featured.sold-out {
  display: none; }
#homepage-test.template-page li.two-per-row,
.template-index li.two-per-row,
.template-collection li.two-per-row,
.template-list-collections li.two-per-row {
  padding-bottom: 5%; }
  @media only screen and (min-width: 768px) {
    #homepage-test.template-page li.two-per-row,
    .template-index li.two-per-row,
    .template-collection li.two-per-row,
    .template-list-collections li.two-per-row {
      padding-bottom: 2.16%; } }
  #homepage-test.template-page li.two-per-row .prod-image-wrap,
  .template-index li.two-per-row .prod-image-wrap,
  .template-collection li.two-per-row .prod-image-wrap,
  .template-list-collections li.two-per-row .prod-image-wrap {
    background-color: transparent; }
    #homepage-test.template-page li.two-per-row .prod-image-wrap a,
    .template-index li.two-per-row .prod-image-wrap a,
    .template-collection li.two-per-row .prod-image-wrap a,
    .template-list-collections li.two-per-row .prod-image-wrap a {
      margin: 0 !important; }
  #homepage-test.template-page li.two-per-row img,
  .template-index li.two-per-row img,
  .template-collection li.two-per-row img,
  .template-list-collections li.two-per-row img {
    display: block; }
#homepage-test.template-page li.four-per-row,
.template-index li.four-per-row,
.template-collection li.four-per-row,
.template-list-collections li.four-per-row {
  padding-bottom: 5%; }
  @media only screen and (min-width: 768px) {
    #homepage-test.template-page li.four-per-row,
    .template-index li.four-per-row,
    .template-collection li.four-per-row,
    .template-list-collections li.four-per-row {
      padding-bottom: 2.16%; } }
  #homepage-test.template-page li.four-per-row .prod-image-wrap,
  .template-index li.four-per-row .prod-image-wrap,
  .template-collection li.four-per-row .prod-image-wrap,
  .template-list-collections li.four-per-row .prod-image-wrap {
    background-color: transparent; }
    #homepage-test.template-page li.four-per-row .prod-image-wrap a,
    .template-index li.four-per-row .prod-image-wrap a,
    .template-collection li.four-per-row .prod-image-wrap a,
    .template-list-collections li.four-per-row .prod-image-wrap a {
      margin: 0 !important; }
  #homepage-test.template-page li.four-per-row img,
  .template-index li.four-per-row img,
  .template-collection li.four-per-row img,
  .template-list-collections li.four-per-row img {
    display: block; }
@media only screen and (min-width: 768px) {
  #homepage-test.template-page .accessories .prod-caption,
  .template-index .accessories .prod-caption,
  .template-collection .accessories .prod-caption,
  .template-list-collections .accessories .prod-caption {
    font-size: 0.8em;
    text-decoration: underline;
    margin-bottom: 2.4%;
    padding: 0 5%; } }
@media only screen and (min-width: 768px) {
  #homepage-test.template-page .accessories .link,
  .template-index .accessories .link,
  .template-collection .accessories .link,
  .template-list-collections .accessories .link {
    display: none; } }
#homepage-test.template-page section#slideshow,
.template-index section#slideshow,
.template-collection section#slideshow,
.template-list-collections section#slideshow {
  margin: 0 auto; }
  #homepage-test.template-page section#slideshow .content-container,
  .template-index section#slideshow .content-container,
  .template-collection section#slideshow .content-container,
  .template-list-collections section#slideshow .content-container {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0px solid #dadada;
    padding-bottom: 0; }
    @media only screen and (min-width: 768px) {
      #homepage-test.template-page section#slideshow .content-container,
      .template-index section#slideshow .content-container,
      .template-collection section#slideshow .content-container,
      .template-list-collections section#slideshow .content-container {
        border-bottom: 1px solid #dadada;
        padding-bottom: 60px; } }
#homepage-test.template-page .cycle-slideshow,
.template-index .cycle-slideshow,
.template-collection .cycle-slideshow,
.template-list-collections .cycle-slideshow {
  position: relative;
  width: 100%;
  overflow: hidden; }
  #homepage-test.template-page .cycle-slideshow img,
  .template-index .cycle-slideshow img,
  .template-collection .cycle-slideshow img,
  .template-list-collections .cycle-slideshow img {
    /*opacity:0;*/
    width: 100%;
    margin: auto;
    display: none; }
  #homepage-test.template-page .cycle-slideshow img:first-child,
  .template-index .cycle-slideshow img:first-child,
  .template-collection .cycle-slideshow img:first-child,
  .template-list-collections .cycle-slideshow img:first-child {
    display: block; }
  #homepage-test.template-page .cycle-slideshow .cycle-prev,
  .template-index .cycle-slideshow .cycle-prev,
  .template-collection .cycle-slideshow .cycle-prev,
  .template-list-collections .cycle-slideshow .cycle-prev {
    position: absolute;
    z-index: 100;
    left: 0; }
  #homepage-test.template-page .cycle-slideshow .cycle-next,
  .template-index .cycle-slideshow .cycle-next,
  .template-collection .cycle-slideshow .cycle-next,
  .template-list-collections .cycle-slideshow .cycle-next {
    position: absolute;
    z-index: 100;
    right: 0; }
  #homepage-test.template-page .cycle-slideshow .cycle-pager,
  .template-index .cycle-slideshow .cycle-pager,
  .template-collection .cycle-slideshow .cycle-pager,
  .template-list-collections .cycle-slideshow .cycle-pager {
    position: absolute;
    z-index: 100;
    text-align: center;
    width: 100%;
    opacity: 0;
    bottom: 0;
    padding-bottom: 1.5%; }
    #homepage-test.template-page .cycle-slideshow .cycle-pager span,
    .template-index .cycle-slideshow .cycle-pager span,
    .template-collection .cycle-slideshow .cycle-pager span,
    .template-list-collections .cycle-slideshow .cycle-pager span {
      background: #666;
      border-radius: 50%;
      color: #666;
      cursor: pointer;
      display: inline-block;
      font-family: arial;
      font-size: 50px;
      height: 12px;
      width: 12px;
      margin: 0 5px;
      overflow: hidden;
      text-indent: -500px; }
    #homepage-test.template-page .cycle-slideshow .cycle-pager span.cycle-pager-active,
    .template-index .cycle-slideshow .cycle-pager span.cycle-pager-active,
    .template-collection .cycle-slideshow .cycle-pager span.cycle-pager-active,
    .template-list-collections .cycle-slideshow .cycle-pager span.cycle-pager-active {
      background-color: #fff;
      -webkit-transition: color ease-out 0.5s;
      -moz-transition: color ease-out 0.5s;
      -o-transition: color ease-out 0.5s;
      transition: color ease-out 0.5s; }
    #homepage-test.template-page .cycle-slideshow .cycle-pager span:nth-child(odd).cycle-pager-active,
    .template-index .cycle-slideshow .cycle-pager span:nth-child(odd).cycle-pager-active,
    .template-collection .cycle-slideshow .cycle-pager span:nth-child(odd).cycle-pager-active,
    .template-list-collections .cycle-slideshow .cycle-pager span:nth-child(odd).cycle-pager-active {
      background-color: #ccc !important; }
    #homepage-test.template-page .cycle-slideshow .cycle-pager span:hover,
    .template-index .cycle-slideshow .cycle-pager span:hover,
    .template-collection .cycle-slideshow .cycle-pager span:hover,
    .template-list-collections .cycle-slideshow .cycle-pager span:hover {
      background-color: #fff; }
#homepage-test.template-page section#video,
.template-index section#video,
.template-collection section#video,
.template-list-collections section#video {
  padding-top: 0;
  background: #fff; }
  #homepage-test.template-page section#video .content-container,
  .template-index section#video .content-container,
  .template-collection section#video .content-container,
  .template-list-collections section#video .content-container {
    padding: 3% 0; }
    @media only screen and (min-width: 768px) {
      #homepage-test.template-page section#video .content-container,
      .template-index section#video .content-container,
      .template-collection section#video .content-container,
      .template-list-collections section#video .content-container {
        padding: 30px 0; } }
  #homepage-test.template-page section#video .home-video,
  .template-index section#video .home-video,
  .template-collection section#video .home-video,
  .template-list-collections section#video .home-video {
    overflow: hidden;
    background: #fff;
    position: relative;
    width: 100%;
    padding: 3% 0; }
    @media only screen and (min-width: 768px) {
      #homepage-test.template-page section#video .home-video,
      .template-index section#video .home-video,
      .template-collection section#video .home-video,
      .template-list-collections section#video .home-video {
        width: 85%;
        margin: auto;
        padding: 3%; } }
    #homepage-test.template-page section#video .home-video img,
    .template-index section#video .home-video img,
    .template-collection section#video .home-video img,
    .template-list-collections section#video .home-video img {
      cursor: pointer;
      display: block; }
    #homepage-test.template-page section#video .home-video p,
    .template-index section#video .home-video p,
    .template-collection section#video .home-video p,
    .template-list-collections section#video .home-video p {
      display: none; }
  #homepage-test.template-page section#video #toggle-sound,
  .template-index section#video #toggle-sound,
  .template-collection section#video #toggle-sound,
  .template-list-collections section#video #toggle-sound {
    text-align: center;
    font-size: 0.9;
    /*border-bottom: 1px solid #2a2a2a;*/
    display: inline-block;
    cursor: pointer;
    margin: 20px auto;
    font-size: 0.7em;
    line-height: 1em;
    text-decoration: none;
    position: relative; }
    @media only screen and (min-width: 768px) {
      #homepage-test.template-page section#video #toggle-sound,
      .template-index section#video #toggle-sound,
      .template-collection section#video #toggle-sound,
      .template-list-collections section#video #toggle-sound {
        left: 50%;
        transform: translateX(-50%, -50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        position: absolute; } }
#homepage-test.template-page section#about,
.template-index section#about,
.template-collection section#about,
.template-list-collections section#about {
  text-align: center; }
  #homepage-test.template-page section#about h2,
  #homepage-test.template-page section#about h3,
  #homepage-test.template-page section#about h4,
  .template-index section#about h2,
  .template-index section#about h3,
  .template-index section#about h4,
  .template-collection section#about h2,
  .template-collection section#about h3,
  .template-collection section#about h4,
  .template-list-collections section#about h2,
  .template-list-collections section#about h3,
  .template-list-collections section#about h4 {
    margin-bottom: 10px; }
  #homepage-test.template-page section#about h3,
  #homepage-test.template-page section#about h4,
  .template-index section#about h3,
  .template-index section#about h4,
  .template-collection section#about h3,
  .template-collection section#about h4,
  .template-list-collections section#about h3,
  .template-list-collections section#about h4 {
    margin-top: 30px;
    font-size: 1.2em;
    text-align: center; }
  #homepage-test.template-page section#about p,
  .template-index section#about p,
  .template-collection section#about p,
  .template-list-collections section#about p {
    max-width: 800px;
    margin: auto;
    text-align: center; }
#homepage-test.template-page section#range h2,
.template-index section#range h2,
.template-collection section#range h2,
.template-list-collections section#range h2 {
  display: none; }
#homepage-test.template-page section#range .grid,
.template-index section#range .grid,
.template-collection section#range .grid,
.template-list-collections section#range .grid {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: -1.6%; }
  @media only screen and (min-width: 768px) {
    #homepage-test.template-page section#range .grid,
    .template-index section#range .grid,
    .template-collection section#range .grid,
    .template-list-collections section#range .grid {
      margin-top: 0; } }
  #homepage-test.template-page section#range .grid .images.column, #homepage-test.template-page section#range .grid > li.images, #homepage-test.template-page section#range .grid .images.product-photos,
  #homepage-test.template-page section#range .grid .images.product-details,
  .template-index section#range .grid .images.column,
  .template-index section#range .grid > li.images,
  .template-index section#range .grid .images.product-photos,
  .template-index section#range .grid .images.product-details,
  .template-collection section#range .grid .images.column,
  .template-collection section#range .grid > li.images,
  .template-collection section#range .grid .images.product-photos,
  .template-collection section#range .grid .images.product-details,
  .template-list-collections section#range .grid .images.column,
  .template-list-collections section#range .grid > li.images,
  .template-list-collections section#range .grid .images.product-photos,
  .template-list-collections section#range .grid .images.product-details {
    padding-bottom: 0 !important; }
#homepage-test.template-page section#journal .title,
.template-index section#journal .title,
.template-collection section#journal .title,
.template-list-collections section#journal .title {
  margin: 30px 0 0; }
  @media only screen and (min-width: 768px) {
    #homepage-test.template-page section#journal .title,
    .template-index section#journal .title,
    .template-collection section#journal .title,
    .template-list-collections section#journal .title {
      margin: 0; } }
#homepage-test.template-page section#journal .date,
.template-index section#journal .date,
.template-collection section#journal .date,
.template-list-collections section#journal .date {
  font-size: 1em;
  margin: 0 0 20px;
  opacity: 0.2;
  color: #000; }
#homepage-test.template-page section#journal .text,
.template-index section#journal .text,
.template-collection section#journal .text,
.template-list-collections section#journal .text {
  text-align: center;
  margin-top: 25px 0 0 !important; }
  @media only screen and (min-width: 768px) {
    #homepage-test.template-page section#journal .text,
    .template-index section#journal .text,
    .template-collection section#journal .text,
    .template-list-collections section#journal .text {
      text-align: left;
      margin: 0; } }
#homepage-test.template-page section#journal .grid,
.template-index section#journal .grid,
.template-collection section#journal .grid,
.template-list-collections section#journal .grid {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }
  #homepage-test.template-page section#journal .grid .images.column, #homepage-test.template-page section#journal .grid > li.images, #homepage-test.template-page section#journal .grid .images.product-photos,
  #homepage-test.template-page section#journal .grid .images.product-details,
  .template-index section#journal .grid .images.column,
  .template-index section#journal .grid > li.images,
  .template-index section#journal .grid .images.product-photos,
  .template-index section#journal .grid .images.product-details,
  .template-collection section#journal .grid .images.column,
  .template-collection section#journal .grid > li.images,
  .template-collection section#journal .grid .images.product-photos,
  .template-collection section#journal .grid .images.product-details,
  .template-list-collections section#journal .grid .images.column,
  .template-list-collections section#journal .grid > li.images,
  .template-list-collections section#journal .grid .images.product-photos,
  .template-list-collections section#journal .grid .images.product-details {
    padding-bottom: 0 !important; }
#homepage-test.template-page section#journal .postmeta,
.template-index section#journal .postmeta,
.template-collection section#journal .postmeta,
.template-list-collections section#journal .postmeta {
  margin-top: 20px; }
  @media only screen and (min-width: 768px) {
    #homepage-test.template-page section#journal .postmeta p,
    .template-index section#journal .postmeta p,
    .template-collection section#journal .postmeta p,
    .template-list-collections section#journal .postmeta p {
      text-align: left; } }
  #homepage-test.template-page section#journal .postmeta .tags,
  .template-index section#journal .postmeta .tags,
  .template-collection section#journal .postmeta .tags,
  .template-list-collections section#journal .postmeta .tags {
    margin-top: 2rem;
    color: #c6c6c6 !important;
    text-transform: uppercase !important;
    font-family: "U8 Bold", "HelveticaNeue", "Arial";
    font-family: 100;
    font-size: 0.85rem; }
    #homepage-test.template-page section#journal .postmeta .tags a,
    .template-index section#journal .postmeta .tags a,
    .template-collection section#journal .postmeta .tags a,
    .template-list-collections section#journal .postmeta .tags a {
      color: #c6c6c6;
      text-transform: uppercase !important;
      font-family: "U8 Bold", "HelveticaNeue", "Arial";
      font-family: 100;
      letter-spacing: 0 !important; }
#homepage-test.template-page section#journal p a,
.template-index section#journal p a,
.template-collection section#journal p a,
.template-list-collections section#journal p a {
  font-weight: normal;
  font-family: Arial, Helvetica Neue, sans-serif;
  text-transform: none; }
#homepage-test.template-page section#journal a.readmore,
.template-index section#journal a.readmore,
.template-collection section#journal a.readmore,
.template-list-collections section#journal a.readmore {
  text-transform: uppercase;
  font-family: "U8 Bold", "HelveticaNeue", "Arial";
  font-family: 100; }
#homepage-test.template-page section img,
.template-index section img,
.template-collection section img,
.template-list-collections section img {
  display: block; }
#homepage-test.template-page #about ul,
.template-index #about ul,
.template-collection #about ul,
.template-list-collections #about ul {
  margin: auto; }
#homepage-test.template-page #about a,
.template-index #about a,
.template-collection #about a,
.template-list-collections #about a {
  font-weight: normal;
  font-family: Arial, Helvetica Neue, sans-serif;
  text-transform: none;
  font-color: #000;
  letter-spacing: normal; }
#homepage-test.template-page #mailing-list-banner,
.template-index #mailing-list-banner,
.template-collection #mailing-list-banner,
.template-list-collections #mailing-list-banner {
  clear: both; }
  #homepage-test.template-page #mailing-list-banner a,
  .template-index #mailing-list-banner a,
  .template-collection #mailing-list-banner a,
  .template-list-collections #mailing-list-banner a {
    text-decoration: none !important; }

/* ============================================================================= ANNA - AD LANDING PAGE - nov 2019 ============================================================================= */
#c-range-sets.template-page .hide,
#ss-range-sets.template-page .hide {
  display: none; }
#c-range-sets.template-page section#range,
#ss-range-sets.template-page section#range {
  padding-bottom: 0; }
  #c-range-sets.template-page section#range .content-container,
  #ss-range-sets.template-page section#range .content-container {
    border: 0;
    padding: 0 0 30px; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#range .content-container,
      #ss-range-sets.template-page section#range .content-container {
        padding: 30px 0 0; } }
  #c-range-sets.template-page section#range h2,
  #ss-range-sets.template-page section#range h2 {
    display: none; }
  #c-range-sets.template-page section#range .grid,
  #ss-range-sets.template-page section#range .grid {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-top: -1.6%; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#range .grid,
      #ss-range-sets.template-page section#range .grid {
        margin-top: 0; } }
    #c-range-sets.template-page section#range .grid .images.column, #c-range-sets.template-page section#range .grid > li.images, #c-range-sets.template-page section#range .grid .images.product-photos,
    #c-range-sets.template-page section#range .grid .images.product-details,
    #ss-range-sets.template-page section#range .grid .images.column,
    #ss-range-sets.template-page section#range .grid > li.images,
    #ss-range-sets.template-page section#range .grid .images.product-photos,
    #ss-range-sets.template-page section#range .grid .images.product-details {
      padding-bottom: 0 !important; }
  #c-range-sets.template-page section#range .product-photos,
  #ss-range-sets.template-page section#range .product-photos {
    padding-bottom: 0; }
  #c-range-sets.template-page section#range .product-photo-container,
  #ss-range-sets.template-page section#range .product-photo-container {
    padding-bottom: 3%; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#range .product-photo-container,
      #ss-range-sets.template-page section#range .product-photo-container {
        padding-bottom: 0; } }
  #c-range-sets.template-page section#range .product,
  #ss-range-sets.template-page section#range .product {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#range .product,
      #ss-range-sets.template-page section#range .product {
        padding: 0 0 60px 0 !important;
        margin-top: 60px; } }
  #c-range-sets.template-page section#range .product-details,
  #ss-range-sets.template-page section#range .product-details {
    text-align: center; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#range .product-details,
      #ss-range-sets.template-page section#range .product-details {
        text-align: left; } }
    #c-range-sets.template-page section#range .product-details .title,
    #ss-range-sets.template-page section#range .product-details .title {
      display: block;
      margin: 20px 0; }
      @media only screen and (min-width: 768px) {
        #c-range-sets.template-page section#range .product-details .title,
        #ss-range-sets.template-page section#range .product-details .title {
          text-align: left;
          font-size: 20px;
          margin-top: 0; } }
    #c-range-sets.template-page section#range .product-details .note,
    #ss-range-sets.template-page section#range .product-details .note {
      color: #c6c6c6;
      font-size: 0.85em;
      max-width: 460px;
      margin: 0 auto 25px;
      color: #999;
      line-height: 1.3; }
      @media only screen and (min-width: 768px) {
        #c-range-sets.template-page section#range .product-details .note,
        #ss-range-sets.template-page section#range .product-details .note {
          text-align: left;
          margin-left: 0; } }
  #c-range-sets.template-page section#range #product-price,
  #ss-range-sets.template-page section#range #product-price {
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#range #product-price,
      #ss-range-sets.template-page section#range #product-price {
        margin-top: 40px; } }
    #c-range-sets.template-page section#range #product-price .product-compare-price,
    #ss-range-sets.template-page section#range #product-price .product-compare-price {
      margin-right: 5px;
      color: #2a2a2a; }
  #c-range-sets.template-page section#range #product-add,
  #ss-range-sets.template-page section#range #product-add {
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#range #product-add,
      #ss-range-sets.template-page section#range #product-add {
        text-align: left; } }
    #c-range-sets.template-page section#range #product-add button,
    #ss-range-sets.template-page section#range #product-add button {
      float: none;
      margin-bottom: 3%; }
    #c-range-sets.template-page section#range #product-add input,
    #ss-range-sets.template-page section#range #product-add input {
      float: none; }
#c-range-sets.template-page form,
#ss-range-sets.template-page form {
  padding: 0;
  margin: 0;
  background: transparent; }
#c-range-sets.template-page section#testimonials,
#ss-range-sets.template-page section#testimonials {
  padding-bottom: 30px; }
  #c-range-sets.template-page section#testimonials .content-container,
  #ss-range-sets.template-page section#testimonials .content-container {
    margin: auto;
    text-align: center;
    max-width: 400px;
    border: 0;
    padding: 0; }
#c-range-sets.template-page section#stockists img,
#ss-range-sets.template-page section#stockists img {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 10px; }
#c-range-sets.template-page section#slideshow,
#ss-range-sets.template-page section#slideshow {
  margin: 0 auto;
  padding-top: 0; }
  #c-range-sets.template-page section#slideshow .content-container,
  #ss-range-sets.template-page section#slideshow .content-container {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0px solid #dadada;
    padding-bottom: 0; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#slideshow .content-container,
      #ss-range-sets.template-page section#slideshow .content-container {
        border-bottom: 0;
        padding-bottom: 0; } }
#c-range-sets.template-page section#about,
#ss-range-sets.template-page section#about {
  text-align: center; }
  #c-range-sets.template-page section#about h2,
  #c-range-sets.template-page section#about h3,
  #c-range-sets.template-page section#about h4,
  #ss-range-sets.template-page section#about h2,
  #ss-range-sets.template-page section#about h3,
  #ss-range-sets.template-page section#about h4 {
    margin-bottom: 10px; }
  #c-range-sets.template-page section#about h3,
  #c-range-sets.template-page section#about h4,
  #ss-range-sets.template-page section#about h3,
  #ss-range-sets.template-page section#about h4 {
    margin-top: 30px;
    font-size: 1.2em;
    text-align: center; }
  #c-range-sets.template-page section#about p,
  #ss-range-sets.template-page section#about p {
    max-width: 800px;
    margin: auto;
    text-align: center; }
  #c-range-sets.template-page section#about .content-container,
  #ss-range-sets.template-page section#about .content-container {
    padding: 0;
    border: 0; }
  #c-range-sets.template-page section#about .illustration,
  #ss-range-sets.template-page section#about .illustration {
    text-align: center;
    max-width: 1000px;
    padding-bottom: 0; }
  #c-range-sets.template-page section#about a,
  #ss-range-sets.template-page section#about a {
    font-weight: normal;
    font-family: Arial, Helvetica Neue, sans-serif;
    text-transform: none;
    font-color: #000;
    letter-spacing: normal; }
  #c-range-sets.template-page section#about li,
  #ss-range-sets.template-page section#about li {
    padding: 20px 20px 0 20px;
    display: inline-block;
    float: left; }
#c-range-sets.template-page section img,
#ss-range-sets.template-page section img {
  display: block; }
#c-range-sets.template-page section#video,
#ss-range-sets.template-page section#video {
  padding-top: 0;
  padding-bottom: 0;
  background: #fff; }
  #c-range-sets.template-page section#video .content-container,
  #ss-range-sets.template-page section#video .content-container {
    padding: 3% 0;
    border-bottom: 0;
    border-top: 1px solid #dadada; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#video .content-container,
      #ss-range-sets.template-page section#video .content-container {
        padding: 30px 0;
        padding: 30px 0; } }
  #c-range-sets.template-page section#video .home-video,
  #ss-range-sets.template-page section#video .home-video {
    overflow: hidden;
    background: #fff;
    position: relative;
    width: 100%;
    padding: 3% 0; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#video .home-video,
      #ss-range-sets.template-page section#video .home-video {
        width: 85%;
        margin: auto;
        padding: 3% 3% 0; } }
    #c-range-sets.template-page section#video .home-video h2,
    #ss-range-sets.template-page section#video .home-video h2 {
      margin-bottom: 30px; }
      @media only screen and (min-width: 768px) {
        #c-range-sets.template-page section#video .home-video h2,
        #ss-range-sets.template-page section#video .home-video h2 {
          margin-bottom: 52px; } }
    #c-range-sets.template-page section#video .home-video img,
    #ss-range-sets.template-page section#video .home-video img {
      cursor: pointer;
      display: block; }
    #c-range-sets.template-page section#video .home-video p,
    #ss-range-sets.template-page section#video .home-video p {
      display: none; }
  #c-range-sets.template-page section#video #toggle-sound,
  #ss-range-sets.template-page section#video #toggle-sound {
    text-align: center;
    font-size: 0.9;
    /*border-bottom: 1px solid #2a2a2a;*/
    display: inline-block;
    cursor: pointer;
    margin: 20px 0 !important;
    font-size: 0.7em;
    line-height: 1em;
    text-decoration: underline !important;
    position: relative;
    text-transform: uppercase;
    font-weight: 400; }
    @media only screen and (min-width: 768px) {
      #c-range-sets.template-page section#video #toggle-sound,
      #ss-range-sets.template-page section#video #toggle-sound {
        left: 50%;
        transform: translateX(-50%, -50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        margin: 20px auto !important; } }
#c-range-sets.template-page .cycle-slideshow,
#ss-range-sets.template-page .cycle-slideshow {
  position: relative;
  width: 100%;
  overflow: hidden; }
  #c-range-sets.template-page .cycle-slideshow img,
  #ss-range-sets.template-page .cycle-slideshow img {
    /*opacity:0;*/
    width: 100%;
    margin: auto;
    display: none; }
  #c-range-sets.template-page .cycle-slideshow img:first-child,
  #ss-range-sets.template-page .cycle-slideshow img:first-child {
    display: block; }
  #c-range-sets.template-page .cycle-slideshow .cycle-prev,
  #ss-range-sets.template-page .cycle-slideshow .cycle-prev {
    position: absolute;
    z-index: 999999;
    left: 0; }
  #c-range-sets.template-page .cycle-slideshow .cycle-next,
  #ss-range-sets.template-page .cycle-slideshow .cycle-next {
    position: absolute;
    z-index: 999998;
    right: 0; }
  #c-range-sets.template-page .cycle-slideshow .cycle-pager,
  #ss-range-sets.template-page .cycle-slideshow .cycle-pager {
    position: absolute;
    z-index: 999998;
    text-align: center;
    width: 100%;
    opacity: 0;
    bottom: 0;
    padding-bottom: 1.5%; }
    #c-range-sets.template-page .cycle-slideshow .cycle-pager span,
    #ss-range-sets.template-page .cycle-slideshow .cycle-pager span {
      background: #666;
      border-radius: 50%;
      color: #666;
      cursor: pointer;
      display: inline-block;
      font-family: arial;
      font-size: 50px;
      height: 12px;
      width: 12px;
      margin: 0 5px;
      overflow: hidden;
      text-indent: -500px; }
    #c-range-sets.template-page .cycle-slideshow .cycle-pager span.cycle-pager-active,
    #ss-range-sets.template-page .cycle-slideshow .cycle-pager span.cycle-pager-active {
      background-color: #fff;
      -webkit-transition: color ease-out 0.5s;
      -moz-transition: color ease-out 0.5s;
      -o-transition: color ease-out 0.5s;
      transition: color ease-out 0.5s; }
    #c-range-sets.template-page .cycle-slideshow .cycle-pager span:nth-child(odd).cycle-pager-active,
    #ss-range-sets.template-page .cycle-slideshow .cycle-pager span:nth-child(odd).cycle-pager-active {
      background-color: #ccc !important; }
    #c-range-sets.template-page .cycle-slideshow .cycle-pager span:hover,
    #ss-range-sets.template-page .cycle-slideshow .cycle-pager span:hover {
      background-color: #fff; }

#mailing-list-banner {
  background: #f2f2f2;
  color: black;
  padding: 2.4%;
  text-align: center;
  display: block;
  clear: both; }
  #mailing-list-banner p {
    padding: 10px 0; }
  #mailing-list-banner a {
    font-family: "U8 Bold", "HelveticaNeue", "Arial";
    font-weight: 400;
    margin: 0; }

#mailing-list-banner:hover a {
  opacity: 0.5; }

/* ============================================================================= ANNA - BLOG AND ARTICLE PAGE COMMON STYLES ============================================================================= */
.template-article,
.template-blog {
  text-align: center; }
  .template-article h1,
  .template-blog h1 {
    display: none; }
  .template-article .blog-meta,
  .template-blog .blog-meta {
    border-bottom: 1px solid #dadada;
    padding-bottom: 0;
    text-align: center;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .template-article .blog-meta,
      .template-blog .blog-meta {
        padding-bottom: 40px !important;
        margin-top: 0; } }
    .template-article .blog-meta strong,
    .template-blog .blog-meta strong {
      font-family: "U8 Bold", "HelveticaNeue", "Arial";
      font-weight: 100;
      text-transform: uppercase;
      font-size: 1.1rem; }
    .template-article .blog-meta p,
    .template-blog .blog-meta p {
      margin-bottom: 1.5em; }
      @media only screen and (min-width: 768px) {
        .template-article .blog-meta p,
        .template-blog .blog-meta p {
          margin-bottom: 0.3em; } }
    .template-article .blog-meta p:last-child,
    .template-blog .blog-meta p:last-child {
      padding-bottom: 0; }
    .template-article .blog-meta a,
    .template-blog .blog-meta a {
      font-weight: normal;
      font-family: Arial, Helvetica Neue, sans-serif;
      text-transform: none;
      letter-spacing: 0.01em; }
    .template-article .blog-meta a:hover,
    .template-blog .blog-meta a:hover {
      opacity: 0.7; }
  .template-article #main .item .text,
  .template-blog #main .item .text {
    float: right; }
  .template-article #main section.pagination,
  .template-blog #main section.pagination {
    text-align: center;
    border: 0;
    overflow: hidden;
    padding: 0; }
    .template-article #main section.pagination .content-container,
    .template-blog #main section.pagination .content-container {
      padding: 40px 0 20px !important;
      margin: -30px 0 20px; }
      @media only screen and (min-width: 768px) {
        .template-article #main section.pagination .content-container,
        .template-blog #main section.pagination .content-container {
          margin-top: -40px;
          padding: 40px 0 25px !important; } }
    .template-article #main section.pagination .page,
    .template-blog #main section.pagination .page {
      display: none; }
    .template-article #main section.pagination span,
    .template-blog #main section.pagination span {
      margin: 0;
      padding: 0 12px; }
    .template-article #main section.pagination span:last-child,
    .template-blog #main section.pagination span:last-child {
      background-image: none; }
    .template-article #main section.pagination a,
    .template-blog #main section.pagination a {
      text-decoration: none !important; }
    .template-article #main section.pagination .prev a,
    .template-blog #main section.pagination .prev a {
      float: left;
      display: inline-block;
      background-color: #2a2a2a;
      border: 0;
      color: #fff !important;
      border-radius: 0;
      text-decoration: none;
      text-transform: uppercase;
      text-rendering: optimizeLegibility;
      font-size: 1.1em;
      padding: .8em .7em .6em !important;
      font-size: 1.1em !important;
      line-height: 100%; }
      .template-article #main section.pagination .prev a:hover,
      .template-blog #main section.pagination .prev a:hover {
        background-color: #5d5d5d; }
    .template-article #main section.pagination .next a,
    .template-blog #main section.pagination .next a {
      float: right;
      display: inline-block;
      font-size: 1.1em !important;
      background-color: #2a2a2a;
      border: 0;
      color: #fff !important;
      border-radius: 0;
      text-decoration: none;
      text-transform: uppercase;
      text-rendering: optimizeLegibility;
      padding: .8em .7em .6em !important;
      font-size: 1.1em !important;
      line-height: 100%; }
      .template-article #main section.pagination .next a:hover,
      .template-blog #main section.pagination .next a:hover {
        background-color: #5d5d5d; }
  .template-article .text h1,
  .template-blog .text h1 {
    display: block; }
  .template-article .text h2,
  .template-article .text h3,
  .template-article .text h4,
  .template-blog .text h2,
  .template-blog .text h3,
  .template-blog .text h4 {
    margin: 2em auto 1em; }
    @media only screen and (min-width: 768px) {
      .template-article .text h2,
      .template-article .text h3,
      .template-article .text h4,
      .template-blog .text h2,
      .template-blog .text h3,
      .template-blog .text h4 {
        text-align: left; } }
  .template-article .text .date,
  .template-blog .text .date {
    margin-top: 0; }
  .template-article .text ul,
  .template-blog .text ul {
    margin: 0 auto; }
  .template-article .text li,
  .template-blog .text li {
    border-bottom: 1px solid #dadada;
    padding: 0.5em 0; }
    @media only screen and (min-width: 768px) {
      .template-article .text li,
      .template-blog .text li {
        text-align: left; } }
  .template-article .text.press,
  .template-blog .text.press {
    text-align: left; }
    .template-article .text.press .excerpt a,
    .template-blog .text.press .excerpt a {
      text-align: left !important;
      font-weight: normal;
      font-family: Arial, Helvetica Neue, sans-serif;
      text-transform: none;
      letter-spacing: 0.01em; }
  .template-article .item h1,
  .template-blog .item h1 {
    text-align: center;
    margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .template-article .item h1,
      .template-blog .item h1 {
        text-align: left; } }
  .template-article .item .title,
  .template-blog .item .title {
    margin-top: 25px;
    margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .template-article .item .title,
      .template-blog .item .title {
        text-align: left;
        margin-top: 0; } }
    .template-article .item .title a,
    .template-blog .item .title a {
      text-decoration: none !important; }
  .template-article .item .date,
  .template-blog .item .date {
    margin-bottom: 20px;
    font-size: 1em;
    opacity: 0.2; }
    @media only screen and (min-width: 768px) {
      .template-article .item .date,
      .template-blog .item .date {
        text-align: left; } }
  .template-article .item .postmeta,
  .template-blog .item .postmeta {
    margin-top: 20px; }
    @media only screen and (min-width: 768px) {
      .template-article .item .postmeta p,
      .template-blog .item .postmeta p {
        text-align: left; } }
    .template-article .item .postmeta .tags,
    .template-blog .item .postmeta .tags {
      margin-top: 2rem;
      color: #c6c6c6 !important;
      text-transform: uppercase !important;
      font-family: "U8 Bold", "HelveticaNeue", "Arial";
      font-family: 100;
      font-size: 0.85rem; }
      .template-article .item .postmeta .tags a,
      .template-blog .item .postmeta .tags a {
        color: #c6c6c6;
        text-transform: uppercase !important;
        font-family: "U8 Bold", "HelveticaNeue", "Arial";
        font-family: 100;
        letter-spacing: 0 !important; }
  .template-article .item p a,
  .template-blog .item p a {
    font-weight: normal;
    font-family: Arial, Helvetica Neue, sans-serif;
    text-transform: none; }
  .template-article .item a.readmore,
  .template-blog .item a.readmore {
    text-transform: uppercase;
    font-family: "U8 Bold", "HelveticaNeue", "Arial";
    font-family: 100; }

/* ============================================================================= ANNA - ARTICLE PAGE ONLY ============================================================================= */
.template-article .images p {
  margin-bottom: 3%; }
.template-article .images p:last-child {
  margin-bottom: 0; }
.template-article .images a {
  display: none; }

/* ============================================================================= ANNA - BLOG PAGE ONLY ============================================================================= */
.template-blog .images p:last-child {
  margin-bottom: 0; }
.template-blog .grid {
  margin-bottom: 0; }
.template-blog .images {
  padding-bottom: 0;
  margin-bottom: 0; }
  .template-blog .images a {
    display: block;
    margin: 0; }
  .template-blog .images img {
    display: block; }

/* ============================================================================= ANNA - PRESS BLOG PAGE ============================================================================= */
#press.template-blog #main section {
  border-bottom: 0px solid #dadada;
  margin-bottom: 6%; }
  @media only screen and (min-width: 768px) {
    #press.template-blog #main section {
      margin-bottom: 60px; } }
#press.template-blog .item {
  padding-bottom: 6%; }
  @media only screen and (min-width: 768px) {
    #press.template-blog .item {
      padding-bottom: 2.4%; } }
#press.template-blog .item:last-child {
  padding-bottom: 0; }
  @media only screen and (min-width: 768px) {
    #press.template-blog .item:last-child {
      padding-bottom: 2.4%; } }
#press.template-blog #main {
  border-bottom: 1px solid #dadada; }
  @media only screen and (min-width: 768px) {
    #press.template-blog #main {
      margin-bottom: 30px; } }
  #press.template-blog #main .content-container {
    border: 0;
    padding-bottom: 0 !important;
    overflow: hidden; }
    #press.template-blog #main .content-container img {
      filter: grayscale(1);
      filter: gray;
      -webkit-filter: grayscale(100%);
      display: block; }
    #press.template-blog #main .content-container .detail {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(17, 17, 17, 0.97);
      opacity: 0; }
      #press.template-blog #main .content-container .detail .detail-inner {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%); }

.text {
  /* margin:0; text-align:left; */ }
  @media only screen and (min-width: 768px) {
    .text {
      max-width: 1020px;
      margin: auto; } }
  @media only screen and (min-width: 768px) {
    .text p {
      text-align: left; } }
  .text .postmeta p {
    text-align: center; }

/* ============================================================================= ANNA - GENERIC CONTENT MANAGED PAGE, E.G. TERMS AND CONDITIONS ============================================================================= */
.template-page {
  /*mailchimp form*/ }
  .template-page #main .standard-page {
    /* section:first-child{ margin-top:0; } */ }
    .template-page #main .standard-page section {
      /*padding: 0;*/
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .template-page #main .standard-page section {
          text-align: left; } }
      .template-page #main .standard-page section a {
        text-transform: none;
        font-weight: normal;
        margin: 0 !important;
        font-weight: normal;
        letter-spacing: normal;
        text-decoration: underline;
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.3; }
      .template-page #main .standard-page section .contents {
        background: #f6f6f6;
        padding: 30px 5% 30px;
        margin-top: 5%; }
        .template-page #main .standard-page section .contents h2 {
          margin: 0 0 30px;
          padding-bottom: 0; }
        .template-page #main .standard-page section .contents ol,
        .template-page #main .standard-page section .contents ul {
          list-style-type: none;
          margin-left: 0; }
          .template-page #main .standard-page section .contents ol li,
          .template-page #main .standard-page section .contents ul li {
            margin-bottom: 5px; }
            .template-page #main .standard-page section .contents ol li a,
            .template-page #main .standard-page section .contents ul li a {
              font-family: "U8 Bold", "HelveticaNeue", Helvetica, Arial, sans-serif;
              font-weight: 100;
              letter-spacing: 0.05em;
              text-rendering: optimizelegibility;
              text-transform: uppercase;
              font-size: 16px; }
    .template-page #main .standard-page ul,
    .template-page #main .standard-page ol {
      margin-left: 0; }
      .template-page #main .standard-page ul li,
      .template-page #main .standard-page ol li {
        padding-left: 1px;
        margin-bottom: 6px; }
        @media only screen and (min-width: 768px) {
          .template-page #main .standard-page ul li,
          .template-page #main .standard-page ol li {
            padding-left: 10px;
            list-style-position: outside;
            margin-left: 30px; } }
    .template-page #main .standard-page h1,
    .template-page #main .standard-page h2 {
      margin: 0 5% 35px; }
    .template-page #main .standard-page h3 {
      margin: 40px 0 20px; }
  .template-page h1 {
    display: block;
    text-align: center; }
  .template-page h1.hidden {
    display: none; }
  .template-page .indicates-required {
    text-align: right;
    font-size: 0.8em;
    margin-bottom: 10px; }
  .template-page select {
    padding: 0.4em 0.4em; }
  .template-page #mc_embed_signup .mc-field-group {
    position: relative !important; }
  .template-page #mc_embed_signup div.mce_inline_error {
    color: #ac0f07 !important;
    background-color: transparent !important;
    font-weight: normal;
    position: absolute;
    text-align: right;
    width: 100%;
    margin: 0;
    top: 3px;
    padding: 0;
    font-size: 0.8em; }
  .template-page #mc_embed_signup .mce-success-response {
    color: #ac0f07;
    margin-bottom: 20px; }
  .template-page #mc_embed_signup input.mce_inline_error {
    border: 1px solid #e2e2e2; }
  .template-page hr {
    margin: 0 20% 10px; }

/* ============================================================================= ANNA - TERMS PAGE SPECIFIC ============================================================================= */
@media only screen and (min-width: 768px) {
  body#terms-amp-conditions-crane-cookware #main section {
    padding-left: 10%;
    padding-right: 10%; } }

/* ============================================================================= ANNA - STOCKISTS PAGE SPECIFIC ============================================================================= */
/* body#stockists{ section .subsection{ padding: 4% 0 6%; @media only screen and (min-width: $breakpoint-small-screen){ margin-top:-$header-height; padding: $section-padding/2 0 $section-padding; } } section .subsection:first-child{ margin-top:-$header-height-mobile; padding-top:0; @media only screen and (min-width: $breakpoint-small-screen){ margin-top:-$header-height; } } section .subsection:last-child{ border:0; padding-bottom:0; margin-bottom:-5px; } #main{ ul{ padding-top:0; margin:0 auto; @media only screen and (min-width: $breakpoint-small-screen){ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom:-40px; } li{ list-style-type:none; margin-bottom:2rem; text-align:center!important; @media only screen and (min-width: $breakpoint-small-screen){ width: 33.33%; margin: 0 auto; padding-bottom:40px; } } li:last-child{ margin-bottom:0; } } h1{ display:none; } h3{ margin:0 auto 0!important; padding:0; color:$grey6; text-align:center; } span{ display:block; } } } */
body#stockists section .subsection {
  padding: 4% 0 30px;
  margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    body#stockists section .subsection {
      margin-top: -120px;
      padding: 30px 0 60px;
      padding: 0 10% 60px;
      margin-bottom: 50px; } }
body#stockists section .subsection:first-child {
  margin-top: -70px;
  padding-top: 0; }
  @media only screen and (min-width: 768px) {
    body#stockists section .subsection:first-child {
      margin-top: -120px; } }
body#stockists section .subsection:last-child {
  border: 0;
  padding-bottom: 30px;
  margin-bottom: -5px; }
body#stockists #main ul {
  padding-top: 0;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    body#stockists #main ul {
      -webkit-column-count: 3;
      /* Chrome, Safari, Opera */
      -moz-column-count: 3;
      /* Firefox */
      column-count: 3;
      margin-bottom: -40px; } }
  body#stockists #main ul li {
    list-style-type: none;
    margin-bottom: 2rem;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      body#stockists #main ul li {
        margin: 0 auto;
        padding-left: 0;
        padding-bottom: 30px;
        -webkit-column-gap: 40px;
        /* Chrome, Safari, Opera */
        -moz-column-gap: 40px;
        /* Firefox */
        column-gap: 40px;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid; } }
    body#stockists #main ul li a {
      overflow-wrap: break-word; }
  body#stockists #main ul li:last-child {
    margin-bottom: 0; }
body#stockists #main h1 {
  display: none; }
body#stockists #main h2 {
  margin: 0 0 40px;
  text-align: center; }
body#stockists #main h3 {
  margin: 0 auto 0 !important;
  padding: 0;
  color: #999999;
  text-align: left; }
body#stockists #main span {
  display: block; }

/* ============================================================================= ANNA - SIGN UP PAGE SPECIFIC ============================================================================= */
#subscribe-crane-cookware.template-page #main h2:first-child {
  margin-top: 80px;
  margin-bottom: 0;
  padding: 40px 0 0; }
#subscribe-crane-cookware.template-page #main .content-container {
  border-bottom: 1px solid #dadada; }

/* ============================================================================= ANNA - PRODUCT PAGE ============================================================================= */
.template-product .product {
  margin: 0; }
  .template-product .product .title {
    text-align: left !important;
    margin-bottom: 20px; }
    .template-product .product .title a {
      text-decoration: none !important; }
.template-product .primary.button, .template-product input.primary[type="submit"],
.template-product input.primary[type="button"],
.template-product button.primary, .template-product .primary.tag, .template-product .subcategories > li.primary,
.template-product .blog-tags > li.primary {
  border-radius: 0; }
.template-product .prod-image-wrap {
  padding-bottom: 1.2%; }
.template-product .product-photo-container {
  padding-bottom: 3%;
  margin-bottom: 0; }
.template-product .product-photo-thumbs {
  margin: -2.4%; }
  @media only screen and (min-width: 768px) {
    .template-product .product-photo-thumbs {
      margin: -2.4%; } }
.template-product .product-photo-thumb {
  padding: 2.4%; }
.template-product .product-add {
  text-align: center; }
.template-product .divider {
  position: relative; }
  @media only screen and (min-width: 768px) {
    .template-product .divider {
      width: 50%; } }
@media only screen and (min-width: 768px) {
  .template-product .feature-image {
    float: left;
    width: 50%; } }
.template-product .feature-image .product-photos {
  width: 100%;
  margin: 0;
  padding: 0; }
.template-product .video-thumb {
  width: calc(50% - 30px);
  position: relative;
  overflow: hidden;
  margin-left: 15px; }
  .template-product .video-thumb:after {
    content: "";
    display: block;
    padding-bottom: calc(100% + 15px); }
  .template-product .video-thumb video {
    margin-top: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%; }
.template-product .extra-images {
  position: relative; }
  @media only screen and (min-width: 768px) {
    .template-product .extra-images {
      float: left;
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    .template-product .extra-images .product-photo-thumb {
      float: left;
      width: 50%;
      display: inline-block; }
      .template-product .extra-images .product-photo-thumb.video-thumb {
        width: calc(50% - 30px);
        position: relative;
        overflow: hidden; }
        .template-product .extra-images .product-photo-thumb.video-thumb:after {
          content: "";
          display: block;
          padding-bottom: calc(100% + 15px); }
        .template-product .extra-images .product-photo-thumb.video-thumb video {
          margin-top: 15px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          height: 100%; } }
  .template-product .extra-images .product-photo-thumb img {
    display: block; }
.template-product .product-details {
  padding: 0 0 0 2.5%;
  text-align: center;
  margin-bottom: 60px; }
  @media only screen and (min-width: 768px) {
    .template-product .product-details {
      text-align: left;
      float: right;
      margin-bottom: 80px; } }
  .template-product .product-details h1 {
    margin: 40px 0 20px; }
    @media screen and (min-width: 1024px) {
      .template-product .product-details h1 {
        margin: 0 0 20px; } }
  .template-product .product-details h2 {
    margin: 20px 0 20px; }
    @media only screen and (min-width: 768px) {
      .template-product .product-details h2 {
        text-align: left; } }
  .template-product .product-details a {
    text-transform: none;
    font-family: Arial, Helvetica Neue, sans-serif;
    letter-spacing: normal; }
  .template-product .product-details .download {
    margin-top: 1em;
    display: inline-block; }
  .template-product .product-details .download:hover {
    opacity: 0.6; }
  .template-product .product-details .product-price, .template-product .product-details .product-compare-price {
    font-size: 1.2em;
    font-weight: 700;
    font-family: "U8 Bold", "HelveticaNeue", "Arial";
    margin: 30px 0 30px;
    overflow: hidden;
    display: inline;
    color: #2a2a2a; }
  .template-product .product-details .product-compare-price {
    color: #8a8a8a; }
  .template-product .product-details #product-add {
    overflow: hidden;
    margin-bottom: 50px; }
  .template-product .product-details .product-compare-price {
    margin-right: 5px;
    color: #2a2a2a;
    font-size: 1.25em;
    font-weight: 600; }
  .template-product .product-details .illustration-container {
    padding: 0;
    opacity: 1; }
    @media only screen and (min-width: 768px) {
      .template-product .product-details .illustration-container {
        opacity: 0; } }
    .template-product .product-details .illustration-container .illustration {
      clear: both;
      margin: 0 auto;
      padding-top: 5%; }
      @media only screen and (min-width: 768px) {
        .template-product .product-details .illustration-container .illustration {
          max-width: 500px;
          margin: 0 auto; } }
      .template-product .product-details .illustration-container .illustration li {
        padding: 1.5% 1.5% 0;
        margin: 0;
        width: 33.33% !important;
        display: inline-block; }
        @media only screen and (min-width: 768px) {
          .template-product .product-details .illustration-container .illustration li {
            max-width: 500px; } }
        .template-product .product-details .illustration-container .illustration li img {
          width: 100%; }
  .template-product .product-details p.note {
    font-size: 0.85em;
    max-width: 460px;
    margin-bottom: 25px;
    color: #999999;
    line-height: 1.3; }
    .template-product .product-details p.note a {
      font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
      font-weight: 300;
      line-height: 1.3;
      text-transform: none;
      letter-spacing: normal; }
    .template-product .product-details p.note a:hover {
      opacity: 0.7; }
  .template-product .product-details ul {
    margin-bottom: 1rem; }
@media only screen and (min-width: 768px) {
  .template-product .product-details.no-footer {
    padding-bottom: 50px; } }
.template-product hr {
  margin: 20px 0 !important; }

/* ============================================================================= ANNA - PRODUCT PAGE TEMPLATE OVERRIDES FOR ICONS, IE DIFFERENT NUMBER ============================================================================= */
@media only screen and (min-width: 768px) {
  .template-product .extra-images.accessories {
    float: left;
    width: 50%;
    clear: both; } }
@media only screen and (min-width: 768px) {
  .template-product .extra-images.stainless {
    float: left;
    width: 50%;
    min-height: 25vw; } }
@media only screen and (min-width: 768px) {
  .template-product .extra-images.castiron {
    float: left;
    width: 50%;
    min-height: 30vw; } }

.toggle-nav {
  text-align: center;
  display: none; }

/* ============================================================================= ANNA - CART PAGE ============================================================================= */
.template-cart {
  /* take off the quantity arrow up and down buttons */ }
  .template-cart h1 {
    display: block;
    margin-top: 70px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .template-cart h1 {
        display: none; }
        .template-cart h1 #items {
          margin-top: -70px !important; } }
  @media only screen and (max-width: 768px) {
    .template-cart #items::before {
      height: 0 !important; } }
  .template-cart form h2 {
    text-align: left;
    margin-bottom: 0; }
  .template-cart form section#items {
    padding-bottom: 0; }
  .template-cart form section#cart-footer {
    padding: 3% 0; }
  .template-cart p.note {
    font-size: 0.85em;
    margin: 40px 0 0;
    color: #999999;
    line-height: 1.3;
    clear: both;
    text-align: center; }
    .template-cart p.note a {
      font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
      font-weight: 300;
      line-height: 1.3;
      text-transform: none;
      letter-spacing: normal; }
    .template-cart p.note a:hover {
      opacity: 0.7; }
  .template-cart .empty {
    padding-top: 100px;
    text-align: center;
    min-height: 400px; }
  .template-cart table thead {
    font-family: "U8 Bold", "HelveticaNeue", "Arial";
    font-weight: normal !important;
    text-transform: uppercase; }
    .template-cart table thead th {
      font-weight: normal !important;
      text-align: center;
      color: #d0d0d0;
      padding: 1em 0 0.5em; }
    .template-cart table thead th.item {
      text-align: left; }
  .template-cart table tr {
    border-bottom: 1px solid #dadada !important; }
  .template-cart table td {
    padding: 1.5% 0;
    text-align: center;
    font-family: Arial, Helvetica Neue, sans-serif; }
  .template-cart table td.thumb {
    width: 20%; }
    .template-cart table td.thumb img {
      display: block;
      width: 100%; }
  .template-cart table td.description {
    width: 30%; }
    .template-cart table td.description h2 {
      padding: 0 1em; }
      .template-cart table td.description h2 a {
        font-family: "U8 Bold", "HelveticaNeue", "Arial"; }
  .template-cart table td.price {
    width: 10%;
    font-size: 1.1em; }
  .template-cart table td.quant {
    width: 20%; }
    .template-cart table td.quant .quantity {
      background-color: #d0d0d0;
      border: 0 solid #d0d0d0;
      border-radius: 0;
      text-align: center;
      display: inline-block;
      margin-bottom: 0;
      outline: medium none;
      padding: 0.4em 0.6em;
      width: 80px !important;
      font-size: 1.1em; }
  .template-cart table .total {
    font-family: Arial, Helvetica Neue, sans-serif;
    font-weight: normal;
    font-size: 1.1em; }
  .template-cart table td.remove {
    width: 20%;
    text-align: right; }
  @media only screen and (max-width: 768px) {
    .template-cart table h2,
    .template-cart table td {
      width: 100% !important;
      display: block;
      float: none;
      text-align: center !important;
      margin: 0.3rem 0 0; }
    .template-cart table td.remove {
      margin-bottom: 1rem !important; } }
  .template-cart #update .button, .template-cart #update input[type="submit"],
  .template-cart #update input[type="button"],
  .template-cart #update button, .template-cart #update .tag, .template-cart #update .subcategories > li,
  .template-cart #update .blog-tags > li {
    float: right;
    margin-bottom: 1.5%; }
  @media only screen and (max-width: 768px) {
    .template-cart #update {
      width: 100% !important;
      display: block;
      float: none;
      text-align: center !important;
      margin-top: 2rem !important;
      margin-bottom: 1.2rem !important; }
      .template-cart #update .button, .template-cart #update input[type="submit"],
      .template-cart #update input[type="button"],
      .template-cart #update button, .template-cart #update .tag, .template-cart #update .subcategories > li,
      .template-cart #update .blog-tags > li {
        float: none;
        margin: 1rem auto 1rem !important; } }
  .template-cart .instructions {
    padding: 0;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .template-cart .instructions {
        margin-top: 1.3rem; } }
    .template-cart .instructions textarea {
      background: #fff;
      border: 1px solid #dadada; }
  .template-cart .buttons {
    padding: 0; }
    .template-cart .buttons h3 {
      margin: 0 0 20px; }
      .template-cart .buttons h3 em {
        font-style: normal; }
    .template-cart .buttons .button, .template-cart .buttons input[type="submit"],
    .template-cart .buttons input[type="button"],
    .template-cart .buttons button, .template-cart .buttons .tag, .template-cart .buttons .subcategories > li,
    .template-cart .buttons .blog-tags > li {
      margin-left: 10px; }
      @media only screen and (max-width: 768px) {
        .template-cart .buttons .button, .template-cart .buttons input[type="submit"],
        .template-cart .buttons input[type="button"],
        .template-cart .buttons button, .template-cart .buttons .tag, .template-cart .buttons .subcategories > li,
        .template-cart .buttons .blog-tags > li {
          margin: 0.5rem 0.5rem 0.5rem !important; } }
  .template-cart input[type=number]::-webkit-inner-spin-button,
  .template-cart input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

/* ============================================================================= ANNA - ACCOUNTS PAGES - COMON STYLES ============================================================================= */
.template-page form,
.template-customers-register form,
.template-customers-login form,
.template-customers-addresses form,
.template-customers-reset_password form,
.template-customers-account form,
.template-customers-order form {
  background: #f6f6f6;
  padding: 5%;
  margin: 20px 0 40px;
  overflow: hidden; }
  .template-page form input[type=text],
  .template-customers-register form input[type=text],
  .template-customers-login form input[type=text],
  .template-customers-addresses form input[type=text],
  .template-customers-reset_password form input[type=text],
  .template-customers-account form input[type=text],
  .template-customers-order form input[type=text] {
    background: #fff;
    border: 1px solid #dadada; }
  .template-page form input[type=email],
  .template-customers-register form input[type=email],
  .template-customers-login form input[type=email],
  .template-customers-addresses form input[type=email],
  .template-customers-reset_password form input[type=email],
  .template-customers-account form input[type=email],
  .template-customers-order form input[type=email] {
    background: #fff;
    border: 1px solid #dadada; }
  .template-page form input[type=password],
  .template-customers-register form input[type=password],
  .template-customers-login form input[type=password],
  .template-customers-addresses form input[type=password],
  .template-customers-reset_password form input[type=password],
  .template-customers-account form input[type=password],
  .template-customers-order form input[type=password] {
    background: #fff;
    border: 1px solid #dadada; }
  .template-page form .primary.button, .template-page form input.primary[type="submit"],
  .template-page form input.primary[type="button"],
  .template-page form button.primary, .template-page form .primary.tag, .template-page form .subcategories > li.primary,
  .template-page form .blog-tags > li.primary,
  .template-customers-register form .primary.button,
  .template-customers-register form input.primary[type="submit"],
  .template-customers-register form input.primary[type="button"],
  .template-customers-register form button.primary,
  .template-customers-register form .primary.tag,
  .template-customers-register form .subcategories > li.primary,
  .template-customers-register form .blog-tags > li.primary,
  .template-customers-login form .primary.button,
  .template-customers-login form input.primary[type="submit"],
  .template-customers-login form input.primary[type="button"],
  .template-customers-login form button.primary,
  .template-customers-login form .primary.tag,
  .template-customers-login form .subcategories > li.primary,
  .template-customers-login form .blog-tags > li.primary,
  .template-customers-addresses form .primary.button,
  .template-customers-addresses form input.primary[type="submit"],
  .template-customers-addresses form input.primary[type="button"],
  .template-customers-addresses form button.primary,
  .template-customers-addresses form .primary.tag,
  .template-customers-addresses form .subcategories > li.primary,
  .template-customers-addresses form .blog-tags > li.primary,
  .template-customers-reset_password form .primary.button,
  .template-customers-reset_password form input.primary[type="submit"],
  .template-customers-reset_password form input.primary[type="button"],
  .template-customers-reset_password form button.primary,
  .template-customers-reset_password form .primary.tag,
  .template-customers-reset_password form .subcategories > li.primary,
  .template-customers-reset_password form .blog-tags > li.primary,
  .template-customers-account form .primary.button,
  .template-customers-account form input.primary[type="submit"],
  .template-customers-account form input.primary[type="button"],
  .template-customers-account form button.primary,
  .template-customers-account form .primary.tag,
  .template-customers-account form .subcategories > li.primary,
  .template-customers-account form .blog-tags > li.primary,
  .template-customers-order form .primary.button,
  .template-customers-order form input.primary[type="submit"],
  .template-customers-order form input.primary[type="button"],
  .template-customers-order form button.primary,
  .template-customers-order form .primary.tag,
  .template-customers-order form .subcategories > li.primary,
  .template-customers-order form .blog-tags > li.primary {
    float: right; }
  .template-page form .secondary.button, .template-page form input.secondary[type="submit"],
  .template-page form input.secondary[type="button"],
  .template-page form button.secondary, .template-page form .secondary.tag, .template-page form .subcategories > li.secondary,
  .template-page form .blog-tags > li.secondary,
  .template-customers-register form .secondary.button,
  .template-customers-register form input.secondary[type="submit"],
  .template-customers-register form input.secondary[type="button"],
  .template-customers-register form button.secondary,
  .template-customers-register form .secondary.tag,
  .template-customers-register form .subcategories > li.secondary,
  .template-customers-register form .blog-tags > li.secondary,
  .template-customers-login form .secondary.button,
  .template-customers-login form input.secondary[type="submit"],
  .template-customers-login form input.secondary[type="button"],
  .template-customers-login form button.secondary,
  .template-customers-login form .secondary.tag,
  .template-customers-login form .subcategories > li.secondary,
  .template-customers-login form .blog-tags > li.secondary,
  .template-customers-addresses form .secondary.button,
  .template-customers-addresses form input.secondary[type="submit"],
  .template-customers-addresses form input.secondary[type="button"],
  .template-customers-addresses form button.secondary,
  .template-customers-addresses form .secondary.tag,
  .template-customers-addresses form .subcategories > li.secondary,
  .template-customers-addresses form .blog-tags > li.secondary,
  .template-customers-reset_password form .secondary.button,
  .template-customers-reset_password form input.secondary[type="submit"],
  .template-customers-reset_password form input.secondary[type="button"],
  .template-customers-reset_password form button.secondary,
  .template-customers-reset_password form .secondary.tag,
  .template-customers-reset_password form .subcategories > li.secondary,
  .template-customers-reset_password form .blog-tags > li.secondary,
  .template-customers-account form .secondary.button,
  .template-customers-account form input.secondary[type="submit"],
  .template-customers-account form input.secondary[type="button"],
  .template-customers-account form button.secondary,
  .template-customers-account form .secondary.tag,
  .template-customers-account form .subcategories > li.secondary,
  .template-customers-account form .blog-tags > li.secondary,
  .template-customers-order form .secondary.button,
  .template-customers-order form input.secondary[type="submit"],
  .template-customers-order form input.secondary[type="button"],
  .template-customers-order form button.secondary,
  .template-customers-order form .secondary.tag,
  .template-customers-order form .subcategories > li.secondary,
  .template-customers-order form .blog-tags > li.secondary {
    float: left; }
  .template-page form select,
  .template-customers-register form select,
  .template-customers-login form select,
  .template-customers-addresses form select,
  .template-customers-reset_password form select,
  .template-customers-account form select,
  .template-customers-order form select {
    width: 100% !important;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e6e6e6; }
.template-page .subtext,
.template-customers-register .subtext,
.template-customers-login .subtext,
.template-customers-addresses .subtext,
.template-customers-reset_password .subtext,
.template-customers-account .subtext,
.template-customers-order .subtext {
  font-weight: bold;
  margin-bottom: 30px; }
.template-page .default,
.template-customers-register .default,
.template-customers-login .default,
.template-customers-addresses .default,
.template-customers-reset_password .default,
.template-customers-account .default,
.template-customers-order .default {
  display: block;
  text-align: left;
  margin-bottom: 40px; }
  .template-page .default input,
  .template-customers-register .default input,
  .template-customers-login .default input,
  .template-customers-addresses .default input,
  .template-customers-reset_password .default input,
  .template-customers-account .default input,
  .template-customers-order .default input {
    display: inline-block; }
  .template-page .default label,
  .template-customers-register .default label,
  .template-customers-login .default label,
  .template-customers-addresses .default label,
  .template-customers-reset_password .default label,
  .template-customers-account .default label,
  .template-customers-order .default label {
    display: inline-block; }
.template-page p.text-link,
.template-customers-register p.text-link,
.template-customers-login p.text-link,
.template-customers-addresses p.text-link,
.template-customers-reset_password p.text-link,
.template-customers-account p.text-link,
.template-customers-order p.text-link {
  text-align: left;
  font-size: 0.75em;
  margin-top: 30px; }
.template-page a,
.template-customers-register a,
.template-customers-login a,
.template-customers-addresses a,
.template-customers-reset_password a,
.template-customers-account a,
.template-customers-order a {
  text-decoration: none !important; }
.template-page a:hover,
.template-customers-register a:hover,
.template-customers-login a:hover,
.template-customers-addresses a:hover,
.template-customers-reset_password a:hover,
.template-customers-account a:hover,
.template-customers-order a:hover {
  opacity: 0.7; }
.template-page .errors,
.template-customers-register .errors,
.template-customers-login .errors,
.template-customers-addresses .errors,
.template-customers-reset_password .errors,
.template-customers-account .errors,
.template-customers-order .errors {
  color: #ac0f07; }
.template-page #ResetSuccess,
.template-customers-register #ResetSuccess,
.template-customers-login #ResetSuccess,
.template-customers-addresses #ResetSuccess,
.template-customers-reset_password #ResetSuccess,
.template-customers-account #ResetSuccess,
.template-customers-order #ResetSuccess {
  color: #ac0f07; }
.template-page label,
.template-customers-register label,
.template-customers-login label,
.template-customers-addresses label,
.template-customers-reset_password label,
.template-customers-account label,
.template-customers-order label {
  display: block;
  text-align: left;
  margin: 3px 0;
  text-transform: uppercase; }
.template-page .section-header,
.template-customers-register .section-header,
.template-customers-login .section-header,
.template-customers-addresses .section-header,
.template-customers-reset_password .section-header,
.template-customers-account .section-header,
.template-customers-order .section-header {
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0; }
.template-page #CustomerLoginForm,
.template-customers-register #CustomerLoginForm,
.template-customers-login #CustomerLoginForm,
.template-customers-addresses #CustomerLoginForm,
.template-customers-reset_password #CustomerLoginForm,
.template-customers-account #CustomerLoginForm,
.template-customers-order #CustomerLoginForm {
  display: none; }
.template-page #RecoverPasswordForm,
.template-customers-register #RecoverPasswordForm,
.template-customers-login #RecoverPasswordForm,
.template-customers-addresses #RecoverPasswordForm,
.template-customers-reset_password #RecoverPasswordForm,
.template-customers-account #RecoverPasswordForm,
.template-customers-order #RecoverPasswordForm {
  display: none; }
.template-page .show,
.template-customers-register .show,
.template-customers-login .show,
.template-customers-addresses .show,
.template-customers-reset_password .show,
.template-customers-account .show,
.template-customers-order .show {
  display: block !important; }
.template-page .subscribe,
.template-customers-register .subscribe,
.template-customers-login .subscribe,
.template-customers-addresses .subscribe,
.template-customers-reset_password .subscribe,
.template-customers-account .subscribe,
.template-customers-order .subscribe {
  text-align: left;
  margin-bottom: 20px; }

/* ============================================================================= ANNA - ACCOUNTS PAGES - ORDERS ============================================================================= */
.template-customers-order h1 {
  display: none; }

/* ============================================================================= ANNA - ACCOUNTS PAGES - ORDERS AND ACCOUN COMMON STYLES ============================================================================= */
.template-customers-order .label,
.template-customers-account .label {
  text-align: right; }
.template-customers-order h1,
.template-customers-account h1 {
  display: none; }
.template-customers-order h2,
.template-customers-account h2 {
  margin-bottom: 5px; }
.template-customers-order h4,
.template-customers-account h4 {
  margin-top: 40px; }
.template-customers-order h5,
.template-customers-account h5 {
  margin-bottom: 0; }
.template-customers-order table,
.template-customers-account table {
  background: #f6f6f6;
  margin-top: 20px; }
  .template-customers-order table thead,
  .template-customers-account table thead {
    font-family: "U8 Bold", "HelveticaNeue", "Arial";
    font-weight: normal !important;
    text-transform: uppercase; }
    .template-customers-order table thead th,
    .template-customers-account table thead th {
      font-weight: normal !important;
      text-align: center;
      color: #d0d0d0;
      padding: 1em 0 0.5em;
      width: 20%; }
    .template-customers-order table thead th.item,
    .template-customers-account table thead th.item {
      text-align: left; }
  .template-customers-order table tbody td,
  .template-customers-account table tbody td {
    width: 20%; }
  .template-customers-order table tbody tr:last-child,
  .template-customers-account table tbody tr:last-child {
    border-bottom: 0; }
  .template-customers-order table tfoot,
  .template-customers-account table tfoot {
    border-top: 1px solid #e6e6e6; }
    .template-customers-order table tfoot td,
    .template-customers-account table tfoot td {
      padding: 0; }
    .template-customers-order table tfoot tr,
    .template-customers-account table tfoot tr {
      border: 0; }
.template-customers-order a,
.template-customers-account a {
  text-decoration: underline !important; }

/* ============================================================================= ANNA - ACCOUNTS PAGES - ADDRESSES ============================================================================= */
.template-customers-addresses h1 {
  display: none; }
.template-customers-addresses h2 {
  margin-top: 40px; }
.template-customers-addresses .primary.button, .template-customers-addresses input.primary[type="submit"],
.template-customers-addresses input.primary[type="button"],
.template-customers-addresses button.primary, .template-customers-addresses .primary.tag, .template-customers-addresses .subcategories > li.primary,
.template-customers-addresses .blog-tags > li.primary {
  float: none; }
.template-customers-addresses form .secondary.button, .template-customers-addresses form input.secondary[type="submit"],
.template-customers-addresses form input.secondary[type="button"],
.template-customers-addresses form button.secondary, .template-customers-addresses form .secondary.tag, .template-customers-addresses form .subcategories > li.secondary,
.template-customers-addresses form .blog-tags > li.secondary {
  float: left; }
.template-customers-addresses h3 {
  margin-bottom: 0;
  padding: 40px 0 0;
  border-top: 1px solid #c6c6c6; }
.template-customers-addresses .buttons {
  margin-bottom: 40px; }

#customer_login_guest {
  padding: 0;
  margin-top: 50px;
  text-align: center;
  background: transparent; }
  #customer_login_guest .primary.button, #customer_login_guest input.primary[type="submit"],
  #customer_login_guest input.primary[type="button"],
  #customer_login_guest button.primary, #customer_login_guest .primary.tag, #customer_login_guest .subcategories > li.primary,
  #customer_login_guest .blog-tags > li.primary {
    float: none; }

.template-404 .content {
  min-height: 400px;
  padding-top: 100px;
  text-align: center; }
  .template-404 .content h1 {
    font-size: 16px;
    margin-bottom: 30px; }

/* ============================================================================= ANNA - NO JAVASCRIPT VERSION ============================================================================= */
.no-js section .content-container {
  opacity: 1; }
.no-js img.lazy {
  display: none; }
.no-js #video {
  display: none; }
.no-js #slideshow {
  display: none; }
.no-js section#range {
  margin-top: 0;
  padding-top: 60px !important; }

/* ============================================================================= ANNA - JS VERSION ============================================================================= */
.js .illustration-container {
  opacity: 0; }
.js #main {
  opacity: 0; }
  .js #main .content-container img {
    opacity: 0;
    transition: opacity 0.3s ease-in;
    -webkit-transition: opacity ease-out 0.3s;
    -moz-transition: opacity ease-out 0.3s;
    -o-transition: opacity ease-out 0.3s;
    transition: opacity ease-out 0.3s; }
.js #footer {
  opacity: 0; }
  .js #footer .content-container img {
    opacity: 0;
    transition: opacity 0.3s ease-in;
    -webkit-transition: opacity ease-out 0.3s;
    -moz-transition: opacity ease-out 0.3s;
    -o-transition: opacity ease-out 0.3s;
    transition: opacity ease-out 0.3s; }
.js .template-cart #main .content-container img {
  opacity: 1; }

/* ============================================================================= ANNA - IE8 ============================================================================= */
.lt-ie9 header.header {
  background-image: url("https://cdn.shopify.com/s/files/1/0859/6096/t/12/assets/header-bg.png"); }
  .lt-ie9 header.header .masthead #logo {
    left: 0;
    top: 0;
    margin: 20px auto;
    width: 100%;
    max-width: 100%;
    text-align: center;
    display: block; }
    .lt-ie9 header.header .masthead #logo img {
      max-width: 250px; }
  .lt-ie9 header.header .nav {
    margin-top: -25px; }
    .lt-ie9 header.header .nav li#nav-range,
    .lt-ie9 header.header .nav li#nav-journal {
      float: left; }
    .lt-ie9 header.header .nav li#nav-about,
    .lt-ie9 header.header .nav li#nav-contact {
      float: right; }

img {
  color: transparent; }

* {
  /*remove blue hit area on android*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.no-touch .prod-image-wrap a:hover img {
  opacity: 0.85 !important; }
.no-touch .prod-image-wrap a:hover .button.secondary, .no-touch .prod-image-wrap a:hover input.secondary[type="submit"],
.no-touch .prod-image-wrap a:hover input.secondary[type="button"],
.no-touch .prod-image-wrap a:hover button.secondary, .no-touch .prod-image-wrap a:hover .secondary.tag, .no-touch .prod-image-wrap a:hover .subcategories > li.secondary,
.no-touch .prod-image-wrap a:hover .blog-tags > li.secondary {
  background: #ccc; }
.no-touch #press.template-blog .detail:hover {
  display: block;
  opacity: 1 !important;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
  -webkit-transition: opacity ease-out 0.1s;
  -moz-transition: opacity ease-out 0.1s;
  -o-transition: opacity ease-out 0.1s;
  transition: opacity ease-out 0.1s; }
  .no-touch #press.template-blog .detail:hover h2.title {
    color: #fff !important;
    text-align: center !important; }
  .no-touch #press.template-blog .detail:hover h3.date {
    color: #fff !important;
    text-align: center !important;
    margin: 0;
    padding: 0; }
  .no-touch #press.template-blog .detail:hover .text-link {
    color: #fff !important;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff; }

/* ============================================================================= FORCE HARDWARE ACCELERATION FOR SMOOTHER REPAINTING ETC ON HIGH DENSITY DEVICES ============================================================================= */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #main img {
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden; } }
/* ============================================================================= ANNA - MEDIA QUERIES - WIDESCREEN DESKTOP VERSION ============================================================================= */
@media only screen and (max-height: 800px) and (min-width: 780px) {
  section {
    max-width: 900px !important;
    margin: auto; }

  .header-inner {
    max-width: 900px !important; }

  header.header .nav {
    padding: 0 3%; } }
/* ============================================================================= ANNA - COOKIE BANNER ============================================================================= */
.cc-banner {
  font-family: Arial, Helvetica Neue, sans-serif !important;
  font-size: 14px !important;
  padding-left: 1.8em;
  padding-right: 1em !important; }
  .cc-banner .cc-btn {
    text-decoration: none !important;
    font-weight: normal !important;
    font-family: "U8 Bold", "HelveticaNeue", "Arial" !important;
    font-weight: 100;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.05em; }

.quotes {
  margin-top: 40px;
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto; }

.pick_currency {
  z-index: 100003 !important; }

.js #main {
  opacity: 1 !important; }

.js #main .content-container img {
  opacity: 1 !important; }