.divi-woo-categories-grid {
display: grid;
gap: 30px;
margin: 20px 0;
}
.divi-woo-categories-grid.columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.divi-woo-categories-grid.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.divi-woo-categories-grid.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.divi-woo-categories-grid.columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.divi-woo-categories-grid .category-item {
text-align: center;
}
.divi-woo-categories-grid .category-image img {
width: 100%;
height: auto;
border-radius: 8px;
transition: transform 0.3s ease;
}
.divi-woo-categories-grid .category-image img:hover {
transform: scale(1.05);
}
.divi-woo-categories-grid .category-title {
margin-top: 15px;
font-size: 1.2em;
}
.divi-woo-categories-grid .category-title a {
color: inherit;
text-decoration: none;
}
@media (max-width: 980px) {
.divi-woo-categories-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 479px) {
.divi-woo-categories-grid {
grid-template-columns: 1fr !important;
}
} .divi_woo_categories .wc-category-image .et_overlay,
.divi_woo_categories .wc-category-image .et_overlay.et_pb_inline_icon {
background-color: rgba(0,0,0,0.3) !important;
}
.divi_woo_categories .category-overlay-text {
background-color: rgba(0,0,0,0.3) !important;
}
.divi_woo_categories .wc-category-image:hover .et_overlay {
opacity: 1;
background-color: rgba(0,0,0,0.3) !important;
}