/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/

/*************** MEDIA TAB ***************/

.media-tab {
    padding:8px;
}


/*************** COLOR SWATCHES ****************/
.color-swatch {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: solid 1px;
    display: inline-block;
    box-shadow: 3px 3px 5px grey;
}

.color-swatch-label {
    display:table-caption;
    line-height:1.1em;
    padding:2px;
}

.color-swatchs-display {
    display: flex;
    flex-wrap: wrap;
}

.color-single-swatch-display {
    text-align: center;
    padding: 5px;
}

.color-Acorn {
    background-color: burlywood;
}
.color-Almond {
    background-color: #9C7A71;
}
.color-Khaki {
    background-color: #B7ADAB;
}

.color-Beige {
    background-color: #FFF8DC;
}
.color-White {
    background-color: #fff;
}
.color-Black {
    background-color: #000;
}
.color-Brown {
	background-color: #746b5e;
}
/* .color-Stainless {
    background: #cedce7; 
    background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); 
    background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); 
    background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
} */
.color-Stainless {
    background:url(../images/swatch-colors/Stainless.jpg) repeat;
}
.color-Copper {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1a79b+0,eaaa94+48,8e5144+100 */
    background: #d1a79b; /* Old browsers */
    background: -moz-linear-gradient(top,  #d1a79b 0%, #eaaa94 48%, #8e5144 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d1a79b 0%,#eaaa94 48%,#8e5144 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d1a79b 0%,#eaaa94 48%,#8e5144 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1a79b', endColorstr='#8e5144',GradientType=0 ); /* IE6-9 */
}
.color-Textured_Black {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e3e3f+0,575858+49,474848+100 */
    background: #3e3e3f; /* Old browsers */
    background: -moz-linear-gradient(top,  #3e3e3f 0%, #575858 49%, #474848 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #3e3e3f 0%,#575858 49%,#474848 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #3e3e3f 0%,#575858 49%,#474848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3f', endColorstr='#474848',GradientType=0 ); /* IE6-9 */

}

.color-Textured_Black_Matte {
    background:url(
    data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQ0lEQVQoU2NkYGD4z0AEYIQpNDY2Zjh79ixOLXCF6CrQNeJUCNMI04BVITZnoCjE506CVsOcQFAhihsJBQ3IVKKDBwAMaCIB/KIAwQAAAABJRU5ErkJggg==
    ) repeat;
}

.color-Black_Matte {
    background:url(
    data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQ0lEQVQoU2NkYGD4z0AEYIQpNDY2Zjh79ixOLXCF6CrQNeJUCNMI04BVITZnoCjE506CVsOcQFAhihsJBQ3IVKKDBwAMaCIB/KIAwQAAAABJRU5ErkJggg==
    ) repeat;
}

.color-Antique_Brown {
    background:url(../images/swatch-colors/Antique_Brown.jpg) repeat;
}
.color-Antique_Copper {
    background:url(../images/swatch-colors/Antique_Copper.jpg) repeat;
}
.color-Antique_Gold {
    background:url(../images/swatch-colors/Antique_Gold.jpg) repeat;
}
.color-Antique_Gray {
    background:url(../images/swatch-colors/Antique_Gray.jpg) repeat;
}
.color-Patina {
    background:url(../images/swatch-colors/Patina.jpg) repeat;
}
.color-Frosted_Acrylic {
    background:url(../images/swatch-colors/Frosted_Acrylic.jpg) repeat;
}
.color-Hammertone_Black {
    background:url(../images/swatch-colors/Hammertone_Black.jpg) repeat;
}
.color-Black_Hammertone {
    background:url(../images/swatch-colors/Black_Hammertone.jpg) repeat;
}
.color-Mocha_Walnut {
    background:url(../images/swatch-colors/Mocha_Walnut.jpg) repeat;
}
.color-Silver_Plated {
    background:url(../images/swatch-colors/Silver_Plated.jpg) repeat;
}
.color-Pebblestone {
    background:url(../images/swatch-colors/Pebblestone.jpg) repeat;
}
.color-Pebblestone {
    background:url(../images/swatch-colors/Pebblestone.jpg) repeat;
}
.color-Textured_Bronze_Matte {
    background:url(../images/swatch-colors/Textured_Bronze_Matte.jpg) repeat;
}
.color-Textured_White_Matte {
    background:url(../images/swatch-colors/Textured_White_Matte.jpg) repeat;
}

@media (min-width: 768px){
    .product-tab-tri-col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        width:auto;
    }
}
.product-tab-tri-col{
    margin-top:1.5em;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 5px;
}

.product-tab-full-col{
    margin-top:1.5em;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.slick-slide img {
    border: none !important;
}