/* --------------------------------------------------------------------------
   Legacy websites
   -------------------------------------------------------------------------- */

.sv_legacy_websites {
    width: 100%;
    min-width: 0;
}

.sv_legacy_websites_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
        "ppl-multimedia mlj-multimedia"
        "ppl-site       mlj-site"
        "lpt-site       std-site"
        "dle-site       kev-site";
    width: 100%;
    min-width: 0;
}

.sv_legacy_website {
    display: block;
    width: 100%;
    min-width: 0;
    border-bottom: var(--space_0_25) solid var(--color_RockBlue_75);
}

.sv_legacy_website_description {
    min-height: var(--space_20);
    margin: 0;
    padding-block: var(--space_2);
    line-height: var(--line_height_normal);
}


/* --------------------------------------------------------------------------
   Website views
   -------------------------------------------------------------------------- */

.sv_legacy_website_view {
    position: relative;
    display: none;
    width: 100%;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

    .sv_legacy_website_view.state_active {
        display: block;
    }

    .sv_legacy_website_view > img {
        display: block;
        width: 100%;
        height: auto;
    }
.sv_legacy_website_lpt_site,
.sv_legacy_website_mlj_site,
.sv_legacy_website_mlj_multimedia {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sv_legacy_website_lpt_site {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sv_legacy_website_kev_site {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* --------------------------------------------------------------------------
   Grid placement
   -------------------------------------------------------------------------- */
.sv_legacy_website_ppl_multimedia {
    grid-area: ppl-multimedia;
    padding-right: var(--space_2);
}

.sv_legacy_website_mlj_multimedia {
    grid-area: mlj-multimedia;
}

.sv_legacy_website_ppl_site {
    grid-area: ppl-site;
    padding-right: var(--space_2);
}

.sv_legacy_website_mlj_site {
    grid-area: mlj-site;
}

.sv_legacy_website_lpt_site {
    grid-area: lpt-site;
    padding-right: var(--space_2);
}

.sv_legacy_website_std_site {
    grid-area: std-site;
    /*padding-bottom: var(--space_4);*/
}

.sv_legacy_website_dle_site {
    grid-area: dle-site;
    padding-right: var(--space_2);
}

.sv_legacy_website_kev_site {
    grid-area: kev-site;
}


/* --------------------------------------------------------------------------
   Male ljubezni collage
   -------------------------------------------------------------------------- */

.sv_legacy_website_view_collage.state_active {
    display: block;
}

.sv_legacy_collage {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}

.sv_legacy_collage_row {
    display: flex;
    width: 100%;
    min-width: 0;
}

    .sv_legacy_collage_row img {
        display: block;
        width: 50%;
        min-width: 0;
        height: auto;
    }


/* --------------------------------------------------------------------------
   LPT preview
   -------------------------------------------------------------------------- */

.sv_legacy_website_lpt_site
.sv_legacy_website_view {
   /* min-height: calc(var(--space_25) * 5 + var(--space_16) + var(--space_1) ); /* 568px */

    /*margin-bottom: var(--space_4);*/
}

    .sv_legacy_website_lpt_site
    .sv_legacy_website_view:last-of-type {
        margin-bottom: 0;
        background-color: var(--color_Black);
    }

.sv_legacy_website_intro_placeholder {
    display: grid;
    place-items: center;
    min-height: calc(var(--space_25) * 5 + var(--space_16) + var(--space_1) ); /* 568px */

    padding: var(--space_5);
    color: var(--color_White);
    text-align: center;
}




/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media only screen and (max-width: 64em) {
    .sv_legacy_websites_grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "ppl-multimedia"
            "mlj-multimedia"
            "ppl-site"
            "mlj-site"
            "lpt-site"
            "std-site"
            "dle-site"
            "kev-site";
    }

    .sv_legacy_website_ppl_multimedia,
    .sv_legacy_website_ppl_site,
    .sv_legacy_website_lpt_site,
    .sv_legacy_website_dle_site {
        padding-right: 0;
    }

    .sv_legacy_website_description {
        min-height: 0;
    }
}

@media only screen and (max-width: 48em) {
    .mobile_disabled {
        pointer-events: none;
        cursor: default;
    }
}