/** Shopify CDN: Minification failed

Line 62:0 Unexpected ".2"

**/
.media-list {
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: var(--grid-row-gap);
  column-gap: var(--grid-column-gap);
}

.media-list--mobile-columns-1 {
  grid-template-columns: repeat(1, 1fr);
}

.media-list--mobile-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

/* DESKTOP */
@media screen and (min-width: 750px) {
  .media-list--desktop-columns-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .media-list--desktop-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .media-list--desktop-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .media-list--desktop-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .media-list--desktop-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .media-list--desktop-columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .media-list--desktop-columns-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .media-list--desktop-columns-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}

.media-list__item--mobile-columns-1 {
  grid-column: auto / span 1
}

.2 {
  grid-column: auto / span 2
}

@media screen and (min-width: 750px) {
  .media-list__item--desktop-columns-1 {
    grid-column: auto / span 1
  }

  .media-list__item--desktop-columns-2 {
    grid-column: auto / span 2
  }

  .media-list__item--desktop-columns-3 {
    grid-column: auto / span 3
  }

  .media-list__item--desktop-columns-4 {
    grid-column: auto / span 4
  }

  .media-list__item--desktop-columns-5 {
    grid-column: auto / span 5
  }

  .media-list__item--desktop-columns-6 {
    grid-column: auto / span 6
  }

  .media-list__item--desktop-columns-7 {
    grid-column: auto / span 7
  }

  .media-list__item--desktop-columns-8 {
    grid-column: auto / span 8
  }
}

.media-list__item {
  display: flex;
  flex-direction: column;
  position: relative;
}

@media (max-width: 749px) {
  .media-list__item--horizontal-layout-mobile {
    display: flex;
    flex-direction: row; 
    height: 160px;
  }
}


.media-list__item svg {
  padding: 50px;
  fill: var(--bg-body, #fff);
  opacity: 0.5;
}

.media-list__item {
  overflow: hidden;
  border-radius: var(--column-border-radius);
}

.media-list__item figure {
  position: relative;
  width: 100%;
  height: 0;
  background: var(--color-accent);
  padding-bottom: var(--ratio-percent);
  margin: 0;
  flex-grow: 1;
}

.media-list__item figure.aspect-ratio--portrait {
  padding-bottom: 125%;
}

.media-list__item figure.aspect-ratio--square {
  padding-bottom: 100%;
}

.media-list__item figure.aspect-ratio--landscape {
  padding-bottom: 75%;
}

.media-list__item figure img,
.media-list__item figure video,
.media-list__item figure svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  object-fit: cover;
}

@media (max-width: 749px) {
  .media-list__item--horizontal-layout-mobile figure img,
  .media-list__item--horizontal-layout-mobile figure video,
  .media-list__item--horizontal-layout-mobile figure svg {
    height: 40%; 
  }
}

.media-list__item figure:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: var(--overlay-color-rgb);
  opacity: var(--overlay-opacity);
}

.media-list__item-content:not(.content-below-media) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  display: flex;
  color: #fff;
  display: flex;
}

/* MOBILE */
.media-list__item-content {
  padding: var(--column-padding-y-mobile) var(--column-padding-x-mobile) var(--column-padding-y-mobile) var(--column-padding-x-mobile);
}

/* TABLET */
@media only screen and (min-width: 1068px) {
  .media-list__item-content {
    padding: var(--column-padding-y-tablet) var(--column-padding-x-tablet) var(--column-padding-y-tablet) var(--column-padding-x-tablet);
  }
}

/* DESKTOP */
@media only screen and (min-width: 1440px) {
  .media-list__item-content {
    padding: var(--column-padding-y-desktop) var(--column-padding-x-desktop) var(--column-padding-y-desktop) var(--column-padding-x-desktop);
  }
}

.media-list__item-content>div {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 750px) {
  /*.media-list__item-content {
    max-width: var(--content-width-desktop);
  }*/

  .media-list__item figure.is-video {
    padding-bottom: 0 !important;
  }
}

.media-list__item-content {
  display: flex;
}

.media-list__item-content.align-left>div {
  text-align: left;
  align-items: flex-start;
}

.media-list__item-content.align-center>div {
  text-align: center;
  align-items: center;
}

.media-list__item-content.align-right>div {
  text-align: right;
  align-items: flex-end;
}


.media-list__item-content.content-top-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.media-list__item-content.content-top-center {
  justify-content: center;
  align-items: flex-start;
}

.media-list__item-content.content-top-right {
  justify-content: flex-end;
  align-items: flex-start;
}

.media-list__item-content.content-middle-left {
  justify-content: flex-start;
  align-items: center;
}

.media-list__item-content.content-middle-center {
  justify-content: center;
  align-items: center;
}

.media-list__item-content.content-middle-right {
  justify-content: flex-end;
  align-items: center;
}

.media-list__item-content.content-bottom-left {
  justify-content: flex-start;
  align-items: flex-end;
}

.media-list__item-content.content-bottom-center {
  justify-content: center;
  align-items: flex-end;
}

.media-list__item-content.content-bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
}

.media-list__item-content h4 {
  color: inherit;
  margin-bottom: 8px;
}

.media-list__item-content h4+.button {
  margin-top: 20px;
}

.media-list__item-content p {
  /* margin-bottom: 30px;  */
}

@media only screen and (min-width: 768px) {
  /* .media-list__item-content > div {
      max-width: 90%; } */
}

.media-list__item-content>div>*:last-child {
  margin-bottom: 0;
}


.media-list__item-content .button,
.media-list__item-content .text-button {
  position: relative;
  z-index: 22;
  padding: 15px 20px;
}

.media-list__item-content-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 21;
}

.media-list__item-content.content-below-media {
  min-height: var(--content-min-height);
}

@media only screen and (max-width: 767px) {
  .gallery.swipe-on-mobile .gallery__inner {
    grid-auto-flow: column;
    grid-auto-columns: minmax(calc(90vw - 15px), 1fr);
    overflow-x: auto;
    grid-template-columns: repeat(auto-fill, minmax(calc(90vw - 15px), 1fr));
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .gallery.swipe-on-mobile .gallery__inner::-webkit-scrollbar {
    display: none;
  }

  .gallery.swipe-on-mobile .gallery__inner .media-list__item {
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  .row:not(.full-width-row-full) .gallery.swipe-on-mobile .gallery__inner {
    margin: 0 -15px;
    width: calc(100% + 30px);
  }
}

.gallery_button {
  width: 135px;
}

@media only screen and (min-width: 768px) {
  .gallery_button {
    width: 150px;
  }
}

.media-list__item-content .subheading {
  margin: 0;
  font-size: var(--subheading-size-mobile);
  color: var(--subheading-color);
  margin-bottom: var(--subheading-margin-bottom-mobile);
}

.media-list__item-content .heading {
  margin: 0;
  font-size: var(--heading-size-mobile);
  color: var(--heading-color);
  margin-bottom: var(--heading-margin-bottom-mobile);
}

.media-list__item-content .text {
  margin: 0;
  font-size: var(--text-size-mobile);
  color: var(--text-color);
  margin-bottom: var(--text-margin-bottom-mobile);
}

.media-list__item-content .button--style-link {
  font-size: var(--link-size-mobile);
  color: var(--link-color);
}

@media screen and (min-width: 750px) {
  .media-list__item-content .subheading {
    font-size: var(--subheading-size-desktop);
    margin-bottom: var(--subheading-margin-bottom-desktop);
  }

  .media-list__item-content .heading {
    font-size: var(--heading-size-desktop);
    margin-bottom: var(--heading-margin-bottom-desktop);
  }

  .media-list__item-content .text {
    font-size: var(--text-size-desktop);
    margin-bottom: var(--text-margin-bottom-desktop);
  }

  .media-list__item-content .button--style-link {
    font-size: var(--link-size-desktop);
    color: var(--link-color);
  }

  .media-list__item-content .button,
  .media-list__item-content .text-button {
    position: relative;
    z-index: 22;
    padding: 15px 40px;
  }
  
}