/**
 * stylesheet for sinnis-product related pages.
 *
 * author: trey taylor (t.taylor@sinnis.co.uk)
 * plugin: sinnis-products
 * version: 1.0
*/

/** collection page **/
.collection-product-container {
    background: #e7e7e7;
    text-align: center
}

.swatch {
    cursor: pointer;
    display: inline-block;
    height: 37px;
    margin: 0 auto;
    width: 37px
}

.swatch-choice-name {
    display: inline-block;
    vertical-align: top
}

h2.product-collection-title {
    font-size: 36px
}

.swatch-picker {
    left: 24px;
    max-width: 156px;
    position: relative;
    text-align: left
}

.swatches-container {
    position: relative;
    top: 164px
}

/** product page **/
.slide-info {
    bottom: 610px;
    font-size: 20px;
    max-width: 510px;
    position: relative;
    text-align: center
}

.slide-text-left {
    left: 50px
}

.slide-text-right {
    left: 1265px
}

.slide-info h2 {
    font-size: 28px
}

.slide-theme-dark {
    color: #fff
}

.slide-theme-light {
    color: #000
}

.slide-higher {
    bottom: 840px
}

.extra-info-container {
    min-height: 462px
}

.disclaimer, #arrows-container, #gallery-arrows-container {
    text-align: center
}

.container-view-img {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    top: 0;
    z-index: 3
}

.view-img {
    bottom: 0;
    height: 50%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%
}

.product-gallery div img {
    padding-right: 5px
}

.product-slideshow, .product-slideshow .slick-list {
    max-height: 910px
}

.product-slideshow {
    margin-bottom: 15px
}

#gallery-arrows-container {
    margin-bottom: 15px;
    margin-top: 15px
}

#arrows-container button.button, #gallery-arrows-container button.button {
    cursor: pointer;
    margin: 0 5px
}

.product-text {
    font-size: 30px
}

.product-information-text {
    font-size: 15px
}

.main-feature {
    border: 2px solid;
    border-radius: 5px;
    margin: 0 10px;
    padding: 4px
}

dt.data-title {
    text-align: left
}

.product-gallery {
    margin-top: 25px
}