.template-gallery {
overflow: hidden;
}
.template-gallery-item {
float: left;
margin-right: .9em;
margin-bottom: 1em;
overflow: hidden;
text-align: center;
width: 190px;
height: 230px;
}
.template-gallery-image img {
vertical-align: middle;
object-fit: cover;
width: 190px !important;
height: 190px !important;
}
.template-gallery-title {
font-size: small;
}
.template-gallery.overlap .template-gallery-item {
cursor: pointer;
position: relative;
height: auto;
}
.template-gallery.overlap .template-gallery-title a {
background: rgba( 0, 0, 0, .5 ) !important;
box-sizing: border-box;
color: white;
display: flex;
justify-content: center;
flex-direction: column;
font-size: large;
font-weight: bold;
text-transform: uppercase;
padding: .5em !important;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.template-gallery.overlap .template-gallery-title a:hover {
text-decoration: none;
}
@media screen and (max-width:500px) {
.template-gallery-item {
margin: 1%;
width: 48%;
}
}
/* [[Category:Template style pages]] */