/* ==========================================================================
   Shared styles
   ========================================================================== */

/*
 * theme.liquid
 */

html {
    font-size: 62.5%; /* Sets up the Base 10 for rem */
}

html, body, #container {
    height: 100%;
}

#container {
} 

.inner {
    width: 940px;
    margin: 0 auto;
}

body {
    font-family: 'proxima-nova';
    font-size: 1.4rem;
    line-height: 1.5;
    color: #222;
}

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

header {
    /*background-color: pink; */
    height: 60px;
    margin: 30px 0 30px 0;
    position: relative;
    z-index: 100;
}

.wide-format header {
    position: absolute;
}

.scrolled header {
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 0;
    top: 0;    
    margin-top: 0;
}

.header-bg {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    height: 60px; 
    width: 100%;
    transition: all .5s; 
}

.scrolled {
    padding-top: 120px; /* height of header plus it's margin */
}

.scrolled.wide-format {
    padding-top: 0; /* height of header plus it's margin */
}

.scrolled .header-bg {
    opacity: .91;
} 

.logo {
    float: left;
    height: 60px;
    width: 180px;
    background: transparent url("//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/proof-logo.png?9300") no-repeat center center;
    background-size: contain;
}

.svg .logo {
    background: transparent url("//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/proof-logo.svg?9300") no-repeat center center;
    background-size: contain;
}

header .logo a {
    display: block;
    width: 100%;
    height: 100%;
    opacity: .5;
} 

header nav ul {
    float: right;
    margin: 0;
    padding: 0;
}

header nav ul li {
    display: inline-block;
    height: 100%;
    line-height: 60px;
    text-transform: uppercase;
    padding-left: 2em;
    letter-spacing: 1px;
    font-size: 1.2rem;
}

header nav a {
    display: block;
    color: #222;
    transition: all .25s;  
}

header nav a:hover {
    color: #eba800;
}

footer {
    width: 100%;
    min-height: 200px;
    background-color: #eee;
    margin-top: 6rem;
    padding-bottom: 2rem;
}

footer .col-wrapper {
    padding-top: 3rem;
}

footer .col {
    width: 180px;
    float: left;
    margin-right: 20px;
}

footer .col:first-of-type {
    width: 340px;
}

footer .col:last-of-type {
    margin-right: 0;
}

footer .col h4 {
    font-size: 1.2rem;
    font-weight: 400; 
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.6);
    border-bottom: 1px solid #bababa;
}

footer .col ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 

footer .col li {
    font-size: 1.2rem;
    margin-bottom: .4rem;
} 

footer a, footer p {
    color: rgba(0,0,0,0.5);
}

footer a:hover {
    color: #eba800;
}

footer p { 
    font-size: 1.3rem;
} 

footer .col .icons a {
    margin-right: 1rem;
}

footer form input {
    -webkit-appearance:none;
}

footer input[type=email] {
    height: 2rem;
    line-height: 2rem;
    padding: .5rem;
    width: 200px;
    border: 1px solid #bababa;
    font-size: 1.2rem;
}

footer input[type=submit] {
    border: none;
    height: 3rem;
    line-height: 2rem;
    padding: 0;
    width: 6rem;
    margin-left: .25rem;
    background-color: #bbb;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 1.2rem; 
}

footer .bottom {
    clear: both;   
    margin: 5rem 0 0 0;
    padding-top: .5rem;
    border-top: 1px solid #bababa;
    color: rgba(0,0,0,0.5);
    font-size: 1.2rem;
}

footer .copy {
    float: left;
}

footer .bottom .quick-contact {
    float: right;
}

footer .bottom .quick-contact a {
    margin-left: 1rem;
}

footer.woz {
    display: none;
}

/* #top-back naviagtion link */
#back-top {
    display: none;
    position: fixed;
    top: 45%;
    right: 0px; /* Position set by script.js */
    width: 30px;
    line-height: 3-px;
    height: 82px;
    text-align: left;
    z-index: 9999;
}

@media only screen and (max-device-width: 1024px) {
    #back-top {
        width: 90px;
    }
}

#back-top a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 4rem;
    color: #e3e3e3;
    transition: color .3s;
} 

#back-top a:hover {
    color: #eba800;
}


/* --------------------
    Hold modal
 ----------------------*/
#hold-modal {
    position: fixed;
    z-index: 999999999;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
}

#hold-modal .inner {
    position: absolute;
    height: 425px;
    width: 425px;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -250px;
    background-color: #fff;
    text-align: center;
    padding: 35px;
    border: 1px solid #ddd;
}

#hold-modal a {
    text-decoration: underline;
}

#hold-modal a:hover {
    color: #eba800;
}


#hold-modal .logo {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    background-size: auto 40px;
}

#mc_embed_signup input.email,
#mc_embed_signup input.button {
    margin: 0 auto 10px auto !important;
}

#mc_embed_signup input.button {
    background-color: #eba800;
}

/* ==========================================================================
   Template styles
   ========================================================================== */

/*
 *  index.liquid
 */

.home-banner {
    width: 940px;   
    height: 500px;
    /*height: 450px;*/
    background: transparent url("//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/home_banner_image.jpg?9300") no-repeat top center;
}

.home-banner {
}

.home-banner a {
    display: block;
    width: 100%;
    height: 100%;
}

.wide-format .home-banner {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 500px;
    background-color: #eee;
    z-index: -1;
    background-size: auto 500px;    
}

.wide-format .home-callouts {
    margin-top: 520px;
}

.home-callouts {
    margin-top: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e3e3e3;
}

.home-callouts .featured,
.home-callouts .mission  {
    float: left;
    width: 460px;
    text-align: center;
}

.home-callouts img {
    max-width: 100%;
    height: auto;
}

.home-callouts h3 {
    font-weight: 400; 
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}

.home-callouts h3 span {
    letter-spacing: normal;
    opacity: .6;
} 

.home-callouts p {
    font-family: freight-text-pro;
    font-weight: 300;
    text-align: center;
}

.home-callouts .featured p {
    font-size: 1.4rem;
    padding: 0 4em;
}

.mission .copy {
    height: 294px;
    display: table-cell;
    vertical-align: middle;
}

.mission p {
    margin-top: 0;
    font-size: 1.2em;
    line-height: 1.8em;
    padding: 0 2em;
    color: #888;
    font-weight: 300;
}

.button {
    display: inline-block;
    background-color: #bbb;
    color: #fff;
    padding: .5em .75em;
    margin: .5em auto;
    transition: all .125s;
}

.button:hover {
    background-color: #eba800;
}

.home-lifestyle {
    margin-top: 3rem;
    height: 320px;
}

.home-lifestyle div {
    position: relative;
    float: left;
    transition: opacity .3s;
}

.home-lifestyle div:hover {
    opacity: .8;
} 

.home-lifestyle .i1 {
    width: 220px;
    height: 390px;
    background: transparent url(//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/home_lifestyle_1_image.jpg?9300) no-repeat center center;
    background-size: cover;    
}

.home-lifestyle .i2 {
    width: 460px;
    height: 390px;
    margin-left: 20px;
    background: transparent url(//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/home_lifestyle_2_image.jpg?9300) no-repeat center center;
    background-size: cover;    
}

.home-lifestyle .i3 {
    width: 220px;
    height: 120px;
    margin-left: 20px;
    background: transparent url(//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/home_lifestyle_3_image.jpg?9300) no-repeat center center;
    background-size: cover;    
    margin-bottom: 20px;
} 

.home-lifestyle .i4 {
    width: 220px;
    height: 250px;
    margin-left: 20px;
    background: transparent url(//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/home_lifestyle_4_image.jpg?9300) no-repeat center center;
    background-size: cover;    
} 

.home-lifestyle div a {
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
} 

.home-lifestyle .i1 a { width: 230px; height: 390px;}
.home-lifestyle .i2 a { width: 460px; height: 390px;}
.home-lifestyle .i3 a { width: 220px; height: 120px;} 
.home-lifestyle .i4 a { width: 220px; height: 250px;}

.v-rule {
    float: left;
    width: 5%;
    max-width: 20px;
    height: 480px;
/*    background: transparent url(" //cdn.shopify.com/s/files/1/0154/8963/t/3/assets/1x1_black.png?9300") no-repeat center center;
    background-size: 1px 95%;
    opacity: .1;*/
}

.v-rule .line {
    position: relative;
    display: block;
    height: 95%;
    width: 1px;
    margin: 0 auto;
    background: #e3e3e3;
}

/*
 *  Join modal
 */

body.join-open {
  overflow: hidden; 
}

#join-modal {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px; 
  left: 0px;
  right: 0px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 999999999999999; 
}

#join-container {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  padding: 20px 20px;
  margin-left: -200px;
  background: #fff;
  border: 1px solid #bababa;
}

#join-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
}

#join-modal .logo {
    width: 140px;
    background-position: top center;
}

.join-copy {
    clear: both;
    /*background-color: pink;*/
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 2.8rem;
}

.join-copy b {
    font-weight: normal;
    color: #eba800;
}

.join-copy h2 {
    font-weight: 300;
    font-size: 1.6rem;
    letter-spacing: 1px;
    margin: 0 0 .7rem 0;
} 

/* formstack form styles */

.fsForm input {
   -webkit-appearance: none !important;
   border: 1px solid #bababa;
}

.fsRow label {
    font-weight: normal !important;
    padding-top: 1rem !important;
}

.fsFieldRow input {
    max-width: 390px !important;
}

.fsRowBody {
    padding: 0 !important;
    padding-top: 0 !important;
}

.fsSubmit {
    padding: 0 !important;
    text-align: right !important;
}

.fsSubmitButton {
    padding: .75rem 1.5rem !important;
    color: #fff !important;
    transition: background-color .25s !important;
    border-color: #fff !important;
}

.fsSubmitButton:hover {
    background-color: #eba800 !important;
}  

.fsValidationError .fsLabel {
    background-image: none !important;
    padding-left: 0 !important;
}

.fsError {
    background-color: #fff !important;
    margin: 0 0 1.4rem 0 !important;
}

footer.short-page {
    position: absolute;
    bottom: 0;
}

/* Thank you page */

.thank-you-page h2 {
    font-size: 1.8rem;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: uppercase;
}

.thank-you-page strong, .thank-you-page a {
    color: #eba800;
    font-weight: normal;
} 

/*
 *  Template: snippet-collection-listing.liquid
 */

.all-collections {
    margin-top: 2rem;
}

.all-collections section {
    margin-bottom: 3rem;
}

.all-collections section h2{
    letter-spacing: 1px;
    font-weight: 300;
    margin: 0 0 1.4rem 0;   
} 

.all-collections section h2 {
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 2px;   
    border-bottom: 1px solid #e3e3e3;
}

.all-collections section h3 {
    font-size: 1.3rem;
    font-weight: normal;
    margin: .5rem 0;
    float: left;
    width: 180px;
    /*background-color: green;*/
} 

.all-collections section h4 {
    /*background: pink;*/
    text-align: right;
    float: right;
    margin: .5rem 0 0 0;
    padding: 0;
    font-size: 1.3rem;
    font-weight: normal; 
    width: 40px;   
} 

.all-collections span.compare-price {
    text-decoration: line-through;
    display: block;
    clear: both;
}

.all-collections span.price.color {
    color: #eba800;
} 

.all-collections .product {
    float: left;
    /*background-color: lightgreen;*/
    margin-right: 20px;
    margin-bottom: 20px;
    min-height: 230px;
}

.all-collections .product .notice {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 163px;
    text-align: center;
    background: rgba(128,128,128,0.8);
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1rem;
    letter-spacing: 1px;
    opacity: 0;
}  

.all-collections .product.stock-notice .notice {
    
} 

.all-collections section > .product:nth-of-type(4n) {
    margin-right: 0;
}

/* Img height was 180 */

.product-slides { 
  position:relative; 
  width: 220px; 
  height: 163px; 
  overflow: hidden; 
  margin-bottom: 0;
}

.product-slides img { 
  position: absolute;
  left: -6px; 
  top: 0; 
  z-index: 10;
  height: 163px;
  width: auto;
  clip:rect(0px,226px,163px,0px); 
}

.variant-wrapper {
    opacity: 0;
    clear: left;
    /*background-color: red;*/
    width: 100px;
}

.all-collections .variant-color {
    float: left;
    margin-right: .75rem;
    height: 1rem;
    width: 1rem;
    border-radius: 1rem;
    border: 1px solid white;
}

.variant-color.white,
.variant-color.off-white {
    border-color: #eee;
} 



/* The liquid generated variant color map */

 .pine-gray{ background-color: #5b6640; } .ash-blue{ background-color: #40508f; } .black{ background-color: #0d0c0c; } .forrest{ background-color: #61805c; } .steel-blue{ background-color: #67719c; } .off-white{ background-color: #fcf8ed; } .powder-blue{ background-color: #a9bef2; } .oxblood{ background-color: #a62d2d; } .olive{ background-color: #5b6640; } .purple{ background-color: #6f518a; } .stone-gray{ background-color: #adafba; } .coal{ background-color: #575454; } .pink{ background-color: #ed9acf; } .true-gray{ background-color: #a7a8b8; } .ash-brown{ background-color: #6b5a21; } .sand{ background-color: #c7bd73; } .khaki{ background-color: #c7bd73; } .white{ background-color: #ffffff; } .pale-blue{ background-color: #a4baf2; } .blue{ background-color: #688eed; } .ink{ background-color: #2e2773; }



/*
 *  Template: product.liquid
 */

.breadcrumbs {
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 1.4rem;
    color: #999;
}

.breadcrumbs a {
    color: #999;
}

.breadcrumbs span {
    margin: 0 .5rem;
}

#upper {
    width: 100%;
    height: 500px; 
    border-bottom: 1px solid #e3e3e3;
    margin: 1rem 0 5rem 0;
    padding-bottom: 5.5rem;
}

/* 
    The images were 620 x 400
    Then the images were 595 x 425   
*/

#gallery {
    position: relative;    
    width: 605px;
    height: 500px;
    /*background: lightblue;*/
    float: left;
    margin-right: 15px; /* To get the next col back on the grid */
}

.zoomer {
    position: absolute;
    top: 0;
    left: 0;
    width: 601px; /* Clip to line up w/ thumbs */
    height: 425px;  
    z-index: 3;
    cursor: move;
}

#gallery .main-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 605px;
    height: 425px;
    /*background-color: lightgreen;*/
}

#gallery .spinner {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    display: none;
    opacity: .5;
    background: #fff url(//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/ajax-loader.gif?9300) no-repeat center center;  
}

#gallery .main-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 605px;
    height: auto;
    clip:rect(0px,601px,425px,0px); /* Clip to line up w/ thumbs */
}

#gallery .main-image img.current {
    z-index: 2;
}

#gallery .main-image img.next {
    z-index: 1;
}

#gallery .thumb-wrapper {
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%;
    z-index: 2;
}

#gallery .click-blocker {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: #fff;
    opacity: .75;
    z-index: 3;
}

#gallery ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#gallery ul li {
    position: relative;
    display: inline-block;
    float: left;
    /*background-color: pink;*/
    width: 52px;
    height: 52px;
    overflow: hidden;
    margin: 9px 9px 0 0;
    padding: 0;
}

#gallery ul li:last-of-type {
    margin-right: 0;
} 

#gallery ul li img {
    /*display: none;*/
    position: absolute;
    top: 0;
    left: -12px;
    width: auto;
    height: 100%;
    clip:rect(0px,64px,52px,0px); /* right edge + left val above */
    cursor: pointer;
}

#info {
    width: 300px;
    margin-left: 20px;
    height: auto;
    float: left;
    /*background-color: pink;*/
}

#info h1 {
    font-size: 2.3rem;
    margin: 0 0 .4rem 0;
    padding: 0;
    font-weight: 300;
    letter-spacing: 1px;
}

#info p {
    font-size: 1.3rem;
    line-height: 1.4;
    padding-top: 0;
    margin-top: 0;
} 


#info .stock-notice {
    font-weight: bold;
    color: #eba800;
}

#lower {
    width: 100%;
    min-height: 600px;
    /*background-color: lightblue;*/
}

#lower .left-below-fold {
    float: left;
    width: 560px;
    margin-right: 60px;
    /*background-color: pink;*/
}

#lower .left-below-fold h3 {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

#lower .left-below-fold img {
    width: 100%;
    max-width: 100%;
} 

#lower .left-below-fold div {
    margin-bottom: 1.4rem;
}

#lower .right-below-fold {
    float: left;
    width: 300px;
    margin-left: 20px;
}

.tabs {
    margin: 0 0 2rem 0;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
}

.tabs li {
    list-style-type: none;
    display: inline-block;
    padding: 1rem 2rem;
    border-right: 1px solid #e3e3e3;
}

.tabs li:last-of-type {
    border-right: none;
} 

.tabs li.active a {
    color: #eba800;
}

.tabbed-section {
    /*background-color: lightblue;*/
}

.tabbed-section ul {   
    padding-left: 1.4rem;
} 

.tabbed-section li {   
    font-size: .25rem;
    color: #ccc;
    margin-bottom: 1rem;
}

.tabbed-section li span {   
    font-size: 1.3rem !important;
    color: #222;
} 

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

table.sizing-chart{
    width: 100%;
}

table.sizing-chart tr:nth-child(even) td{
    background: #f6f6f6;
}

table.sizing-chart {
    border: 2px solid #fff;
}

table.sizing-chart td{
    border: thin solid #ddd;
    color: #444;
    font-size: 11px;
    padding: 5px;
    text-align: center;
}

table.sizing-chart tr:first-child td{
    font-weight: bold;
    color: #000;
}

.swap-images {
    display: none;
}

.price-field {
    /*background-color: pink;*/
    height: 5rem;
    line-height: 5rem;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 1rem;   
}

.price-field .price.color {
    color: #eba800;
}

.compare-price {
    text-decoration: line-through;
}

.compare-price.shown {
    margin-right: 1rem;
}

.share {
    float: right;
}

.share a {
    color: #bababa;
}

.social {
    text-align: center;
    border-bottom: 1px solid #e3e3e3;    
    display: none;
    padding: 0 0 5px 0;
    margin-bottom: 1rem;
    /*background-color: lightyellow;*/
}

.twitter-share-button { 
    /*background-color: red; */
    width: 80px !important;
}

.selector-wrapper {
    width: 100%;
    background-color: yellow;
}

.selector-wrapper label {
    margin-left: -80px;
    width: 60px;   
    display: block;
    float: left;
    height: 2.8rem;
    line-height: 2.8rem;   
    text-align: right;
    font-size: 1.2rem;
}

.add-to-cart input {
    -webkit-appearance: none;
    border: none;
}

#add-to-cart {
    float: right;
    margin: 0 0 1.4rem 0;
}

.selector-wrapper {
    margin: 0 0 1.4rem 8rem; 
    width: 220px;
    height: 3rem;
    border: none;
    background: url(//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/select_arrow.svg?v=3&9300) no-repeat right #fff;
    border: 1px solid #e3e3e3;
}

.selector-wrapper select {
   background: transparent;
   width: 220px;
   line-height: 2.8rem;
   padding-left: 1rem;
   border: 0;
   border-radius: 0;
   height: 2.8rem;
   -webkit-appearance: none;
   font-size: 1.2rem;
}

.product-notice {
    clear: both;
    padding: 0;
    text-align: center;
    border: 1px solid #e3e3e3;
}

#info .product-notice p {
    font-size: 13px;
} 

/*
 *  Template: snippet-page-about.liquid
 */
 
 .header {
 }

 .header table {
    display: none;
 }

 .header .callouts div {
    float: left;
    width: 30%;
    text-align: center;
 }

.header div.lead-image {
    width: 100%;
    clear: both;
    margin-bottom: 1rem;
}

.about-page h1 {
    font-weight: 300;
    letter-spacing: 2px;
    font-size: 2.5rem;
}

.about-page .header {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 4rem;
    margin-bottom: 5rem;
}

.about-page .header p {
    padding: 0 3rem;
}

 .header div.symbol {
    width: 5%;
    line-height: 250px;
    font-size: 4rem;
 }

/*
 *  Template: snippet-page-faqs.liquid
 */
 
 .faq-page {
    opacity: 0;
 }

.faq-page h1,
.faq-page h2,
.faq-page h3 {
    font-weight: normal;
} 

.faq-page h2 {
    font-size: 1.8rem;
    margin-top: 3rem;
    border-bottom: 1px solid #e3e3e3;
}

.faq-page h3 {
    font-size: 1.4rem;
    cursor: pointer;
    width: intrinsic;
    transition: all .25s;
    margin: 0 0 .25rem 0;
    padding: 0;      
}

.faq-page h3.open {
    font-weight: bold;
} 

.faq-page h3:before {
    content: '• ';
}

.faq-page h3:hover {
    color: #ec8e33;
} 

 .faq-page p { 
    padding: 0;
    margin: 0;
 }

 .answer {
    display: none;
    background-color: #f8f8f8;
    margin: 0 0 2rem 1rem;
    padding: 2rem;
 }

p#contact {
        position: relative;
    top: -50px;
}

/*
 *  Templates: blog.liquid & article.liquid
 */
 
#blog .pagination {
    display: none;
}

#blog article {
    clear: both;
    padding-bottom: 6rem;
    margin-bottom: 6rem;
    border-bottom: 1px solid #e3e3e3;
}

#blog article:last-of-type {
    border-bottom: none;
}    

#blog article h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.2rem;  
}

#blog article h2 {
    margin: 0;
    padding: .4rem 0 1rem 0;
    font-weight: normal;
    font-family: freight-text-pro;
    font-style: italic;    
} 

#blog article .image,
#blog article .content {
    float: left;
    width: 540px;
}

#blog article .image img,
#blog article .content img {
    max-width: 100%;
}  

#blog article .image p {
    margin: 0;
    padding: 0;
} 

#blog article .excerpt,
#blog article .list {
    width: 380px;
    float: right;
}

#blog article .excerpt a.read-more {
    color: #bababa;
}


#blog article .nav {
    float: right;
    width: 380px;
    opacity: 0;
    margin-bottom: 1.8rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e3e3e3;   
    /*background: pink; */
}

#blog article .nav .left {
    float: left;
}   

#blog article .nav .right {
    float: right;
}   

#blog article .list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
} 

#blog article .list li {
    margin-bottom: 1rem;
} 

#blog article .excerpt p:first-of-type,
#blog article .content p:first-of-type {
    margin-top: 0;
    padding-top: 0;
} 

#blog #infscr-loading {
    text-align: center;
    margin: 4rem 0;
    width: 100%;
} 


/*
 *  Template: cart.liquid
 */

.templateCart h2 {
    font-weight: 300;
} 

#cartform input {
    -webkit-appearance: none;
    border: 0px;    
}
 
.items {
    width: 100%;
    border: 1px solid #e3e3e3;    
}

.items th,
.items td {
    text-align: center;
    padding: 1.4rem 0;
}

.items th {
    border: 1px solid #e3e3e3;
}


.items tfoot td {
    border: none;
    padding: 0;
}

#cartform .items .quantity {
    width: 2em;
    text-align: center;
    border: 1px solid #e3e3e3;
} 

.remove-from-cart {
    letter-spacing: 1px;
    color: #eba800;
}

#checkout-proceed {
    float: right;
    margin: 0 0 4rem 0;
    text-align: center;
}

#checkout-proceed span {
    display: block;
    text-align: center;
} 

#update-cart {
    background-color: #eba800;
    padding: 1rem 4rem;
    letter-spacing: 1px;
}

#checkout-addnote {
    margin-top: 2rem;
}

#checkout-addnote label {
    display: block;
}

#additional-checkout-buttons-label {
    padding: 1rem 0 .5rem 0;
}

#note {
    clear: both;
    width: 400px;
    height: 7rem;
    border: 1px solid #e3e3e3;    
}

.templateCart footer {
    margin-top: 0;
}

/*
 ==========================================================================
   Icon Fonts (via Fontello)
   ========================================================================== */

@font-face {
  font-family: 'fontello';
  src: url("//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/fontello.eot?9300");
  src: url("//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/fontello.eot?9300") format('embedded-opentype'), url("//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/fontello.woff?9300 ") format('woff'), url("//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/fontello.ttf?9300 ") format('truetype'), url("//cdn.shopify.com/s/files/1/0154/8963/t/3/assets/fontello.svg?9300 ") format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
/* opacity .8 */
/* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
/* fix buttons height, for twitter bootstrap */
  line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
  margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-up:before { content: '\2b06'; } /* '⬆' */
.icon-basket:before { content: '\e73d'; } /* '' */
.icon-up-open-big:before { content: '\e767'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */








/* ==========================================================================
   Helper classes
   ========================================================================== */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* 
 * Chrome Frame prompt
 */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Micro clearfix
 */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}