.new-blok {
    .new-box {
        display: none;
    }

    .new-nazev {
        padding: 10px 0px;
        position: absolute;
        left: 10px;
        bottom: 10px;
        padding: 5px 10px;
        line-height: 1.5;
        background: #fff;
        background: rgba(255, 255, 255, 0.75);
    }
}

.blok {
    display: grid;
    grid-template-columns: 1fr;
    padding: 5px;
    column-gap: 15px;
    row-gap: 15px;
    margin: 15px 5px 15px 5px;
    .obecne-cover {
        padding: 5px;
    }
}

.blok-center {
    padding: 5px;
    margin: 15px 5px;
}

.recepty-list {
    padding: 15px 15px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    column-gap: 15px;
    row-gap: 15px;
    line-height: 1.5;

    .recepty-nazev {
        padding: 12px 0px 0px 0px;
        font-size: 1.1em;
        font-weight: 500;
    }

    .recepty-user {
        padding: 6px 0px 0px 0px;
        font-size: 0.9em;

        span {
            color: #888;
        }
    }
}

.sekce-list {
    padding: 15px 15px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    column-gap: 15px;
    row-gap: 15px;

    div {
        padding: 15px;
        border: 1px solid #e8e8e8;
        font-weight: 500;
    }
}

.blok-list {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 15px;
    row-gap: 15px;
    padding: 5px;
    margin: 15px 5px;
    .blok-list-item {
        padding: 10px 15px;
        border-bottom: 1px solid #f0f0f0;
    }
    .blok-list-item:last-of-type {
        border-bottom: 0px;
    }
}

@media only screen and (min-width: 999px) {
    .blok {
        grid-template-columns: 3fr 2fr;
        margin: 15px 0px 15px 0px;
    }

    .blok-list {
        grid-template-columns: 1fr 1fr 1fr;
        margin: 15px 0px;
    }

    .blok-center {
        margin: 15px 0px;
    }

    .recepty-list {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

}