.gallery_list__nav_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #F2F5F9;
  margin-bottom: 1.25rem; }

.gallery_list__nav_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%; }

.gallery_list__breadcrumbs {
  max-width: 100%; }

.gallery_list__gallery {
  width: 100%; }

.gallery_list__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0.625rem; }

.gallery_list__item {
  width: 100%;
  margin-bottom: 1.9375rem;
  overflow: hidden; }
  .gallery_list__item--link {
    position: relative; }
  .gallery_list__item img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 0.3s ease-out; }
  .gallery_list__item:hover img {
    transform: scale(1.05); }
  .gallery_list__item:hover .gallery_list__infobox_container {
    background: color-mix(in srgb, var(--color-primary) 70%, #00000000); }

.gallery_list__infobox_container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--color-primary) 60%, #00000000);
  transition: background 0.3s ease-out; }

.gallery_list__infobox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #FFFFFF;
  padding: 0.625rem 1.25rem;
  border: 1px solid #FFFFFF; }

.gallery_list__infobox_title {
  font-size: .7em;
  text-transform: uppercase; }

.gallery_list__infobox_number {
  font-size: 2em;
  font-weight: 600; }

.gallery_list__pager {
  display: flex;
  justify-content: center;
  align-items: center; }

.gallery_list__item {
  position: relative;
  margin-right: 1.9375rem; }
  .gallery_list__item:before {
    display: block;
    content: "";
    padding-top: 63.12997%;
    width: 100%; }

.gallery_list__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

@media (max-width: 500px) {
  .gallery_list__item {
    margin-right: 0; } }

@media (min-width: 500px) and (max-width: 767px) {
  .gallery_list__item {
    width: calc((100% - (1.9375rem * (4 - 3)) - (0.5px / (4 - 2))) / (4 - 2)); }
    .gallery_list__item:nth-child(2n) {
      margin-right: 0; } }

@media (min-width: 767px) {
  .gallery_list__item {
    width: calc((100% - (1.9375rem * (4 - 1)) - (0.5px / 4)) / 4); }
    .gallery_list__item:nth-child(4n) {
      margin-right: 0; } }
/*# sourceMappingURL=gallery_list--main--multiple.css.map */