/*********************************************************************************

    CARDS 
                                                                            
 *********************************************************************************/



    /* Make links non clickable in backend. */

    .is-root-container .nvm-posts-list a {
        pointer-events: none;
    }

    .small .cards [class*="column"]  {
        padding-left: calc(2*var(--nvm-grid-gutter));
        padding-right: calc(2*var(--nvm-grid-gutter));
    }

    .tablet .cards [class*="column"]  {
        padding-left: calc(2*var(--nvm-grid-gutter));
        padding-right: calc(2*var(--nvm-grid-gutter));
    }

    .laptop .cards [class*="column"]  {
        padding-left: calc(6*var(--nvm-grid-gutter));
        padding-right: calc(6*var(--nvm-grid-gutter));
    }

    .laptop .cards .laptop-column-25  {
        padding-left: calc(3*var(--nvm-grid-gutter));
        padding-right: calc(3*var(--nvm-grid-gutter));
    }


    .card-box {
        text-align: center;
        position: relative;
    }

    .tablet .card-box:nth-child(odd):after {
        content: "";
        position: absolute;
        top: 0;
        right: .5px;
        width: 1px;
        height: 100%;
        background-color: #C2C2C2;
    }

    /* Vertical line after each .card-box in column-25 layout, every item except last in each row */
    .laptop .card-box.laptop-column-25:not(:nth-child(4n)):after {
        content: "";
        position: absolute;
        top: 0;
        right: 0.5px;
        width: 1px;
        height: 100%;
        background-color: #C2C2C2;
    }

    .tablet .card-box:not(:nth-child(1)):not(:nth-child(2)):before {
        content: "";
        position: absolute;
        top: calc(-1 * var(--nvm-length-medium) / 2);
        right: 0;
        width: 100%;
        height: 1px;
        background-color: #C2C2C2;
    }

    /* Horizontal line above each row (except the first row) in tablet and laptop layouts - Only for column-50 */
    .laptop .card-box.laptop-column-25:before {
        display: none;
    }

    html:not(.tablet) .card-box:not(:nth-child(1)):before {
        content: "";
        position: absolute;
        top: calc(-1 * var(--nvm-length-medium) / 2);
        right: 0;
        width: 100%;
        height: 1px;
        background-color: #C2C2C2;
    }

    .card-box img {
        max-width: 470px;
    }

    .card-box p {
        margin-top: 25px;
    }

    .card-box p.card-primary-description {
        font-weight: 700;
        position: relative;
        padding-top: 25px;
        margin-top: 20px;
    }

    .card-box p.card-primary-description:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        height: 5px;
        width: 100px;
        transform: translateX(-50%);
        background-color: var(--nvm-color-rose);
    }