/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1750716754
Updated: 2025-06-23 22:12:34

*/

.custom-design-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.custom-design-item img {
  width: 100%;
  height: auto;
  display: block;
}

.custom-design-item .design-info {
  text-align: center;
  margin-top: 10px;
}

.custom-design-item .design-info h4 {
  margin: 0;
  font-size: 1.1em;
	 color: #ffffff!important;
}

.custom-design-item .design-info p {
  margin: 5px 0 0;
  font-size: 1.2em;
	 color: #ffffff!important;
}


.tattoo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.tattoo-item {
  position: relative;
  padding-top: 100%;      /* 1:1 aspect ratio; for 4:3 use 75%, for 16:9 use 56.25% */
  overflow: hidden;
}

/* 3) Stretch the <img> to fill the cell and crop via object-fit */
.tattoo-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;       /* cover = fill and crop, contain = fit inside */
  object-position: center; /* center the crop */
}
@media only screen and (max-width: 968px){
	.tattoo-grid {
  grid-template-columns: repeat(2, 1fr);
}
	.custom-design-grid {
  grid-template-columns: repeat(2, 1fr);
}
}