:root {
    --blocks-grid-gap: 18px;
    --blocks-grid-ql-gap: 16px;
}

@media only screen and (max-width: 825px), only screen and (max-height: 775px) and (max-width: 1100px) {
    :root {
        --blocks-grid-gap: 16px;
    }
}

.blocks-grid-wrp {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.blocks-grid-config-main,
.blocks-grid-config-additional {
    display: none;
}

.blocks-grid-content {
    display: grid;
    width: 100%;
    overflow: hidden;
    gap: var(--blocks-grid-gap);
}

.page-w-quicklinks .blocks-grid-content {
    gap: var(--blocks-grid-ql-gap);
}





/* block-vertical */

.blocks-grid-wrp-type-block-v .blocks-grid-content {
    grid-template-columns: repeat(7, 1fr);
}

@media only screen and (max-width: 1750px) {
    .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media only screen and (max-width: 1550px) {
    .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media only screen and (max-width: 1300px) {
    .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 1100px) {
    .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 870px) {
    .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 825px), only screen and (max-height: 775px) and (max-width: 1100px) {
    .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media only screen and (max-width: 825px), only screen and (max-height: 775px) and (max-width: 950px) {
    .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 800px) {
    .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

.page-w-quicklinks .blocks-grid-wrp-type-block-v .blocks-grid-content {
    grid-template-columns: repeat(5, 1fr);
}

@media only screen and (max-width: 1650px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 1450px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1180px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1115px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 1030px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 870px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 710px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width: 701px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 550px) {
    .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media only screen and (max-width: 350px) {
    .blocks-grid-wrp-type-block-v .blocks-grid-content {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}




/* block-horizontal */

.blocks-grid-wrp-type-block-h .blocks-grid-content {
    grid-template-columns: repeat(6, 1fr);
}

@media only screen and (max-width: 1880px) {
    .blocks-grid-wrp-type-block-h .blocks-grid-content {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media only screen and (max-width: 1610px) {
    .blocks-grid-wrp-type-block-h .blocks-grid-content {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 1330px) {
    .blocks-grid-wrp-type-block-h .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1070px) {
    .blocks-grid-wrp-type-block-h .blocks-grid-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 825px), only screen and (max-height: 775px) and (max-width: 1100px) {
    .blocks-grid-wrp-type-block-h .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 787px) {
    .blocks-grid-wrp-type-block-h .blocks-grid-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 524px) {
    .blocks-grid-wrp-type-block-h .blocks-grid-content {
        grid-template-columns: repeat(1, 1fr);
    }
}





/* block-post */

.blocks-grid-wrp-type-block-post .blocks-grid-content {
    grid-template-columns: repeat(6, 1fr);
}

@media only screen and (max-width: 1720px) {
    .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media only screen and (max-width: 1540px) {
    .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 1280px) {
    .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1000px) {
    .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 825px), only screen and (max-height: 775px) and (max-width: 1100px) {
    .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 825px), only screen and (max-height: 775px) and (max-width: 920px) {
    .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

.page-w-quicklinks .blocks-grid-wrp-type-block-post .blocks-grid-content {
    grid-template-columns: repeat(4, 1fr);
}

@media only screen and (max-width: 1520px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1350px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1115px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1000px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 800px) {
    .page-w-quicklinks .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width: 701px) {
    .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media only screen and (max-width: 466px) {
    .blocks-grid-wrp-type-block-post .blocks-grid-content {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

.blocks-grid-additional-tool-wrp {
    display: table;
    width: 100%;
    height: 100%;
}

.blocks-grid-additional-tool-btn {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 184px;
    background-color: var(--color-block);
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    -ms-transition: background-color 0.15s;
    -o-transition: background-color 0.15s;
    transition: background-color 0.15s;
}

.blocks-grid-additional-tool-btn:hover,
.blocks-grid-additional-tool-btn:focus {
    background-color: var(--color-block-hover);
}

.blocks-grid-additional-tool-layout {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 12px;
}

.blocks-grid-additional-tool-img-wrp,
.blocks-grid-additional-tool-img-wrp svg {
    height: 22px;
    width: 22px;
}

.blocks-grid-additional-tool-img-wrp {
    display: table;
    position: relative;
    margin-bottom: 4px;
}

.blocks-grid-additional-tool-img-wrp svg {
    position: absolute;
    top: 0px;
    left: 0px;
    color: var(--color-text-blue);
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    -ms-transition: color 0.15s;
    -o-transition: color 0.15s;
    transition: color 0.15s;
}

.blocks-grid-additional-tool-btn:hover .blocks-grid-additional-tool-img-wrp svg,
.blocks-grid-additional-tool-btn:focus .blocks-grid-additional-tool-img-wrp svg {
    color: var(--color-text-blue-hover);
}

.blocks-grid-additional-tool-txt {
    display: block;
    color: var(--color-text-blue);
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
    text-align: center;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    -ms-transition: color 0.15s;
    -o-transition: color 0.15s;
    transition: color 0.15s;
}

.blocks-grid-additional-tool-btn:hover .blocks-grid-additional-tool-txt,
.blocks-grid-additional-tool-btn:focus .blocks-grid-additional-tool-txt {
    color: var(--color-text-blue-hover);
}

.blocks-grid-tools {
    display: table;
    width: 100%;
}

.blocks-grid-tools-load-more,
.blocks-grid-tools-loader {
    margin-top: var(--blocks-grid-ql-gap);
}

.blocks-grid-load-more-wrp,
.blocks-grid-loader-wrp {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.blocks-grid-tools-load-more .blocks-grid-load-more-wrp,
.blocks-grid-tools-loader .blocks-grid-loader-wrp {
    display: flex;
}

.blocks-grid-loader-wrp svg {
    height: 21px;
    width: 21px;
    margin-top: 5px;
}