/**
* Theme Name: Havezic Child
* Description: This is a child theme of Havezic, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: havezic
* Version: 1.0.9
*/


/*---------- GeoTrip Elements Styles: Detail Page Styles ------------*/
.galleryGrid {
  display: grid;
  grid-template-columns: 0.52fr 0.24fr 0.24fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
}

.galleryGrid.typeGrid_1 > *:nth-child(1) {
  grid-row: 2 span;
}

.galleryGrid.typeGrid_2 > *:nth-child(1) {
  grid-row: 2 span;
}

.galleryGrid.typeGrid_2 > *:nth-child(2) {
  grid-column: 2 span;
}

.galleryGrid.typeGrid_3 {
  grid-template-columns: 0.52fr 0.24fr 0.24fr 0.24fr 0.24fr;
}

.galleryGrid.typeGrid_3 > *:nth-child(1) {
  grid-row: 2 span;
}

.galleryGrid.typeGrid_3 > *:nth-child(6),
.galleryGrid.typeGrid_3 > *:nth-child(7) {
  grid-column: 2 span;
}

.galleryGrid.typeGrid_1 img,
.galleryGrid.typeGrid_2 img,
.galleryGrid.typeGrid_3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.couponSep {
  border-bottom: 1px solid #e3e9ed;
  position: relative;
  margin: 30px 0;
}

.couponSepText {
  width: 28px;
  height: 28px;
  background: #f1f6f9;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #f1f6f9;
  position: absolute;
  top: -13px;
  border-radius: 30px;
  left: 45%;
  padding: 4px 4px;
  color: #bcc9d1;
}

@media (max-width: 767px) {
  .galleryGrid.typeGrid_3 {
    grid-row: 2 span;
    grid-column: 2 span;
    grid-template-columns: 1fr 1fr;
  }
  
  .galleryGrid__item .btn {
    font-size: 11px;
    padding: 5px 12px;
    font-weight: 600 !important;
  }
}