.hs-gallery {
padding-top: 6rem !important; padding-bottom: 6rem !important; background-color: #ffffff; margin: 0;
} .hs-gallery-container {
max-width: 72rem; margin-left: auto;
margin-right: auto;
padding-left: 1.5rem; padding-right: 1.5rem; } .hs-gallery-title-wrapper {
text-align: center;
margin-bottom: 2.5rem; } .hs-gallery-title {
margin-bottom: 0.5rem; margin-top: 0;
font-size: 1.875rem; line-height: 1.2;
font-weight: 700;
}
.hs-gallery-title.has-text-align-center {
margin-bottom: 0.5rem; } .hs-gallery-grid.wp-block-columns {
display: grid;
grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 0 !important;
}
@media (min-width: 768px) {
.hs-gallery-grid.wp-block-columns {
grid-template-columns: repeat(4, 1fr); }
} .hs-gallery-grid.wp-block-columns .wp-block-column {
margin: 0 !important;
padding: 0 !important;
} .hs-gallery-item {
height: 12rem; overflow: hidden;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s ease-in-out;
margin: 0;
padding: 0;
}
.hs-gallery-item:hover {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .hs-gallery-item-rounded {
border-radius: 1.875rem; } .hs-gallery-item-circle {
border-radius: 9999px; } .hs-gallery-image {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.hs-gallery-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease-in-out;
}
.hs-gallery-item:hover .hs-gallery-image img {
transform: scale(1.05); }