@import"block-party.css";

.gallery-block {
    color: #fff;

}
.gallery-block   {
    padding-top: 85px;
}
@media (min-width: 900px) {
    .gallery-block  {
        padding-top: 185px;
    }
}

.gallery-block img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.gallery-block .title-1 {
    height: fit-content;
    font-size: clamp(40px, 16vw, 182px);
    font-weight: 600;
    letter-spacing: .2em;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    z-index: 2;
    margin-bottom: clamp(40px, 7vw, 88px)
}

.gallery-block .subtitle {
    grid-column: 1/-1;
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
    margin-bottom: 27px
}

.gallery-block>.item {
    border-bottom: 1px solid #fff;
    padding: clamp(13px, 1.5vw, 20px) 0
}

.gallery-block .item {
    position: relative;
    transition: padding .15s ease-in-out
}

.gallery-block .item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: clamp(16px, 2.3vw, 32px);
    height: clamp(16px, 2.3vw, 32px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform .15s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='31' viewBox='0 0 32 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.956484 18.9269V12.6269H12.8565V0.726875H19.4365V12.6269H31.3365V18.9269H19.4365V30.8269H12.8565V18.9269H0.956484Z' fill='white'/%3E%3C/svg%3E")
}

.gallery-block .item.active {
    padding-bottom: 70px
}

.gallery-block .item.active::after {
    top: auto;
    bottom: 70px;
    right: 0;
    transform: rotate(90deg);
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.1733 26.4436L0.718524 21.9888L9.1331 13.5742L0.718527 5.15965L5.37129 0.506885L13.7859 8.92145L22.2004 0.506882L26.6552 4.96166L18.2406 13.3762L26.6552 21.7908L22.0024 26.4436L13.5879 18.029L5.1733 26.4436Z' fill='%23EA2019'/%3E%3C/svg%3E")
}

.gallery-block .item.active .title-3 {
    font-size: clamp(28px, 6vw, 70px);
    color: #fff;
    align-items: center;
    justify-content: center;
    padding-bottom: 32px;
    margin-top: 32px
}

.gallery-block .item.active .images,
.gallery-block .item.active .video,
.gallery-block .item.active .images>p,
.gallery-block .item.active .video>p {
    display: grid
}

.gallery-block .images,
.gallery-block .video,
.gallery-block .images>p,
.gallery-block .video>p {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 50px
}

.gallery-block .img {
    display: flex;
    flex-direction: column
}

.gallery-block .img strong,
.gallery-block .img b {
    margin-top: 20px
}
.gallery-block .img strong {
    margin-bottom: 10px;
}

.gallery-block .img strong,
.gallery-block .img small {
    color: #fff
}

.gallery-block .title-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: font-size .15s ease-in-out, color .15s ease-in-out
}

.gallery-block .title-3:hover {
    color: #fff
}

@media(max-width: 900px) {

    .gallery-block .images,
    .gallery-block .video,
    .gallery-block .images>p,
    .gallery-block .video>p {
        display: none;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 700px) {

    .gallery-block .images,
    .gallery-block .video,
    .gallery-block .images>p,
    .gallery-block .video>p {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width: 400px) {

    .gallery-block .images,
    .gallery-block .video,
    .gallery-block .images>p,
    .gallery-block .video>p {
        grid-template-columns: 1fr
    }
}

/*# sourceMappingURL=page-gallery.css.map */