/**
 * Base Styles
 * - 01 - Foundation
 * - 02 - Utilities
 * - 03 - Framework
 * - 04 - Settings
 */
/*------------------------------------*\
  01 - Foundation
\*------------------------------------*/
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*------------------------------------*\
  02 - Utilities
\*------------------------------------*/
/*------------------------------------*\
  03 - Framework
\*------------------------------------*/
/*------------------------------------*\
  04 - Settings
\*------------------------------------*/
/**
 * Colors
 * - 01 - Variables
 * - 02 - Mapping
 */
/*------------------------------------*\
  01 - Variables
\*------------------------------------*/
/*------------------------------------*\
  02 - Mapping
\*------------------------------------*/
@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Regular.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Light.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-SemiBold.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-SemiBold.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Bold.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal; }

/******* End Drupal Defaults *******/
@media print, screen and (max-width: 74.99875em) {
  .block--masonry-images {
    position: relative;
    margin-bottom: calc(147vw + 54px); } }

@media screen and (min-width: 75em) {
  .block--masonry-images {
    margin-bottom: 135px; } }

@media screen and (min-width: 75em) {
  .block--masonry-images > .block-content {
    display: flex;
    justify-content: space-between; } }

.block--masonry-images > .block-content > .text {
  padding: 58px 24px;
  opacity: 1; }
  @media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
    .block--masonry-images > .block-content > .text {
      padding: 75px 36px; } }
  @media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
    .block--masonry-images > .block-content > .text {
      padding: 96px 54px; } }
  @media screen and (min-width: 75em) {
    .block--masonry-images > .block-content > .text {
      flex-grow: 1;
      padding: 100px 80px 120px; } }
  @media screen and (min-width: 90em) {
    .block--masonry-images > .block-content > .text {
      padding: 100px 125px 120px; } }

@media print, screen and (max-width: 74.99875em) {
  .block--masonry-images > .block-content > .media {
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
    width: 100%;
    height: calc(147vw - 30px);
    overflow: hidden; } }

@media screen and (min-width: 75em) {
  .block--masonry-images > .block-content > .media {
    flex-shrink: 0;
    width: 600px;
    padding-bottom: 40px; } }

@media screen and (min-width: 90em) {
  .block--masonry-images > .block-content > .media {
    width: 775px; } }

.block--masonry-images > .block-content > .media .field--name-field-images {
  display: grid;
  -webkit-perspective: 1000px;
          perspective: 1000px; }
  @media print, screen and (max-width: 74.99875em) {
    .block--masonry-images > .block-content > .media .field--name-field-images {
      height: calc(100% - 50px);
      width: calc(100% - 40px);
      -webkit-column-gap: 10px;
         -moz-column-gap: 10px;
              column-gap: 10px;
      row-gap: 10px;
      grid-template-columns: 17.3% 11.2% 29.7% 22.2% 19.6%;
      grid-template-rows: 26.3% 26.5% 10.8% 13.2% 2.2% 21%; } }
  @media screen and (min-width: 75em) {
    .block--masonry-images > .block-content > .media .field--name-field-images {
      margin-top: -35.3%;
      width: calc(100% - 60px);
      aspect-ratio: 0.8;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px;
      row-gap: 20px;
      grid-template-columns: 7% 44.8% 22.4% 25.8%;
      grid-template-rows: 18.8% 22.9% 21.9% 14.6% 21.8%; } }
  @media print, screen and (max-width: 74.99875em) {
    .block--masonry-images > .block-content > .media .field--name-field-images .icon {
      grid-column: 2 / span 3;
      grid-row: 1 / span 2; } }
  @media screen and (min-width: 75em) {
    .block--masonry-images > .block-content > .media .field--name-field-images .icon {
      grid-column: 1 / span 2;
      grid-row: 3 / span 2; } }
  @media screen and (min-width: 75em) {
    .block--masonry-images > .block-content > .media .field--name-field-images .icon .icon-mobile {
      display: none; } }
  .block--masonry-images > .block-content > .media .field--name-field-images .icon .icon-desktop {
    width: calc(100% - 20px); }
    @media print, screen and (max-width: 74.99875em) {
      .block--masonry-images > .block-content > .media .field--name-field-images .icon .icon-desktop {
        display: none; } }
  .block--masonry-images > .block-content > .media .field--name-field-images .icon svg .arrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
    transition: opacity 300ms, -webkit-transform 500ms;
    transition: transform 500ms, opacity 300ms;
    transition: transform 500ms, opacity 300ms, -webkit-transform 500ms;
    transition-delay: 1.2s; }
  .block--masonry-images > .block-content > .media .field--name-field-images > .field__item {
    transition: opacity 750ms, -webkit-transform 1s;
    transition: opacity 750ms, transform 1s;
    transition: opacity 750ms, transform 1s, -webkit-transform 1s;
    opacity: 0;
    -webkit-transform: rotateX(75deg);
            transform: rotateX(75deg); }
    .block--masonry-images > .block-content > .media .field--name-field-images > .field__item img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center; }
  @media print, screen and (max-width: 74.99875em) {
    .block--masonry-images > .block-content > .media .field--name-field-images .image-1 {
      grid-column: 1 / span 2;
      grid-row: 4 / span 2; } }
  @media screen and (min-width: 75em) {
    .block--masonry-images > .block-content > .media .field--name-field-images .image-1 {
      grid-column: 2 / span 2;
      grid-row: 2 / span 1; } }
  .block--masonry-images > .block-content > .media .field--name-field-images .image-2 {
    -webkit-transform: rotateX(0deg) rotateY(-110deg);
            transform: rotateX(0deg) rotateY(-110deg); }
    @media print, screen and (max-width: 74.99875em) {
      .block--masonry-images > .block-content > .media .field--name-field-images .image-2 {
        grid-column: 5 / span 1;
        grid-row: 2 / span 3; } }
    @media screen and (min-width: 75em) {
      .block--masonry-images > .block-content > .media .field--name-field-images .image-2 {
        grid-column: 4 / span 1;
        grid-row: 1 / span 3; } }
  @media print, screen and (max-width: 74.99875em) {
    .block--masonry-images > .block-content > .media .field--name-field-images .image-3 {
      grid-column: 4 / span 1;
      grid-row: 4 / span 1; } }
  @media screen and (min-width: 75em) {
    .block--masonry-images > .block-content > .media .field--name-field-images .image-3 {
      grid-column: 3 / span 1;
      grid-row: 3 / span 1; } }
  .block--masonry-images > .block-content > .media .field--name-field-images .image-4 {
    -webkit-transform: rotateX(0deg) rotateY(-110deg);
            transform: rotateX(0deg) rotateY(-110deg); }
    @media print, screen and (max-width: 74.99875em) {
      .block--masonry-images > .block-content > .media .field--name-field-images .image-4 {
        grid-column: 4 / span 2;
        grid-row: 5 / span 2; } }
    @media screen and (min-width: 75em) {
      .block--masonry-images > .block-content > .media .field--name-field-images .image-4 {
        grid-column: 3 / span 2;
        grid-row: 4 / span 1; } }
  @media print, screen and (max-width: 74.99875em) {
    .block--masonry-images > .block-content > .media .field--name-field-images .image-5 {
      grid-column: 3 / span 1;
      grid-row: 4 / span 3; } }
  @media screen and (min-width: 75em) {
    .block--masonry-images > .block-content > .media .field--name-field-images .image-5 {
      grid-column: 3 / span 1;
      grid-row: 5 / span 1; } }

.block--masonry-images.active > .block-content > .media .field--name-field-images .icon svg .arrow {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  opacity: 1; }

.block--masonry-images.active > .block-content > .media .field--name-field-images > .field__item {
  opacity: 1;
  -webkit-transform: rotateX(0deg) rotateY(0);
          transform: rotateX(0deg) rotateY(0); }

.block--masonry-images.active > .block-content > .media .field--name-field-images .image-2 {
  transition-delay: 400ms; }

.block--masonry-images.active > .block-content > .media .field--name-field-images .image-3 {
  transition-delay: 800ms; }

.block--masonry-images.active > .block-content > .media .field--name-field-images .image-4 {
  transition-delay: 200ms; }

.block--masonry-images.active > .block-content > .media .field--name-field-images .image-5 {
  transition-delay: 600ms; }

.block--masonry-images.reveal > .block-content > .text {
  -webkit-animation: .5s ease-in-out .5s forwards reveal;
          animation: .5s ease-in-out .5s forwards reveal; }


/*# sourceMappingURL=masonry-images.css.map*/