/**
 * @version     CVS: 1.0.0
 * @package     com_galerie
 * @copyright   2017 Absolu
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      David-Alexandre Rancourt <darancourt@absolu.ca>
 */

.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}