/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@font-face {
  font-family: 'OP Courier Prime';
  src: url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime-webfont.woff2?834973890566774696) format('woff2'), url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime-webfont.woff?834973890566774696) format('woff'), url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime-webfont.ttf?834973890566774696) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OP Courier Prime';
  src: url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime_bold_italic-webfont.woff2?834973890566774696) format('woff2'), url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime_bold_italic-webfont.woff?834973890566774696) format('woff'), url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime_bold_italic-webfont.ttf?834973890566774696) format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'OP Courier Prime';
  src: url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime_bold-webfont.woff2?834973890566774696) format('woff2'), url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime_bold-webfont.woff?834973890566774696) format('woff'), url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime_bold-webfont.ttf?834973890566774696) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'OP Courier Prime';
  src: url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime_italic-webfont.woff2?834973890566774696) format('woff2'), url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime_italic-webfont.woff?834973890566774696) format('woff'), url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/courier_prime_italic-webfont.ttf?834973890566774696) format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'OP Headline';
  src: url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/picapostissue5-regular-webfont.woff?834973890566774696) format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/picapostissue5-regular-webfont.ttf?834973890566774696) format('truetype');
  /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
  font-family: 'OP Kaushan Script';
  src: url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/kaushanscript-regular-webfont.woff2?834973890566774696) format('woff2'), url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/kaushanscript-regular-webfont.woff?834973890566774696) format('woff'), url(//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/kaushanscript-regular-webfont.ttf?834973890566774696) format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Main */
/* Pastels */
/* Logo Colors */
/* Specials */
/* Fonts */
.headline-font {
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.script-font {
  font-family: 'OP Kaushan Script', cursive;
}
.monospace-font {
  font-family: 'OP Courier Prime', 'Courier', 'Courier New', monospace;
}
.type-flourish {
  display: block;
  font-family: 'OP Kaushan Script', cursive;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  text-decoration: none;
}
/* Remove iOS rounding */
input {
  -webkit-appearance: none;
  border-radius: 0;
}
/* ! BASE */
html {
  background-color: #9f9d9e;
}
body {
  font-family: 'OP Courier Prime', 'Courier', 'Courier New', monospace;
  font-size: 87.5%;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  background-color: #c1bfc0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: sans-serif;
}
/* Solve Safari colour profile mismatching - thanks Chris! */
img {
  -webkit-transform: translateZ(0);
}
a {
  color: #0a86df;
}
.png-fallback {
  display: none !important;
}
.lt-ie9 .svg {
  display: none !important;
}
.lt-ie9 .png-fallback {
  display: inline-block !important;
}
.btn {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0.7em;
  min-width: 1.5em;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 1em;
}
.btn:hover {
  cursor: pointer;
  background-color: #333;
  color: #fff;
}
.btn[disabled="disabled"],
.btn.disabled {
  color: #aaa;
  border-color: #aaa;
}
.btn[disabled="disabled"]:hover,
.btn.disabled:hover {
  cursor: not-allowed;
  background-color: transparent;
  color: #aaa;
}
.btn.primary {
  background-color: #0a86df;
  color: #fff;
}
.btn.primary:hover {
  background-color: #2ca8ff;
}
.btn input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.price {
  display: inline;
}
.price-no-vat {
  display: none;
}
.show-prices-without-vat .price-no-vat {
  display: inline;
}
.show-prices-without-vat .price-inc-vat {
  display: none;
}
.show-actual-gbp {
  display: none;
}
.currency-conversion .show-actual-gbp {
  display: inline;
}
.empty-collection-note {
  display: block;
  max-width: 25em;
  padding: 1em;
  margin: 1em auto;
  text-align: center;
}
.empty-collection-note a {
  color: #333;
}
main {
  padding-bottom: 2em;
}
.notice {
  padding: 0.5em 1em;
  color: #fff;
  text-align: center;
}
.notice p {
  font-size: 0.92857142857143em;
  margin: 0 auto;
}
.notice p a {
  color: #fff;
  text-decoration: none;
}
.notice p a:hover {
  border-bottom: 1px solid;
}
/* Site decorations */
.decoration-header {
  height: 160px;
  position: absolute;
  left: 0;
  right: 0;
  background-position: center top;
  background-repeat: no-repeat;
}
.decoration-header.repeat-x {
  background-repeat: repeat-x;
}
.decoration-footer {
  position: relative;
  height: 160px;
  background-position: center top;
  background-repeat: no-repeat;
}
.decoration-footer.repeat-x {
  background-repeat: repeat-x;
}
/* ! Page Colours */
/* shopping */
body.template-collection,
body.template-product {
  background-color: #c1bfc0;
}
/* blog */
body.template-article,
body.template-blog {
  background-color: #fefce5;
}
/* 

The main browser navigation 

*/
/* This controls the visibilty of the main linklists */
nav.browse {
  position: relative;
  margin-top: 1em;
}
nav.browse ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  text-align: center;
}
nav.browse ul li {
  display: inline-block;
}
nav.browse ul li a {
  font-size: 12px;
  text-decoration: none;
  display: block;
  padding: 0.5em 0.75em;
  min-width: 6em;
  background-color: #9f9d9e;
  color: #333;
}
nav.browse ul li a:hover {
  background-color: #8e8c8d;
  color: #333;
}
nav.browse ul li a:active,
nav.browse ul li a:focus {
  color: #c1bfc0;
}
nav.browse ul li a.browse-brands-trigger {
  color: #fff;
  background-color: #d07118;
}
nav.browse ul li a.browse-brands-trigger:hover {
  background-color: #f2933a;
}
nav.browse ul li a.browse-categories-trigger {
  color: #fff;
  background-color: #888551;
}
nav.browse ul li a.browse-categories-trigger:hover {
  background-color: #aaa773;
}
nav.browse ul li a.browse-search-trigger {
  color: #fff;
  background-color: #c66c98;
}
nav.browse ul li a.browse-search-trigger:hover {
  background-color: #e88eba;
}
nav.browse ul li a.js-selected-trigger {
  background-color: #333;
  color: #c1bfc0;
}
nav.browse ul li a.js-selected-trigger:hover {
  background-color: #333;
}
/* Container for the main navigation options */
nav.browse-options {
  position: relative;
  background-color: #333;
  color: #ddd;
  /* Letter headings are marked up as h5s */
  /* chunky class defines the more important list of categories */
}
nav.browse-options #browse-brands,
nav.browse-options #browse-categories,
nav.browse-options #browse-search {
  display: none;
  padding: 2em 1em 1em;
  text-align: center;
}
nav.browse-options #browse-brands:target,
nav.browse-options #browse-categories:target,
nav.browse-options #browse-search:target {
  display: block;
}
nav.browse-options .close {
  display: block;
  margin: 0.25em 0;
  text-align: center;
  text-decoration: none;
  color: #ddd;
}
nav.browse-options .browse-brands-section {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #999;
}
nav.browse-options .browse-categories-section {
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #999;
  padding-top: 0.5em;
}
nav.browse-options .browse-categories-section .link-new-stuff a {
  color: #ffb0dc;
}
nav.browse-options .browse-categories-section .link-re-stocks a {
  color: #ceca3d;
}
nav.browse-options .browse-categories-section .link-clearance a {
  color: #ffb55c;
}
nav.browse-options .browse-categories-section .link-sale a {
  color: #ea0f0f;
}
nav.browse-options .browse-categories-section .link-the-blog a {
  color: #ffff81;
}
nav.browse-options .browse-categories-section .link-deck-out a {
  color: #3f82be;
}
nav.browse-options .browse-categories-section .link-pica-post a {
  color: #9d3a64;
}
nav.browse-options .browse-categories-section .link-pica-post-com a {
  color: #9d3a64;
}
nav.browse-options .browse-brands-section:nth-child(6n +1) h5 {
  color: #ad631f;
}
nav.browse-options .browse-brands-section:nth-child(6n +2) h5 {
  color: #f2933a;
}
nav.browse-options .browse-brands-section:nth-child(6n +3) h5 {
  color: #2e71ad;
}
nav.browse-options .browse-brands-section:nth-child(6n +4) h5 {
  color: #e88eba;
}
nav.browse-options .browse-brands-section:nth-child(6n +5) h5 {
  color: #eadb4e;
}
nav.browse-options .browse-brands-section:nth-child(6n +6) h5 {
  color: #ae4b75;
}
nav.browse-options h5 {
  margin: 0;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 2em;
}
nav.browse-options ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
nav.browse-options ul li a {
  color: #ccc;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
nav.browse-options ul li a:hover {
  color: #fff;
  border-bottom-color: #fff;
}
nav.browse-options ul li.empty-collection a {
  color: #555;
}
nav.browse-options ul.chunky li {
  font-family: sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  line-height: 130%;
}
.browse-categories-section {
  display: block;
  padding: 0 0 2em 0;
  margin: 0 0.75em;
}
.browse-categories-section ul li {
  line-height: 150%;
}
.browse-brands-section {
  width: 15em;
  padding: 0 0 2em 0;
  margin: 0 0.75em;
}
.browse-brands-section ul li {
  line-height: 150%;
}
.browse-brands-section-wrapper,
.browse-categories-section-wrapper {
  text-align: left;
  max-width: 35em;
  margin: 0 auto;
}
@media (min-width: 600px) {
  .browse-categories-section {
    display: inline-block;
    width: 15em;
  }
  .browse-categories-section.primary {
    display: inline-block;
    width: 32em;
  }
}
@media (min-width: 698px) {
  .browse-brands-section {
    padding-bottom: 4em;
  }
  .browse-brands-section-wrapper {
    max-width: 52.5em;
  }
  nav.browse ul li a {
    font-size: 13px;
  }
}
@media (min-width: 1024px) {
  .browse-brands-section-wrapper {
    max-width: 68em;
  }
}
@media (min-width: 1220px) {
  .browse-categories-section.primary {
    width: 15em;
  }
  .browse-brands-section-wrapper,
  .browse-categories-section-wrapper {
    max-width: 85em;
  }
}
/* 

The big sexy search bar 

*/
/* Make the search bar look all lovely */
.nav-search #nav-search-form {
  padding-top: 1em;
  padding-bottom: 2.5em;
}
.nav-search #nav-search-form label {
  display: inline-block;
  font-family: sans-serif;
  font-size: 1.5em;
  padding: 0.25em;
  border: 1px solid transparent;
  display: none;
}
.nav-search #nav-search-form #nav-search-q {
  display: inline-block;
  vertical-align: top;
  font-size: 1.5em;
  line-height: 2em;
  padding: 0.25em 0.5em;
  font-family: sans-serif;
  border: 2px solid #ddd;
  background-color: #fff;
  width: 75%;
  color: #222;
}
.nav-search #nav-search-form #nav-search-q:placeholder {
  color: #aaa;
}
.nav-search #nav-search-form #nav-search-q:focus {
  outline: none;
}
.nav-search #nav-search-form #nav-search-q:focus + .btn {
  background-color: #e88eba;
  border-color: #e88eba;
  color: #fff;
}
.nav-search #nav-search-form .btn {
  display: inline-block;
  vertical-align: top;
  background-color: #ffb0dc;
  color: #ffd2fe;
  font-size: 1.5em;
  line-height: 2em;
  padding: 0.25em 0.5em;
  border: 2px solid #ffb0dc;
}
.nav-search #nav-search-form .btn:hover {
  background-color: #c66c98;
  border-color: #c66c98;
  color: #fff;
}
@media (max-width: 600px) {
  .nav-search #nav-search-form .btn {
    display: block;
    width: 90%;
    margin: 0.25em auto;
  }
  .nav-search #nav-search-form #nav-search-q {
    display: block;
    width: 90%;
    font-size: 1.2em;
    padding: 0.75em 0.5em;
    margin: 0.25em auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}
/*


// Original AJAX search


.nav-search-bar {
  margin: 0 0 0.25em 0;
  padding: 0.75em 0.25em;
  text-align: center;
  color: @text-dark-grey + #333;
  
  &.js-invert {
    transition: background-color 0.2s ease;
    background-color: @text-dark-grey;
    color: #ddd;
    
    input#nav-search-q, .tt-hint {
      background-color: #fff;
    }
  }
  
  form {
  }
  
  label[for="nav-search-q"] {
    display: inline-block;
    font-size: 1.25em;
    margin: 0;
    padding: 0.25em 0;
    
    font-family: sans-serif;
    color: @text-dark-grey + #333;
  }
  
  input#nav-search-q, input.tt-hint {
    display: inline-block;
    font-size: 1.25em;
    margin: 0 -0.25em;
    padding: 0.25em;
    border: none;
    min-width: 260px;
    
    text-align: left;
    font-family: sans-serif;
    background-color: transparent;
    
    &:focus {
      outline: none;
      color: @text-dark-grey;
      background-color: #fff !important;
    }

  }
  
  .twitter-typeahead {
    vertical-align: top; // for Firefox
    
    input#nav-search-q {
      display: block;
    }
    
    .tt-suggestions {
      background-color: rgba(255,255,255,0.85);
      color: @text-dark-grey;
      padding: 0 0 5px 0;
      margin: 0 0 0 -5px;
      border-top: 2px dotted #eee;
      border-bottom: 1px solid #ddd;
    }
      
    .tt-suggestion {
      text-align: left;
      margin: 0;
      padding: 0;
      min-width: 270px;
      line-height: 1em;
      cursor: pointer;
      
      p {
        margin: 0;
        padding: 0.5em;
        
        strong {
          font-weight: normal;
          background-color: @op-logo-yellow;
        }
      }
      
      &.tt-cursor {
        color: @text-dark-grey - #222;
        background-color: #fff;
      }
    }

  }
  
}

.js-search-results {
  margin: 0.75em -0.25em;
  padding: 1em;
  min-height: 3.5em;
  background-color: @text-dark-grey;
  color: #ddd;
  
  &.js-searching {
    background: @product-color url(~"//cdn.shopify.com/s/files/1/0491/9773/t/18/assets/ajax-loader.gif?834973890566774696") 50% 50% no-repeat;
  }
  
  .js-search-results-best-guess {
    font-size: 1.5em;
    font-family: sans-serif;
    padding: 0.5em;
    
    a {
      display: inline-block;
      padding: 0.2em 0;
      color: #ddd;
      text-decoration: none;
      border-bottom: 2px solid;
      
      &:hover {
        color: #fff;
      }
    }
  }
  
  .heading {
    display: block;
    padding: 0.25em 0;
    margin: 0 0 0.5em;
    font-weight: bold;
  }
  
  .js-search-results-products {
    display: inline-block;
    vertical-align: top;
    max-width: 50em;
    text-align: left;
    padding:  0.5em;
    margin: 0.25em 0;
    font-family: sans-serif;
    
    ul {
      padding-left: 0;
      list-style: none;
    }
    
    li {
      display: inline-block;
      vertical-align: top;
      padding: 0;
      margin: 0;
      text-align: left;
      width: 14.5em;
      height: 8em;
      overflow: hidden;
      margin-right: 2em;
      
      a {
        display: block;
        color: #ddd;
        text-decoration: none;
        
        &:hover {
          color: #fff;
          
          img {
            border-color: #fff;
          }
        }
      }
      
      .thumbnail {
        float: left;
        width: 3em;
        margin: 0.25em 0.75em 0.25em 0;
        
        img {
          border: 2px solid #ddd;
          max-width: 100%;
          height: auto; 
        }
      }
      
      .brand {
        display: block;
        padding-top: 0.25em;
        font-family: monospace;
      }
      
      .title {
        display: block;
        font-family: monospace;
      }
    }
    
  }
  
  .js-search-results-pages, 
  .js-search-results-articles {
    list-style: none;
    display: inline-block;
    padding: 0.5em;
    width: 8em;
    margin: 0.25em 0;
    text-align: left;
    vertical-align: top;
    font-family: sans-serif;
    
    li {
      padding: 0;
      margin: 0;
      
      a {
        display: block;
        color: #ddd;
        text-decoration: none;
        font-family: monospace;
        
        &:hover {
          color: #fff;
        }
      }
    }
  }
  
}
*/
/* 

The umbrella for all your shopping needs (settings)

*/
/* Make this the most useful shopping widget */
#umbrella-login-link {
  position: absolute;
  top: -4px;
  left: 5%;
  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.2);
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  text-align: center;
  z-index: 20;
}
#umbrella-login-link a {
  display: inline-block;
  padding: 1em;
  line-height: 1em;
  background-color: #7b1842;
  color: #fff;
  text-decoration: none;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
#umbrella-login-link a .customer-initials {
  font-family: 'OP Kaushan Script', cursive;
}
#umbrella-login-link a:hover {
  background-color: #9d3a64;
}
.cart-loading .umbrella {
  background-color: #0a86df;
}
.umbrella {
  /*   background-color: @product-color; */
  background-color: #333;
  color: #bbb;
}
.umbrella.stuck {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.umbrella .umbrella-links {
  margin: 0;
  padding-left: 0;
  text-align: center;
  list-style: none;
}
.umbrella .umbrella-links li {
  display: inline-block;
}
.umbrella .umbrella-links li a {
  display: inline-block;
  color: #ddd;
  padding: 0.5em;
  text-decoration: none;
}
.umbrella .umbrella-links li a .link-text {
  border-bottom: 1px solid;
}
.umbrella .umbrella-links li a.js-selected-trigger {
  /*           color: @text-dark-grey - #222; */
}
.umbrella .umbrella-links li .umbrella-basket-items-text {
  display: none;
}
.umbrella .umbrella-links li .quick-checkout {
  position: absolute;
  font-size: 0.9em;
  padding: 0.33em 0.5em;
  top: 0.4em;
}
.umbrella .umbrella-links li .quick-checkout-holder {
  display: none;
}
.umbrella .umbrella-links li .quick-checkout-holder.can-check-out {
  display: inline-block !important;
}
.umbrella-options {
  background-color: #333;
  margin: 0;
  color: #bbb;
}
.umbrella-options a {
  color: #ddd;
  text-decoration: none;
}
.umbrella-options .close {
  display: block;
  text-align: center;
}
.umbrella-options #umbrella-basket {
  display: none;
  padding: 1em;
}
.umbrella-options #umbrella-basket:target {
  display: block;
}
.umbrella-options .umbrella-account {
  text-align: center;
}
.umbrella-options .currency-converter {
  margin: 1em auto;
  text-align: center;
  max-width: 35em;
}
.umbrella-options .currency-converter .customSelect {
  background-color: #9f9d9e;
  color: #333;
  width: 4em;
  padding: 0.25em 0.25em 0.25em 0.5em;
  text-align: left;
  line-height: 1.5em;
  height: 1.5em;
}
.umbrella-options .currency-converter .customSelect:after {
  display: inline-block;
  float: right;
  margin: 0.3em 0.3em 0 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  border-top-color: #333;
  border-width: 0.5em;
}
.umbrella-options .currency-converter a {
  display: inline-block;
}
.umbrella-options .cart-product-list {
  list-style: none;
  padding: 0;
  margin: 1em -1em;
  text-align: center;
}
.umbrella-options .cart-product-list a {
  /*         color: #fff; */
  text-decoration: none;
}
.umbrella-options .cart-product-list li.cart-product {
  list-style: none;
  padding-left: 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container {
  list-style: none;
  float: left;
  padding: 0 0 1em 0;
  min-width: 9em;
  background-color: #c1bfc0;
  color: #333;
  margin: 1em 0.25em 0;
  text-align: center;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-image {
  width: 7em;
  padding: 1em;
  margin-bottom: 1em;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-image img {
  width: 100%;
  height: auto;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-title {
  display: none;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-title .cart-product-brand {
  display: block;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-quantity {
  margin: 1em 0;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-price .price-original {
  display: none;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-controls {
  height: 3.5em;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-controls .btn {
  margin: 1em 1em 0;
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  line-height: 100%;
  background-color: #9f9d9e;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-controls .btn-remove {
  float: left;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-controls .btn-remove:hover {
  background-color: #0a86df;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-controls .btn-add {
  float: right;
}
.umbrella-options .cart-product-list li.cart-product .cart-product-container .cart-product-controls .btn-add:hover {
  background-color: #0a86df;
}
.umbrella-options .cart-details {
  list-style: none;
  padding-left: 0;
  text-align: center;
}
.umbrella-options .cart-details li {
  padding: 1em;
}
.umbrella-options .cart-details input[name="checkout"] {
  font-size: 1.5em;
  transition: background-color 0.2s ease;
}
.umbrella-options .cart-details input[name="checkout"]:hover {
  box-shadow: 0px 2px 0px 0px rgba(128, 128, 128, 0.4);
}
.umbrella-options .cart-details .cart-subtotal {
  font-size: 1.6em;
  font-family: sans-serif;
}
.umbrella-options .cart-details .cart-vat-prices input[type=checkbox] {
  -webkit-appearance: checkbox;
}
@media (min-width: 400px) {
  .umbrella .umbrella-links li .umbrella-basket-items-text {
    display: inline;
  }
}
/* 

Branding in the header at the top of the site

*/
/* Logo */
.masthead {
  text-align: center;
  padding: 2em 0.25em 0.25em;
}
.masthead .site-title {
  padding: 0;
  margin: 0;
}
.masthead a {
  text-decoration: none;
  color: #333;
  display: inline-block;
  height: 44px;
}
.masthead .site-name {
  display: none;
}
.masthead .site-logo {
  width: 90px;
  height: 44px;
}
body.template-index .masthead {
  background-color: transparent;
  position: relative;
}
body.template-index .masthead a {
  height: 118px;
}
body.template-index .masthead .site-logo {
  width: 240px;
  height: 118px;
}
body.template-index .site-logo-overlay {
  pointer-events: none;
  width: 288px;
  height: 166px;
  position: absolute;
  top: 4px;
  left: 50%;
  margin-left: -144px;
}
body.template-index .site-logo-overlay img {
  width: 100%;
  height: auto;
}
@media (max-width: 480px) {
  body.template-index .masthead a {
    height: 88px;
  }
  body.template-index .masthead .site-logo {
    width: 180px;
    height: 88px;
  }
  body.template-index .masthead .site-logo-overlay {
    width: 215px;
    height: 125px;
    top: 10px;
    margin-left: -108px;
  }
}
/*
  
    Footer modules and navigation
    
*/
.site-footer {
  margin: 0;
  background-color: #c1bfc0;
  color: #222;
}
/* ! Newsletter signup */
.newsletter-signup {
  background-color: #222;
  padding: 2em 1em;
  text-align: center;
}
.newsletter-signup .headline {
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  font-size: 3em;
}
.newsletter-signup .headline a {
  color: #fff;
  text-decoration: none;
}
/* ! Footer Menu */
.footer-menu {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  /*
  .footer-contact {
    
    background-color: #ffe;
    color: #a14e21;
    
    padding: 0.5em 1.5em;
    display: block;
    
    line-height: 1.4em;
    
    h3 {
      .headline-font;
      font-size: 2em;
    }
    
    a {
      color: #666;
      font-weight: bold;
      font-size: 1.25em;
    }
  }
*/
}
.footer-menu a {
  color: #222;
  text-decoration: none;
}
.footer-menu a:hover {
  border-bottom: 1px solid;
}
.footer-menu .footer-menu-wrapper {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
}
.footer-menu .footer-menu-lists {
  padding: 1em;
}
.footer-menu .footer-menu-lists ul {
  list-style: none;
  padding-left: 0;
  display: inline-block;
  vertical-align: top;
  max-width: 15em;
  margin-right: 5em;
}
.footer-menu .footer-menu-lists ul li {
  line-height: 1.5em;
  margin-bottom: 0.2em;
}
.footer-menu .footer-menu-strip ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.footer-menu .footer-menu-strip ul li {
  vertical-align: middle;
  text-align: center;
  padding: 0;
  display: block;
}
.footer-menu .footer-menu-strip .footer-menu-social li a {
  display: block;
  padding: 1em 0.5em;
  color: #fff;
  font-weight: bold;
  opacity: 0.8;
  border: none;
}
.footer-menu .footer-menu-strip .footer-menu-social li a:hover {
  opacity: 1;
}
.footer-menu .footer-menu-strip .footer-menu-social li:nth-child(1) a {
  background-color: #f2933a;
}
.footer-menu .footer-menu-strip .footer-menu-social li:nth-child(2) a {
  background-color: #7b1842;
}
.footer-menu .footer-menu-strip .footer-menu-social li:nth-child(3) a {
  background-color: #1d609c;
}
.footer-menu .footer-menu-strip .footer-menu-social li:nth-child(4) a {
  background-color: #e88eba;
}
.footer-menu .footer-menu-strip .footer-menu-social li:nth-child(5) a {
  background-color: #ad631f;
}
.footer-menu .footer-menu-strip .footer-menu-social li:nth-child(6) a {
  background-color: #aaa773;
}
.footer-menu .footer-menu-strip .footer-menu-shops li {
  position: relative;
}
.footer-menu .footer-menu-strip .footer-menu-shops li a {
  display: block;
  padding: 4em 1em;
  font-family: 'OP Courier Prime', 'Courier', 'Courier New', monospace;
  border: none;
}
.footer-menu .footer-menu-strip .footer-menu-shops li a span {
  display: block;
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  font-size: 4em;
}
.footer-menu .footer-menu-strip .footer-menu-shops li .magpie {
  width: 100px;
  height: 100px;
  position: absolute;
  pointer-events: none;
}
.footer-menu .footer-menu-strip .footer-menu-shops li.footer-shop-mcr a {
  background-color: #aaa773;
  color: #fff;
}
.footer-menu .footer-menu-strip .footer-menu-shops li.footer-shop-mcr .magpie {
  top: -10px;
  left: 5px;
}
.footer-menu .footer-menu-strip .footer-menu-shops li.footer-shop-soho a {
  background-color: #f2933a;
  color: #fff;
}
.footer-menu .footer-menu-strip .footer-menu-shops li.footer-shop-soho .magpie {
  bottom: -36px;
  right: 45px;
}
.footer-menu .footer-contact {
  background-color: #eee;
  color: #333;
  padding: 0.5em 1.5em;
  display: block;
  line-height: 1.4em;
}
.footer-menu .footer-contact h3 {
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  font-size: 2em;
}
.footer-menu .footer-contact a {
  color: #666;
  font-weight: bold;
  font-size: 1.25em;
}
.footer-payment-icons {
  max-width: 1024px;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center;
}
.footer-payment-icons img {
  max-width: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
@media (min-width: 500px) {
  .footer-menu .footer-menu-strip {
    display: table;
    width: 100%;
  }
  .footer-menu .footer-menu-strip ul {
    display: table-row;
  }
  .footer-menu .footer-menu-strip ul li {
    display: table-cell;
  }
  .footer-menu .footer-menu-social li {
    width: 25%;
  }
  .footer-menu .footer-menu-social li a {
    margin: 1em 0.5em;
  }
  .footer-menu .footer-menu-shops li {
    width: 50%;
  }
}
@media (min-width: 840px) {
  .footer-menu {
    overflow: visible;
  }
  .footer-menu .footer-menu-lists {
    width: 47.5%;
  }
  .footer-menu .footer-contact {
    position: absolute;
    max-width: 20em;
    bottom: -0.5em;
    right: 1em;
    margin-top: -3em;
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
/* ! Copyright section */
.site-copyright {
  margin: 0;
  padding: 1em 1em 3em;
  text-align: center;
  font-family: sans-serif;
}
.site-copyright a {
  display: inline-block;
  text-decoration: none;
  color: #222;
}
.site-copyright a:hover {
  border-bottom: 1px solid;
}
.site-copyright p {
  margin: 0 auto;
  max-width: 1024px;
  line-height: 1.5em;
}
.site-copyright p span {
  display: block;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.5em;
}
/* 

Styles for the singular presentation of a product, for example the product page

*/
/* Sell it, my friend */
.product-solo {
  background-color: #c1bfc0;
  color: #333;
  text-align: center;
  margin: 0;
  padding-bottom: 1em;
  /* ! Adding to basket */
  /* ! Product description */
  /* ! Gallery of images */
}
.product-solo a {
  color: #0a86df;
}
.product-solo .product-photo-container {
  max-width: 768px;
  margin: 0 auto;
}
.product-solo .product-photo-container img {
  width: 100%;
  height: auto;
}
.product-solo .product-photo-container img.accidental-portrait {
  max-width: 600px;
}
.product-solo .product-brand {
  font-size: 0.825em;
  font-weight: normal;
  margin: 0.25em 0;
  font-family: 'OP Courier Prime', 'Courier', 'Courier New', monospace;
}
.product-solo .product-brand a {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: #333;
  color: #c1bfc0;
  text-decoration: none;
}
.product-solo .product-brand a:hover {
  background-color: #444444;
  color: #c1bfc0;
}
.product-solo .product-title {
  padding: 0.25em 0.5em 0;
  margin: 0.25em 0;
}
.product-solo .product-title .product-name {
  font-size: 2em;
  font-weight: normal;
  margin: 0.5em 0;
}
.product-solo .product-title .product-name .colour {
  display: block;
  font-family: 'OP Kaushan Script', cursive;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  text-decoration: none;
  font-size: 0.75em;
  padding: 0.25em 0;
}
.product-solo .product-pricing {
  font-size: 1.75em;
  font-family: sans-serif;
  font-weight: bold;
  margin: 0 0 0.5em;
}
.product-solo .product-pricing .sold-out {
  display: none;
}
.product-solo .product-pricing .price-no-vat:after {
  content: 'without VAT';
  font-size: 0.5em;
  font-weight: normal;
  display: block;
}
.product-solo .product-pricing.product-price-reduced .price-original.price-no-vat:after {
  content: '';
}
.product-solo.product-not-available .price-on-sale {
  text-decoration: line-through;
}
.product-solo .product-sizing {
  margin: 0 auto;
  max-width: 55em;
}
.product-solo .product-sizing legend {
  width: 100%;
}
.product-solo .product-sizing input[type="radio"] {
  position: absolute;
  opacity: 0;
  -webkit-appearance: radio;
}
.product-solo .product-sizing input[type="radio"]:focus + .btn {
  background-color: #3a7b1f;
  color: #fff;
}
.product-solo .product-sizing .btn {
  margin: 0.6em 0em 0em;
  display: inline-block;
  background-color: #9f9d9e;
}
.product-solo .product-sizing .btn:hover {
  background-color: #8e8c8d;
}
.product-solo .product-sizing .btn:active {
  background-color: #3a7b1f;
  color: #fff;
}
.product-solo .product-sizing .btn.selected {
  background-color: #3a7b1f;
  color: #fff;
}
.product-solo .product-sizing .btn.add-to-basket {
  font-size: 1.2em;
  position: relative;
  display: block;
  margin: 1em auto;
  padding: 0.75em 1em;
  background-color: #3a7b1f;
  transition: background-color 0.2s ease;
  color: #fff;
}
.product-solo .product-sizing .btn.add-to-basket:hover {
  background-color: #4b8c30;
  transition: background-color 0 ease;
  box-shadow: 0px 2px 0px 0px rgba(128, 128, 128, 0.4);
}
.product-solo .product-sizing .btn.add-to-basket.sold-out {
  background-color: #aaa;
  color: #fff;
}
.product-solo .product-sizing .btn.add-to-basket.coming-soon {
  background-color: #7b1842;
  color: #fff;
}
.product-solo .product-sizing .btn.add-to-basket:after {
  content: '';
  position: absolute;
  display: block;
  height: 0;
  width: 0;
  top: 0.5em;
  left: 50%;
  border-style: solid;
  border-color: transparent;
  border-width: 0.6em;
  margin-left: -0.6em;
}
.product-solo .product-sizing .btn.add-to-basket.requires-size.disabled:hover {
  background-color: #555;
  transition: background-color 0.2s ease;
  color: #fff;
  box-shadow: none;
}
.product-solo .product-sizing .btn.add-to-basket.requires-size.disabled:hover:after {
  top: -1em;
  border-bottom-color: #555;
  transition: all 0.2s ease;
}
.product-solo .product-description {
  margin: 0em auto;
  padding: 2em 1em 1em;
  max-width: 28em;
  text-align: left;
  line-height: 140%;
}
.product-solo .product-description ul {
  padding: 0.5em;
  padding-left: 0;
  list-style: none;
}
.product-solo .product-description ul > li {
  position: relative;
  margin-left: 2em;
  padding: 0em 0 0.65em;
}
.product-solo .product-description ul > li:before {
  position: absolute;
  margin-left: -1.5em;
  content: "—";
  font-weight: bold;
}
.product-solo .product-images-additional {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  max-width: 1024px;
}
.product-solo .product-images-additional li {
  margin: 0 0 1em;
  padding: 0;
}
.product-solo .product-images-additional li a {
  text-decoration: none;
  display: block;
}
.product-solo .product-images-additional li img {
  max-width: 100%;
  height: auto;
}
/* ! Buying Navigation Drawers */
nav.buying {
  background-color: #c1bfc0;
  margin-top: 2em;
}
nav.buying ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  text-align: center;
}
nav.buying ul li {
  display: inline-block;
}
nav.buying ul li a {
  font-size: 12px;
  text-decoration: none;
  display: block;
  padding: 0.5em 0.75em;
  min-width: 6.5em;
  background-color: #9f9d9e;
  color: #333;
}
nav.buying ul li a:hover {
  background-color: #8e8c8d;
  color: #333;
}
nav.buying ul li a:active {
  color: #c1bfc0;
}
nav.buying ul li a.js-selected-trigger {
  background-color: #333;
  color: #c1bfc0;
}
/* ! Navigating Products in Collection */
#product {
  position: relative;
  padding-top: 2em;
}
.product-navigation {
  text-align: center;
  margin-bottom: -1.5em;
  z-index: 2;
  position: relative;
  font-family: sans-serif;
}
.product-navigation .product-navigation-prev,
.product-navigation .product-navigation-next {
  text-align: center;
  display: inline-block;
}
.product-navigation .product-navigation-prev a,
.product-navigation .product-navigation-next a {
  display: block;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  background-color: #b0aeaf;
}
.product-navigation .product-navigation-prev a:hover,
.product-navigation .product-navigation-next a:hover {
  background-color: #d2d0d1;
}
.product-navigation .product-navigation-collection {
  display: inline-block;
}
.product-navigation a {
  padding: 0.5em;
  text-decoration: none;
  color: #333;
}
.buying-options {
  background-color: #333;
  color: #ddd;
}
.buying-options a.close {
  color: #eee;
  text-decoration: none;
}
.buying-options #buying-sizing,
.buying-options #buying-returns,
.buying-options #buying-shipping {
  padding: 2em 1em 1em;
}
.buying-returns-info,
.buying-shipping-info {
  max-width: 30em;
  padding-bottom: 2em;
  margin: 0 auto;
}
.buying-returns-info a.btn,
.buying-shipping-info a.btn {
  text-decoration: none;
}
.sizechart-info {
  padding-bottom: 2em;
}
.sizechart-table {
  margin: 1em auto;
  min-width: 300px;
}
.sizechart-table td,
.sizechart-table th {
  padding: 0.75em 0.25em;
  text-align: left;
  border-bottom: 1px solid #444;
  min-width: 2.5em;
}
.sizechart-table thead th {
  font-family: sans-serif;
  border-bottom: 1px solid #eee;
}
.sizechart-diagram {
  max-width: 600px;
  margin: 0 auto;
}
.sizechart-diagram img {
  max-width: 100%;
  height: auto;
}
.product-deckout-heading {
  display: block;
  font-family: 'OP Kaushan Script', cursive;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  text-decoration: none;
  font-size: 2em;
  padding: 0.5em 0;
}
@media (min-width: 1100px) {
  .sizechart-diagram,
  .sizechart-measurements {
    display: inline-block;
    vertical-align: middle;
    width: 500px;
  }
}
@media (min-width: 1500px) {
  .product-solo .product-photo-container {
    max-width: 1024px;
  }
}
/* 

Elegantly display a collection of products

*/
/* Sell it, sister */
.collection {
  background-color: #c1bfc0;
  color: #333;
  margin: 0 auto;
}
.collection .page-header {
  font-size: 3em;
  margin: 0 auto;
  text-align: center;
  padding: 0.5em 0.25em;
  color: #ffffff;
}
.collection .page-header h1,
.collection .page-header h2,
.collection .page-header h3 {
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  letter-spacing: 0.1em;
  margin: 0;
}
.collection .collection-description {
  margin: 0 auto;
  padding: 1em;
  max-width: 38em;
  text-align: center;
}
.collection .collection-feature-image {
  margin: 0 auto;
  max-width: 40em;
}
.collection .collection-feature-image img {
  max-width: 100%;
  height: auto;
}
.collection-items {
  text-align: center;
  max-width: 115em;
  margin: 0 auto;
  padding: 1em 0;
}
.collection-items .collection-product-row {
  display: inline-block;
}
.collection-items .collection-product {
  display: inline-block;
  width: 20em;
  padding: 0.25em 0.5em;
  margin: 0.25em;
  vertical-align: top;
}
/* ! Clearance vs. Sale */
.price-original {
  text-decoration: line-through;
}
.price-on-sale {
  color: #115f04;
}
.sale-mode-on .price-on-sale {
  color: #982c2c;
}
.price-percentage-reduced {
  color: #fff;
  background-color: #115f04;
}
.sale-mode-on .price-percentage-reduced {
  color: #fff;
  background-color: #982c2c;
}
.product-not-available .price-percentage-reduced {
  background-color: #999;
  color: #ddd;
}
/* Product Sticker */
.product-sticker {
  background-color: #666666;
  color: #fff;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
/* Product specifics */
.collection-product a.collection-product-link {
  text-decoration: none;
  color: #111111;
  position: relative;
  padding-bottom: 1em;
  transition: color 0s ease-in;
}
.collection-product .sizes {
  display: none;
}
.collection-product:hover {
  position: relative;
}
.collection-product:hover a.collection-product-link {
  color: #ddd;
  transition: color 0.2s ease-in;
}
.collection-product:hover .sizes {
  display: block;
  /*       z-index: 1; */
  list-style: none;
  padding-left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 9em 1em 0;
  background-color: rgba(0, 0, 0, 0.5);
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(61, 61, 61, 0.5) 67%);
  text-align: center;
}
.collection-product:hover .sizes.lots-of-sizes {
  padding-top: 5em;
}
.collection-product:hover .sizes .sizes-sizebreak {
  display: block;
}
.collection-product:hover .sizes .size-item {
  display: inline-block;
  padding: 0.25em 0.5em;
  margin: 0.25em;
  font-family: sans-serif;
  font-weight: bold;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.collection-product:hover .sizes .size-item.not-available {
  color: #aaa;
  text-decoration: line-through;
}
.collection-product .product-meta {
  position: relative;
}
.collection-product .price-percentage-reduced {
  position: absolute;
  z-index: 1;
  top: 2em;
  left: 1.5em;
  display: block;
  min-width: 5em;
  min-height: 5em;
  border-radius: 2.5em;
  line-height: 4.9em;
}
.collection-product .product-sticker {
  position: absolute;
  z-index: 1;
  top: 70%;
  left: 0;
  right: 0;
  display: block;
  padding: 0.25em;
  margin: 0 2em;
}
.collection-product .collection-product-link {
  display: block;
  position: relative;
}
.collection-product .collection-product-link .collection-product-image {
  max-width: 100%;
  height: auto;
}
.collection-product .collection-product-link img.product-not-available-overlay {
  position: absolute;
  top: 0;
  left: 0;
}
.collection-product .type {
  display: none;
}
.collection-product .brand {
  display: block;
}
.collection-product .title {
  display: block;
  margin-bottom: 0.75em;
}
.collection-product.product-not-available .collection-product-image {
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
.collection-product.product-not-available:hover .collection-product-image {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
}
.collection-product.product-not-available .price-full {
  color: #999;
  text-decoration: line-through;
}
.collection-product.product-not-available .price-on-sale {
  text-decoration: line-through;
  color: #999;
}
.collection-product.product-not-available .price-original {
  text-decoration: line-through;
  color: #999;
}
.collection-product .sold-out {
  display: inline-block;
}
@media (min-width: 1500px) {
  .collection-items .collection-product {
    width: 24em;
  }
  .collection-items .collection-product .sizes {
    padding-top: 12em;
  }
  .collection-items .collection-product .sizes.lots-of-sizes {
    padding-top: 7.5em;
  }
}
/* 

Styling for the main cart page

*/
/* Cart */
.basket-page {
  background-color: #c1bfc0;
  margin: 0 auto;
  padding: 1em;
  max-width: 1024px;
}
.basket-page a {
  color: #0a86df;
  text-decoration: none;
}
.basket-page a:hover {
  border-bottom: 1px solid;
}
.basket-page .basket-items {
  border-top: 1px solid #b0aeaf;
}
.basket-page .basket-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #b0aeaf;
}
.basket-page .basket-item input[type="number"] {
  display: inline-block;
  vertical-align: middle;
  border: none;
  width: 2.5em;
  padding: 0.25em;
  background: #ffffff;
}
.basket-page .basket-item .basket-price {
  float: right;
}
.basket-page .basket-item .basket-item-remove {
  float: right;
}
.basket-page .basket-subtotal {
  text-align: right;
}
.basket-page input[name="checkout"] {
  float: right;
}
.basket-page input[name="update"] {
  background-color: #8e8c8d;
  color: #ddd;
}
/* 

  Control the blog views and article presentation. 
  
  Keep it casual, legible and fun.
  
*/
/* ! List of blog posts */
.blog-posts {
  margin: 0 auto;
  padding: 1em;
  max-width: 1024px;
  text-align: center;
  color: #2c0d74;
}
.blog-posts .blog-post {
  margin-bottom: 2em;
}
h3.blog-post-title {
  font-size: 2.4em;
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  margin: 0 auto 0.5em;
}
h3.blog-post-title a {
  text-decoration: none;
  color: #2c0d74;
}
h3.blog-post-title a:hover {
  color: #3d1e85;
}
h3.blog-post-title:before {
  content: '—';
  font-family: sans-serif;
  display: block;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.blog-post-credits {
  display: block;
  margin-bottom: 1em;
}
.blog-post-excerpt {
  margin: 0 auto;
  max-width: 75%;
  font-family: sans-serif;
  font-weight: bold;
}
.blog-post-excerpt img {
  min-width: 12em;
  width: 50%;
  height: auto;
  margin: 1em auto;
  border: 1em solid #fff;
  box-shadow: 0px 3px 3px #ccc;
}
.blog-post:nth-child(5n+1) h3.blog-post-title a {
  color: #e88eba;
}
.blog-post:nth-child(5n+1) img {
  transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
}
.blog-post:nth-child(5n+2) h3.blog-post-title a {
  color: #1d609c;
}
.blog-post:nth-child(5n+2) img {
  transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
}
.blog-post:nth-child(5n+3) h3.blog-post-title a {
  color: #ad631f;
}
.blog-post:nth-child(5n+3) img {
  transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
}
.blog-post:nth-child(5n+4) h3.blog-post-title a {
  color: #7b1842;
}
.blog-post:nth-child(5n+4) img {
  transform: rotate(1deg);
  -webkit-transform: rotate(-1deg);
}
.blog-post:nth-child(5n+5) h3.blog-post-title a {
  color: #aaa773;
}
.blog-post:nth-child(5n+5) img {
  transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
}
a.blog-read-more {
  display: block;
  font-family: 'OP Kaushan Script', cursive;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  text-decoration: none;
  font-size: 1.5em;
  color: #4e2f96;
}
a.blog-read-more:hover {
  color: #5f40a7;
}
/* Deck~Out Customisations */
.deck-out-posts {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
}
.deck-out-posts .page-header {
  margin-bottom: 3em;
}
.deck-out-post {
  display: inline-block;
  width: 210px;
  vertical-align: top;
  margin-bottom: 1.5em;
  border: 0.5em transparent #fff;
}
.deck-out-post .deck-out-post-credits {
  display: none;
}
.deck-out-post h3.deck-out-post-title {
  display: none;
}
.deck-out-post .deck-out-post-excerpt {
  position: relative;
}
.deck-out-post .deck-out-post-excerpt a.deck-out-read-more {
  color: #333;
}
.deck-out-post .deck-out-post-excerpt a.deck-out-read-more:hover ul,
.deck-out-post .deck-out-post-excerpt a.deck-out-read-more:hover .deckout-brands {
  opacity: 1;
}
.deck-out-post .deck-out-post-excerpt ul,
.deck-out-post .deck-out-post-excerpt .deckout-brands {
  opacity: 0;
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 210px;
  height: 424px;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(61, 61, 61, 0.5) 67%);
  color: #fff;
  /*
      &:after {
        content: "See the full Deck~Out";
        display: block;
        margin-top: 2em;
      }
*/
}
.deck-out-post .deck-out-post-excerpt ul:before,
.deck-out-post .deck-out-post-excerpt .deckout-brands:before {
  content: "Featuring";
  display: block;
  margin-top: 8em;
}
.deck-out-post .deck-out-post-excerpt ul:after,
.deck-out-post .deck-out-post-excerpt .deckout-brands:after {
  font-family: 'OP Kaushan Script', cursive;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  text-decoration: none;
  font-size: 1.5em;
  content: "Check it";
  display: block;
  margin-top: 0.75em;
  padding: 0.25em 0;
}
.deck-out-post .deck-out-post-excerpt ul li,
.deck-out-post .deck-out-post-excerpt .deckout-brands li {
  font-family: sans-serif;
  font-weight: bold;
  padding: 0 0.5em;
}
.deck-out-post .deck-out-post-excerpt ul li:first-child,
.deck-out-post .deck-out-post-excerpt .deckout-brands li:first-child {
  margin-top: 1em;
}
.deck-out-post .deck-out-post-excerpt img {
  width: 210px;
  height: 424px;
}
/* Blog article page */
.blog-article-leader {
  display: block;
  font-family: sans-serif;
  font-weight: bold;
  margin-top: 1.3em;
}
.blog-article-leader a {
  color: #2c0d74;
  text-decoration: none;
  border-bottom: 1px solid #2c0d74;
}
.blog-article-leader a:hover {
  color: #1d609c;
}
.blog-article {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 1em;
  color: #2c0d74;
}
.blog-article a {
  color: #1d609c;
}
.blog-article a:hover {
  color: #3f82be;
}
.blog-article a:visited {
  color: #2c0d74;
}
.blog-article hr {
  border: 2px solid #2c0d74;
  margin: 2.6em 0;
}
h1.blog-article-title {
  font-size: 4em;
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.blog-article-credits {
  display: block;
  margin-bottom: 1.3em;
}
.blog-article-content {
  line-height: 1.3em;
}
.blog-article-content img {
  display: block;
  background-color: #eee;
  max-width: 100%;
  height: auto;
  margin-top: 1.5em;
}
.blog-article-content > p:first-child img {
  margin-bottom: 1.3em;
}
.blog-article-content .standfirst {
  font-size: 1.2em;
  font-family: sans-serif;
  line-height: 1.4em;
  padding-bottom: 1.3em;
}
.blog-article-content blockquote {
  position: relative;
  margin: 1.3em;
  font-size: 1.5em;
  line-height: 1.3em;
  font-family: sans-serif;
  padding: 0.1em 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.blog-article-content blockquote:after {
  content: '“';
  position: absolute;
  font-size: 2em;
  top: -0.1em;
  left: 50%;
  width: 1em;
  margin-left: -0.5em;
  text-align: center;
  display: block;
  background-color: #fefce5;
}
.blog-article-content ul,
.blog-article-content ol {
  margin-left: 0;
  padding-left: 1.3em;
}
.blog-article-content ul li,
.blog-article-content ol li {
  padding-bottom: 0.65em;
}
@media (min-width: 600px) {
  .blog-article-content {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .blog-article-content .img-wrap {
    display: block;
    margin-left: -50px;
    margin-right: -50px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .blog-article-content .img-wrap img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 850px) {
  .blog-article-content .img-wrap {
    margin-left: -100px;
    margin-right: -100px;
  }
  .blog-article-content .img-wrap.is-square {
    margin-left: -50px;
    margin-right: -50px;
  }
  .blog-article-content .img-wrap.is-portrait {
    margin-left: -75px;
    margin-right: -75px;
  }
  .blog-article-content .img-wrap.is-landscape {
    margin-left: -150px;
    margin-right: -150px;
  }
  .blog-article-content .fluid-width-video-wrapper {
    width: 150%;
    margin-left: -25%;
    margin-right: -25%;
    padding-top: 99% !important;
  }
}
.article-navigation {
  text-align: center;
  padding: 0 0 2em;
}
.article-navigation span {
  display: inline-block;
}
.article-navigation span a {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0.7em;
  min-width: 1.5em;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 1em;
  text-decoration: none;
  background-color: #1d609c;
  color: #fff;
}
.article-navigation span a:hover {
  cursor: pointer;
  background-color: #333;
  color: #fff;
}
.article-navigation span a[disabled="disabled"],
.article-navigation span a.disabled {
  color: #aaa;
  border-color: #aaa;
}
.article-navigation span a[disabled="disabled"]:hover,
.article-navigation span a.disabled:hover {
  cursor: not-allowed;
  background-color: transparent;
  color: #aaa;
}
.article-navigation span a.primary {
  background-color: #0a86df;
  color: #fff;
}
.article-navigation span a.primary:hover {
  background-color: #2ca8ff;
}
.article-navigation span a input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.article-navigation span a:hover,
.article-navigation span a:visited {
  background-color: #2e71ad;
  color: #fff;
}
/* Deck~Out article customisations */
.deck-out-article-leader {
  display: block;
  font-family: sans-serif;
  font-weight: bold;
  margin-top: 1.3em;
  text-align: center;
}
.deck-out-article-leader a {
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #333;
}
body.template-deck-out,
body.template-deck-out-old {
  background-color: #c1bfc0;
}
.deck-out-article {
  max-width: 450px;
  margin: 0 auto;
  padding: 0 1em;
}
.deck-out-article img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.5em 0;
}
.deck-out-article .deck-out-article-content h2 {
  display: block;
  font-family: 'OP Kaushan Script', cursive;
  font-style: italic;
  text-transform: lowercase;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  font-size: 2em;
  padding: 0.25em 0;
}
.deck-out-article li {
  padding-bottom: 0.65em;
}
.deck-out-article ol {
  margin-left: 0;
  padding: 0.5em 0 0.5em;
  counter-reset: li;
}
.deck-out-article ol > li {
  list-style: none;
  position: relative;
  padding: 0 4em 0.65em;
  margin-bottom: 1em;
  text-align: center;
}
.deck-out-article ol > li:before {
  content: "— " counter(li) " —";
  counter-increment: li;
  font-family: sans-serif;
  font-weight: bold;
  display: block;
  line-height: 3em;
}
.deck-out-article.deck-out-old .deckout-subheading {
  text-align: center;
}
.deck-out-article.deck-out-old ul.deckout-images {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.deck-out-article.deck-out-old ul.deckout-images li img {
  max-width: 100%;
  height: auto;
  margin-top: 1em;
}
.deck-out-article.deck-out-old .deckout-story {
  margin-top: 2em;
  margin-bottom: 2em;
  line-height: 1.4em;
}
.deck-out-article.deck-out-old ul.deckout-products {
  list-style: none;
  padding-left: 0;
  text-align: center;
}
.deck-out-article.deck-out-old ul.deckout-products li {
  margin-bottom: 0.75em;
  font-family: sans-serif;
  font-weight: bold;
}
.deck-out-article.deck-out-old ul.deckout-products li:after {
  content: "• • •";
  display: block;
  margin-top: 0.75em;
}
.deck-out-article.deck-out-old ul.deckout-products:before {
  content: "Our Deck~Out wears...";
  display: block;
  margin: 0.75em auto 1.5em;
}
h1.deck-out-article-title {
  font-size: 4em;
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  text-align: center;
  margin-bottom: 0;
  color: #fff;
}
.deck-out-article-credits {
  display: none;
}
.deck-out-collection-intro h2 {
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  text-align: center;
  font-size: 4em;
  color: #fff;
}
.deck-out-collection-intro + .collection {
  margin-bottom: -2em;
  padding-top: 3em;
}
.deck-out-collection-intro + .collection .page-header,
.deck-out-collection-intro + .collection .collection-description {
  display: none;
}
hr.navigation-divider {
  border: 2px solid;
  margin: 2.6em auto;
  max-width: 500px;
}
@media (min-width: 550px) {
  h1.deck-out-article-title {
    font-size: 6em;
    margin-top: 0.3em;
  }
  .deck-out-article p {
    padding-left: 3.5em;
    padding-right: 3.5em;
  }
  .deck-out-article .img-wrap {
    display: block;
    text-align: center;
    margin-left: -3.5em;
    margin-right: -3.5em;
    margin-bottom: 3.5em;
    /*
    & + p {
      padding-top: 3.5em;
    }
*/
  }
  .deck-out-article .img-wrap img {
    margin: 1em auto;
  }
}
/* Comments */
.comments-heading {
  display: block;
  font-family: 'OP Kaushan Script', cursive;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  text-decoration: none;
  text-align: center;
  font-size: 2em;
  padding: 0.25em 0;
}
#comments {
  padding-top: 2em;
  padding-bottom: 2em;
}
#comments .form-row {
  padding: 0.25em;
  border-bottom: 1px solid;
}
#comments label {
  display: inline-block;
  vertical-align: top;
  padding: 1em;
  min-width: 8em;
  text-align: right;
}
#comments input,
#comments textarea {
  font-family: sans-serif;
  display: inline-block;
  vertical-align: top;
  border: none;
  padding: 1em;
  min-width: 20em;
  background-color: transparent;
  color: #2c0d74;
}
#comments input[type=submit],
#comments textarea[type=submit] {
  min-width: 0;
  background-color: #2c0d74;
  color: #fff;
  margin-left: 10.75em;
  margin-top: 1em;
}
#comments input:focus,
#comments textarea:focus {
  outline: none;
  background-color: #2c0d74 !important;
  color: #fff;
}
#comments input.error,
#comments textarea.error {
  background: yellow;
}
#comments ul {
  list-style: none;
  padding-left: 0;
}
#comments ul li.comment-just-posted {
  border: 1px dashed;
  padding: 1em;
  margin-bottom: 4em;
}
#comments ul li .comment-meta {
  margin: 1em 2em;
}
#comments ul li .comment-meta time {
  display: inline-block;
}
#comments ul li .comment-author {
  font-family: sans-serif;
  font-weight: bold;
}
#comments ul li .comment-post {
  background: #fff;
  padding: 1em 2em;
  margin-bottom: 2em;
  position: relative;
  color: #0AA00C;
  font-style: italic;
}
#comments ul li .comment-post:before {
  bottom: 100%;
  left: 3em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 1em;
  margin-left: -1em;
}
.article-related {
  padding: 2em 1em;
}
.article-related h3.related-heading {
  display: block;
  font-family: 'OP Kaushan Script', cursive;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  text-decoration: none;
  text-align: center;
  font-size: 2em;
  padding: 0.25em 0;
}
.article-related ul.related-posts {
  list-style: none;
  padding: 1em 0;
  text-align: center;
}
.article-related ul.related-posts li {
  font-size: 1.5em;
  font-family: sans-serif;
  font-weight: bold;
  margin-bottom: 1em;
}
.article-related ul.related-posts li a {
  text-decoration: none;
  color: #0a86df;
}
.article-related ul.related-posts li a:visited {
  color: #2c0d74;
}
.article-related ul.related-posts li a:hover {
  color: #1b97f0;
}
/* 

    Killer homepage

*/
body.template-index {
  background-color: #ea0f0f;
}
.home-banner {
  text-align: center;
  margin-bottom: -2em;
}
.home-banner .banner-container {
  margin: 0 auto;
}
.home-banner .banner-container a {
  display: block;
  margin: 0 auto;
}
.home-banner .banner-container.mode-contain img {
  max-width: 1024px;
  margin: 0 auto;
}
.home-banner .banner-container img {
  width: 100%;
  height: auto;
  display: block;
}
.home-banner ul {
  list-style: none;
  padding-left: 0;
}
.home-banner ul li {
  display: inline-block;
  padding: 0.2em 0.5em;
}
.home-banner ul li a {
  text-decoration: none;
  font-family: sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}
.home-banner ul li a:hover {
  border-bottom: 1px solid;
}
.home-banner .home-nav-text-colour-dark a {
  color: #333;
}
.home-banner .home-nav-text-colour-white a {
  color: #ffffff;
}
/* 
  
  Page styles

*/
.standard-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 1em;
}
.standard-page .page-headline {
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  font-size: 2.5em;
  color: #fff;
  text-align: center;
}
.standard-page .rte {
  line-height: 135%;
  color: #333;
}
.standard-page .rte a {
  color: #0a86df;
  text-decoration: none;
}
.standard-page .rte a:visited {
  color: #7b1842;
}
.standard-page .rte a:hover {
  border-bottom: 1px solid;
}
.standard-page .rte table tr {
  border-top: 1px solid;
}
.standard-page .rte table tr td {
  padding: 0.25em 1em 0.25em 0.25em;
}
.standard-page-narrow {
  max-width: 400px;
  text-align: center;
}
.standard-page-narrow table {
  margin: 1em auto;
}
.standard-page-narrow table td {
  text-align: left;
}
.page-headline {
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  font-size: 2.5em;
  color: #fff;
  text-align: center;
}
.paper-page {
  background-color: #fff;
  box-shadow: 0.225em 0.33em 0 0 rgba(128, 128, 128, 0.4);
  margin: 1em;
  padding: 1em;
  max-width: 800px;
  line-height: 135%;
  color: #333;
}
.paper-page a {
  color: #0a86df;
  text-decoration: none;
}
.paper-page a:visited {
  color: #7b1842;
}
.paper-page a:hover {
  border-bottom: 1px solid;
}
.paper-page .note {
  padding: 1em 1.5em;
  background-color: #ffffa3;
  margin-top: 1em;
  margin-bottom: 1em;
}
.paper-page .note.form-error {
  background-color: #ffd2fe;
}
.paper-page label {
  display: inline-block;
  padding: 0.25em 0.5em;
  background-color: #ddd;
  color: #666;
  font-style: italic;
  margin: 0;
}
.paper-page input[type="checkbox"] {
  -webkit-appearance: checkbox;
  display: inline-block;
  padding: 0.25em 0.5em;
  background-color: #ddd;
}
.paper-page input[type="checkbox"]:checked + label {
  background-color: #0a86df;
  color: #fff;
}
.paper-page input[type="text"],
.paper-page input[type="password"],
.paper-page input[type="email"],
.paper-page input[type="tel"] {
  display: block;
  margin: 0;
  padding: 0.5em 0.5em;
  border: 2px solid #ddd;
  width: 80%;
}
.paper-page input[type="text"]:focus,
.paper-page input[type="password"]:focus,
.paper-page input[type="email"]:focus,
.paper-page input[type="tel"]:focus {
  border-color: #0a86df;
  outline: none;
}
.paper-page input + label {
  margin-top: 1.5em;
}
.paper-page select {
  margin: 0.5em 0 1.5em;
}
.paper-page hr {
  border: none;
  border-top: 1px solid;
}
.paper-page table {
  width: 100%;
}
.paper-page table tr td {
  padding: 0.25em 1em 0.25em 0.25em;
}
.paper-page table tr th {
  padding: 0.25em 1em 0.25em 0.25em;
  text-align: left;
  font-weight: normal;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.paper-page table tr .text-right {
  text-align: right;
}
.paper-page table tr .text-center {
  text-align: center;
}
.paper-page h1,
.paper-page h2,
.paper-page h3,
.paper-page h4,
.paper-page h5,
.paper-page h6,
.paper-page strong,
.paper-page b {
  font-family: 'OP Courier Prime', 'Courier', 'Courier New', monospace;
  font-weight: normal;
  font-size: 1em;
}
.paper-page h4 {
  text-transform: uppercase;
  border-top: 2px solid;
  padding: 0.25em 0;
}
@media (min-width: 850px) {
  .paper-page {
    margin: 1em auto;
    text-align: center;
  }
  .paper-page * {
    text-align: left;
  }
}
/* 
  
  Search results page
  
*/
.search-results {
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
  overflow: visible;
}
.search-results .search-results-wrapper {
  /*
    float: left;
    width: 100%;
*/
}
.search-results .search-result {
  display: inline-block;
  width: 20em;
  padding: 0.5em;
  border-top: 1px solid;
  margin: 0.5em;
  vertical-align: top;
}
.search-results .search-result a.search-result-image-holder {
  display: block;
  text-align: center;
  min-height: 12em;
}
.search-results .search-result a.search-result-image-holder img {
  max-width: 100%;
  height: auto;
}
.search-results .search-result .search-result-title {
  font-size: 1em;
  display: block;
  text-align: center;
  min-height: 4em;
}
.search-results .search-result .search-result-title a {
  color: #333;
  text-decoration: none;
}
.search-results .search-result .search-result-title a:hover {
  border-bottom: 1px solid;
}
.search-results .search-result .search-result-excerpt {
  display: block;
  text-align: left;
  min-height: 18.7em;
  line-height: 120%;
  word-wrap: break-word;
}
.search-results .search-result .search-result-excerpt .highlight {
  background-color: #eee;
}
.search-results .search-result .line-holder {
  visibility: hidden;
}
/*
  
    Default layout for pagination modules
    
*/
ul.pagination {
  text-align: center;
  list-style: none;
  padding-left: 0;
  padding-top: 2em;
}
ul.pagination li {
  display: inline-block;
  margin-bottom: 0.5em;
}
ul.pagination li a {
  display: block;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0.7em;
  min-width: 1.5em;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 1em;
  text-decoration: none;
  background-color: #ddd;
  color: #333;
}
ul.pagination li a:hover {
  cursor: pointer;
  background-color: #333;
  color: #fff;
}
ul.pagination li a[disabled="disabled"],
ul.pagination li a.disabled {
  color: #aaa;
  border-color: #aaa;
}
ul.pagination li a[disabled="disabled"]:hover,
ul.pagination li a.disabled:hover {
  cursor: not-allowed;
  background-color: transparent;
  color: #aaa;
}
ul.pagination li a.primary {
  background-color: #0a86df;
  color: #fff;
}
ul.pagination li a.primary:hover {
  background-color: #2ca8ff;
}
ul.pagination li a input[type="radio"] {
  position: absolute;
  left: -9999px;
}
ul.pagination li:first-child a,
ul.pagination li:last-child a {
  background-color: #1d609c;
  color: #fff;
}
ul.pagination li:first-child a:hover,
ul.pagination li:last-child a:hover {
  background-color: #2e71ad;
}
ul.pagination li span {
  display: block;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0.7em;
  min-width: 1.5em;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 1em;
}
ul.pagination li span:hover {
  cursor: pointer;
  background-color: #333;
  color: #fff;
}
ul.pagination li span[disabled="disabled"],
ul.pagination li span.disabled {
  color: #aaa;
  border-color: #aaa;
}
ul.pagination li span[disabled="disabled"]:hover,
ul.pagination li span.disabled:hover {
  cursor: not-allowed;
  background-color: transparent;
  color: #aaa;
}
ul.pagination li span.primary {
  background-color: #0a86df;
  color: #fff;
}
ul.pagination li span.primary:hover {
  background-color: #2ca8ff;
}
ul.pagination li span input[type="radio"] {
  position: absolute;
  left: -9999px;
}
ul.pagination li span:hover {
  cursor: default;
  background-color: transparent;
  color: #333;
}
ul.pagination li.active span {
  background-color: #333;
  color: #fff;
}
ul.pagination li.disabled span {
  background-color: #ddd;
  color: #aaa;
}
@media (max-width: 650px) {
  ul.pagination {
    overflow: auto;
    padding: 1em;
  }
  ul.pagination li {
    display: none;
  }
  ul.pagination li:first-child {
    display: inline-block;
    float: left;
  }
  ul.pagination li:last-child {
    display: inline-block;
    float: right;
  }
}
/*  Styles for the gift card page
  
  You can visit a dead one here to preview/test
  https://www.oipolloi.com/gift_cards/4919773/8e31d68e8873781e6f187654936f9e27
  
*/
.template-gift_card .paper-page {
  max-width: 24em;
  padding-bottom: 2em;
}
.template-gift_card .paper-page * {
  text-align: center;
}
.template-gift_card .big-money {
  display: block;
  font-family: 'OP Headline', sans-serif;
  font-weight: normal;
  /* Fix for mobiles */
  -webkit-font-smoothing: antialiased;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  color: #7c6908;
  line-height: 100%;
  font-size: 8em;
  padding: 0.1em;
  margin: 0 auto;
}
.template-gift_card .gift-card-code {
  display: inline-block;
  border-bottom: 1px dashed;
  padding: 1em 0.75em 0.75em;
  line-height: 100%;
  margin: 1.5em auto;
}
.template-gift_card .gift-card-code strong {
  font-family: 'OP Courier Prime', 'Courier', 'Courier New', monospace;
  font-weight: normal;
  font-size: 1.5em;
}
.template-gift_card a.start-shopping {
  display: block;
  font-family: 'OP Kaushan Script', cursive;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  text-decoration: none;
  font-size: 2em;
  padding: 1em 0 0.25em 0;
  color: #333;
  text-decoration: none !important;
  border: none;
}
.template-gift_card a.start-shopping:hover {
  color: #0a86df;
}
/* Reebok Campaign 2015 */
.reebok-signup {
  margin: auto;
  max-width: 32em;
}
.reebok-signup label {
  font-family: sans-serif;
  font-weight: bold;
  line-height: 150%;
}
.reebok-signup label[for="fieldEmail"] {
  display: none;
}
.reebok-signup input#fieldEmail {
  border: none;
  font-family: monospace;
  font-size: 1.75em;
  padding: 0.5em;
  box-shadow: #bbb 2px 2px 2px inset;
  width: 80%;
  text-align: center;
}
.reebok-signup button {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0.7em;
  min-width: 1.5em;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 1em;
  background-color: #0a86df;
  color: #fff;
  font-size: 1.25em;
}
.reebok-signup button:hover {
  cursor: pointer;
  background-color: #333;
  color: #fff;
}
.reebok-signup button[disabled="disabled"],
.reebok-signup button.disabled {
  color: #aaa;
  border-color: #aaa;
}
.reebok-signup button[disabled="disabled"]:hover,
.reebok-signup button.disabled:hover {
  cursor: not-allowed;
  background-color: transparent;
  color: #aaa;
}
.reebok-signup button.primary {
  background-color: #0a86df;
  color: #fff;
}
.reebok-signup button.primary:hover {
  background-color: #2ca8ff;
}
.reebok-signup button input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.reebok-signup button:hover {
  background-color: #2ca8ff;
}
.reebok-signup #reebok-message {
  background-color: #3a7b1f;
  color: #fff;
  padding: 1em 2em;
}
.reebok-signup #reebok-message.error {
  background-color: #fbec5f;
  color: #333;
}
/*# sourceMappingURL=style.css.liquid.map */