-
Details
-
Jeremy Meyer
-
/* QUICK GALLERY OVERRIDES */
.quick-gallery-table {
display: inline-block !important;
width: 200px !important;
max-width: 200px !important;
padding: 0 !important;
margin: 10px;
border: none !important;
border-radius: 8px !important;
overflow: hidden !important;
background: var(--default-white, #fff);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
vertical-align: top;
text-align: center;
position: relative;
}
.quick-gallery-table:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.quick-gallery-table a {
display: block !important;
text-decoration: none !important;
color: inherit !important;
position: relative;
overflow: hidden;
height: 100%;
}
.quick-gallery-table img.modal-quick-gallery {
width: 100% !important;
height: 150px !important;
object-fit: cover !important;
border-radius: 0 !important;
transition: transform 0.6s cubic-bezier(0.2, 0, 0.2, 1) !important;
display: block !important;
}
.quick-gallery-table:hover img.modal-quick-gallery {
transform: scale(1.05);
}
.quick-gallery-table .gallerytitle {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
top: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 50px !important;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5) 75%, transparent) !important;
color: var(--default-white, #fff) !important;
padding: 30px 10px 12px !important;
margin: 0 !important;
transform: none !important;
z-index: 2 !important;
display: flex !important;
align-items: flex-end;
justify-content: center;
font-family: var(--body-font-family, inherit);
font-weight: 600 !important;
font-size: 0.9rem !important;
letter-spacing: 0.5px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-sizing: border-box;
}
.quick-gallery-table:hover .gallerytitle {
background: linear-gradient(to top, rgba(var(--primary-color-rgb, 47, 78, 133), 0.95), rgba(var(--primary-color-rgb, 47, 78, 133), 0.6) 75%, transparent) !important;
}