/**
** Theme Container Image Grid & Text
** This file contains the styles for the container with image grid and a text col element in the theme.
*/

.wp-block-uagb-container.cont-img-grid-txt {
  justify-content: space-between;
}

.wp-block-uagb-container.cont-img-grid-txt .col-txt {
  width: 46%;
  gap: var(--gap-l);
}

.wp-block-uagb-container.cont-img-grid-txt .col-img-grid {
  width: 41.48%;
  position: relative;
}

.wp-block-uagb-container.cont-img-grid-txt .col-img-grid .grid-img {
  position: absolute !important;
}

.wp-block-uagb-container.cont-img-grid-txt .col-img-grid img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* 100% = 560px */
.wp-block-uagb-container.cont-img-grid-txt .col-img-grid .grid-img.grid-img-1 {
  width: 100% !important;
  right: 0;
  top: 0;
}

.wp-block-uagb-container.cont-img-grid-txt .col-img-grid .grid-img.grid-img-2 {
  width: 71.79% !important;
  right: 0;
  bottom: 0;
}

.wp-block-uagb-container.cont-img-grid-txt .col-img-grid .grid-img.grid-img-3 {
  width: 60.36% !important;
  left: -34.93%;
  bottom: 28.41%;
}

/* in editor */

.block-editor-block-list__block.cont-img-grid-txt
  .col-img-grid
  .grid-img.grid-img-3 {
  left: 0%;
}

@media (min-width: 1500px) {
  .wp-block-uagb-container.cont-img-grid-txt .col-img-grid {
    height: 894px;
  }
  .wp-block-uagb-container.cont-img-grid-txt .col-txt {
    margin-right: var(--gap-l);
  }
}

@media (max-width: 1920px) and (min-width: 576px) {
  .wp-block-uagb-container.cont-img-grid-txt.alignwide.uagb-is-root-container {
    margin-left: 0 !important;
    transform: translateX(14%);
  }
}

@media (max-width: 1515px) {
  .entry-content .wp-block-uagb-container:not(.alignfull).cont-img-grid-txt {
    /*justify-content: unset;
    margin-right: 0 !important;*/
  }
  .wp-block-uagb-container.cont-img-grid-txt .col-img-grid {
    height: 60vw;
  }

  .wp-block-uagb-container.cont-img-grid-txt {
    gap: clamp(2rem, 7.5vw, 120px);
  }

  .wp-block-uagb-container.cont-img-grid-txt .col-txt {
    margin-right: var(--gap-l);
  }
}

@media (max-width: 1050px) {
  .wp-block-uagb-container.cont-img-grid-txt {
    flex-direction: column;
  }
  .wp-block-uagb-container.cont-img-grid-txt .col-txt {
    width: unset;
    max-width: unset;
  }

  .wp-block-uagb-container.cont-img-grid-txt .col-img-grid {
    height: 53vw;
    width: 84vw;
  }

  /* 100% = 315px, 84 vw*/
  .wp-block-uagb-container.cont-img-grid-txt
    .col-img-grid
    .grid-img.grid-img-1 {
    width: 74.29% !important;
  }

  .wp-block-uagb-container.cont-img-grid-txt
    .col-img-grid
    .grid-img.grid-img-2 {
    width: 53.33% !important;
    right: 0;
    bottom: 0;
  }

  .wp-block-uagb-container.cont-img-grid-txt
    .col-img-grid
    .grid-img.grid-img-3 {
    width: 44.76% !important;
    left: 0;
    bottom: 28.41%;
  }

  .wp-block-uagb-container.cont-img-grid-txt.alignwide.uagb-is-root-container {
    margin-left: auto !important;
    transform: unset;
  }
  .wp-block-uagb-container.cont-img-grid-txt .col-txt {
    margin-right: 0;
  }

  .wp-block-uagb-container.cont-img-grid-txt.alignwide.uagb-is-root-container {
    margin-left: auto !important;
    transform: unset;
  }
  .wp-block-uagb-container.cont-img-grid-txt .col-txt {
    margin-right: 0;
  }
}

@media (min-width: 771px) and (max-width: 1049px) {
  .wp-block-uagb-container.cont-img-grid-txt .col-img-grid {
    height: 72vw;
    width: 100vw;
    transform: translateX(25%);
  }

  .wp-block-uagb-container.cont-img-grid-txt
    .col-img-grid
    .grid-img.grid-img-1 {
    width: 100% !important;
  }

  .wp-block-uagb-container.cont-img-grid-txt
    .col-img-grid
    .grid-img.grid-img-2 {
    width: 72.33% !important;
    right: 0;
    bottom: 0;
  }

  .wp-block-uagb-container.cont-img-grid-txt
    .col-img-grid
    .grid-img.grid-img-3 {
    width: 76.76% !important;
    left: -52%;
    bottom: 21%;
  }
}

@media (max-width: 770px) {
  .wp-block-uagb-container.cont-img-grid-txt .col-img-grid {
    height: 100vw;
  }
}

@media (max-width: 420px) {
  .wp-block-uagb-container.cont-img-grid-txt .col-img-grid {
    height: 104vw;
  }
  .wp-block-uagb-container.cont-img-grid-txt
    .col-img-grid
    .grid-img.grid-img-3 {
    bottom: 34%;
  }

  /*
  .wp-block-uagb-container.cont-img-grid-txt
    .col-img-grid
    .grid-img.grid-img-2 {
    bottom: 4.41%;
  }*/

  .wp-block-uagb-container.cont-img-grid-txt
    .wp-block-uagb-container.col-txt
    .uagb-buttons__wrap {
    justify-content: flex-start;
  }

  .page-id-3525
    .wp-block-uagb-container.cont-img-grid-txt
    .col-img-grid
    .grid-img.grid-img-3 {
    bottom: 30%;
  }

  .page-id-3521
    .wp-block-uagb-container.cont-img-grid-txt
    .col-img-grid
    .grid-img.grid-img-3 {
    bottom: 27.5%;
  }
}