.gallery-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 50px 15px; }

.gallery-wrapper a { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 15px; }

.gallery-wrapper a .gallery-image { position: relative; }

.gallery-wrapper a .gallery-image .hover-text { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 0 30px; -webkit-transition: visibility 0.2s linear, opacity 0.2s linear; -o-transition: visibility 0.2s linear, opacity 0.2s linear; transition: visibility 0.2s linear, opacity 0.2s linear; background-color: rgba(0, 0, 0, 0.6); color: #fff; cursor: pointer; opacity: 0; visibility: hidden; }

.gallery-wrapper a .gallery-image .hover-text p { margin: 0; color: #fff; }

.gallery-wrapper a .gallery-image:hover .hover-text { opacity: 1; visibility: visible; }

#swipebox-bottom-bar { bottom: 40%; background: none; }

#swipebox-arrows { max-width: 100%; }

#swipebox-top-bar { top: initial; bottom: 50px; }

/* screens larget than small (768px) */
@media (min-width: 768px) { .gallery-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 50px 7px 30px; }
  .gallery-wrapper a { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 14px; padding: 0 7px; } }

@media (min-width: 992px) { .gallery-wrapper a { -ms-flex-preferred-size: 33%; flex-basis: 33%; } }
/*# sourceMappingURL=elementgallery.css.map */