.product-colors {
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 5px;
}
.product-colors .color-swatch {
    border-radius: 3px;
    display: inline-block;
    width: 18px;
    height: 18px;
    opacity: 0.9;
    margin: 0 2px;
    transition: all 0.5s ease; /* smooth transition */
    transform: scale(1); /* default scale */
    border: 2px solid #fff; /* default border color */
    box-shadow: 0 0 0 1px #222;
    background-position: center;
    background-size: contain;
}

.product-colors .color-swatch.heather {
    background: transparent url(../img/heather_texture.png) center repeat;
    background-size: contain;
}
.product-colors .color-swatch.active {
    opacity: 1;
    border-color: #fff;
    box-shadow: 0 0 0 1px red;
    background-image: url(../img/tick.png);
    background-position: center;
    background-size: contain;
}
.product-colors .color-swatch.heather.active {
    background: transparent url(../img/heather_texture.png) top left repeat;
    background-image: url(../img/tick.png), url(../img/heather_texture.png);
    background-position: center, top left;
    background-repeat: no-repeat, repeat;
}
.more-colors {
    display: inline-block;
    margin-left:3px;
    vertical-align: middle;
    font-size: 80%;
    color: #333;
    cursor: pointer;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).hh-swatched {
    border-radius: 5px;
    width: 30px;
    height: 30px;
    border: 2px solid #fff; /* default border color */
    box-shadow: 0 0 0 1px #222;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).hh-swatched.heather {
    background: transparent url(../img/heather_texture.png) center repeat;
    background-size: auto;
  }
.woo-variation-swatches .variable-items-wrapper .variable-item.disabled {
    opacity: 0.2;
    background-image: url(../img/cross.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}
.woo-variation-swatches .variable-items-wrapper .variable-item.heather.disabled {
  opacity: 0.2;
  background-image: url(../img/cross.png), url(../img/heather_texture.png);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat, repeat;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).hh-swatched:hover {
    border: 2px solid #fff!important; /* default border color */
    box-shadow: 0 0 0 1px #FF0050!important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).hh-swatched .variable-item-contents {
    display: none!important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).hh-swatched.heather.selected {
    box-shadow: 0 0 0 1px #FF0050!important;
    border: 2px solid #fff!important; /* default border color */
    background-image: url(../img/tick.png), url(../img/heather_texture.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat, repeat;
}

.breakdance-woocommerce .reset_variations {
    position: absolute;
    top: -99999px;
}