  /**
 * Font mixins
 */
/**
 * Global mixins
 */
/**
 * Buttons mixins
 */
/**
 * Link mixins
 */
/**
 * Single posts mixins
 */
/**
 * Block elements mixins
 */
/**
 * Contact form mixins
 */
/**
 * Gallery slider
 * Used in photo gallery block
 * Used on single post
 * Used on single event
 */
/**
 * Slider elements
 */
.block-photos-hero-intro {
  overflow: hidden;
}
.block-photos-hero-intro__inner {
  position: relative;
  height: 200vw;
}
@media screen and (min-width: 361px) {
  .block-photos-hero-intro__inner {
    height: 177.5vw;
  }
}
@media screen and (min-width: 421px) {
  .block-photos-hero-intro__inner {
    height: 160vw;
    max-height: 75.5rem;
  }
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro__inner {
    height: 112.5rem;
    max-height: unset;
  }
}
.block-photos-hero-intro__scroll-scene {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro__scroll-scene.scroll-scene-fixed {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
  }
}
.block-photos-hero-intro .content-wrapper {
  position: absolute;
  z-index: 1;
  top: calc(53vw + 2rem);
  left: 50%;
  display: flex;
  width: calc(100% - 2rem);
  min-height: 9.5rem;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
}
@media screen and (min-width: 361px) {
  .block-photos-hero-intro .content-wrapper {
    width: calc(100% - 2.5rem);
  }
}
@media screen and (min-width: 577px) {
  .block-photos-hero-intro .content-wrapper {
    top: calc(53vw - 2rem);
    max-width: 23rem;
  }
}
@media screen and (min-width: 769px) {
  .block-photos-hero-intro .content-wrapper {
    top: calc(53vw - 5rem);
    min-height: 19.5rem;
  }
}
@media screen and (min-width: 993px) {
  .block-photos-hero-intro .content-wrapper {
    top: calc(53vw - 10rem);
  }
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .content-wrapper {
    top: 22rem;
    left: 50%;
    min-height: 19.75rem;
    opacity: 1;
    transform: translateX(-50%);
    transition: opacity 0.5s linear, transform 0.5s linear;
  }
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .content-wrapper--hidden {
    opacity: 0;
    transform: scale(0.7) translate3d(-250px, 5rem, -100px);
  }
}
.block-photos-hero-intro .content-wrapper .hero-title {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 0.5rem;
  color: #000;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 576px) {
  .block-photos-hero-intro .content-wrapper .hero-title {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 577px) {
  .block-photos-hero-intro .content-wrapper .hero-title {
    margin: 0 0 2rem;
  }
}
.block-photos-hero-intro .content-wrapper .hero-header {
  margin: 0 0 1.75rem;
  color: #000;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 577px) {
  .block-photos-hero-intro .content-wrapper .hero-header {
    margin: 0 0 3.25rem;
    font-size: 4.375rem;
  }
}
.block-photos-hero-intro .content-wrapper .buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 361px) {
  .block-photos-hero-intro .content-wrapper .buttons-wrapper {
    flex-wrap: nowrap;
  }
}
.block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button {
  margin: 0 0.625rem 1rem 0;
}
@media screen and (min-width: 577px) {
  .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button {
    margin-right: 1.25rem;
  }
}
.block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button:last-child {
  margin: 0 0 1rem;
}
.block-photos-hero-intro .hero-image {
  position: absolute;
  display: block;
  margin: 0;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image {
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.5s linear;
  }
}
.block-photos-hero-intro .hero-image img {
  width: auto;
  border-radius: 15.625rem;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image img {
    position: absolute;
    transform: perspective(500px) translate3d(0, 0, 0);
  }
}
.block-photos-hero-intro .hero-image--1 {
  display: none;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--1 {
    top: 4.875rem;
    left: 0;
    display: block;
    transform: perspective(500px) translate3d(-18rem, -200px, 100px);
  }
}
.block-photos-hero-intro .hero-image--1 img {
  height: 9.125rem;
}
.block-photos-hero-intro .hero-image--2 {
  display: none;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--2 {
    top: 39rem;
    left: 0;
    display: block;
    transform: perspective(500px) translateX(-18rem) translateY(260px) translateY(100px);
  }
}
.block-photos-hero-intro .hero-image--2 img {
  height: 23.3125rem;
}
.block-photos-hero-intro .hero-image--3 {
  top: -2.5%;
  left: -4%;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--3 {
    top: 11.5rem;
    left: 16.6%;
    transform: perspective(500px) translate3d(7.5rem, -170px, 218.2px);
  }
}
.block-photos-hero-intro .hero-image--3 img {
  height: 53vw;
  max-height: 35rem;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--3 img {
    height: 28.188vw;
    max-height: 28.188rem;
  }
}
.block-photos-hero-intro .hero-image--4 {
  bottom: 5.75rem;
  left: 5%;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--4 {
    top: 43.8125rem;
    bottom: unset;
    left: 25.4%;
    transform: perspective(500px) translate3d(9rem, 1.5rem, 218px);
  }
  .block-photos-hero-intro .hero-image--4 img {
    height: 13.625vw;
    max-height: 13.625rem;
  }
}
.block-photos-hero-intro .hero-image--4 img {
  height: 26.8vw;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--4 img {
    height: 13.625vw;
    max-height: 13.625rem;
  }
}
.block-photos-hero-intro .hero-image--5 {
  display: none;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--5 {
    top: 4.875rem;
    left: 46%;
    display: block;
    transform: perspective(500px) translate3d(20rem, -13rem, 218px);
  }
}
.block-photos-hero-intro .hero-image--5 img {
  height: 20.563vw;
  max-height: 16.5rem;
}
@media screen and (min-width: 1401px) {
  .block-photos-hero-intro .hero-image--5 img {
    max-height: 20.563rem;
  }
}
.block-photos-hero-intro .hero-image--6 {
  right: 1.375rem;
  bottom: 1.625rem;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--6 {
    top: 40.375rem;
    right: unset;
    left: 55.55%;
    transform: perspective(500px) translate3d(23rem, 0.35rem, 217px);
  }
}
.block-photos-hero-intro .hero-image--6 img {
  height: 57vw;
  max-height: 30rem;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--6 img {
    height: 20.563vw;
    max-height: 16.5rem;
  }
}
@media screen and (min-width: 1401px) {
  .block-photos-hero-intro .hero-image--6 img {
    max-height: 20.563rem;
  }
}
.block-photos-hero-intro .hero-image--7 {
  display: none;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--7 {
    top: 3.375rem;
    left: 69.9%;
    display: block;
    transform: perspective(500px) translate3d(28rem, -14rem, 217px);
  }
}
.block-photos-hero-intro .hero-image--7 img {
  height: 16.25vw;
  max-height: 16.25rem;
}
.block-photos-hero-intro .hero-image--8 {
  top: -4%;
  right: -3%;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--8 {
    top: 22.625rem;
    right: unset;
    left: 69.9%;
    transform: perspective(500px) translate3d(16rem, -7rem, 218px);
  }
}
@media screen and (min-width: 1401px) {
  .block-photos-hero-intro .hero-image--8 {
    transform: perspective(500px) translate3d(28rem, -4rem, 218px);
  }
}
.block-photos-hero-intro .hero-image--8 img {
  height: 51vw;
  max-height: 30rem;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--8 img {
    height: 21.125vw;
    max-height: 16.5rem;
  }
}
@media screen and (min-width: 1401px) {
  .block-photos-hero-intro .hero-image--8 img {
    max-height: 21.125rem;
  }
}
.block-photos-hero-intro .hero-image--9 {
  display: none;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--9 {
    top: 52rem;
    left: 77.1%;
    display: block;
    transform: perspective(500px) translate3d(34rem, 4rem, 200px);
  }
}
.block-photos-hero-intro .hero-image--9 img {
  height: 13.625vw;
  max-height: 13.625rem;
}
@media screen and (min-width: 1141px) {
  .block-photos-hero-intro .hero-image--animated {
    transform: perspective(500px) translate3d(0, 0, 0);
  }
}

body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .hero-title,
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .hero-header {
  color: #84c2f1;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button {
  background-color: #84c2f1;
  color: #00243f;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button img {
  filter: none;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button:hover {
  background-color: #68a9dd;
  color: #000;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button:hover img {
  filter: none;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button:active, body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button:focus {
  background-color: #245bc9;
  color: #cce9ff;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button:active img, body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button:focus img {
  filter: brightness(0) saturate(100%) invert(91%) sepia(77%) saturate(6648%) hue-rotate(175deg) brightness(102%) contrast(103%);
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button:disabled {
  background-color: #f2f2f2;
  color: #667782;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button--outlined {
  border: 1px solid #84c2f1;
  background-color: transparent;
  color: #84c2f1;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button--outlined img {
  filter: brightness(0) saturate(100%) invert(71%) sepia(36%) saturate(568%) hue-rotate(175deg) brightness(96%) contrast(96%);
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button--outlined:hover {
  border: 1px solid #68a9dd;
  background-color: #68a9dd;
  color: #000;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button--outlined:hover img {
  filter: none;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button--outlined:active, body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button--outlined:focus {
  border: 1px solid #245bc9;
  background-color: #245bc9;
  color: #cce9ff;
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button--outlined:active img, body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button--outlined:focus img {
  filter: brightness(0) saturate(100%) invert(91%) sepia(77%) saturate(6648%) hue-rotate(175deg) brightness(102%) contrast(103%);
}
body.theme-midnight-blue .block-photos-hero-intro .content-wrapper .buttons-wrapper .c-button--outlined:disabled {
  border: 1px solid #acb8bf;
  background-color: transparent;
  color: #acb8bf;
}

/*# sourceMappingURL=block_photos-hero-intro.css.map*/