/* Fonts */

@import url("//hello.myfonts.net/count/2f28d8");
  
@font-face {font-family: 'GillSansMTStd-Light';src: url('/css/gill-sans/2F28D8_0_0.eot');src: url('/css/gill-sans/2F28D8_0_0.eot?#iefix') format('embedded-opentype'),url('/css/gill-sans/2F28D8_0_0.woff2') format('woff2'),url('/css/gill-sans/2F28D8_0_0.woff') format('woff'),url('/css/gill-sans/2F28D8_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GillSansMTStd-Medium';src: url('/css/gill-sans/2F28D8_1_0.eot');src: url('/css/gill-sans/2F28D8_1_0.eot?#iefix') format('embedded-opentype'),url('/css/gill-sans/2F28D8_1_0.woff2') format('woff2'),url('/css/gill-sans/2F28D8_1_0.woff') format('woff'),url('/css/gill-sans/2F28D8_1_0.ttf') format('truetype');}
 
/*
@font-face {
  font-family: Optima;
  src: url("optima.eot");
  font-weight: normal;
}
@font-face {
  font-family: Optima;
  src: url("optima.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: Vanitas;
  src: url("vanitas-bold.eot");
  font-weight: bold;
}
@font-face {
  font-family: Vanitas;
  src: url("vanitas-bold.woff") format("woff");
  font-weight: bold;
}
*/

/* resets */

* { 
  -moz-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box; 
  outline: 0;
}
img { border: 0px; width: 100%; }
img.not-100-percent { width: auto; }
ul,ol { list-style: none; margin: 0px; padding: 0px; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

#braintreeDataFrame { display: none; }

/* Show on rollover */

.show-on-rollover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;  
}
.show-on-rollover-parent:hover .show-on-rollover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* General */

html { font-size: 100%; }
html, body {
  padding: 0; margin: 0;
}
body {
  font-size: 15px; line-height: 1.3em;
  font-family: "GillSansMTStd-Medium", "Gill sans", sans-serif;
  color: #454444; background: #c6c3be;
}

#content { background: #fef9ed; position: relative; }

a { color: #454444; }
a:hover { text-decoration: none; }
a:hover .svg-rollover-target { stroke: #c0bdb8; }

::selection { background: rgba(0,0,0,0.2); }
::-moz-selection { background: rgba(0,0,0,0.2); }

p { margin: 0 0 1.75em 0; }

.small-margin-bottom { margin-bottom: 0.75em; }
.margin-bottom { margin-bottom: 1.75em; }
.large-margin-bottom { margin-bottom: 3.5em; }

h2 { margin: 0; }

.raw-table, .raw-table tr { 
  width: 100%; border-collapse: collapse; 
  padding: 0;
}
.raw-table td { margin: 0; padding: 0; }

.float-container > * { float: left; }
.float-container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.float-right { float: right; }

.shadow {
  box-shadow: 0 0 10px #666666;
  -moz-box-shadow: 0 0 10px #666666;
  -webkit-box-shadow: 0 0 10px #666666;
}
.large-shadow {
  box-shadow: 0 7px 33px #666666;
  -moz-box-shadow: 0 7px 33px #666666;
  -webkit-box-shadow: 0 7px 33px #666666;
}
.shadow-mask {
  height: 10px; background: #c6c3be;
}

.alternate-font {
  font-family: "GillSansMTStd-Medium", "Gill sans", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.light {
  font-family: "GillSansMTStd-Light", "Gill sans", sans-serif;
}
.bold { font-weight: bold; }
.underlined { text-decoration: underline; }
.no-deco { text-decoration: none; }
.centered { text-align: center; }
.faded-text { color: #95938f; }

.normal-size { font-size: 1em; }
.title-size { font-size: 1.1875em; line-height: 1.5em; }
.big-title-size { font-size: 1.5em; line-height: 1.1856em; }
.giant-title-size { font-size: 2em; line-height: 1.1856em; }

.subtle-button {
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 10px 7px 10px; margin: 0;
  cursor: pointer;
  background-color: #454444;
  color: #ffffff;
  border: 0;
  font-size: 1em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.subtle-button:hover { background: #c6c3be; }
.subtle-button.secondary-button {
  background-color: #c6c3be; color: #454444;
}
.subtle-button.secondary-button:hover { background-color: #eee2d1; }

.trunk {
  width: 100%; max-width: 960px; min-width: 820px;
  margin: 0 auto;
}

.behind-large-trunk { background: #eee2d1; }
.large-trunk {
  width: 100%; min-width: 820px; max-width: 1600px;
  margin: 0 auto;
}

.large-trunk > * { width: 100%; display: block; }

.padded-trunk { padding-top: 25px !important; padding-bottom: 25px !important; }
.very-padded-trunk { padding: 50px 0; }
.padded-after { padding-bottom: 25px !important; margin-bottom: 0; }
.gutters { padding-left: 10px; padding-right: 10px; }
.col-full { width: 100%; }
.col-half { width: 50%; }
.col-3rd { width: 33.33333333%; }
.col-4th { width: 25%; }
.col-3-4th { width: 75%; }
.col-5th { width: 20%; }
.col-4-5th { width: 80%; }
.col-6th { width: 16.666666%; }
.col-2-3rd { width: 66.66666666%; }
.col-8th { width: 12.5%; }
.col-7-8th { width: 85.5%; }
.col-12th { width: 8.33333333%; }
.col-5-12th { width: 41.5%; }
.col-7-12th { width: 58.5%; }
.col-7th { width: 14.3%; }
.col-6-7th { width: 85.7%; }

.centered-box { margin-left: auto; margin-right: auto; }

/* Header */

body > header {
  background: #c6c3be;
  text-align: center;
}

body > header a { text-decoration: none; }
body > header a:hover { text-decoration: underline; }

#top-header-wrap { background: #c6c3be; z-index: 1000; position: relative; }
#top-header { padding: 23px 0px 16px 0px; position: relative; }

#logo-link {
  /* font-size: 0; */ 
  /* line-height: 0; */
  display: block;
}
#logo-link img { 
  width: 207px;
  height: 74px;
}

#menu { line-height: 1em; margin-top: 22px; }
#menu li { display: inline; margin: 0 17px; }

#secondary-menu-wrap {
  position: absolute; right: 1.0416666%; top: 23px;
  text-align: right; line-height: 1.3em;
}
#secondary-menu { font-size: 0.875em; }
#secondary-menu li { display: inline; margin-left: 12px; }
#cart-indicator { font-size: 0.75em; }

#submenu-drawer { z-index: 500; position: relative; }
.submenu-trunk { 
  line-height: 1.4375em; padding: 27px 0;
  text-align: left;
  display: none;
}
ol.submenu-trunk { padding: 27px 0 10px 0; }
.submenu-column { float: left; }
.submenu-column li { margin-bottom: 8px; }

/* newsletter signup */

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #95938f;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #95938f;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #95938f;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #95938f;
}

#newsletter-signup-wrap {
  position: absolute;
  right: 0; top: 75px;
  background: #fef9ed;
  text-align: left;
  padding: 10px;
  display: none;
}

#newsletter-signup-wrap input {
  /* background: #c6c3be; */
  background: #eee2d1; color: #454444;
  font-size: 1em; line-height: 1em;
  font-family: "GillSansMTStd-Medium", "Gill sans", sans-serif;
}

#newsletter-signup-wrap input[type=submit],
#newsletter-unsubscribe input[type=submit],
.subtle-submit-button
 {
  text-decoration: underline;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0; border: 0;
  background: transparent; color: #454444;
  font-size: 1em; line-height: 1em;
  font-family: "GillSansMTStd-Medium", "Gill sans", sans-serif;
  cursor: pointer;
  float: right;
  margin-top: 10px;
}

#newsletter-signup-wrap input[type=submit]:hover,
#newsletter-unsubscribe input[type=submit]:hover {
  text-decoration: none;
}

#newsletter-unsubscribe {
  margin: 0px auto;
}

.no-space{
  margin-bottom: 0;
}

/* Footer*/

body > footer { background: #c6c3be; }
body > footer a { text-decoration: none; }
body > footer a:hover { text-decoration: underline; }
.credit { font-size: 0.7em; }
.credit:hover { color: #454444; text-decoration: none; }

/* Accordions */

.accordion li {
  border-bottom: 1px solid #454444;
}
.accordion li:first-child { border-top: 1px solid #454444; }

.accordion header {
  text-align: center;
  padding: 0.6em 2em 0.4em 2em;
  background-image: url(/img/plus.png);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: right center;
}
.accordion header.expanded { background-image: url(/img/plus-disabled.png); }

.accordion header + * { 
  display: none; 
  border-top: 1px solid #454444;
  padding: 1.75em 0 0 0;
}

.accordion header:hover {
  background-color: #eee2d1;
}

/* Sliders */

#home-slider {
  width: 100%;
}

.slider { position: relative; }
.slider img { display: block; }

.slider .slidesjs-previous, .slider .slidesjs-next {
  position: absolute; display: block;
  top: 0;  bottom: 0; left: 0;
  width: 20%;
  z-index: 100;
}
.slider .slidesjs-next {
  left: auto; right: 0;
}
.slider .slidesjs-previous > * ,
.slider .slidesjs-next > * {
  display: block;
  margin-top: 200%;
  margin-left: 10px;
}
.slider .slidesjs-next > * {
  margin-left: auto;
  margin-right: 10px;
}
#home-slider .slidesjs-previous,
#home-slider .slidesjs-next {
  width: 5%;
}
#home-slider .slidesjs-previous > *,
#home-slider .slidesjs-next > * {
  margin-top: 270%;
}
#zoom-slider .slidesjs-previous,
#zoom-slider .slidesjs-next {
  top: 10%;
}
#close-zoom {
  position: absolute; display: block;
  right: 10px; top: 10px; z-index: 100;
}

/* Home */

.feature-box { margin-bottom: 60px; }
.feature-box img { display: block; }

/* Journal */

section#journal {
  width: 83.33333333%;
  margin: 0 auto;
}

section#journal article {
  margin-top: 60px;
}

section#journal article h2,
section#journal article .article-content {
  margin-bottom: 1em;
}

section#journal article ul.tags li {
  display: inline;
  margin-right: 1em;
}

/* Shop colour */

#seasonal-colour-list .product-list-wrap {
  display: none; }
#seasonal-colour-list .product.col-3rd {
  width: 25%; }
.seasonal-colour {
  margin-bottom: 1em; }
.seasonal-colour img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s; }
.seasonal-colour .over-zone {
  position: relative; }
.seasonal-colour .over-zone .links {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0; top: 50%;
  margin-top: -28px;
  width: 100%; }
.seasonal-colour .over-zone:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; }
.seasonal-colour .over-zone:hover .links {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

/* Product list */

.filter-column { width: 25%; float: left; margin-top: 14px; }
.filter-list li { 
  cursor: pointer;
  margin-bottom: 8px;
  line-height: 1.4375em;
}
.filter {
  text-transform: capitalize;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s;
  padding-left: 20px;
  background: transparent url(/img/filter-on.svg) no-repeat left top;
}
.filter.faded-text {
  padding-left: 0px; background: none;
}
.filter.faded-text:hover { color: #454444; }

.product-column { width: 75%; float: right; margin-top: 14px; }
.product-column > h1 { margin-top: 0; }
.product {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 3.5em;
}
.product a:first-child { text-decoration: none; }

.product-thumb-wrap { position: relative; height: 293px; }
.product-thumb-wrap img { display: block; }
.product-thumb-wrap img:first-child + img {
  position: absolute;
  left: 0; top: 0;
}
.product-thumb-wrap img:first-child + img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;  
}

#back-to-top-wrap {
  position: fixed; left: 0; bottom: 20px;
  width: 100%; display: none;
}

/* Product stub */

.back-to-list { text-decoration: none; }
.back-to-list:hover { text-decoration: underline; }

#before-zoom-wrap { position: relative; margin-bottom: 1.75em; }
#before-zoom-wrap img {
  width: 100%; display: block;
}
#before-zoom-wrap:hover img {
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
  /* -moz-opacity: 0.5; */
  /* -khtml-opacity: 0.5; */
  /* opacity: 0.5; */
  /* -webkit-transition: 0.25s; */
  /* -moz-transition: 0.25s; */
  /* -o-transition: 0.25s; */
  /* transition: 0.25s; */  
}
#before-zoom-wrap #click-to-zoom {
  position: absolute; right: 20px; top: 10px;
  width: 23px; height: 23px;
  background-size: 23px 23px;
  background-position: center;
  background-image: url(/img/magnifying-glass.png);
  background-repeat: no-repeat;
}
/* #before-zoom-wrap #click-to-zoom { */
/*   display: none; */
/*   width: 100%; */
/*   position: absolute; */
/*   left: 0; top: 0; */
/*   line-height: 400px; */
/*   text-align: center; */
/* } */
/* #before-zoom-wrap:hover #click-to-zoom { display: block; } */

#zoom-base { position: relative; }
#zoom {
  position: absolute;
  left: 0; top: -20px;
  width: 100%;
  /* background: #fef9ed; */
}
#zoom.size-guide { padding: 3em 0; background-color: #fef9ed; }

.mini-product {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
}
.mini-product.mini-product-related:hover,
.mini-product.mini-product-more {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;  
}
.mini-product img { display: block; }
.mini-product a {
  padding-bottom: 4px;
}
.mini-product.mini-product-related,
.mini-product.mini-product-more:hover, 
.mini-product.selected {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;  
}

#select-size-list li { 
  cursor: pointer;
  display: inline; margin-right: 10px; 
}
#select-size-list li:hover { color: #95938f; }

.on-product-page select {
  background-color: transparent;
  border: 1px solid #454444;
  max-width: 100%;
  padding: 10px 10px 7px 10px;
}

/* speech message */

.speech-message {
  display: none;
  position: absolute;
}
.speech-message .message {
  padding: 10px;
  background: #fef9ed;
}
.speech-message .spike {
  border-top: 15px solid #fef9ed;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin: 0 auto;
  width: 30px;
}

#bag-speech {
  position: absolute;
  right: 0; top: 15px;
  display: none;
}
#bag-speech .spike {
  border-bottom: 15px solid #c6c3be;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin: 0 30px 0 auto;
  width: 30px;
  position: relative; z-index: 100;
}
#bag-speech .message {
  background: #c6c3be;
  width: 100%;
  position: relative; z-index: 10;
}
#bag-speech .message header,
#bag-speech .message footer {
  padding: 10px;
  text-align: right;
}
#bag-speech .message .place-thumbnail img { width: 100%; }

#scene-selector-tooltip {
  width: 240px;
  padding-top: 1em;
  position: absolute;
  display: none;
  z-index: 10000;
  background: #fef9ed;
}

/* Cart */

#cart-table { width: 100%; border-collapse: collapse; }
#cart-table tr { border-top: 1px solid #454444; }
#cart-table td { padding: 10px; }
#cart-table img { width: auto; }

/* Checkout */

input[type=text], input[type=password],
input[type=email], textarea {
  border: 0; 
  background: #eee2d1;
  padding: 8px 5px 3px 5px;
  outline: 0;
  width: 80%;
  font-size: 1em; line-height: 1em;
  font-family: "GillSansMTStd-Medium", "Gill sans", sans-serif;
  color: #454444;
}
input[type=text]:focus, input[type=password]:focus,
input[type=email]:focus {
  background: #c6c3be;
}
input[size] { width: auto; }
textarea { height: 4em; }

select {
  font-size: 16px; line-height: 1em;
  font-family: "GillSansMTStd-Medium", "Gill sans", sans-serif;
  color: #454444;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  padding: 8px 26px 3px 5px;
  border: 0;
  background: #eee2d1 url(/img/dropdown-triangle-black.png) no-repeat calc(100% - 5px) center;
  background-size: 16px 16px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  cursor: pointer;
  max-width: 80%;
}

.gray-button {
  background: #c6c3be;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border: 0; outline: 0; padding: 8px 5px 3px 5px;
  font-size: 1em; line-height: 1em;
  font-family: "GillSansMTStd-Medium", "Gill sans", sans-serif;
  color: #454444;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.gray-button:hover {
  background: #eee2d1;
}

#payment-form table td {
  padding: 5px 10px;
}
#payment-form table th {
  text-align: left;
  padding: 30px 10px 10px 10px;
}
#payment-form table tr:first-child th {
  padding-top: 0;
}

#payment-form input[type=submit] {
  margin-top: 1.75em;
}

.error-message {
  background: tomato !important;
  color: #fef9ed !important;
}

.card-logo {
  vertical-align: middle;
  height: 60%;
}

/* Popup */

#popup-screen {
  display: none;
  position: fixed;
  left: 0; top: 0;
  width: 100%; height: 100%;
  z-index: 100000;
  background: #000000;
  background: rgba(0,0,0,0.5); }
.popup-wrap {
  background: #fef9ed;
  margin: 0 auto; }
.padded-popup { padding: 50px 20px 20px 20px; }

/* My account */

#order-table {
  border-collapse: collapse;
  color: #454444; }
#order-table td, #order-table th {
  border: 1px solid #454444;
  padding: 10px; }
#order-table th { background: #f2ede1; }
#order-table a { text-decoration: underline; }

/* Editorial Pages */

h1, h2, h3 { margin: 0;}

h1, .small-space-after {
  margin-bottom: 0.75em;
}

.title-paragraph-space-after { margin-bottom: 0.75em; }

.right-padding-12th {
  padding-right: 8.3333333333%;
}

.change-content {
  color: red;
}

.space-after {
  padding-bottom: 1em;
}

.space-before {
  padding-top: 1.75em;
}

.delivery-table {
  border-spacing: 0px !important;
  padding: 0;
}

.delivery-table td {
  vertical-align: top;
  padding: 0 1em 1.75em 0;
  width: 70%;
}

.paragraph-gutters {padding-right: 30px;}

.align-right { text-align: right; }

.border-right {
  border-right: 1px solid #454444;
  padding-bottom: 20em;
  margin-bottom: -20em;
}

.timeline-event {
  overflow: hidden;
  margin-bottom: 1.75em;
}

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

.fading {
  text-align: center;
  z-index: 5;
  position: relative;
  bottom: 80px;
}

.machine-washing ol {
  list-style: disc;
  padding-left: 20px;
}

.inline-blocks > * {
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
}


/* Size Guide */


.size-table {
  width: 100%;
  border-collapse:collapse;
  text-align: center;
  margin-bottom: 1.75em;
}

.size-table td {
  border: 1px solid #95938f;
  vertical-align: top;
  width: 9.090909%;
}

.small-space-after {
  margin-bottom: 0.75em;
}

.size-table th {
  text-align: left;
  padding-left: 10px;
  padding-bottom: 0.75em;
}

#women td:first-child +td,
#women td:first-child +td +td +td +td,
#women td:first-child +td +td +td +td +td,
#women td:first-child +td +td +td +td +td +td +td +td
 {
  background-color: #f2ede1;
}

tr.bold td{
  text-align: center;
}

tr.bold td:first-child +td,
tr.bold td:first-child +td +td +td,
tr.bold td:first-child +td +td +td +td +td
{
  background-color: #f2ede1;
}

#women tr.bold td:first-child +td +td +td +td {
  background-color: transparent;
}


.table-subtitle {
  text-align: left;
  padding-left: 10px;
  font-size: 0.875em;
  background-color: transparent;
}

#men td:first-child +td,
#men td:first-child +td +td,
#men td:first-child +td +td +td +td +td,
#men td:first-child +td +td +td +td +td +td,
#men td:first-child +td +td +td +td +td +td +td +td +td,
#men td:first-child +td +td +td +td +td +td +td +td +td +td
 {
  background-color: #f2ede1;
}

#men .two-columns td:first-child +td +td
 {
  background-color: transparent;
}

#men .two-columns td:first-child +td,
#men .two-columns td:first-child +td +td +td,
#men .two-columns td:first-child +td +td +td +td +td
 {
  background-color: #f2ede1;
}