.snipcart-summary {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); 
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.block-group {
  *zoom: 1; }

.block-group:before, .block-group:after {
  display: table;
  content: "";
  line-height: 0; }

.block-group:after {
  clear: both; }

.block-group {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.block-group > .block-group {
  clear: none;
  float: left;
  margin: 0 !important; }

.block {
  float: left;
  width: 100%; }

.snipcart-summary {
  display: inline-block;
  float: right;
  font-weight: bold;
  margin-left: 15px; }
  .snipcart-summary i {
    position: relative;
    font-size: 26px;
    margin-right: 10px;
    vertical-align: middle; }
  .snipcart-summary .snipcart-items-count {
    position: absolute;
    background: #e74c3c;
    font-size: 12px;
    display: block;
    top: -6px;
    right: -5px;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 16px;
    font-weight: bold; }

/* #header #navbar span.snipcart-total-items, #header .snipcart-summary span.snipcart-total-items, #header.scrolled #navbar span.snipcart-total-items, #header.scrolled .snipcart-summary span.snipcart-total-items { */
 #header #navbar span.snipcart-items-count, #header .snipcart-summary span.snipcart-items-count, #header.scrolled #navbar span.snipcart-items-count, #header.scrolled .snipcart-summary span.snipcart-items-count {   
  color: #fff !important; }

.snipcart-categories:after {
  content: "";
  display: table;
  clear: both; }
.snipcart-categories .snipcart-item {
  width: 50%;
  float: left;
  text-align: center; }
  .snipcart-categories .snipcart-item.block {
    width: 50%; }
    @media only all and (max-width: 47.938em) {
      .snipcart-categories .snipcart-item.block {
        width: 100%; } }
    @media only all and (max-width: 30em) {
      .snipcart-categories .snipcart-item.block {
        width: 100%; } }

.snipcart-products:after {
  content: "";
  display: table;
  clear: both; }
.snipcart-products .snipcart-item {
  width: 33%;
  float: left;
  text-align: center; }
  .snipcart-products .snipcart-item:after {
    content: "";
    display: table;
    clear: both; }
  .snipcart-products .snipcart-item h3 {
    font-size: 16px; }
  .snipcart-products .snipcart-item.block {
    width: 25%; }
    @media only all and (min-width: 60em) and (max-width: 74.938em) {
      .snipcart-products .snipcart-item.block {
        width: 33%; } }
    @media only all and (min-width: 48em) and (max-width: 59.938em) {
      .snipcart-products .snipcart-item.block {
        width: 33%; } }
    @media only all and (max-width: 47.938em) {
      .snipcart-products .snipcart-item.block {
        width: 50%; } }
    @media only all and (max-width: 30em) {
      .snipcart-products .snipcart-item.block {
        width: 100%; } }

.snipcart-thumb {
  position: relative;
  display: inline-block; }
  .snipcart-thumb .snipcart-price {
    position: absolute;
    top: 0;
    right: -15px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    background: #e74c3c;
    border-radius: 100%;
    color: #fff; }

#snipcart-detail {
  padding-top: 50px; }
  #snipcart-detail h1, #snipcart-detail h2, #snipcart-detail h3, #snipcart-detail h4 {
    line-height: 1.2; }
  #snipcart-detail .snipcart-info, #snipcart-detail .snipcart-details {
    width: 50%; }
    @media only all and (max-width: 47.938em) {
      #snipcart-detail .snipcart-info, #snipcart-detail .snipcart-details {
        width: 100%; } }
  #snipcart-detail .snipcart-info {
    text-align: center; }
  #snipcart-detail .snipcart-details {
    padding-left: 30px; }
    #snipcart-detail .snipcart-details h1 {
      text-align: left; }
  #snipcart-detail .snipcart-thumb .snipcart-price {
    height: 100px;
    line-height: 100px;
    width: 100px;
    font-size: 1.5rem; }

/*# sourceMappingURL=snipcart.css.map */

// mini grid system - http://arnaudleray.github.io/pocketgrid
.block-group,.block,.block-group:after,.block:after,.block-group:before,.block:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.block-group{*zoom:1}
.block-group:before,.block-group:after{display:table;content:"";line-height:0}
.block-group:after{clear:both}
.block-group{list-style-type:none;padding:0;margin:0}
.block-group>.block-group{clear:none;float:left;margin:0 !important}
.block{float:left;width:100%}

$cart-accent: #e74c3c;

.snipcart-summary {
    @extend %vertical-align;
    display: inline-block;
    float: right;
    font-weight: bold;
    margin-left:15px;

    i {
        position: relative;
        font-size: 26px;

        margin-right: 10px;
        vertical-align: middle;
    }

    .snipcart-items-count {
        position: absolute;
        background: $cart-accent;
        font-size: 12px;
        display: block;
        top: -6px;
        right: -5px;
        border-radius: 100%;
        height: 16px;
        width: 16px;
        text-align: center;
        line-height: 16px;
        font-weight: bold;
    }
}

// need to override an important setting in antimatter
#header, #header.scrolled {
    #navbar, .snipcart-summary{
        span.snipcart-items-count {
            color: #fff !important;
        }
    }
}

.snipcart-categories {
    @include clearfix;
    .snipcart-item {
        width: 50%;
        float: left;
        text-align: center;

        &.block {
            width: 50%;
            @include breakpoint((mobile-only, small-mobile-range)) {
                width: 100%;
            }
        }
    }
}

.snipcart-products {
    @include clearfix;
    .snipcart-item {
        @include clearfix;
        width: 33%;
        float: left;
        text-align: center;

        h3 {
            font-size: 16px;
        }

        &.block {
            width: 25%;
            @include breakpoint((desktop-range,tablet-range)) {
                width: 33%;
            }
            @include breakpoint(mobile-only) {
                width: 50%;
            }
            @include breakpoint(small-mobile-range) {
                width: 100%;
            }
        }
    }
}

.snipcart-thumb {
    position: relative;
    display: inline-block;

    .snipcart-price {
        position: absolute;
        top: 0;
        right: -15px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        width: 60px;
        background: $cart-accent;
        border-radius: 100%;
        color: #fff;
    }
}

#snipcart-detail {
    padding-top: 50px;

    h1, h2, h3, h4 {
        line-height: 1.2;
    }

    .snipcart-info, .snipcart-details {
        width: 50%;
        @include breakpoint(mobile-only) {
            width: 100%;
        }
    }
    .snipcart-info {
        text-align: center;
    }
    .snipcart-details {
        padding-left: 30px;

        h1 {
            text-align: left;
        }

    }
    .snipcart-thumb .snipcart-price {
        height: 100px;
        line-height: 100px;
        width: 100px;
        font-size: $core-font-size + 0.5rem;
    }
}