.gallery .slick-list {
  height: auto !important; }

.gallery__title {
  text-align: center; }

.gallery__slide {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 40em) {
    .gallery__slide {
      -ms-flex-direction: row;
      flex-direction: row; } }

.gallery__group-container {
  display: -ms-flexbox;
  display: flex;
  min-width: 50%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.gallery__item-container {
  position: relative;
  min-width: 50%; }

.gallery__item-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  cursor: pointer; }
  .gallery__item-image img {
    height: 100%;
    width: auto;
    max-width: initial;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }

.gallery-item-text {
  position: absolute;
  top: 50%;
  width: 100%;
  background-color: rgba(54, 66, 74, 0.7);
  padding: 0.5rem;
  height: 100%;
  overflow: hidden;
  transform: translateY(-50%);
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFF; }
  .js-text-hidden .gallery-item-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start; }

.gallery-item-text__inner {
  line-height: 1;
  width: 100%; }

.gallery-item__close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px; }
  .gallery-item__close svg {
    fill: #FFF; }

.gallery-pager {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2rem 0; }

.gallery__btn svg {
  fill: #FFF;
  width: 16px; }

.gallery__btn:hover svg, .gallery__btn:focus svg {
  fill: #9b2743; }

.gallery__btn.prev {
  margin-right: 2rem; }

.gallery__btn.next {
  margin-left: 2rem; }