/*
* Copyright 2016 Shima Shoes Ltd. All rights reserved. (http://www.shimashoes.com)
* http://www.shimashoes.com/t/licensinginfo
*/

.picture-thumbs.in-carousel {
    position: relative;
    overflow: hidden;
}

.picture-thumbs .slick-list {
    margin: 0 20px;
}

/* arrows nav */

.picture-thumbs .slick-prev,
.picture-thumbs .slick-next {
    position: absolute;
    display: block;
    top: 50%;
    bottom: auto;
    left: 0;
    width: 20px;
    height: 30px;
    margin-top: -15px;
    text-align: left;
    cursor: pointer;
    font-size: 0;
    border: 0;
    background: transparent;
    z-index: 1;
    transition: all .2s ease;
}

.picture-thumbs .slick-next {
    left: auto;
    right: 0;
    text-align: right;
}

.picture-thumbs .slick-prev:before,
.picture-thumbs .slick-next:before {
    font-family: "emporium-icons";
    display: block;
    font-size: 15px;
    color: #8f8f8f;
}

.picture-thumbs .slick-prev:hover:before,
.picture-thumbs .slick-next:hover:before {
    color: #97c300;
}

.picture-thumbs .slick-prev:before {
    content: "\6b";
}
.picture-thumbs .slick-next:before {
    content: "\6a";
}


.picture-thumbs .slick-prev.slick-disabled,
.picture-thumbs .slick-next.slick-disabled {
    opacity: .6;
    cursor: default;
}



/* dots nav */

.slick-dots {
    margin-top: 15px;
}
.slick-dots button {
    background: #333;
    opacity: .4;
    font-size: 0;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 50%;
}
.slick-dots li {
    display: inline-block;
    margin: 0 3px;
}
.slick-dots .slick-active button {
    opacity: 1;
    width: 8px;
    height: 8px;
}



/* items */
.picture-thumbs .picture-thumbs-item {
    padding: 0 4px;
}


.picture-thumbs a.cloudzoom-gallery {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
}
.picture-thumbs a.cloudzoom-gallery:before {
    content: '';
    display: block;
    padding-top: 100%;
}

@media all and (min-width: 1601px) {
    .gallery:not(.sevenspikes-cloudzoom-gallery) .picture-thumbs .slick-list {
        margin: -5px 0;
    }

    .gallery:not(.sevenspikes-cloudzoom-gallery) .picture-thumbs button + .slick-list {
        margin: 18px 0;
    }

    .gallery:not(.sevenspikes-cloudzoom-gallery) .picture-thumbs .slick-prev {
        top: -18px;
        width: 100%;
        height: 20px;
        text-align: center;
    }

    .gallery:not(.sevenspikes-cloudzoom-gallery) .picture-thumbs .slick-next {
        top: auto;
        bottom: -18px;
        width: 100%;
        height: 20px;
        text-align: center;
    }

    .gallery:not(.sevenspikes-cloudzoom-gallery) .picture-thumbs .slick-prev:before {
        content: "\49";
    }

    .gallery:not(.sevenspikes-cloudzoom-gallery) .picture-thumbs .slick-next:before {
        content: "\48";
    }

    .gallery:not(.sevenspikes-cloudzoom-gallery) .picture-thumbs .picture-thumbs-item {
        padding: 4px 0;
    }
}

/* Keep thumbnail carousel inside the CloudZoom gallery */
.gallery.sevenspikes-cloudzoom-gallery,
.product-pictures-column .gallery.sevenspikes-cloudzoom-gallery {
    max-width: 100%;
    box-sizing: border-box;
}

.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs,
.product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}

@media (min-width: 1025px) {
    /* When thumbnail carousel is active, scroll on body (theme.custom thumb styles) not html */
    html.html-product-details-page:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) {
        overflow: visible !important;
        height: auto !important;
    }

    html.html-product-details-page:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) body {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-width: 100%;
    }

    html.html-product-details-page:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) .master-wrapper-page,
    html.html-product-details-page:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) .master-wrapper-content,
    html.html-product-details-page:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) .master-column-wrapper {
        overflow-x: hidden !important;
        max-width: 100%;
    }

    .html-product-details-page .product-essential:has(.picture-thumbs.in-carousel .slick-initialized) {
        overflow-x: clip !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    .html-product-details-page .product-pictures-column:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .html-product-details-page .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery:has(.picture-thumbs.in-carousel .slick-initialized) {
        min-width: 0 !important;
        max-width: 100% !important;
        float: none !important;
        overflow: hidden;
        box-sizing: border-box;
    }

    .html-product-details-page .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized),
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) {
        position: relative;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 100% !important;
        margin-top: 10px !important;
        overflow: hidden;
    }

    .html-product-details-page .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) .picture-thumbs-list.slick-slider,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) .picture-thumbs-list.slick-slider {
        position: relative;
        max-width: 100%;
        overflow: hidden;
    }

    .html-product-details-page .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) .slick-list,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) .slick-list {
        overflow: hidden;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) .slick-track,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) .slick-track {
        min-width: unset !important;
    }

    .html-product-details-page .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) .picture-thumbs-item.slick-slide,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) .picture-thumbs-item.slick-slide {
        min-width: 0 !important;
        margin: 0 !important;
    }

    .html-product-details-page .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) a.cloudzoom-gallery.thumb-item,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel:has(.slick-initialized) a.cloudzoom-gallery.thumb-item {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin: 0 !important;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-prev,
    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-next,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-prev,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-next {
        top: 50%;
        bottom: auto;
        height: 30px;
        margin-top: -15px;
    }
}

@media (max-width: 1024px) {
    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel {
        overflow: hidden;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs .slick-list,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs .slick-list {
        overflow: hidden;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs .slick-track,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs .slick-track {
        min-width: unset !important;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs .picture-thumbs-item.slick-slide,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs .picture-thumbs-item.slick-slide {
        min-width: 0 !important;
        margin: 0 !important;
        height: auto;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs a.cloudzoom-gallery.thumb-item,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs a.cloudzoom-gallery.thumb-item {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin: 0 !important;
    }
}

@media all and (min-width: 1601px) {
    /* Override theme 1600.css sidebar layout: keep main image + horizontal carousel stacked */
    .gallery.sevenspikes-cloudzoom-gallery,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery {
        display: block;
    }

    .gallery.sevenspikes-cloudzoom-gallery:after {
        content: none;
        display: none;
    }

    .gallery.sevenspikes-cloudzoom-gallery > .picture-wrapper,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery > .picture-wrapper {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 10px 0 0 !important;
        overflow: hidden;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .picture-thumbs-list.slick-slider,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .picture-thumbs-list.slick-slider {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-list,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-list {
        margin: 0 20px !important;
        overflow: hidden !important;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-track,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-track {
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .picture-thumbs-item.slick-slide,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .picture-thumbs-item.slick-slide {
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 4px !important;
        float: left !important;
        height: auto;
        box-sizing: border-box;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel a.cloudzoom-gallery.thumb-item,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel a.cloudzoom-gallery.thumb-item {
        display: block !important;
        float: none !important;
        width: 85px !important;
        max-width: 85px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-prev,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-prev {
        top: 50% !important;
        bottom: auto !important;
        left: 0 !important;
        right: auto !important;
        width: 20px !important;
        height: 30px !important;
        margin-top: -15px !important;
        text-align: left !important;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-next,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-next {
        top: 50% !important;
        bottom: auto !important;
        left: auto !important;
        right: 0 !important;
        width: 20px !important;
        height: 30px !important;
        margin-top: -15px !important;
        text-align: right !important;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-prev:before,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-prev:before {
        content: "\6b" !important;
    }

    .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-next:before,
    .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-next:before {
        content: "\6a" !important;
    }

    html.html-product-details-page:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) {
        overflow: visible !important;
        height: auto !important;
    }

    html.html-product-details-page:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) body {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-width: 100%;
    }

    html.html-product-details-page:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) .master-wrapper-page,
    html.html-product-details-page:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) .master-wrapper-content,
    html.html-product-details-page:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) .master-column-wrapper {
        overflow-x: hidden !important;
        max-width: 100%;
    }

    .html-product-details-page .product-essential:has(.picture-thumbs.in-carousel .slick-initialized) {
        overflow-x: clip !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    .html-product-details-page .product-pictures-column:has(.gallery.sevenspikes-cloudzoom-gallery .picture-thumbs.in-carousel .slick-initialized) {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .html-product-details-page .product-pictures-column .gallery.sevenspikes-cloudzoom-gallery:has(.picture-thumbs.in-carousel .slick-initialized) {
        min-width: 0 !important;
        max-width: 100% !important;
        float: none !important;
    }
}