.our-store-image-layer .our-store-image-link:hover {
text-decoration: none;
}
#our-store-content-block {
margin: auto;
max-width: 810px;
text-align: center;
}
.our-store-image-block-title {
transition: .2s;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
}
#our-store-image-grid-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 87px 0 108px;
margin: 0 -12.5px;
}
.our-store .title {
text-align: center;
margin-bottom: 13px;
}
.site-main> .our-store {
padding: 61px 0 0;
}
.our-store-image-block .image {
position: relative;
padding-bottom: 68.5%;
display: block;
width: 100%;
height: 100%;
}
.our-store-image-block .image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
@media only screen and (max-width: 1236px) {
#our-store-image-grid-block {
padding-top: 30px;
padding-bottom: 19px;
}
.our-store-image-block {
width: 50%;
}
}
.our-store-image-block {
display: inline-block;
margin-bottom: 30px;
width: 47.765%;
padding: 0 12.5px;
}
.our-store-image-block img {
max-width: 100%;
}
.our-store-image {
vertical-align: bottom;
}
.our-store-image-layer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgb(2 3 8 / 35%);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: opacity .2s, visibility .2s;
z-index: 1;
}
@media (min-width: 768px){
.our-store-image-layer{
visibility: hidden;
opacity: 0;
}
.our-store-image-block:hover .our-store-image-layer {
visibility: visible;
opacity: 1;
}
.our-store-image-block-title {
transform: translateY(1em);
}
.our-store-image-block:hover .our-store-image-block-title {
transform: translateY(0);
}
}
@media (max-width: 767px){
.our-store-image-block {
width: 100%;
}
.site-main> .our-store {
padding: 41px 0 0;
}
.our-store .title {
margin-bottom: 16px;
}
}