.fancyboxImg,
.et_pb_title_featured_container img {
  margin-right: 16px;
  cursor: zoom-in;
  transition: all 600ms ease;
}

.et_pb_title_featured_container a {
  display: block;
  max-width: 800px;
  height: 600px;
  overflow: hidden;
}
/*Setting icon guidance on image on the mobile version*/
@media (max-width: 768px) {
	.et_pb_title_featured_container a::before, .imgWrapper::before , a:has(img.postLink)::before {
		font-family: 'divi icon font';
		z-index: 10;
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        border-radius: 4px;
        background: #da9936;
        position: absolute;
	}
	/* link thumbnail */
	a:has(img.postLink)::before {
		content: "l";
		width: 30px !important;
        height: 30px !important;
		padding: 3px 1px 0 2px !important;
	}
	/* feature image */
	.et_pb_title_featured_container a::before {
		content: "T";
        width: 32px !important;
        height: 19px !important;
        padding: 21px 4px 0px 1px !important;
	}
	/* fancybox thumbnail */
	.imgWrapper::before {
		content: "T";
		width: 28px !important;            
		height: 28px !important;
		padding: 4px 1px 0px 2px !important;
	}
}

/* Inline fancybox images*/
.fancyGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /*place-items: center;*/
  gap: 16px;
}

.imgWrapper {
  max-width: 150px;
  height: 150px;
  overflow: hidden;
}
.fancyboxImg:hover,
.et_pb_title_featured_container img:hover {
  transform: scale(1.15);
}
.fancyLink caption {
	width: 150px;
	margin-top: 8px;
    font-size: 12px;
    line-height: 1.1em;
    text-align: left;
}

@media (max-width:961px) {
	.fancyGrid {
  		grid-template-columns: repeat(2, 1fr) !important;
		gap: 8px;
 	}
  	.et_pb_title_featured_container a {
    	height: auto;
  	}
  	.fancyboxImg {
    	margin-right: 0px !important;
  	}
}

/* hover behaviour on inline image link*/
img.postLink {
  outline: 5px solid transparent;
  transition: all 600ms ease;
}

img.postLink:hover {
  outline: 5px solid #da9936;
}