.medialist-content {position: relative;padding: 1.1111111111rem 0; } .medialist-content .btn {padding: 0;border: 0;box-shadow: none !important; } .medialist-content .btn-image {position: relative;aspect-ratio: 4/3;width: 100%; } .medialist-content .btn-image .img-fluid {position: absolute;width: 100%;height: 100%;inset: 0;object-fit: cover; } .medialist-content .col-main {position: relative; } .medialist-content .col-main .btn-zoom {display: flex;align-items: center;justify-content: center;position: absolute;right: 1.7222222222rem;bottom: 2.5555555556rem;width: 4rem;height: 4rem;font-size: 2.0555555556rem;padding: 0; } .medialist-content .card {margin-bottom: 1.6666666667rem; } .medialist-content .img-main {margin-bottom: 1.6666666667rem; } .medialist-content .carousel {flex-direction: row;display: flex;width: 100%;margin: 0; } .medialist-content .carousel .col {flex-grow: 0;flex-shrink: 1;flex-basis: 50%;max-width: 50%;padding-left: 0.2222222222rem;padding-right: 0.2222222222rem; } .medialist-content .carousel .col .btn {width: 100%;height: 100%;aspect-ratio: 4/3;padding: 0.2777777778rem;border: 1px solid var(--light); } .medialist-content .carousel .col .btn::after {content: " ";position: absolute;left: 0.2222222222rem;right: 0.2222222222rem;top: 0;bottom: 0;background: var(--primary);opacity: 0.75;display: none; } .medialist-content .carousel .col .btn .card-img {position: relative;width: 100%;height: 100%; } .medialist-content .carousel .col .btn span {position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: var(--white);font-size: 2.2222222222rem;font-weight: normal;z-index: 1;display: none; } .medialist-content .carousel .col .btn .zoom {content: " ";position: absolute;z-index: 2;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;color: var(--white);display: flex;align-items: center;justify-content: center;visibility: hidden;opacity: 0;transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out; } .medialist-content .carousel .col .btn .zoom svg {width: 2.7777777778rem;height: auto;width: 3.3333333333rem; } @media (min-width: 768px) {.medialist-content .carousel .col .btn .zoom svg {width: 3.8888888889rem;} } .medialist-content .carousel .col .btn:hover .zoom {visibility: visible;opacity: 1; } .medialist-content .carousel .col .btn:hover:hover span {display: none; } .medialist-content .carousel .col .btn .img-fluid {margin-bottom: 0;position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; } @media (min-width: 576px) {.medialist-content .carousel .col {flex-basis: 33.333%;max-width: 33.333%;} } @media (min-width: 768px) {.medialist-content .carousel .col {flex-basis: 25%;max-width: 25%;} } .medialist-content .carousel .col:nth-child(2n) .btn::after {display: block; } .medialist-content .carousel .col:nth-child(2n) .btn span {display: flex;align-items: center;justify-content: center; } .medialist-content .carousel .col:nth-child(2n):nth-child(2) ~ .col {display: none; } @media (min-width: 576px) {.medialist-content .carousel .col:nth-child(2n) .btn::after {display: none;}.medialist-content .carousel .col:nth-child(2n) .btn span {display: none;}.medialist-content .carousel .col:nth-child(3n) .btn::after {display: block;}.medialist-content .carousel .col:nth-child(3n) .btn span {display: flex;align-items: center;justify-content: center;}.medialist-content .carousel .col:nth-child(3) {display: block !important;}.medialist-content .carousel .col:nth-child(3) ~ .col {display: none;} } @media (min-width: 768px) {.medialist-content .carousel .col:nth-child(3n) .btn::after {display: none;}.medialist-content .carousel .col:nth-child(3n) .btn span {display: none;}.medialist-content .carousel .col:nth-child(4n) .btn::after {display: block;}.medialist-content .carousel .col:nth-child(4n) .btn span {display: flex;align-items: center;justify-content: center;}.medialist-content .carousel .col:nth-child(4) {display: block !important;}.medialist-content .carousel .col:nth-child(4) ~ .col {display: none;} } .modal.modal-slideshow .modal-content {max-width: 1400px;margin: 0 auto; } .modal .modal-dialog {width: 100%; } .modal .modal-dialog .modal-content {position: absolute;inset: 0;width: 100%;height: 100%; } .modal .modal-dialog .modal-content .inner {width: 100%;height: 100%; } .modal .modal-dialog .modal-content .inner picture {width: 100%;height: 100%; } .modal .modal-dialog .modal-content .inner picture .img-fluid {object-fit: cover !important; } .modal .modal-dialog .btn-prev, .modal .modal-dialog .btn-next {display: flex; } .modal.gallery .carousel, .modal.gallery .holder, .modal.gallery .row, .modal.gallery .slide, .modal.gallery .item {max-height: none; }