﻿
.galleryPH-area {}
.galleryPH-area img { width: 100%; }
.galleryPH-row { margin-top: 1em; }
.galleryPH-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: border-color 0.2s ease-in-out;
    cursor: pointer;
}
.galleryPH-item > img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    transition: opacity 0.2s ease-in-out;
    border-radius: 1rem;
    border: 1px solid #e9e9f2;
    opacity: 0.6;
    padding: 2px;
}
.galleryPH-item:hover > img {
    border: 1px solid #cfcfe3;
    opacity: 1;
}
.galleryPH-item .active {
    border: 1px solid #cfccfb !important;
    opacity: 1;
}
