/* Thumbnail styles */

ul.photopile {
    position: relative;
    display: inline-block; /* clearfix */
    list-style: none;
}
ul.photopile li {
    float: left;
    position: relative;
    margin: -10px;
    padding: 0;
}
ul.photopile li a {
    display: block;
    padding: 2px; /* no js thumbnail border width */
    background: white;
    border: 1px solid #6F6F6F;
    box-shadow: 0 0 20px #9F9F9F;
    outline: none;
    text-decoration: none;
}
ul.photopile li a:hover {
    background: #6DB8FF;
    transition: .5s;
}
ul.photopile li.photopile-active-thumbnail:hover,
ul.photopile li.photopile-active-thumbnail a:hover
{
    cursor: initial;  /* use default cursor when hovering active thumbnail */
}

ul.photopile li a img {
    display: block; /* remove white space below img */
    margin: 0;
    padding: 0;
    border: 1px solid #6F6F6F;
}
/* Photo container styles */

div#photopile-active-image-container {
    background: white;
    border: 1px solid #6F6F6F;
    box-shadow: 0 20px 80px black;
}

div#photopile-active-image-container img {
    margin: 0 auto; /* center img horizontally in container */
    height: auto;   /* maintain image ratio */
}