/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/* This theme is built on the Brick Grid Framework */
/* Please see bricks.scss.liquid for any framework/grid/column arrangment information


/************************************/
/*      Contents Of This File       */
/************************************/
/*
/*  - Basic Element Settings (Unclassed)
/*  - Basic Element Settings (Classed)
/*  - Basic layout wrappers and styles
/*  - Theme Header
/*    ~  Store Message
/*    ~  Utilities
/*    ~  Crumbtrail
/*    ~  Login / Account areas
/*  - Theme Footer
/*  - Navigation menu (Mobile first)
/*  - Footer menu (simple)
/*  - Product Page
/*  - Cart Page
/*  - Homepage
/*    ~ Homepage Slideshow
/*  - Functional Components
/*    ~ Product Zoom
/*    ~ Lightbox
/*    ~ Quick Buy
/*    ~ Animations
/*  - Shared Components
/*  - Fixes on External Social Sharing Icons
/*    ~ Instagram
/*  - Limited Media Query Adjustments
/*  - Misc style adjustment classes
/*  - Special Elements
/*
/************************************/



/**************************************/
/* Basic Element Settings (Unclassed) */
/**************************************/
  body { background-color: #ffffff; border: 0px #a8d3f6 solid; height: 100%; overflow: auto; min-height: 100vh; box-sizing: border-box; }
  body:before, body:after { content: " "; display: table; }
  body:after { clear: both; }
  
  body, p {
    font-family: 'Raleway', serif;
    font-size: 17px;
    color: #2e0dbd;
  }
  h1, h2, h3, h4, h5, h6 { color: #549ae8; font-family: 'Indie Flower', sans-serif; }
  h1 { font-size: 60px; } .h1-style { font-size: 60px; }
  h2 { font-size: 42.8px; } .h2-style { font-size: 42.8px; }
  h3 { font-size: 29.9px; }
  h4 { font-size: 23.88px; }
  h5 { font-size: 19.58px; }
  h6 { font-size: 17px; }
  a {
    color: #2e0dbd;
    text-decoration: none;
  }
  @media only screen and (min-width: 769px) {
    a:hover, a:hover p {
      color: #549ae8;
    }
  }
  input {
    background-color: #ffffff;
    color: #000000;
  }
  header, section, nav, article {
    float: left;
    width: 100%;
  }
  header {
    padding: 0px;
  }
  select {
    border-radius: 2px;
    border: none;
    padding: 12px 40px 12px 15px;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 1px #def7f9 solid;
    outline: 0;
  }


/************************************/
/* Basic Element Settings (Classed) */
/************************************/
  h1.title, .center-title { text-align: center; }


/************************************/
/* Basic layout wrappers and styles */
/************************************/
  .container {
    margin: auto;
    padding: 0px 20px;
  }
  .page_width    { max-width: 1300px; }
  .reading_width { max-width: 800px; line-height: 2; }
  .second_colour { background-color: #def7f9; }
  .third_colour  { background-color: #def7f9; }


/************************************/
/*           Theme Header           */
/************************************/

/* Store Message */
  #store_message {
    border-top: 1px #def7f9 solid;
    text-align: center;
  }
  #store_message p {
    font-family: 'Raleway', serif;
    font-size: 15px;
    margin: 0.75em 0px;
  }
  
/* Tagline */
  #tagline {
    position: relative;
  }
  #tagline p {
    position: absolute;
    top: calc(50% - 17px);
    }
  
/* Utilities */
  .utilities ul {
    width: 100%;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }
  .utilities ul li {
    padding-left: 20px;
    display: inline-block;
  }
  .utilities ul li:first-child {
    padding-left: 0px;
  }
  #utilities .bricks {
    padding-bottom: 10px;
  }
  #utilities [class^="brick-"] {
    padding-top: 10px;
  }

/* Crumbtrail */
  .crumbtrail {
    margin: 0px;
    font-size: 13px;
    color: #000000;
  }
  .crumbtrail_sep {
    color: #000000;
  }
  .crumbtrail a {
    color: #000000;
  }
  .crumbtrail a:hover {
    text-decoration: underline;
  }
  
/* Login / Account areas */
  #login {
    display: none;
  }
  .account input, .product input {
    border-radius: 2px;
    border: none;
    padding: 12px 15px;
    box-sizing: border-box;
  }
  .account input {
    width: 100%;
  }
  .product input {
    padding: 12px 40px;
  }
  .account label {
    display: inline-block;
    padding-bottom: 10px;
  }
  .forgotten {
    position: relative;
  }
  .forgotten span {
    color: #549ae8;
    position: absolute;
    right: 30px;
    top: -2px;
    border-left: 1px #def7f9 solid;
    padding-left: 30px;
    font-weight: 300;
    font-size: 18px;
  }
  input[type="button"], input[type="submit"] {
    border: none;
    background-color: #549ae8;
    color: #ffffff;
    font-weight: 300;
  }


/**************************************/
/*            Theme Footer            */
/**************************************/
  footer {
    width: 100%;
    float: left;
    padding: 20px 0px 40px;
  }
  .footer-labels {
    line-height: 1.6;
  }
  .footer_menu ul {
    list-style-type: none;
    padding: 0px;
  }
  .footer_menu ul li {
    margin-bottom: 20px;
  }
  #footer-logo img {
    width: 150px !important;
  }



/**********************************/
/* Navigation menu (Mobile first) */
/**********************************/
  #main_menu {
    width: 100%;
    float: left;
    font-family: 'Indie Flower', serif;
  }
  #main_menu ul {
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
    transition: opacity 0.0s ease;
  }
  #main_menu ul, #main_menu li, #main_menu a {
    display: inline-block;
    box-sizing: border-box;
  }
  #main_menu>ul {
    width: 100%;
    text-align: center;
  }
  #main_menu {
    display: none;
  }
  #main_menu>ul>li {
    position: relative;
  }
  #main_menu>ul>li>a {
    padding: 20px 30px;
    box-sizing: border-box;
    transition: background-color 0.0s ease;
  }
  #main_menu>ul ul {
    display: none;
    transition: opacity 0.0s ease-in-out;
  }
  .menu-anchor {
    position: relative;
  }
  .with_submenu a i {
    display: inline-block;
    position: relative;
    top: 2px;
  }
  #mobile_nav {
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 0.4em;
  }

  @media only screen and (min-width: 769px) {
    #main_menu>ul>li.with_submenu:hover>a {
      border: 1px #def7f9 solid;
      margin: -1px -1px 0px;
      position: relative;
      z-index: 11;
      background-color: #ffffff;
      border-bottom-style: none;
    }
    #main_menu>ul>li:hover>a {
      color: #549ae8;
    }
    #mobile_nav {
      display: none;
    }
    #main_menu {
      display: inline-block;
    }
    #main_menu>ul>li:hover>ul {
      display: inline-block;
    }
    #main_menu>ul ul {
      display: none;
      position: absolute;
      opacity: 0;
    }
    #main_menu>ul>li>ul.persist {
      display: inline-block;
    }
    #main_menu>ul>li>ul>li:hover>ul {
      min-width: 200px;
      display: block;
      opacity: 1;
    }
  }
  @media only screen and (min-width: 480px) {
    #mobile_nav {
      position: absolute;
      top: 40px;
      left: 20px;
    }
  }
  @media only screen and (min-width: 769px) {
    #main_menu>ul>li:hover>ul {
      opacity: 1;
    }
    #main_menu>ul>li>ul:hover {
      opacity: 1;
    }
  }
  #main_menu>ul>li>ul {
    top: calc(100% - 1px);
    left: -1px;
    z-index: 10;
    text-align: left;
    border: 1px #def7f9 solid;
    background-color: #FFF;
    padding: 10px 0px;
    min-width: 200px;
  }
  #main_menu>ul>li>ul>li {
    position: relative;
    max-width: 200px;
  }
  #main_menu>ul>li>ul>a {
    display: inline-block;
    float: right;
    margin: 10px 20px;
  }
  #main_menu>ul>li>ul>li {
    display: block;
  }
  #main_menu>ul>li>ul>li a {
    padding: 10px 30px;
  }
  #main_menu>ul>li>ul.with_image {
    min-width: 400px;
  }
  #main_menu>ul>li>ul>li>ul {
    left: 100%;
    z-index: 11;
    text-align: left;
    border: 1px #def7f9 solid;
    background-color: #FFF;
    padding: 10px 0px;
    top: 0px;
  }
  #main_menu>ul>li>ul>li>ul.drop-right {
    left: auto;
    right: 100%;
  }
  #main_menu>ul>li>ul>li>ul>li {
    display: block;
  }
  @media only screen and (max-width: 768px) {
    #main_menu>ul>li>ul.with_image {
      min-width: 0px;
    }
    #main_menu>ul>li>a {
      padding: 15px 20px;
    }
    #main_menu>ul ul, #main_menu>ul li, #main_menu>ul a {
      width: 100% !important;
      max-width: none !important;
      text-align: left;
      position: static;
    }
    #main_menu>ul a {
      border-top: 1px #def7f9 solid;
    }
    .with_submenu i[class^="icon"] {
      float: right;
    }
    #main_menu>ul>li.with_submenu>a {
      border: none;
      border-top: 1px #def7f9 solid;
      margin: 0px;
    }
    #main_menu>ul>li>ul {
      border: none;
      padding: 0px;
    }
    #main_menu>ul>li>ul>li>a {
      padding: 15px 20px 15px 40px;
    }
    #main_menu>ul>li>ul>a {
      display: none;
    }
    /* 3rd Tier */
    #main_menu>ul>li>ul>li>ul {
      border: none;
      padding: 0px;
    }
    #main_menu>ul>li>ul>li>ul>li>a {
      padding: 15px 20px 15px 60px;
    }
    #main_menu>ul>li>ul>li>ul {
      min-width: 200px;
    }
  }


/**********************************/
/*      Footer menu (simple)      */
/**********************************/
  #footer_menu_simple {
    width: 100%;
    float: left;
    font-family: 'Indie Flower', serif;
  }
  #footer_menu_simple ul {
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
    transition: opacity 0.1s ease;
  }
  #footer_menu_simple ul, #footer_menu_simple li, #footer_menu_simple a {
    display: inline-block;
    box-sizing: border-box;
  }
  #footer_menu_simple>ul {
    width: 100%;
    text-align: center;
  }
  #footer_menu_simple>ul>li {
    position: relative;
  }
  #footer_menu_simple>ul>li>a {
    padding: 20px 30px;
    box-sizing: border-box;
    transition: background-color 0.05s ease;
  }


/**********************************/
/*            Homepage            */
/**********************************/
  #homepage_ad_row img {
    width: 100%;
  }
  #homepage_ad_row p {
    text-align: center;
  }
  #welcome-header h2 {
    text-align: center;
    margin-bottom: 0px;
  }
  #welcome-text a {
    color: #54e858;
  }
  #welcome-text a:hover {
    border-bottom: 1px #54e858 solid;
  }

/* Homepage Slideshow */
  .main_slider ul {
    list-style-type: none;
    padding: 0px;
    width: 100%;
  }
  .main_slider ul li, .main_slider ul li img {
    width: 100%;
  }
  .main_slider ul li img {
    display: none;
  }
  .main_slider ul li:first-child img {
    display: inline-block;
  }
  .main_slider {
    position: relative;
    overflow: hidden;
  }
  .main_slider #ms-prev, .main_slider #ms-next {
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: flex;
    font-size: 30px;
    min-width: 100px;
    align-items: center;
  }
  .main_slider #ms-prev a, .main_slider #ms-next a {
    color: #FFFFFF;
    padding: 30px 0px;
    display: block;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    font-size: 2.0em;
    min-width: 100px;
  }
  .main_slider #ms-prev { left: -40px; text-align: left; padding-right: 80px; }
  .main_slider #ms-next { right: -40px; text-align: right; padding-left: 80px; }
  .main_slider #ms-prev:hover { left: -10px; }
  .main_slider #ms-next:hover { right: -10px; }
  .main_slider #ms-prev:hover a { padding: 30px 80px 30px 30px; opacity: 1; }
  .main_slider #ms-next:hover a { padding: 30px 30px 30px 80px; opacity: 1; }


/**************************************/
/*             Vend Pages             */
/**************************************/
  .template-page #main a {
    color: #54e858;
  }
  .template-page #main a:hover {
    border-bottom: 1px #54e858 solid;
  }


/**************************************/
/*            Product Page            */
/**************************************/
  #product_images {
    padding-right: 40px;
  }
  #product_images img {
    width: 100%;
  }
  #main_image {
    padding-top: 0px;
  }
  #quantity {
    border: 1px #def7f9 solid;
    padding: 12px 20px;
    width: 100px;
  }
  .product h2:first-child {
    margin-top: 0px;
  }
  .thumbnails a {
    display: inline-block;
    margin-right: 10px;
  }
  .thumbnails img:last-child {
    margin-right: 0px;
  }
  .product-element {
    width: 100%;
    border-top: 1px #def7f9 solid;
    float: left;
  }
  .product-element:last-child {
    border-bottom: 1px #def7f9 solid;
  }
  .product-element a {
    color: #54e858;
  }
  .collection_browser a {
    color: #2e0dbd;
  }
  .product-description {
    width: 100%;
    margin-bottom: 20px;
    line-height: 2;
  }
  .product-description a {
    color: #54e858;
  }
  .product-description a:hover {
    border-bottom: 1px #54e858 solid;
  }
  .product_prev { float: left; }
  .product_next { float: right; }
  .product-element.collection_browser {
    border-bottom: none;
  }
  .img_label_wrapper {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .img_label {
    position: absolute;
    display: inline-block;
    top: 45%;
    left: 0px;
    right: 0px;
    width: 100%;
  }
  .img_label_text {
    background-color: #549ae8;
    padding: 7px 12px;
    color: #ffffff;
    font-size: 0.9em;
    letter-spacing: 1px;
  }
  .product_row img {
    width: 100%;
  }
  .product .money {
    font-size: 30px;
    color: #549ae8;
  }
  .product input[type="submit"].sold-out {
    background-color: #CCC;
  }
  

/**********************************/
/*           Cart Page            */
/**********************************/
  .cart_image {
    float: left;
    margin-right: 20px;
  }
  .cart-bricks {
    float: left;
    width: 100%;
    border-bottom: 1px #def7f9 solid;
  }
  .cart-bricks:first-child {
    border-top: 1px #def7f9 solid;
  }


/*************************************/
/*       Functional Components       */
/*************************************/

/* Product Zoom */
  #magnifier {
    position: absolute;
    z-index: 500;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    touch-events: none;
  }
  #magnifier img {
    width: auto !important;
    max-width: none !important;
    position: relative;
  }
  @media only screen and (max-width: 768px) {
    #magnifier {
      display: none;
    }
  }
  
/* Lightbox */
  .clean-build {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
  }
  .clean-viewer {
    position: fixed;
    background-color: #ffffff;
    border: 1px #e4e4e4 solid;
    top: 100px;
    left: 100px;
    z-index: 200;
    overflow: hidden;
    background-image: url(https://vend-ecom-prod-assets.s3.amazonaws.com/storefront-assets/3d72dbbf-33a9-4344-a41f-839346ac27ad/52126e72-203b-11e5-a5eb-bc764e20b9a7/56b3cfa0-203b-11e5-a5eb-bc764e20b9a7.gif);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
  }
  .clean-close {
    display: block;
    background-color: #ffffff;
    /*border: 1px #e4e4e4 solid;*/
    width: 26px;
    height: 26px;
    border-radius: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 7px;
    position: fixed;
    top: 50px;
    right: 50px;
    z-index: 300;
  }
  .clean-screen {
    position: fixed;
    background-color: #000;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
  }
  @media only screen and (max-width: 768px) {
    .clean-viewer { top: 50px;left: 50px;right: 50px;bottom: 50px; }
  }
  @media only screen and (max-width: 480px) {
    .clean-viewer { top: 20px;left: 20px;right: 20px;bottom: 20px; }
  }
  .clean-viewer .container {
    opacity: 0;
  }
  .clean-viewer .container .bricks {
    background: #ffffff;
  }
  #clean-view {
    position: relative;
  }
  
/* Product Quick Buy */
  .img_label_wrapper:hover .clean-buy { opacity: 1; }
  .clean-buy {
    transition: opacity 0.3s ease-in-out;
    background-color: #ffffff;
    color: #549ae8;
    border: 1px #def7f9 solid;
    display: inline-block;
    padding: 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    box-sizing: border-box;
    opacity: 0;
  }
  .clean-buy:hover { cursor: pointer; }
  .img_label_wrapper { overflow: hidden; }
  .img_label_wrapper img { float: left; }
  @media only screen and (max-width: 480px) {
    .clean-buy { display: none; }
  }


/* Animations */
  .vis_feedback {
    /* Fix Chrome opacity transition issue */
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  .vis_feedback img {
    /* Fix Chrome opacity transition issue */
    -webkit-backface-visibility: hidden;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    outline: 0px #5599ce solid;
    outline-offset: 0px;
  }
  .vis_feedback:hover img {
      opacity: 0.6;
    }


/*************************************/
/*         Shared Components         */
/*************************************/
  #recent_products img {
    width: 100%;
  }


/******************************************/
/* Fixes on External Social Sharing Icons */
/******************************************/
  .thefancycont { display: inline-block; }
  .fb_iframe_widget { height: 20px; }
  .fb_iframe_widget > span { vertical-align: baseline!important; }
  .social-share-label { display: inline-block; vertical-align: top; }
  .socialitem {
    display: inline-block;
    vertical-align: top !important;
  }
  div.product-element p a[class*="_pin_it_"] {
    /* Stronger application for pinterest */
    vertical-align: top !important;
  }
  .socialitem>* {
    float: left !important;
  }
/* Instagram */
  .instagram-follow {
    margin-top: 2.9em;
  }
  @media only screen and (max-width: 768px) {
    .bricks.cleanstagram div:last-child { display: none; }
  }
  .cleanstagram.bricks {
    padding-bottom: 40px;
  }


/******************************************/
/*    Limited Media Query Adjustments     */
/******************************************/
  @media only screen and (max-width: 768px) {
    .desktop-only {
      display: none !important;
    }
    #product_images {
      padding-right: 0px;
    }
      }
  @media only screen and (max-width: 480px) {
    #utilities, #utilities ul {
      text-align: center !important;
    }
        body { border: none; }
        .align-right.not-mobile {
      text-align: left;
    }
    .align-right.not-mobile p {
      margin: 0px;
    }
  }


/******************************************/
/*     Misc style adjustment classes      */
/******************************************/
  .passive-right { float: right; }
  .no-padding-top { padding-top: 0px; }
  .align-right { text-align: right; }
  .align-center { text-align: center; }
  .key-line-top { border-top: 1px #def7f9 solid; }


/**************************************/
/*         Special Elements           */
/**************************************/
  .normalise {
    /* Special Class used in JS to produce rows of even height */
    width: 100%;
    text-align: center;
  }
  .loader {
    /* Spinning loader background */
    float: left;
        background-image: url(https://vend-ecom-prod-assets.s3.amazonaws.com/storefront-assets/3d72dbbf-33a9-4344-a41f-839346ac27ad/52126e72-203b-11e5-a5eb-bc764e20b9a7/56b3cfa0-203b-11e5-a5eb-bc764e20b9a7.gif);
        background-repeat: no-repeat;
    background-position: center center;
  }
  .remove {
    padding-right: 20px;
  }
  .paginate_nav {
    font-size: 1.4em;
    display: inline-block;
    vertical-align: middle;
  }
  .selector-drop {
    position: relative;
    left: -35px;
    pointer-events: none;
    margin-right: -20px;
  }
  .social_icons i {
    font-size: 18px;
    padding-right: 10px;
  }
  .image-cont {
    height: 0px;
    padding-bottom: 80%;
    overflow: hidden;
  }
  .image-cont img {
    float: left;
    width: 100%;
  }