.woo_cats_imagemenu {
margin: 0 -5px 25px;
display:flex;
flex-wrap: wrap;
justify-content: center;
}
.woo_cats_imagemenu .cat-item {
position: relative;
display: flex;
flex-basis: 25%;
padding: 0 5px;
width: 100%;
margin-bottom: 15px
}
.woo_cats_imagemenu .cat-item:after {
content: '';
width:0;
height:0;
padding-bottom: 130%;
}
.woo_cats_imagemenu .cat-item a {
background-position: center;
background-size: cover;
position: absolute;
top:0; left:5px; right:5px; bottom:0;
text-decoration: none
}
.woo_cats_imagemenu .cat-item a:before {
content: '';
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
background: linear-gradient(180deg, rgba(17, 21, 17, 0) 39.39%, rgba(17, 21, 17, 0.56) 100%);
}
.woo_cats_imagemenu .cat-item a > div {
position: absolute;
top:0; left:0; right:0; bottom:0;
padding: 20px;
display:flex;
flex-direction: column;
justify-content: flex-end;
transition: all .5s;
}
.woo_cats_imagemenu .cat-item a > div:after {
content:'';
position: absolute;
bottom: 25px;
left: 20px;
width:50%;
height:1px;
background-color: #D3C9B2;
transition: all .5s;
}
.woo_cats_imagemenu .cat-title {
position: relative;
line-height: 1.1;
margin: 15px 0 15px;
font-family: 'Baskervville',serif;
font-weight: normal;
font-size: 24px;
color: #FFFEFC;
transition: all .5s;
}
.ws_desktop .woo_cats_imagemenu .cat-title {
margin-top:0
}
.woo_cats_imagemenu .cat-item a:hover > div {
left:10px;
}
@media (max-width:991px) {
.woo_cats_imagemenu {
margin: 0 -5px 15px;
}
.woo_cats_imagemenu .cat-item a > div {
padding: 14px;
}
.woo_cats_imagemenu .cat-item a > div:after {
bottom: 15px;
left: 15px;
}
.woo_cats_imagemenu .cat-title {
font-size: 20px;
word-break: break-word;
hyphens: auto;
margin: 0 0 10px;
}
}
@media (max-width:767px) {
.woo_cats_imagemenu .cat-item {
flex-basis: 50%;
}
}
@media (max-width:575px) {
.woo_cats_imagemenu .cat-title {
font-size: 18px;
}
}