/* product page */

/* Hide the images by default
.mySlides {
    display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
    cursor: pointer;
}

.imageSize {
    padding: 0;
}

.imageContainerSize {
    width: 300px;
    padding: 0px;
}

.slideshow-grid-3col {
    display: grid;
    grid-template-columns: 5% 1fr 5%;
}
.slideshow-pic-grid-3col {
  display: grid;
  grid-template-columns: 33% 33% 1fr;
}

.slideshow-p {
    margin: 0;
		font-size: 85%;
		text-shadow: 2px 2px 5px #fff;
		color: #262626;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    color: #0088c9;;
    font-weight: bold;
    font-size: 20px;
    border-radius: 3px;
}

/* Position the "next button" to the right */
.next {
    right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(120, 120, 120, 0.8);
}

/* Container for image text */
.caption-container {
    max-width: 300px;
    text-align: center;
    margin-top: 2.5vw;
    background-color: #ffffff;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Six columns side by side */
.gallery {
    float: left;
    width: 50px;
    min-height: 50px;
}

/* Add a transparency effect for thumnbail images */
.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}