/* Style sheet for kolomna-trams.ru v.3 (media-kit) */
/* by Dmitry Balabanov */

.trams-v3-mediakit-container {
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
}

.trams-v3-mediakit-section {
    width: 100%;
    margin-bottom: 50px;
}

.trams-v3-mediakit-block {
    width: 100%;
}

.trams-v3-mediakit-video-youtube {
    width: 100%;
    height: auto;
    aspect-ratio: 560 / 315;
}

.trams-v3-mediakit-section h2 {
    font-size: 24px;
}

@media only screen and (max-width: 700px) {
    .trams-v3-mediakit-section h2 {
        font-size: 20px;
    }
}

.trams-v3-mediakit-gallery {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 6px;
}

.trams-v3-mediakit-gallery-photo-link {
    margin-left: 3px;
    margin-right: 3px;
}

.trams-v3-mediakit-gallery[data-series="1"] .trams-v3-mediakit-gallery-photo-link {
    width: 100%;
}

.trams-v3-mediakit-gallery[data-series="2"] .trams-v3-mediakit-gallery-photo-link {
    width: 50%;
}
@media only screen and (max-width: 900px) {
    .trams-v3-mediakit-gallery[data-series="2"] {
        flex-direction: column;
    }
    .trams-v3-mediakit-gallery[data-series="2"] .trams-v3-mediakit-gallery-photo-link {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 3px;
        margin-bottom: 3px;
    }
}

.trams-v3-mediakit-gallery[data-series="3"] .trams-v3-mediakit-gallery-photo-link {
    width: 33%;
}
@media only screen and (max-width: 1000px) {
    .trams-v3-mediakit-gallery[data-series="3"] {
        flex-direction: column;
    }
    .trams-v3-mediakit-gallery[data-series="3"] .trams-v3-mediakit-gallery-photo-link {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 3px;
        margin-bottom: 3px;
    }
}
.trams-v3-mediakit-gallery[data-series="4"] .trams-v3-mediakit-gallery-photo-link {
    width: 50%;
}
.trams-v3-mediakit-gallery[data-series="4"] .divider {
    width: 50%;
    display: flex;
    flex-direction: row;
}
@media only screen and (max-width: 1300px) {
    .trams-v3-mediakit-gallery[data-series="4"] .divider {
        flex-direction: column;
        margin-left: 3px;
        margin-right: 3px;
    }
    .trams-v3-mediakit-gallery[data-series="4"] .trams-v3-mediakit-gallery-photo-link {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 3px;
        margin-bottom: 3px;
    }
}
@media only screen and (max-width: 900px) {
    .trams-v3-mediakit-gallery[data-series="4"] .divider {
        width: 100%;
    }
    .trams-v3-mediakit-gallery[data-series="4"] {
        flex-direction: column;
    }
    .trams-v3-mediakit-gallery[data-series="4"] .trams-v3-mediakit-gallery-photo-link {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 3px;
        margin-bottom: 3px;
    }
}

.trams-v3-mediakit-gallery-photo {
    width: 100%;
    background-size: 100%;
    background-position: center;
    aspect-ratio: 1.618 / 1;
}

.trams-v3-mediakit-gallery-photo-link:hover .trams-v3-mediakit-gallery-photo {
    background-size: 105%;
}

.trams-v3-mediakit-gallery-photo p {
    color: white;
    text-decoration: none;
    font-family: var(--trams-sans-font-family);
    line-height: 1.15;

    position: absolute;
    bottom: 0;
    margin-bottom: .6em;
    margin-left: .5em;
}

.trams-v3-mediakit-block.text {
    max-width: 900px;
}

.trams-v3-mediakit-block .trams-v3-mediakit-article {
    font-size: 18px;
}

.trams-v3-mediakit-block .trams-v3-mediakit-article a {
    text-decoration: none;
    color: var(--trams-link-color);
    border-bottom: 1px solid var(--trams-link-underline-color);
}

.trams-v3-mediakit-block .trams-v3-mediakit-article a:hover {
    color: var(--trams-link-hover-color);
    border-bottom: 1px solid var(--trams-link-hover-underline-color);
}