/*============================================================================
  #Breakpoint and Grid Variables
==============================================================================*/
/*============================================================================
  Dependency-free breakpoint mixin
    - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
    - Usage docs: http://shopify.github.io/Timber/#sass-mixins
==============================================================================*/
/*============================================================================
  Roll-over Images
==============================================================================*/
.product-grid-item .product-container {
  width: 100%;
  position: relative;
  height: auto;
  text-align: center; }

.product-grid-item .product-image-container .reveal-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  /* Safari < 7.0 */
  -webkit-box-items: center;
  /* Safari 7.0+ */
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  justify-content: center; }

.product-grid-item .product-image-container .reveal-wrapper .reveal,
.product-grid-item .product-image-container .reveal-wrapper .reveal-fix {
  display: -webkit-box;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  /* Safari < 7.0 */
  -webkit-box-items: center;
  /* Safari 7.0+ */
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.reveal-fix {
  display: none !important; }

@media screen and (min-width: 768px) {
  .product-image-container:hover .reveal-wrapper .reveal-fix + .reveal {
    display: none !important; }

  .product-image-container:hover .reveal-wrapper .reveal-fix {
    display: block !important;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out; }

  .reveal-fix {
    display: none !important;
    transition: height 1s;
    -moz-transition: height 1s;
    /* Firefox 4 */
    -webkit-transition: height 1s;
    /* Safari and Chrome */
    -o-transition: height 1s;
    /* Opera */ }

  .product-image-container > .reveal-wrapper.reveal {
    display: none !important; } }
@media (min-width: 479px) and (max-width: 767px) {
  .product-grid-item .product-image-container .reveal {
    display: block;
    margin: 0 auto; }

  .product-grid-item .product-image-container {
    max-height: 200px; }

  .product-image-container .product-title-price-group {
    display: -webkit-box;
    display: -webkit-flex;
    /* Safari */
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    /* Safari < 7.0 */
    -webkit-box-items: center;
    /* Safari 7.0+ */
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; } }
@media (max-width: 479px) {
  .product-grid-item .product-image-container {
    max-height: 190px; } }
@media (min-width: 370px) and (max-width: 429px) {
  .product-grid-item .product-image-container {
    max-height: 180px; } }
@media (max-width: 369px) and (min-width: 320px) {
  .product-grid-item {
    padding: 0 12px 5px; }

  .product-grid-item .product-image-container {
    max-height: 150px; } }
@media (max-width: 360px) {
  .product-grid-item .product-image-container {
    max-height: 190px; }

  .product-grid-item .product-title-price-group {
    max-height: 100px; }

  .product-grid-item img {
    max-width: 100% !important;
    max-height: 150px; } }
@media (max-width: 320px) {
  .product-grid-item .product-image-container {
    max-height: 150px; }

  .product-grid-item .product-title-price-group {
    max-height: 100px; }

  .product-grid-item img {
    max-width: 100% !important;
    max-height: 150px; } }
/*============================================================================
  Collection Page: Header
==============================================================================*/
.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  /* Safari < 7.0 */
  -webkit-box-items: center;
  /* Safari 7.0+ */
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  padding: 0;
  margin: 0; }

.flex-row {
  width: auto; }

.flex-item {
  text-align: left; }

.flex-item-center {
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center; }

.collection-header-dash {
  margin-top: -2px; }

.collection-header-dash hr.product-dash-liner {
  border: 0;
  margin: 0;
  -webkit-border-image: url("//cdn.shopify.com/s/files/1/0243/7593/t/54/assets/dots.svg?v=3582273675922600371") 25% round;
  -o-border-image: url("//cdn.shopify.com/s/files/1/0243/7593/t/54/assets/dots.svg?v=3582273675922600371") 25% round;
  border-image: url("//cdn.shopify.com/s/files/1/0243/7593/t/54/assets/dots.svg?v=3582273675922600371") 25% round;
  border-width: 0 0 3px 4px;
  border-top: 0; }

@media screen and (max-width: 767px) {
  #collection-header {
    height: 75px; } }

#collection-info .collection-container-info {
  text-align: center; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  #collection-info {
    -webkit-box-pack: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    margin-left: 14px; } }

#collection-info-without-subheadline {
  display: block;
  height: 100%;
  margin-bottom: 10px;
  margin-top: 7px; }
  @media screen and (min-width: 768px) {
    #collection-info-without-subheadline {
      height: 150px; } }

#collection-info-without-subheadline .flex-container {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-self: center;
  align-self: center;
  padding: 0;
  margin: 0; }

#collection-info-without-subheadline #collection-title {
  font-size: 35px;
  color: #ffffff; }

.collection-gradient-mobile {
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -ms-flex-pack: left;
  -webkit-justify-content: left;
  justify-content: left; }
  @media screen and (max-width: 992px) {
    .collection-gradient-mobile {
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; } }

@media (max-width: 767px) {
  .collection-gradient-mobile {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; } }
@media screen and (max-width: 480px) {
  .collection-gradient-mobile .collection-container-info .flex-item {
    text-align: center; } }

@media screen and (max-width: 767px) {
  .collection-gradient-mobile .collection-container-info #collection-title {
    color: #ffffff; } }

.collection-gradient {
  background-color: #08748C;
  background-image: linear-gradient(#08748c, #00aff6);
  background: #00AFF6;
  background: linear-gradient(#08748c, #00aff6); }

.collection-gradient {
  background-color: #08748c;
  background-image: linear-gradient(#08748c, #0085ca);
  background: #0085ca;
  background: linear-gradient(#08748c, #0085ca); }

@media screen and (max-width: 767px) {
  .collection-gradient-mobile {
    background-color: #08748c;
    background-image: linear-gradient(#08748c, #0085ca);
    background: #0085ca;
    background: linear-gradient(#08748c, #0085ca); } }
#collection-info {
  height: 100%;
  color: #fff; }

#collection-image-container {
  padding: 7px;
  display: block;
  margin: 0 auto;
  height: 100%;
  border: 0; }

#collection-image-container #collection-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  border: 0;
  display: flex;
  justify-content: center; }

#collection-image img {
  max-width: 227px;
  max-height: 214px; }

.collection-container-info #collection-title {
  font-size: 28px;
  line-height: 33px;
  color: #000000; }

/*============================================================================
  Collection Page: Filters
==============================================================================*/
@media screen and (max-width: 991px) {
  .collection-options-filters {
    padding: 0; } }

.maker-btn-sort {
  background: #fff;
  border: 0;
  box-shadow: none;
  outline: 0 none;
  font-family: 'Roboto';
  font-weight: 400;
  line-height: 16px;
  padding: 0; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: 400;
  line-height: 16px; }

.maker-btn-sort:hover {
  background: #fff;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  color: #222; }

.maker-btn-sort:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0px !important;
  -webkit-appearance: none; }

.maker-btn-sort.dropdown-toggle:before {
  background: none; }

.maker-btn-sort.dropdown-toggle {
  padding-right: 23px !important; }

#collection-sorting > .btn-group.open .dropdown-toggle,
#collection-filters > .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

button.dropdown-toggle.maker-btn123.maker-btn-sort {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

#collection-sorting .bootstrap-select .dropdown-toggle:focus,
#collection-filters .bootstrap-select .dropdown-toggle:focus {
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.padding-left-zero {
  padding-left: 0; }

.divider-vertical {
  display: inline-block;
  height: 20px;
  border-left: 1px solid #9B9B9B;
  margin-left: 15px;
  vertical-align: middle; }

.form-control-auto-height {
  height: auto; }

.maker-btn-sort .caret {
  position: relative;
  border: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin-top: -5px; }

.maker-btn-sort .caret:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 7px solid #090909;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent; }

.maker-btn-sort .caret:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 0;
  border-top: 3px solid #eeeeee;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent; }

.bootstrap-select.btn-group .dropdown-menu li a span.text {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: normal; }

#difficultyFilter .dropdown-menu > li > a {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: normal;
  text-align: left; }

/*
.row.vertical-divider {
  //overflow: hidden;
}
.row.vertical-divider > div[class^="col-"]:nth-child(3) {
  text-align: center;
  //padding-bottom: 100px;
  //margin-bottom: -100px;
  border-left: 1px solid #9B9B9B;
  border-right: 1px solid #9B9B9B;
  //height: auto;
  height: 24px;
}
.row.vertical-divider div[class^="col-"]:first-child {
  border-left: none;
}
.row.vertical-divider div[class^="col-"]:last-child {
  border-right: none;
}
*/
#collection-sorting,
#collection-filters,
.divider-vertical {
  display: inline-block; }

#collection-sorting {
  padding-top: 2px;
  padding-right: 10px; }

#collection-filters {
  text-align: left;
  margin-left: 20px; }

.rwd-break {
  display: none; }

@media screen and (max-width: 420px) {
  .rwd-break {
    display: none; }

  #collection-filters {
    margin-left: 0;
    /*display: block; */ } }
.padding-10 {
  padding-bottom: 10px; }

/*============================================================================
  Collection Page: Grid
==============================================================================*/
.product-grid-item a {
  display: block; }

.product-grid-item .product-image-container img {
  top: 0;
  width: 100%;
  z-index: 0;
  display: block;
  margin: auto; }

.product-grid-item .product-image-container .reveal-wrapper .reveal,
.product-grid-item .product-image-container .reveal-wrapper .reveal-fix {
  padding: 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .product-grid-item img {
    width: auto !important; } }
@media (min-width: 1300px) {
  .product-grid-item .product-image-container {
    height: 300px; }

  .product-grid-item img {
    max-height: 300px; } }
@media (min-width: 1200px) and (max-width: 1299px) {
  .product-grid-item .product-image-container {
    height: 290px; }

  .product-grid-item img {
    max-height: 300px;
    max-height: 290px; } }
@media (max-width: 1199px) and (min-width: 992px) {
  .product-grid-item .product-image-container {
    height: 280px;
    max-height: 300px;
    min-height: 250px; }

  .product-grid-item img {
    max-height: 280px; }

  .random-collection .product-grid-item .product-image-container {
    height: 200px; } }
@media (min-width: 1000px) and (max-width: 1199px) {
  .product-grid-item .product-image-container {
    height: 270px; }

  .product-grid-item img {
    max-height: 270px; }

  .random-collection .product-grid-item .product-image-container {
    height: 270px; } }
@media (min-width: 991px) and (max-width: 1000px) {
  .product-grid-item .product-image-container {
    height: 260px; }

  .product-grid-item img {
    max-height: 260px; }

  .random-collection .product-grid-item .product-image-container {
    height: 200px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .product-grid-item .product-image-container {
    height: 240px; }

  .product-grid-item img {
    max-height: 240px; }

  .random-collection .product-grid-item .product-image-container {
    height: 200px; } }
@media (min-width: 768px) and (max-width: 879px) {
  .product-grid-item .product-image-container {
    height: 280px; }

  .product-grid-item img {
    max-height: 280px; }

  .random-collection .product-grid-item .product-image-container {
    height: 200px; } }
@media (min-width: 768px) and (max-width: 860px) {
  .product-grid-item .product-image-container {
    height: 270px; }

  .product-grid-item img {
    max-height: 270px; }

  .random-collection .product-grid-item .product-image-container {
    height: 200px; } }
@media (min-width: 841px) and (max-width: 859px) {
  .product-grid-item .product-image-container {
    height: 260px; }

  .product-grid-item img {
    max-height: 260px; }

  .random-collection .product-grid-item .product-image-container {
    height: 200px; } }
@media (min-width: 768px) and (max-width: 840px) {
  .product-grid-item .product-image-container {
    height: 250px; }

  .product-grid-item img {
    max-height: 250px; }

  .random-collection .product-grid-item .product-image-container {
    height: 200px; } }
@media (max-width: 768px) and (min-width: 698px) {
  .product-grid-item .product-image-container {
    height: 200px; }

  .product-grid-item img {
    max-height: 200px;
    max-width: 200px; } }
@media (max-width: 697px) and (min-width: 579px) {
  .product-grid-item .product-image-container {
    height: 200px; }

  .product-grid-item img {
    max-height: 200px;
    max-width: 200px; } }
@media (max-width: 578px) and (min-width: 480px) {
  .product-grid-item .product-image-container {
    height: 200px; }

  .product-grid-item img {
    max-height: 200px;
    max-width: 200px; } }
@media (max-width: 479px) and (min-width: 371px) {
  .product-grid-item .product-image-container {
    height: 180px; }

  .product-grid-item img {
    max-height: 180px;
    max-width: 180px; } }
@media (min-width: 370px) and (max-width: 429px) {
  .product-grid-item .product-image-container {
    max-height: 240px; } }
.product-grid-item hr.product-dash-liner {
  border: 0;
  margin: 0;
  -webkit-border-image: url("//cdn.shopify.com/s/files/1/0243/7593/t/54/assets/dots.svg?v=3582273675922600371") 25% round;
  -o-border-image: url("//cdn.shopify.com/s/files/1/0243/7593/t/54/assets/dots.svg?v=3582273675922600371") 25% round;
  border-image: url("//cdn.shopify.com/s/files/1/0243/7593/t/54/assets/dots.svg?v=3582273675922600371") 25% round;
  border-width: 0 0 3px 4px;
  border-top: 0; }

.product-grid-item .product-title-price-group {
  min-height: 100px; }
  @media screen and (min-width: 360px) and (max-width: 500px) {
    .product-grid-item .product-title-price-group {
      min-height: 130px;
      max-height: 150px; } }
  @media screen and (max-width: 370px) {
    .product-grid-item .product-title-price-group {
      min-height: 130px;
      max-height: 150px; } }

.product-grid-item .product-title-price-group .product-subtitle {
  font-size: 12px;
  line-height: 13px; }
  @media screen and (max-width: 360px) {
    .product-grid-item .product-title-price-group .product-subtitle {
      overflow: hidden; } }

@media screen and (max-width: 580px) {
  .product-grid-item .product-title {
    max-height: 45px; } }

@media screen and (max-width: 667px) {
  .product-grid-item .product-title-price-group .product-price {
    line-height: 20px;
    padding-top: 0; } }
@media screen and (max-width: 580px) {
  .product-grid-item .product-title-price-group .product-price {
    line-height: 20px;
    padding-top: 2px; } }

#collections-listing {
  text-align: center; }

.section-header h1 {
  font-family: 'Roboto'; }