/* grand_gallery - EyeGallery template */

body .ccm-page .gg-container.gg-eye-gallery .gg-item-outer,
body .ccm-page .gg-container.gg-eye-gallery .gg-item,
body .ccm-page .gg-container.gg-eye-gallery .gg-item-image,
body .ccm-page .gg-container.gg-eye-gallery .gg-item-image-container,
body .ccm-page .gg-container.gg-eye-gallery .gg-item-image-container-inner {
    border-radius: 0.75rem;
}

body .ccm-page .gg-container.gg-eye-gallery .gg-item,
body .ccm-page .gg-container.gg-eye-gallery .gg-item-image,
body .ccm-page .gg-container.gg-eye-gallery .gg-item-image-container,
body .ccm-page .gg-container.gg-eye-gallery .gg-item-image-container-inner {
    overflow: hidden;
}

body .ccm-page .gg-container.gg-eye-gallery .gg-item-overlay,
body .ccm-page .gg-container.gg-eye-gallery .gg-item:hover .gg-item-overlay,
body .ccm-page .gg-container.gg-eye-gallery .gg-item:focus .gg-item-overlay,
body
    .ccm-page
    .gg-container.gg-eye-gallery
    .gg-item:focus-visible
    .gg-item-overlay,
body
    .ccm-page
    .gg-container.gg-eye-gallery
    .gg-filter-effect
    .gg-item-image-container::before,
body
    .ccm-page
    .gg-container.gg-eye-gallery
    .gg-filter-effect:hover
    .gg-item-image-container::before,
body
    .ccm-page
    .gg-container.gg-eye-gallery
    .gg-filter-effect:focus
    .gg-item-image-container::before,
body
    .ccm-page
    .gg-container.gg-eye-gallery
    .gg-filter-effect:focus-visible
    .gg-item-image-container::before {
    background: transparent !important;
    opacity: 0 !important;
}

body
    .ccm-page
    .gg-container.gg-eye-gallery
    .gg-filter-effect
    .gg-item-image-container,
body
    .ccm-page
    .gg-container.gg-eye-gallery
    .gg-filter-effect:hover
    .gg-item-image-container,
body
    .ccm-page
    .gg-container.gg-eye-gallery
    .gg-filter-effect:focus
    .gg-item-image-container,
body
    .ccm-page
    .gg-container.gg-eye-gallery
    .gg-filter-effect:focus-visible
    .gg-item-image-container {
    filter: none !important;
}

body .ccm-page .gg-container.gg-eye-gallery .gg-image {
    transform: scale(1);
    transform-origin: center center;
    transition: transform 420ms ease, opacity 420ms ease;
}

body .ccm-page .gg-container.gg-eye-gallery .gg-item:hover .gg-image,
body .ccm-page .gg-container.gg-eye-gallery .gg-item:focus .gg-image,
body .ccm-page .gg-container.gg-eye-gallery .gg-item:focus-visible .gg-image {
    transform: scale(1.06);
}

@media only screen and (min-width: 992px) {
    body .ccm-page .gg-container.gg-eye-gallery .gg-item-outer {
        width: calc(25% - 10px) !important;
    }
}