/*
Template:       drestaurant
Theme Name:     dRestaurant Child
Theme URI:      https://directorist.com/product/drestaurant/
Author:         wpWax
Author URI:     https://wpwax.com/
Description:    dRestaurant - Smart and Powerful Restaurant Directory WordPress Theme.
Version:        1.0
Text Domain:    drestaurant-child
License:        GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Requires PHP:	7.0
Tested up to:	5.8
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
*/


.gc-mosaic{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
 /* height: min(520px, 45vw);
  min-height: 540px; */
	position:relative;
	  z-index: 99999;

}

.gc-mosaic__primary,
.gc-mosaic__grid{
	width:100%;
  height:100%;
}

.gc-mosaic__primary,
.gc-mosaic__cell{
  position:relative;
  overflow:hidden;
  border-radius: 0px;

}

.gc-mosaic__primary img,
.gc-mosaic__cell img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.gc-mosaic__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
}

.gc-mosaic__more{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 600;
  background: rgba(0,0,0,.45);
  color:#fff;
  text-transform: uppercase;
  letter-spacing: .02em;
	pointer-events: none;
}

.gc-mosaic__hidden{
  display:none;
}

@media (max-width: 768px){
  .gc-mosaic{
    grid-template-columns: 1fr;
    height:auto;
  }
  .gc-mosaic__primary{
    aspect-ratio: 16 / 9;
  }
  .gc-mosaic__grid{
    margin-top:10px;
  }
  .gc-mosaic__cell{
    aspect-ratio: 1 / 1;
  }
}