/**
 * @version      3.6.0
 * @package      Simple Image Gallery (plugin)
 * @author       JoomlaWorks - http://www.joomlaworks.net
 * @copyright    Copyright (c) 2006 - 2018 JoomlaWorks Ltd. All rights reserved.
 * @license      GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */

/* --- Generic Styling --- */

.image-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.image-gallery__thumb {
    padding: 1%;
    width: 25%;
    height: 200px;
    opacity: 0.8;
    box-sizing: border-box;
    transition: opacity 0.2s linear;
}

@media all and (min-width: 750px) and (max-width: 960px) {
    .image-gallery__thumb {
        padding: 1%;
        width: 50%;
        box-sizing: border-box;
    }
}
@media all and (max-width: 750px) {
    .image-gallery__thumb {
        padding: 1%;
        width: 100%;
        box-sizing: border-box;
    }
}

.image-gallery__thumb:hover {
    opacity: 1;
    box-sizing: border-box;
}
  
.image-gallery__thumb__image {
    width: 100%;
    height: 100%;
    background-size: cover;
    box-sizing: border-box;
}