@media print {
    .ct-layout__sidebar_top_left,
    .ct-layout__sidebar_top_right,
    .ct-layout__sidebar_bottom_left,
    .ct-layout__sidebar_bottom_right {
        display: none;
    }
}

.ct-layout.ct-vertical-spacing--top .ct-layout.ct-vertical-spacing--top,
.ct-layout.ct-vertical-spacing--top .ct-layout.ct-vertical-spacing--both {
    margin-top: 0;
}

.ct-layout.ct-vertical-spacing--top .ct-layout.ct-vertical-spacing--bottom,
.ct-layout.ct-vertical-spacing--top .ct-layout.ct-vertical-spacing--both {
    margin-bottom: 0;
}

.ct-layout__inner {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    row-gap: 1.5rem;
    grid-template-rows: auto 1fr;
    grid-template-rows: masonry;
    --stl: 1;
    --str: 2;
    --m: 3;
    --sbl: 4;
    --sbr: 5;
}

@media (min-width: 992px) {
    .ct-layout__inner {
        --js-masonry-enabled: 1;
        column-gap: 1.5rem;
    }
}

.ct-layout--no-top-left > .ct-layout__inner {
    --stl: 0;
    --str: 1;
    --m: 2;
    --sbl: 3;
    --sbr: 4;
}

.ct-layout--no-top-right > .ct-layout__inner {
    --stl: 1;
    --str: 0;
    --m: 2;
    --sbl: 3;
    --sbr: 4;
}

.ct-layout--no-bottom-left > .ct-layout__inner {
    --stl: 1;
    --str: 2;
    --m: 3;
    --sbl: 0;
    --sbr: 4;
}

.ct-layout--no-bottom-right > .ct-layout__inner {
    --stl: 1;
    --str: 2;
    --m: 3;
    --sbl: 4;
    --sbr: 0;
}

.ct-layout--no-top-left.ct-layout--no-top-right > .ct-layout__inner {
    --stl: 0;
    --str: 0;
    --m: 1;
    --sbl: 2;
    --sbr: 3;
}

.ct-layout--no-top-left.ct-layout--no-bottom-left > .ct-layout__inner {
    --stl: 0;
    --str: 1;
    --m: 2;
    --sbl: 0;
    --sbr: 3;
}

.ct-layout--no-top-left.ct-layout--no-bottom-right > .ct-layout__inner {
    --stl: 0;
    --str: 1;
    --m: 2;
    --sbl: 3;
    --sbr: 0;
}

.ct-layout--no-top-right.ct-layout--no-bottom-left > .ct-layout__inner {
    --stl: 1;
    --str: 0;
    --m: 2;
    --sbl: 0;
    --sbr: 3;
}

.ct-layout--no-top-right.ct-layout--no-bottom-right > .ct-layout__inner {
    --stl: 1;
    --str: 0;
    --m: 2;
    --sbl: 3;
    --sbr: 0;
}

.ct-layout--no-bottom-left.ct-layout--no-bottom-right > .ct-layout__inner {
    --stl: 1;
    --str: 2;
    --m: 3;
    --sbl: 0;
    --sbr: 0;
}

.ct-layout--no-top-left.ct-layout--no-top-right.ct-layout--no-bottom-left
    > .ct-layout__inner {
    --stl: 0;
    --str: 0;
    --m: 1;
    --sbl: 0;
    --sbr: 2;
}

.ct-layout--no-top-left.ct-layout--no-top-right.ct-layout--no-bottom-right
    > .ct-layout__inner {
    --stl: 0;
    --str: 0;
    --m: 1;
    --sbl: 2;
    --sbr: 0;
}

.ct-layout--no-top-left.ct-layout--no-bottom-left.ct-layout--no-bottom-right
    > .ct-layout__inner {
    --stl: 0;
    --str: 1;
    --m: 2;
    --sbl: 0;
    --sbr: 0;
}

.ct-layout--no-top-right.ct-layout--no-bottom-left.ct-layout--no-bottom-right
    > .ct-layout__inner {
    --stl: 1;
    --str: 0;
    --m: 2;
    --sbl: 0;
    --sbr: 0;
}

.ct-layout--no-top-left.ct-layout--no-top-right.ct-layout--no-bottom-left.ct-layout--no-bottom-right
    > .ct-layout__inner {
    --stl: 0;
    --str: 0;
    --m: 1;
    --sbl: 0;
    --sbr: 0;
}

.ct-layout__sidebar_top_left {
    grid-column: 1 / span 12;
    grid-row-start: var(--stl, 1);
}

@media (min-width: 992px) {
    .ct-layout__sidebar_top_left {
        grid-column: 1 / span 3;
        grid-row: 1 / span 1;
        height: auto;
    }

    .ct-layout--no-bottom-left
        > .ct-layout__inner
        > .ct-layout__sidebar_top_left {
        grid-row: 1 / span 2;
    }
}

.ct-layout__sidebar_top_right {
    grid-column: 1 / span 12;
    grid-row-start: var(--str, 2);
}

@media (min-width: 992px) {
    .ct-layout__sidebar_top_right {
        grid-column: 10 / span 3;
        grid-row: 1 / span 1;
        height: auto;
    }

    .ct-layout--no-bottom-right
        > .ct-layout__inner
        > .ct-layout__sidebar_top_right {
        grid-row: 1 / span 2;
    }
}

.ct-layout__main {
    grid-column: 1 / span 12;
    grid-row-start: var(--m, 3);
}

@media (min-width: 992px) {
    .ct-layout__main {
        grid-column: 4 / span 6;
        grid-row: 1 / span 2;
    }

    .ct-layout--no-top-left.ct-layout--no-bottom-left
        > .ct-layout__inner
        > .ct-layout__main {
        grid-column: 1 / span 9;
    }

    .ct-layout--no-top-right.ct-layout--no-bottom-right
        > .ct-layout__inner
        > .ct-layout__main {
        grid-column: 4 / span 9;
    }

    .ct-layout--no-top-left.ct-layout--no-bottom-left.ct-layout--no-top-right.ct-layout--no-bottom-right
        > .ct-layout__inner
        > .ct-layout__main {
        grid-column: 1 / span 12;
    }
}

.ct-layout__sidebar_bottom_left {
    grid-column: 1 / span 12;
    grid-row-start: var(--sbl, 4);
}

@media (min-width: 992px) {
    .ct-layout__sidebar_bottom_left {
        grid-column: 1 / span 3;
        grid-row: 2 / span 1;
        height: 100%;
    }

    .ct-layout--no-top-left
        > .ct-layout__inner
        > .ct-layout__sidebar_bottom_left {
        grid-row: 1 / span 2;
    }
}

.ct-layout__sidebar_bottom_right {
    grid-column: 1 / span 12;
    grid-row-start: var(--sbr, 5);
}

@media (min-width: 992px) {
    .ct-layout__sidebar_bottom_right {
        grid-column: 10 / span 3;
        grid-row: 2 / span 1;
        height: 100%;
    }

    .ct-layout--no-top-right
        > .ct-layout__inner
        > .ct-layout__sidebar_bottom_right {
        grid-row: 1 / span 2;
    }
}

@media (min-width: 992px) {
    .ct-layout.ct-layout--no-top-left.ct-layout--no-bottom-left
        > .ct-layout__inner {
        column-gap: 4rem;
    }

    .ct-layout.ct-layout--no-top-right.ct-layout--no-bottom-right
        > .ct-layout__inner {
        column-gap: 4rem;
    }

    .ct-layout > .ct-layout__inner .ct-layout > .ct-layout__inner {
        column-gap: 1.5rem;
    }

    .ct-layout.ct-layout--no-top-left.ct-layout--no-bottom-left
        > .ct-layout__inner
        .ct-layout.ct-layout--no-top-left.ct-layout--no-bottom-left
        > .ct-layout__inner,
    .ct-layout.ct-layout--no-top-left.ct-layout--no-bottom-left
        > .ct-layout__inner
        .ct-layout.ct-layout--no-top-right.ct-layout--no-bottom-right
        > .ct-layout__inner {
        column-gap: 1.5rem;
    }

    .ct-layout.ct-layout--no-top-right.ct-layout--no-bottom-right
        > .ct-layout__inner
        .ct-layout.ct-layout--no-top-left.ct-layout--no-bottom-left
        > .ct-layout__inner,
    .ct-layout.ct-layout--no-top-right.ct-layout--no-bottom-right
        > .ct-layout__inner
        .ct-layout.ct-layout--no-top-right.ct-layout--no-bottom-right
        > .ct-layout__inner {
        column-gap: 1.5rem;
    }

    .ct-layout.ct-layout--no-top-left.ct-layout--no-bottom-left.ct-layout--no-top-right.ct-layout--no-bottom-right
        > .ct-layout__inner
        .ct-layout.ct-layout--no-top-left.ct-layout--no-bottom-left
        > .ct-layout__inner {
        column-gap: 4rem;
    }

    .ct-layout.ct-layout--no-top-left.ct-layout--no-bottom-left.ct-layout--no-top-right.ct-layout--no-bottom-right
        > .ct-layout__inner
        .ct-layout.ct-layout--no-top-right.ct-layout--no-bottom-right
        > .ct-layout__inner {
        column-gap: 4rem;
    }
}
