/*
* Copyright 2016 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.picture-thumbs.in-carousel {
    max-width: 600px;
    margin: auto;
}
.picture-thumbs .picture-thumbs-list {
    display: none; /*hide thumbs until slick slider is loaded*/
    margin: 0 -5px;
}
.picture-thumbs .slick-initialized {
    display: block; /*show thumbs after slick slider is loaded*/
}

/* arrows nav */

.picture-thumbs .slick-prev,
.picture-thumbs .slick-next {
    position: absolute;
	left: 0;
    z-index: 1;
	width: 120px;
    height: 25px;
    border: 2px solid #eaeaea;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
    cursor: pointer;
}
.picture-thumbs .slick-prev {
	top: 0;
    background-image: url('images/prev-vertical.png');
}
.picture-thumbs .slick-next {
    bottom: 0;
    background-image: url('images/next-vertical.png');
}
.picture-thumbs .slick-prev.slick-disabled,
.picture-thumbs .slick-next.slick-disabled {
    opacity: 0.4;
    cursor: default;
}

/* dots nav */

.picture-thumbs .slick-dots {
    margin: 25px 0 0;
}
.picture-thumbs .slick-dots li {
    display: inline-block;
    margin: 0 3px;
}
.picture-thumbs .slick-dots button {
    width: 40px;
    height: 10px;
    border-width: 2px 0 0;
	border-style: solid;
    border-color: #333;
	background-color: transparent;
	font-size: 0;
    opacity: 0.4;
}
.picture-thumbs .slick-active button {
    border-color: #c49169;
	opacity: 1;
}


@media all and (max-width: 1346px) {
	
	.picture-thumbs .slick-slider {
		height: auto !important; /*override inline css*/
	}
}

@media all and (min-width: 1347px) {

	.gallery #sevenspikes-cloud-zoom {
		max-width: 526px;
	}
	.picture-thumbs.in-carousel {
		width: 130px;
	}
	.picture-thumbs .slick-slider {
		position: relative;
		height: 526px;
		margin: 0;
	}
	.picture-thumbs .slick-list {
		padding: 0;
	}
	.picture-thumbs button + .slick-list {
		padding: 23px 0; /*buttons reserved space*/
	}
	.picture-thumbs .slick-slide {
		height: auto;
		border: none;
		padding: 0 10px 0 0;
	}
	.picture-thumbs .slick-slide a {
		margin: 0;
	}
	.picture-thumbs .cloudzoom-gallery-active {
		border-color: #eaeaea;
	}
	.picture-thumbs .cloudzoom-gallery-active:before {
		border-bottom-color: transparent;
		border-left-color: #eaeaea;
	}
}

@media all and (min-width: 1601px) {

	.gallery #sevenspikes-cloud-zoom {
		max-width: 600px;
	}
	.picture-thumbs .slick-slider {
		height: 600px;
	}
	.picture-thumbs button + .slick-list {
		padding: 32px 0; /*buttons reserved space*/
	}
	.picture-thumbs.has-navigation .slick-slide {
		padding: 7px 10px 7px 0;
	}
}