.gallery {max-width: 117.875rem;margin: 0 auto 5rem;padding: 5.875rem 0 10.5rem;border-radius: 1.5rem;background: var(--primary); } .gallery .gallery-title {margin: 0 0 4.5rem;color: var(--white);font-size: 3rem;font-weight: 800;line-height: 1.25;text-align: center;letter-spacing: 0; } .gallery .gallery-header {max-width: 45rem;margin: -3.5rem auto 3.5rem;color: rgba(255, 255, 255, 0.72);font-size: 1.25rem;font-weight: 400;line-height: 1.25;text-align: center; } .gallery .gallery-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-auto-flow: dense;grid-auto-rows: 4.6875rem;gap: 1rem; } .gallery .gallery-card {display: flex;width: 100%;min-width: 0; } .gallery .gallery-card-1 {grid-row: span 5; } .gallery .gallery-card-2 {grid-row: span 4; } .gallery .gallery-card-3 {grid-row: span 3; } .gallery .gallery-card-4 {grid-row: span 4; } .gallery .gallery-card-5 {grid-row: span 4; } .gallery .gallery-card-6 {grid-row: span 2; } .gallery .gallery-card-7 {grid-row: span 5; } .gallery .gallery-card-8 {grid-row: span 3; } .gallery .gallery-card-9 {grid-row: span 4; } .gallery .gallery-card-10 {grid-row: span 2; } .gallery .gallery-item {display: block;width: 100%;height: 100%;padding: 0;overflow: hidden;border: 0;border-radius: 0.75rem;background: var(--white);box-shadow: none;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease; } .gallery .gallery-item:hover, .gallery .gallery-item:focus {transform: translateY(-0.25rem);box-shadow: 0 1.125rem 2.8125rem rgba(0, 0, 0, 0.14); } .gallery .gallery-item picture {display: block;width: 100%;height: 100%; } .gallery .gallery-item .img-fluid {width: 100%;height: 100%;object-fit: cover; } .gallery-slideshow {width: 100%;height: 100%; } .gallery-slideshow .carousel {width: 100%;height: 100%; } .gallery-slideshow .holder, .gallery-slideshow .slider, .gallery-slideshow .slide {height: 100%; } .gallery-slideshow .item, .gallery-slideshow .inner {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%; } .gallery-slideshow .inner {min-height: 0; } .gallery-slideshow .img-fluid {max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain; } .gallery .modal-dialog {width: calc(100vw - 3rem);max-width: 87.5rem;height: calc(100vh - 3rem);max-height: 56.25rem; } .gallery .modal .modal-content, .gallery .modal .modal-body {width: 100%;height: 100%; } .gallery .modal .modal-content {overflow: hidden;border-radius: 0.5rem;background: rgba(0, 0, 0, 0.42);background-color: rgba(0, 0, 0, 0.42);box-shadow: none; } .gallery .modal .modal-content > .spinner-border {display: none; } .gallery .modal .modal-header .btn-close {color: var(--white); } .gallery .btn-prev-gallery, .gallery .btn-next-gallery {border-radius: 50%;background: rgba(0, 0, 0, 0.58);color: var(--white);box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.24); } .gallery .btn-prev-gallery:hover, .gallery .btn-prev-gallery:focus, .gallery .btn-next-gallery:hover, .gallery .btn-next-gallery:focus {background: var(--white);color: var(--primary); } @media (max-width: 991.98px) {.gallery {margin-bottom: 3.5rem;padding: 3.5rem 0 4.5rem;border-radius: 0;}.gallery .gallery-title {margin-bottom: 2.25rem;font-size: 2.375rem;}.gallery .gallery-header {margin-bottom: 2.125rem;font-size: 1.125rem;}.gallery .gallery-grid {grid-template-columns: repeat(2, minmax(0, 1fr));grid-auto-rows: auto;gap: 0.75rem;}.gallery .gallery-card {grid-row: auto;}.gallery .gallery-card-1 .gallery-item,.gallery .gallery-card-2 .gallery-item,.gallery .gallery-card-3 .gallery-item,.gallery .gallery-card-4 .gallery-item,.gallery .gallery-card-5 .gallery-item,.gallery .gallery-card-6 .gallery-item,.gallery .gallery-card-7 .gallery-item,.gallery .gallery-card-8 .gallery-item,.gallery .gallery-card-9 .gallery-item,.gallery .gallery-card-10 .gallery-item {aspect-ratio: 1;}.gallery-slideshow .img-fluid {max-height: 100%;}.gallery .modal-dialog {width: calc(100vw - 1.5rem);height: calc(100vh - 1.5rem);} }