/* common style for all gallery items */
@font-face { 
    font-family: 'Gochi Hand';
    src: url(/wp-content/themes/kadence-toncool/fonts/gochi-hand/GochiHand-Regular.ttf) format('truetype');
}
.single-content div.gallery {
    row-gap: var(--global-xs-spacing);
    margin: var(--global-sm-spacing) auto;
}
.gallery-columns-2 {
    width: 345px;
}
.gallery-columns-3 {
    width: 520px;
}
.gallery-columns-4 {
    width: 695px;
}
@media screen and (max-width: 520px) {
  div .gallery-columns-3,
  div .gallery-columns-4 {
    grid-template-columns: repeat(2, 1fr);
    width: 345px;
  }
}
@media screen and (max-width: 820px) and (min-width: 521px) {
  div .gallery-columns-4 {
    grid-template-columns: repeat(3, 1fr);
    width: 520px;
  }
}

.single-content figure.gallery-item {
    position: relative; /* needed for z-index */
    height: 180px;
    width: 170px;
    background: #fff;
    box-shadow: 2px 2px 3px 2px #cfcfcf;
    margin: 0;
}
.single-content figure.gallery-item:hover {
/*  move item to foreground and slightly enlarge it on mouse hover */
    transform: rotate(0deg) scale(1.12,1.12) !important;
    z-index: 100 !important;
    box-shadow: 3px 3px 5px 3px #cfcfcf;
}
.gallery-item .gallery-icon img {
    height:130px;
    padding: 5px;
}



.gallery-item .gallery-caption {
	color: #0f4999; /* ink-blue */
	font-size: 16px;
	font-family: 'Gochi Hand',cursive;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}