/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    WARNING:    DO NOT UPDATE OR CHANGE THIS FILE                    +
+     IF YOU WANT MODIFY THESE STYLES PLEASE USE THE OVERRIDE FILE IN YOUR CSS_SITE   +
+     FOLDER, UPDATES TO THESE STYLES DELETED UPON NEXT TEMPLATE UPGRADE              +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*------------------------------------------------------------
    GRID BASICS
--------------------------------------------------------------*/

.grid-container {
    display: grid;
}

.grid-container-preview {
    grid-column-gap: 2px !important;
    padding-bottom: 1px !important;
}

.grid-nest {
    display: grid;
    margin: 0px;
    padding: 0px;
}

.grid-container.gap5 {
    grid-gap: 5px;
}

.grid-container.gap10 {
    grid-gap: 10px;
}

.grid-container.gap15 {
    grid-gap: 15px;
}

.grid-container.gap20 {
    grid-gap: 20px;
}

.grid-item-preview {
    background: var(--white);
    color: var(--white-text);
    text-align: center;
    font-size: var(--font-size-small);
    font-family: var(--font-family);
    border: solid 1px var(--border-gray-dark);
    display:grid;
    align-content:center;
    min-height:25px;
}

    .grid-item-preview:hover {
        background: var(--light-warm-gray);
        color: var(--light-warm-gray-text)
    }

.grid-nest-preview {
  /*  border: solid 1px var(--medium-blue);*/
    grid-gap: 2px !important;
}
/*
    .grid-nest-preview:hover {
        border: solid 1px var(--orange);
    }
    */
    /*- 
        DRAG AND DROP CLASSES
    */
/* (A) LIST STYLES */
.sort-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sort-list li {
        margin: 4px 0px;
        padding: 8px 0px;
        border: 1px solid #dfdfdf;
        background: #f5f5f5;
        cursor:move;
        box-sizing:border-box;
    }

        /* (B) DRAG-AND-DROP HINT */
        .sort-list li.hint {
            border: 1px solid var(--warm-gray);
            background: var(--beige);
        }

        .sort-list li.active {
            border: 3px solid var(--green);
            background: var(--dark-green);
            color:var(--dark-green-text);
        }

/*----------------------------------------------------------------
    ABOUT GRID LAYOUTS
    The grid layout ID is a number broken into three parts
    columns - rows - instance

    so grid-layout-1-1-1 is a one column, one row, first instance of this

    grid-layout-2-1-1 is a two column, one row, first instance of this
    grid-layout-2-2-5 is a two column, two row, fifth instance of this

    columns come in standard sizes
    20%, 25%, 30%, 33%, 40%, 50%, 60%, 70%, 75%, 80%
--------------------------------------------------------------------------------*/


/*------------------------------------------------------------
    GRID LAYOUTS : SINGLE ROWS
--------------------------------------------------------------*/
.grid-layout-1-1-1 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

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

.grid-layout-2-1-1 {
    grid-template-columns: 1fr 1fr;
}

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

.grid-layout-2-1-2 {
    grid-template-columns: 2fr 8fr;
}

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

.grid-layout-2-1-3 {
    grid-template-columns: 8fr 2fr;
}

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

.grid-layout-2-1-4 {
    grid-template-columns: 25fr 75fr;
}

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

.grid-layout-2-1-5 {
    grid-template-columns: 75fr 25fr;
}

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

.grid-layout-2-1-6 {
    grid-template-columns: 3fr 7fr;
}

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

.grid-layout-2-1-7 {
    grid-template-columns: 7fr 3fr;
}

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

.grid-layout-2-1-8 {
    grid-template-columns: 33fr 66fr;
}

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

.grid-layout-2-1-9 {
    grid-template-columns: 66fr 33fr;
}

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

.grid-layout-2-1-10 {
    grid-template-columns: 4fr 6fr;
}

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

.grid-layout-2-1-11 {
    grid-template-columns: 6fr 4fr;
}

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

.grid-layout-2-2-1 {
    grid-template-columns: 1fr 1fr;
}

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

.grid-layout-2-2-2 {
    grid-template-columns: 1fr 1fr;
}

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

.grid-layout-2-2-3 {
    grid-template-columns: 2fr 8fr;
}

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

.grid-layout-2-2-4 {
    grid-template-columns: 8fr 2fr;
}

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

.grid-layout-2-2-5 {
    grid-template-columns: 3fr 7fr;
}

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

.grid-layout-2-2-6 {
    grid-template-columns: 7fr 3fr;
}

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

.grid-layout-2-2-7 {
    grid-template-columns: 33fr 66fr;
}

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

.grid-layout-2-2-8 {
    grid-template-columns: 66fr 33fr;
}

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

.grid-layout-2-2-9 {
    grid-template-columns: 4fr 6fr;
}

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

.grid-layout-2-2-10 {
    grid-template-columns: 4fr 6fr;
}
/************************************************************/

.grid-layout-2-2-11 {
    grid-template-columns: 6fr 4fr;
}
/************************************************************/

.grid-layout-2-2-12 {
    grid-template-columns: 6fr 4fr;
}

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

.grid-layout-2-3-1 {
    grid-template-columns: 20fr 80fr;
}

.grid-layout-2-3-1 .grid-nest:nth-child(1) {
    grid-row: span 3;
}

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

.grid-layout-2-3-2 {
    grid-template-columns: 80fr 20fr;
}

.grid-layout-2-3-1 .grid-nest:nth-child(2) {
    grid-row: span 3;
}

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

.grid-layout-2-3-3 {
    grid-template-columns: 30fr 70fr;
}

    .grid-layout-2-3-3 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-4 {
    grid-template-columns: 70fr 30fr;
}

    .grid-layout-2-3-4 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-5 {
    grid-template-columns: 33fr 66fr;
}

    .grid-layout-2-3-5 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-6 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-2-3-6 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-7 {
    grid-template-columns: 40fr 60fr;
}

    .grid-layout-2-3-7 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-8 {
    grid-template-columns: 60fr 40fr;
}

    .grid-layout-2-3-8 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-9 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-3-9 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-10 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-3-10 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-11 {
    grid-template-columns: 80fr 20fr;
}

    .grid-layout-2-3-11 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-12 {
    grid-template-columns: 20fr 80fr;
}

    .grid-layout-2-3-12 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-13 {
    grid-template-columns: 70fr 30fr;
}

    .grid-layout-2-3-13 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-14 {
    grid-template-columns: 30fr 70fr;
}

    .grid-layout-2-3-14 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-15 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-2-3-15 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-16 {
    grid-template-columns: 33fr 66fr;
}

    .grid-layout-2-3-16 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-17 {
    grid-template-columns: 60fr 40fr;
}

    .grid-layout-2-3-17 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

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

.grid-layout-2-3-18 {
    grid-template-columns: 40fr 60fr;
}

    .grid-layout-2-3-18 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }


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

.grid-layout-2-3-19 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-3-19 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1ft;
    }

    .grid-layout-2-3-19 .grid-nest:nth-child(2) div:nth-child(-n+2) {
        grid-column:span 3;
    }
/************************************************************/

.grid-layout-2-3-20 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-3-20 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1ft;
    }

        .grid-layout-2-3-20 .grid-nest:nth-child(1) div:nth-child(-n+2) {
            grid-column: span 3;
        }

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

.grid-layout-2-3-21 {
    grid-template-columns: 80fr 20fr;
}

    .grid-layout-2-3-21 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

    .grid-layout-2-3-21 .grid-nest:nth-child(1) div:nth-child(1),
    .grid-layout-2-3-21 .grid-nest:nth-child(1) div:nth-child(4) {
        grid-column: span 2;
    }

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

.grid-layout-2-3-22 {
    grid-template-columns: 20fr 80fr;
}

    .grid-layout-2-3-22 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-22 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-2-3-22 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

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

.grid-layout-2-3-23 {
    grid-template-columns: 25fr 75fr;
}

.grid-layout-2-3-23 .grid-nest:nth-child(2) {
    grid-template-columns: 1fr 1fr;
}

.grid-layout-2-3-23 .grid-nest:nth-child(2) div:nth-child(1),
.grid-layout-2-3-23 .grid-nest:nth-child(2) div:nth-child(4) {
    grid-column: span 2;
}

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

.grid-layout-2-3-24 {
    grid-template-columns: 75fr 25fr;
}

.grid-layout-2-3-24 .grid-nest:nth-child(1) {
    grid-template-columns: 1fr 1fr;
}

.grid-layout-2-3-24 .grid-nest:nth-child(1) div:nth-child(1),
.grid-layout-2-3-24 .grid-nest:nth-child(1) div:nth-child(4) {
    grid-column: span 2;
}

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

.grid-layout-2-3-25 {
    grid-template-columns: 30fr 70fr;
}

.grid-layout-2-3-25 .grid-nest:nth-child(2) {
    grid-template-columns: 1fr 1fr;
}

.grid-layout-2-3-25 .grid-nest:nth-child(2) div:nth-child(1),
.grid-layout-2-3-25 .grid-nest:nth-child(2) div:nth-child(4) {
    grid-column: span 2;
}

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

.grid-layout-2-3-26 {
    grid-template-columns: 70fr 30fr;
}

    .grid-layout-2-3-26 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

.grid-layout-2-3-26 .grid-nest:nth-child(1) div:nth-child(1),
.grid-layout-2-3-26 .grid-nest:nth-child(1) div:nth-child(4) {
    grid-column: span 2;
}

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

.grid-layout-2-3-27 {
    grid-template-columns: 33fr 66fr;
}

    .grid-layout-2-3-27 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-27 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-2-3-27 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

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

.grid-layout-2-3-28 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-2-3-28 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-28 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-2-3-28 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

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

.grid-layout-2-3-29 {
    grid-template-columns: 40fr 60fr;
}

    .grid-layout-2-3-29 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-29 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-2-3-29 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

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

.grid-layout-2-3-30 {
    grid-template-columns: 60fr 40fr;
}

    .grid-layout-2-3-30 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-30 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-2-3-30 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

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

.grid-layout-2-3-31 {
    grid-template-columns: 50fr 50fr;
}

    .grid-layout-2-3-31 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-31 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-2-3-31 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

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

.grid-layout-2-3-32 {
    grid-template-columns: 50fr 50fr;
}

    .grid-layout-2-3-32 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-32 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-2-3-32 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

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

.grid-layout-2-4-1 {
    grid-template-columns: 50fr 50fr;
}

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

.grid-layout-2-4-2 {
    grid-template-columns: 50fr 50fr;
}
/************************************************************/

.grid-layout-2-4-3 {
    grid-template-columns: 20fr 80fr;
}

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

.grid-layout-2-4-4 {
    grid-template-columns: 80fr 20fr;
}
/************************************************************/

.grid-layout-2-4-5 {
    grid-template-columns: 25fr 75fr;
}

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

.grid-layout-2-4-6 {
    grid-template-columns: 75fr 25fr;
}
/************************************************************/

.grid-layout-2-4-7 {
    grid-template-columns: 30fr 70fr;
}

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

.grid-layout-2-4-8 {
    grid-template-columns: 70fr 30fr;
}
/************************************************************/

.grid-layout-2-4-9 {
    grid-template-columns: 33fr 66fr;
}

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

.grid-layout-2-4-10 {
    grid-template-columns: 66fr 33fr;
}
/************************************************************/

.grid-layout-2-4-11 {
    grid-template-columns: 40fr 60fr;
}

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

.grid-layout-2-4-12 {
    grid-template-columns: 60fr 40fr;
}
/************************************************************/

.grid-layout-2-4-13 {
    grid-template-columns: 1fr 1fr;
}

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

.grid-layout-2-4-14 {
    grid-template-columns: 1fr 1fr;
}


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

.grid-layout-2-5-1 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-5-1 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-2-5-1 .grid-nest:nth-child(2) div:nth-child(-n+2), 
        .grid-layout-2-5-1 .grid-nest:nth-child(2) div:nth-child(n+6)
        {
            grid-column: span 3;
        }

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

.grid-layout-2-5-2 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-5-2 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-2-5-2 .grid-nest:nth-child(1) div:nth-child(-n+2),
        .grid-layout-2-5-2 .grid-nest:nth-child(1) div:nth-child(n+6) {
            grid-column: span 3;
        }

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

.grid-layout-2-5-3 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-5-3 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        .grid-layout-2-5-3 .grid-nest:nth-child(1) div:nth-child(-n+2),
        .grid-layout-2-5-3 .grid-nest:nth-child(1) div:nth-child(5) {
            grid-column: span 6;
        }
    .grid-layout-2-5-3 .grid-nest:nth-child(1) div:nth-child(3),
    .grid-layout-2-5-3 .grid-nest:nth-child(1) div:nth-child(4) {
        grid-column: span 3;
    }
    .grid-layout-2-5-3 .grid-nest:nth-child(1) div:nth-child(n+6){
        grid-column: span 2;
    }

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

.grid-layout-2-5-4 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-5-4 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        .grid-layout-2-5-4 .grid-nest:nth-child(2) div:nth-child(-n+2),
        .grid-layout-2-5-4 .grid-nest:nth-child(2) div:nth-child(5) {
            grid-column: span 6;
        }

        .grid-layout-2-5-4 .grid-nest:nth-child(2) div:nth-child(3),
        .grid-layout-2-5-4 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 3;
        }

        .grid-layout-2-5-4 .grid-nest:nth-child(2) div:nth-child(n+6) {
            grid-column: span 2;
        }

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

.grid-layout-2-5-5 {
    grid-template-columns: 1fr 1fr;
} 

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

.grid-layout-2-5-6 {
    grid-template-columns: 1fr 1fr;
}

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

.grid-layout-2-6-1 {
    grid-template-columns: 20fr 80fr;
}

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

.grid-layout-2-6-2 {
    grid-template-columns: 20fr 80fr;
}


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

.grid-layout-2-6-3 {
    grid-template-columns: 80fr 20fr;
}

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

.grid-layout-2-6-4 {
    grid-template-columns: 80fr 20fr;
}
/************************************************************/

.grid-layout-2-6-5 {
    grid-template-columns: 25fr 75fr;
}

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

.grid-layout-2-6-6 {
    grid-template-columns: 25fr 75fr;
}

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

.grid-layout-2-6-7 {
    grid-template-columns: 75fr 25fr;
}

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

.grid-layout-2-6-8 {
    grid-template-columns: 75fr 25fr;
}

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

.grid-layout-2-6-9 {
    grid-template-columns: 30fr 70fr;
}

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

.grid-layout-2-6-10 {
    grid-template-columns: 30fr 70fr;
}
/************************************************************/

.grid-layout-2-6-11 {
    grid-template-columns: 70fr 30fr;
}

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

.grid-layout-2-6-12 {
    grid-template-columns: 70fr 30fr;
}

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

.grid-layout-2-6-13 {
    grid-template-columns: 33fr 66fr;
}

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

.grid-layout-2-6-14 {
    grid-template-columns: 33fr 66fr;
}
/************************************************************/

.grid-layout-2-6-15 {
    grid-template-columns: 66fr 33fr;
}

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

.grid-layout-2-6-16 {
    grid-template-columns: 66fr 33fr;
}

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

.grid-layout-2-6-17 {
    grid-template-columns: 40fr 60fr;
}

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

.grid-layout-2-6-18 {
    grid-template-columns: 40fr 60fr;
}
/************************************************************/

.grid-layout-2-6-19 {
    grid-template-columns: 60fr 40fr;
}

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

.grid-layout-2-6-20 {
    grid-template-columns: 60fr 40fr;
}
/************************************************************/

.grid-layout-2-6-21 {
    grid-template-columns: 1fr 1fr;
}

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

.grid-layout-2-6-22 {
    grid-template-columns: 1fr 1fr;
}

/************************************************************/
.grid-layout-2-14-1 {
    grid-template-columns: 75fr 25fr;
}
    .grid-layout-2-14-1 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }
        .grid-layout-2-14-1 .grid-nest:nth-child(1) div:nth-child(-n+11),
        .grid-layout-2-14-1 .grid-nest:nth-child(1) div:nth-child(14),
        .grid-layout-2-14-1 .grid-nest:nth-child(1) div:nth-child(15) {
            grid-column: span 2;
        }
/************************************************************/

.grid-layout-2-22-1 {
    grid-template-columns: 80fr 20fr;
}
/************************************************************/

.grid-layout-2-22-2 {
    grid-template-columns: 20fr 80fr;
}
/************************************************************/

.grid-layout-2-22-3 {
    grid-template-columns: 75fr 25fr;
}
/************************************************************/

.grid-layout-2-22-4 {
    grid-template-columns: 25fr 75fr;
}
/************************************************************/

.grid-layout-2-22-5 {
    grid-template-columns: 70fr 30fr;
}
/************************************************************/

.grid-layout-2-22-6 {
    grid-template-columns: 30fr 70fr;
}
/************************************************************/

.grid-layout-2-22-7 {
    grid-template-columns: 66fr 33fr;
}
/************************************************************/

.grid-layout-2-22-8 {
    grid-template-columns: 33fr 66fr;
}
/************************************************************/

.grid-layout-2-22-9 {
    grid-template-columns: 60fr 40fr;
}
/************************************************************/

.grid-layout-2-22-10 {
    grid-template-columns: 40fr 60fr;
}
/************************************************************/

.grid-layout-2-22-11 {
    grid-template-columns: 1fr 1fr;
}
/************************************************************/

.grid-layout-2-22-12 {
    grid-template-columns: 1fr 1fr;
}

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

.grid-layout-3-1-1 {
    grid-template-columns: 1fr 1fr 1fr;
}

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

.grid-layout-3-1-2 {
    grid-template-columns: 20fr 20fr 60fr;
}

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

.grid-layout-3-1-3 {
    grid-template-columns: 20fr 60fr 20fr;
}

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

.grid-layout-3-1-4 {
    grid-template-columns: 60fr 20fr 20fr;
}

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

.grid-layout-3-1-5 {
    grid-template-columns: 30fr 30fr 40fr;
}

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

.grid-layout-3-1-6 {
    grid-template-columns: 30fr 40fr 30fr;
}

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

.grid-layout-3-1-7 {
    grid-template-columns: 40fr 30fr 30fr;
}

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

.grid-layout-3-1-8 {
    grid-template-columns: 20fr 30fr 50fr;
}

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

.grid-layout-3-1-9 {
    grid-template-columns: 20fr 50fr 30fr;
}

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

.grid-layout-3-1-10 {
    grid-template-columns: 50fr 20fr 30fr;
}

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

.grid-layout-3-1-11 {
    grid-template-columns: 50fr 30fr 20fr;
}

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

.grid-layout-3-1-12 {
    grid-template-columns: 30fr 20fr 50fr;
}

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

.grid-layout-3-1-13 {
    grid-template-columns: 30fr 50fr 20fr;
}

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

.grid-layout-3-1-14 {
    grid-template-columns: 25fr 25fr 50fr;
}
/************************************************************/

.grid-layout-3-1-15 {
    grid-template-columns: 25fr 50fr 25fr;
}
/************************************************************/

.grid-layout-3-1-16 {
    grid-template-columns: 50fr 25fr 25fr;
}

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

.grid-layout-3-2-1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-3-2-1 .grid-item:nth-child(1) {
        grid-row: span 2;
        grid-column: span 2;
    }

    .grid-layout-3-2-1 .grid-item:nth-child(4) {
        grid-column: span 2;
    }

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

.grid-layout-3-2-2 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-3-2-2 .grid-item:nth-child(3) {
        grid-row: span 2;
        grid-column: span 2;
    }

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

.grid-layout-3-2-3 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-3-2-3 .grid-item:nth-child(1) {
        grid-row: span 2;
        grid-column: span 2;
    }

    .grid-layout-3-2-3 .grid-item:nth-child(2) {
        grid-column: span 2;
    }

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

.grid-layout-3-2-4 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-3-2-4 .grid-item:nth-child(1) {
        grid-column: span 2;
    }

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

.grid-layout-3-2-5 {
    grid-template-columns: 6fr 2fr 2fr;
}

    .grid-layout-3-2-5 .grid-item:nth-child(1) {
        grid-row: span 2;
    }


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

.grid-layout-3-2-6 {
    grid-template-columns: 2fr 6fr 2fr;
}

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

.grid-layout-3-2-7 {
    grid-template-columns: 40fr 60fr;
}

    .grid-layout-3-2-7 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

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

.grid-layout-3-2-8 {
    grid-template-columns: 2fr 2fr 6fr;
}

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

.grid-layout-3-2-9 {
    grid-template-columns: 1fr 1fr 1fr;
}


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

.grid-layout-3-2-10 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-3-2-10 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

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

.grid-layout-3-2-11 {
    grid-template-columns: 1fr 1fr 1fr;
}

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

.grid-layout-3-2-12 {
    grid-template-columns: 1fr 1fr 1fr;
}


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

.grid-layout-3-2-13 {
    grid-template-columns: 33fr 66fr;
}

    .grid-layout-3-2-13 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

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

.grid-layout-3-2-14 {
    grid-template-columns: 2fr 3fr 5fr;
}

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

.grid-layout-3-2-15 {
    grid-template-columns: 3fr 2fr 5fr;
}

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

.grid-layout-3-2-16 {
    grid-template-columns: 2fr 5fr 3fr;
}

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

.grid-layout-3-2-17 {
    grid-template-columns: 3fr 5fr 2fr;
}

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

.grid-layout-3-2-18 {
    grid-template-columns: 5fr 2fr 3fr;
}

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

.grid-layout-3-2-19 {
    grid-template-columns: 5fr 3fr 2fr;
}

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

.grid-layout-3-2-20 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-20 .grid-nest:nth-child(2), 
    .grid-layout-3-2-20 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-20 .grid-nest:nth-child(2) div:first-child, 
        .grid-layout-3-2-20 .grid-nest:nth-child(3) div:first-child {
            grid-column: span 2;
        }

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

.grid-layout-3-2-21 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-21 .grid-nest:nth-child(1), 
    .grid-layout-3-2-21 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-21 .grid-nest:nth-child(1) div:first-child, 
        .grid-layout-3-2-21 .grid-nest:nth-child(3) div:first-child {
            grid-column: span 2;
        }

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

.grid-layout-3-2-22 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-22 .grid-nest:nth-child(1), 
    .grid-layout-3-2-22 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-22 .grid-nest:nth-child(1) div:first-child, 
        .grid-layout-3-2-22 .grid-nest:nth-child(2) div:first-child {
            grid-column: span 2;
        }


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

.grid-layout-3-2-23 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-23 .grid-nest:nth-child(2), 
    .grid-layout-3-2-23 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-23 .grid-nest:nth-child(2) div:last-child, 
        .grid-layout-3-2-23 .grid-nest:nth-child(3) div:last-child {
            grid-column: span 2;
        }

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

.grid-layout-3-2-24 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-24 .grid-nest:nth-child(1), 
    .grid-layout-3-2-24 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-24 .grid-nest:nth-child(1) div:last-child, 
        .grid-layout-3-2-24 .grid-nest:nth-child(3) div:last-child {
            grid-column: span 2;
        }

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

.grid-layout-3-2-25 {
    grid-template-columns: 2fr 4fr 4fr;
}

    .grid-layout-3-2-25 .grid-nest:nth-child(2), 
    .grid-layout-3-2-25 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-25 .grid-nest:nth-child(2) div:last-child, 
        .grid-layout-3-2-25 .grid-nest:nth-child(3) div:last-child {
            grid-column: span 2;
        }


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

.grid-layout-3-2-26 {
    grid-template-columns: 4fr 2fr 4fr;
}

    .grid-layout-3-2-26 .grid-nest:nth-child(1), 
    .grid-layout-3-2-26 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-26 .grid-nest:nth-child(1) div:last-child, 
        .grid-layout-3-2-26 .grid-nest:nth-child(3) div:last-child {
            grid-column: span 2;
        }


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

.grid-layout-3-2-27 {
    grid-template-columns: 4fr 4fr 2fr;
}

    .grid-layout-3-2-27 .grid-nest:nth-child(1), 
    .grid-layout-3-2-27 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-27 .grid-nest:nth-child(1) div:last-child, 
        .grid-layout-3-2-27 .grid-nest:nth-child(2) div:last-child {
            grid-column: span 2;
        }


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

.grid-layout-3-3-1 {
    grid-template-columns: 1fr 1fr 1fr;
}

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

.grid-layout-3-3-2 {
    grid-template-columns: 1fr 1fr 1fr;
}

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

.grid-layout-3-3-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

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

.grid-layout-3-3-4 {
    grid-template-columns: 20fr 40fr 40fr;
}

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

.grid-layout-3-3-5 {
    grid-template-columns: 20fr 40fr 40fr;
}

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

.grid-layout-3-3-6 {
    grid-template-columns: 20fr 40fr 40fr;
}

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

.grid-layout-3-3-7 {
    grid-template-columns: 40fr 20fr 40fr;
}

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

.grid-layout-3-3-8 {
    grid-template-columns: 40fr 20fr 40fr;
}

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

.grid-layout-3-3-9 {
    grid-template-columns: 40fr 20fr 40fr;
}
/************************************************************/

.grid-layout-3-3-10 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-3-3-10 .grid-nest:nth-child(1) div:nth-child(5) {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-11 {
    grid-template-columns: 33fr 66fr;
}

    .grid-layout-3-3-11 .grid-nest:nth-child(2) div:nth-child(5) {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-12 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-3-12 .grid-nest:nth-child(3) {
        grid-row: span 3;
    }

    .grid-layout-3-3-12 .grid-nest:nth-child(4) {
        grid-column: span 2;
    }

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

.grid-layout-3-3-13 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-3-13 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

    .grid-layout-3-3-13 .grid-nest:nth-child(4) {
        grid-column: span 2;
    }

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

.grid-layout-3-3-14 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-3-14 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

.grid-layout-3-3-14 .grid-nest:nth-child(2) div:nth-child(1), 
.grid-layout-3-3-14 .grid-nest:nth-child(2) div:nth-child(4)
{
    grid-column: span 2;
}


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

.grid-layout-3-3-15 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-3-15 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-3-15 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-3-3-15 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

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

.grid-layout-3-3-16 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-3-16 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-3-16 .grid-nest:nth-child(3) div:nth-child(1),
        .grid-layout-3-3-16 .grid-nest:nth-child(3) div:nth-child(4) {
            grid-column: span 2;
        }

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

.grid-layout-3-3-17 {
    grid-template-columns: 1fr 1fr 1fr;
}

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

.grid-layout-3-3-18 {
    grid-template-columns: 1fr 1fr 1fr;
}

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

.grid-layout-3-3-19 {
    grid-template-columns: 1fr 1fr 1fr;
}

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

.grid-layout-3-5-1 {
    grid-template-columns: 20fr 50fr 30fr;
}
/************************************************************/

.grid-layout-3-5-2 {
    grid-template-columns: 20fr 30fr 50fr;
}

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

.grid-layout-3-5-3 {
    grid-template-columns: 30fr 50fr 20fr;
}

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

.grid-layout-3-5-4 {
    grid-template-columns: 50fr 30fr 20fr;
}

/************************************************************/
.grid-layout-3-5-5 {
    grid-template-columns: 50fr 20fr 30fr;
}


/************************************************************/
.grid-layout-3-5-6 {
    grid-template-columns: 1fr 1fr 1fr;
}

/************************************************************/
.grid-layout-3-5-7 {
    grid-template-columns: 1fr 1fr 1fr;
}


/************************************************************/
.grid-layout-3-5-8 {
    grid-template-columns: 20fr 50fr 30fr;
}

/************************************************************/
.grid-layout-3-5-9 {
    grid-template-columns: 30fr 50fr 20fr;
}

/************************************************************/
.grid-layout-3-6-1 {
    grid-template-columns: 25fr 50fr 25fr;
}

    .grid-layout-3-6-1 .grid-nest:nth-child(3) {
        grid-row: span 6;
    }
    .grid-layout-3-6-1 .grid-nest:nth-child(4) {
        grid-column: span 2;
    }

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

.grid-layout-4-1-1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

.grid-layout-4-1-2 {
    grid-template-columns: 2fr 2fr 2fr 4fr;
}

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

.grid-layout-4-1-3 {
    grid-template-columns: 2fr 2fr 4fr 2fr;
}

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

.grid-layout-4-1-4 {
    grid-template-columns: 2fr 4fr 2fr 2fr;
}

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

.grid-layout-4-1-5 {
    grid-template-columns: 4fr 2fr 2fr 2fr;
}

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

.grid-layout-4-1-6 {
    grid-template-columns: 3fr 3fr 2fr 2fr;
}

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

.grid-layout-4-1-7 {
    grid-template-columns: 3fr 2fr 3fr 2fr;
}

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

.grid-layout-4-1-8 {
    grid-template-columns: 3fr 2fr 2fr 3fr;
}

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

.grid-layout-4-1-9 {
    grid-template-columns: 2fr 3fr 2fr 3fr;
}

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

.grid-layout-4-1-10 {
    grid-template-columns: 3fr 2fr 3fr 2fr;
}

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

.grid-layout-4-1-11 {
    grid-template-columns: 2fr 3fr 3fr 2fr;
}

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

.grid-layout-4-1-12 {
    grid-template-columns: 2fr 2fr 3fr 3fr;
}


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

.grid-layout-4-2-1 {
    grid-template-columns: 20fr 80fr;
}

    .grid-layout-4-2-1 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-1 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-1 .grid-nest:last-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-1 .grid-nest:last-child div:nth-child(n+3) {
            grid-column: span 2;
        }


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

.grid-layout-4-2-2 {
    grid-template-columns: 80fr 20fr;
}

    .grid-layout-4-2-2 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-2 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-2 .grid-nest:first-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-2 .grid-nest:first-child div:nth-child(n+3) {
            grid-column: span 2;
        }

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

.grid-layout-4-2-3 {
    grid-template-columns: 20fr 80fr;
}

    .grid-layout-4-2-3 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-3 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-3 .grid-nest:last-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-3 .grid-nest:last-child div:nth-child(n+4) {
            grid-column: span 3;
        }


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

.grid-layout-4-2-4 {
    grid-template-columns: 80fr 20fr;
}

    .grid-layout-4-2-4 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-4 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-4 .grid-nest:first-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-4 .grid-nest:first-child div:nth-child(n+4) {
            grid-column: span 3;
        }


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

.grid-layout-4-2-5 {
    grid-template-columns: 30fr 70fr;
}

    .grid-layout-4-2-5 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-5 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-5 .grid-nest:last-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-5 .grid-nest:last-child div:nth-child(n+3) {
            grid-column: span 2;
        }

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

.grid-layout-4-2-6 {
    grid-template-columns: 70fr 30fr;
}

    .grid-layout-4-2-6 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-6 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-6 .grid-nest:first-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-6 .grid-nest:first-child div:nth-child(n+3) {
            grid-column: span 2;
        }

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

.grid-layout-4-2-7 {
    grid-template-columns: 30fr 70fr;
}

    .grid-layout-4-2-7 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-7 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-7 .grid-nest:last-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-7 .grid-nest:last-child div:nth-child(n+4) {
            grid-column: span 3;
        }

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

.grid-layout-4-2-8 {
    grid-template-columns: 70fr 30fr;
}

    .grid-layout-4-2-8 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-8 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-8 .grid-nest:first-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-8 .grid-nest:first-child div:nth-child(n+4) {
            grid-column: span 3;
        }

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

.grid-layout-4-2-9 {
    grid-template-columns: 33fr 66fr;
}

    .grid-layout-4-2-9 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-9 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-9 .grid-nest:last-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-9 .grid-nest:last-child div:nth-child(n+3) {
            grid-column: span 2;
        }

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

.grid-layout-4-2-10 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-4-2-10 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-10 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-10 .grid-nest:first-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-10 .grid-nest:first-child div:nth-child(n+3) {
            grid-column: span 2;
        }

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

.grid-layout-4-2-11 {
    grid-template-columns: 33fr 66fr;
}

    .grid-layout-4-2-11 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-11 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-11 .grid-nest:last-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-11 .grid-nest:last-child div:nth-child(n+4) {
            grid-column: span 3;
        }

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

.grid-layout-4-2-12 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-4-2-12 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-12 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }


        /* first two columns*/
        .grid-layout-4-2-12 .grid-nest:first-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-12 .grid-nest:first-child div:nth-child(n+4) {
            grid-column: span 3;
        }


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

.grid-layout-4-2-13 {
    grid-template-columns: 20fr 80fr;
}

    .grid-layout-4-2-13 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-13 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr;
    }

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

.grid-layout-4-2-14 {
    grid-template-columns: 80fr 20fr;
}

    .grid-layout-4-2-14 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-14 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr;
    }
/************************************************************/

.grid-layout-4-2-15 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-4-2-15 .grid-nest:first-child {
        grid-row: span 2;
    }

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

.grid-layout-4-2-16 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-4-2-16 .grid-nest:last-child {
        grid-row: span 2;
    }

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

.grid-layout-4-2-17 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-4-2-17 .grid-nest:nth-child(2) {
        grid-row: span 2;
    }
/************************************************************/

.grid-layout-4-2-18 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-4-2-18 .grid-nest:nth-child(3) {
        grid-row: span 2;
    }
/************************************************************/

.grid-layout-4-3-1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

.grid-layout-4-3-2 {
    grid-template-columns: 75fr 25fr;
}

    .grid-layout-4-3-2 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr;
    }
/************************************************************/

.grid-layout-4-3-3 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

.grid-layout-4-3-4 {
    grid-template-columns: 25fr 75fr;
}

    .grid-layout-4-3-4 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr;
    }

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

.grid-layout-4-3-5 {
    grid-template-columns: 75fr 25fr;
}

    .grid-layout-4-3-5 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-4-3-5 .grid-nest:nth-child(1) div:nth-child(4), 
        .grid-layout-4-3-5 .grid-nest:nth-child(1) div:nth-child(n+8) {
            grid-column: span 3;
        }

    .grid-layout-4-3-5 .grid-nest:nth-child(2) {
        grid-row: span 5;
    }

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

.grid-layout-4-3-6 {
    grid-template-columns: 25fr 75fr;
}

    .grid-layout-4-3-6 .grid-nest:nth-child(1) {
        grid-row: span 5;
    }

    .grid-layout-4-3-6 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-4-3-6 .grid-nest:nth-child(2) div:nth-child(4), 
        .grid-layout-4-3-6 .grid-nest:nth-child(2) div:nth-child(n+8) {
            grid-column: span 3;
        }

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

.grid-layout-4-3-7 {
    grid-template-columns: 25fr 75fr;
}

.grid-layout-4-3-7 .grid-nest:nth-child(2) {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

    .grid-layout-4-3-7 .grid-nest:nth-child(2) div:nth-child(-n+3) {
        grid-column:span 2;
    }
    .grid-layout-4-3-7 .grid-nest:nth-child(2) div:nth-child(n+4) {
        grid-column: span 3;
    }
/************************************************************/

.grid-layout-4-3-8 {
    grid-template-columns: 75fr 25fr;
}

.grid-layout-4-3-8 .grid-nest:nth-child(1) {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

    .grid-layout-4-3-8 .grid-nest:nth-child(1) div:nth-child(-n+3) {
        grid-column: span 2;
    }

    .grid-layout-4-3-8 .grid-nest:nth-child(1) div:nth-child(n+4) {
        grid-column: span 3;
    }


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

.grid-layout-4-3-9 {
    grid-template-columns: 75fr 25fr;
}

.grid-layout-4-3-9 .grid-nest:nth-child(1) {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-4-3-9 .grid-nest:nth-child(1) div:nth-child(4) {
        grid-column: span 3;
    }

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

.grid-layout-4-3-10 {
    grid-template-columns: 25fr 75fr;
}

    .grid-layout-4-3-10 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-4-3-10 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 3;
        }


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

.grid-layout-5-1-1 {
    grid-template-columns: repeat(5, 1fr);
}

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

.grid-layout-6-1-1 {
    grid-template-columns:repeat(6, 1fr);
}

/*-----------------------------------------------
    GO BIG MODIFIERS
*/

.tablet [class*='grid-layout-3-'].go-big-container{
    grid-template-columns:1fr 1fr;
}

    .tablet [class*='grid-layout-3-'].go-big-container .grid-item.go-big {
        grid-column: span 2;
    }

.tablet [class*='grid-layout-5-'].go-big-container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
    .tablet [class*='grid-layout-5-'].go-big-container .grid-item {
        grid-column: span 2;
    }

    .tablet [class*='grid-layout-5-'].go-big-container .grid-item.go-big {
        grid-column: span 3;
    }
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+              END OF STANDARD STYLES YOU ARE                                         +
+     USE THE MY STYLE OVERRIDE CSS FILE TO ADJUST STYLES AS NEEDED                   +
+     PLEASE MAINTAIN YOUR SITE NAVIGATION SECTION IN THE MY NAVIGATION CSS FILE      +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/