/* Template css resource: Maatwerk Special - thumbs - a la carte */
.thumbs.maatwerk .row {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1px;
background: var(--bs-border-color);
}
.thumbs .card-img-top {
transition: transform 0.3s ease, opacity 0.3s ease;
}
.thumbs .card:hover .card-img-top {
transform: scale(1.05);
}
.thumbs.maatwerk .col {
min-width: 100px;
width:100%;
background: #fff;
gap: 0.5rem;
text-decoration: none;
}
.thumbs.maatwerk .col:hover {
background: #ffffffcc;
}
.thumbs .h4 {
height: 2.5em;         
line-height: 1.25em;      
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.thumbs .card-text {
height: 3em;
line-height: 1.5em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}