/* 
******
NEEDS MOVED TO ADMIN ONLY STYLESHEET
******
*/

/* Background Image Upload */

[data-type="acf/columns"] .acf-field-group .acf-field-image .image-wrap {
    max-width: 50px !important;
}

/* Layout Button Group */

[data-type="acf/columns"] .acf-field-button-group {
    text-align: center;
}

/* Range Slider */

[data-type="acf/columns"] .acf-range-wrap {
    white-space: nowrap;
}

    [data-type="acf/columns"] .acf-range-wrap input[type="range"] {
        width: 67%;
    }

    [data-type="acf/columns"] .acf-range-wrap input[type="number"] {
        margin: 0 1% 0 2%;
        width: 12%;
    }

    [data-type="acf/columns"] .acf-range-wrap .acf-append {
        margin: 0;
        width: 5%;
    }

/* Repeater */

[data-type="acf/columns"] .acf-block-body .acf-block-fields {
    border: 0;
}

    [data-type="acf/columns"] .acf-repeater>table {
        padding: 0 10px;
    }

        [data-type="acf/columns"] .acf-repeater>table {
            background: #fff;
        }

            [data-type="acf/columns"] .acf-repeater.-row>table>tbody>tr>td, 
            [data-type="acf/columns"] .acf-repeater.-block>table>tbody>tr>td {
                background: #fff;
                border: 0;
            }

                [data-type="acf/columns"] .acf-field-wysiwyg > .acf-label {
                    display: none;
                }

                [data-type="acf/columns"] .acf-block-component .acf-block-fields div.acf-field.acf-field-wysiwyg {
                    padding: 16px 0;
                }

    /* Display Repeater Rows as Columns */

    .block-columns .acf-repeater tbody {
        display: flex;
    }

        .block-columns .acf-repeater tr.acf-row {
            width: 100%;
        }

        .block-columns .acf-repeater tr.acf-row:hover {
            z-index: 10 !important;
        }

        /* Column Layout 2-2 */

        [data-column-layout="column_layout_2_2"] .block-columns .acf-repeater tr.acf-row:nth-child(1) {
            width: 75%;
        }

        [data-column-layout="column_layout_2_2"] .block-columns .acf-repeater tr.acf-row:nth-child(2) {
            width: 25%;
        }

        /* Column Layout 2-3 */

        [data-column-layout="column_layout_2_3"] .block-columns .acf-repeater tr.acf-row:nth-child(1) {
            width: 25%;
        }

        [data-column-layout="column_layout_2_3"] .block-columns .acf-repeater tr.acf-row:nth-child(2) {
            width: 75%;
        }

        /* Column Layout 3-2 */

        [data-column-layout="column_layout_3_2"] .block-columns .acf-repeater tr.acf-row:nth-child(1) {
            width: 25%;
        }

        [data-column-layout="column_layout_3_2"] .block-columns .acf-repeater tr.acf-row:nth-child(2) {
            width: 50%;
        }

        [data-column-layout="column_layout_3_2"] .block-columns .acf-repeater tr.acf-row:nth-child(3) {
            width: 25%;
        }

        /* Column Layout 3-3 */

        [data-column-layout="column_layout_3_3"] .block-columns .acf-repeater tr.acf-row:nth-child(1) {
            width: 50%;
        }

        [data-column-layout="column_layout_3_3"] .block-columns .acf-repeater tr.acf-row:nth-child(2) {
            width: 25%;
        }

        [data-column-layout="column_layout_3_3"] .block-columns .acf-repeater tr.acf-row:nth-child(3) {
            width: 25%;
        }

        /* Column Layout 3-4 */

        [data-column-layout="column_layout_3_4"] .block-columns .acf-repeater tr.acf-row:nth-child(1) {
            width: 25%;
        }

        [data-column-layout="column_layout_3_4"] .block-columns .acf-repeater tr.acf-row:nth-child(2) {
            width: 25%;
        }

        [data-column-layout="column_layout_3_4"] .block-columns .acf-repeater tr.acf-row:nth-child(3) {
            width: 50%;
        }

        /* Column Layout 4-2 */

        [data-column-layout="column_layout_4_2"] .block-columns .acf-repeater tr.acf-row:nth-child(1) {
            width: 40%;
        }

        [data-column-layout="column_layout_4_2"] .block-columns .acf-repeater tr.acf-row:nth-child(2) {
            width: 20%;
        }

        [data-column-layout="column_layout_4_2"] .block-columns .acf-repeater tr.acf-row:nth-child(3) {
            width: 20%;
        }

        [data-column-layout="column_layout_4_2"] .block-columns .acf-repeater tr.acf-row:nth-child(4) {
            width: 20%;
        }

        /* Column Layout 4-3 */

        [data-column-layout="column_layout_4_3"] .block-columns .acf-repeater tr.acf-row:nth-child(1) {
            width: 20%;
        }

        [data-column-layout="column_layout_4_3"] .block-columns .acf-repeater tr.acf-row:nth-child(2) {
            width: 20%;
        }

        [data-column-layout="column_layout_4_3"] .block-columns .acf-repeater tr.acf-row:nth-child(3) {
            width: 20%;
        }

        [data-column-layout="column_layout_4_3"] .block-columns .acf-repeater tr.acf-row:nth-child(4) {
            width: 40%;
        }

            .block-columns .acf-repeater tr.acf-row td.acf-fields {
                width: 100% !important;
            }





/* 
******
APPLYS TO FRONT AND BACK END
******
*/

.gemco-ui-block.block-columns > div {
    display: flex;
    margin: 0 auto;
}

/* Block Padding */

.gemco-ui-block.block-columns.column-block-padding-0 > div {
    padding: 0;
}

.gemco-ui-block.block-columns.column-block-padding-20 > div {
    padding: 20px;
}

.gemco-ui-block.block-columns.column-block-padding-40 > div {
    padding: 40px;
}

.gemco-ui-block.block-columns.column-block-padding-60 > div {
    padding: 60px;
}

.gemco-ui-block.block-columns.column-block-padding-80 > div {
    padding: 80px;
}

.gemco-ui-block.block-columns.column-block-padding-100 > div {
    padding: 100px;
}


/* Block Padding (Sides Only) */

.gemco-ui-block.block-columns.column-block-padding-20.column-pad-sides-only > div {
    padding: 0 20px;
}

.gemco-ui-block.block-columns.column-block-padding-40.column-pad-sides-only > div {
    padding: 0 40px;
}

.gemco-ui-block.block-columns.column-block-padding-60.column-pad-sides-only > div {
    padding: 0 60px;
}

.gemco-ui-block.block-columns.column-block-padding-80.column-pad-sides-only > div {
    padding: 0 80px;
}

.gemco-ui-block.block-columns.column-block-padding-100.column-pad-sides-only > div {
    padding: 0 100px;
}


/* Vertical Alignment */

.gemco-ui-block.block-columns.column-valign-top > div {
    align-items: flex-start;
}

.gemco-ui-block.block-columns.column-valign-center > div {
    align-items: center;
}

.gemco-ui-block.block-columns.column-valign-bottom > div {
     align-items: flex-end;
}

    .gemco-ui-block.block-columns .column {
        padding: 20px;
        width: 100%;
    }

    /* Column Padding */

    .gemco-ui-block.block-columns.column-padding-0 .column {
        padding: 0;
    }

    .gemco-ui-block.block-columns.column-padding-20 .column {
        padding: 20px;
    }

    .gemco-ui-block.block-columns.column-padding-40 .column {
        padding: 40px;
    }

    .gemco-ui-block.block-columns.column-padding-60 .column {
        padding: 60px;
    }

    .gemco-ui-block.block-columns.column-padding-80 .column {
        padding: 80px;
    }

    .gemco-ui-block.block-columns.column-padding-100 .column {
        padding: 100px;
    }


    /* Column Padding (Sides Only) */

    .gemco-ui-block.block-columns.column-padding-20.column-pad-sides-only .column {
        padding: 0 20px;
    }

    .gemco-ui-block.block-columns.column-padding-40.column-pad-sides-only .column {
        padding: 0 40px;
    }

    .gemco-ui-block.block-columns.column-padding-60.column-pad-sides-only .column {
        padding: 0 60px;
    }

    .gemco-ui-block.block-columns.column-padding-80.column-pad-sides-only .column {
        padding: 0 80px;
    }

    .gemco-ui-block.block-columns.column-padding-100.column-pad-sides-only .column {
        padding: 0 100px;
    }


    /* Column Layout 2-2 */

    .gemco-ui-block.block-columns.column_layout_2_2 .column:nth-child(1) {
        width: 75%;
    }

    .gemco-ui-block.block-columns.column_layout_2_2 .column:nth-child(2) {
        width: 25%;
    }

    /* Column Layout 2-3 */

    .gemco-ui-block.block-columns.column_layout_2_3 .column:nth-child(1) {
        width: 25%;
    }

    .gemco-ui-block.block-columns.column_layout_2_3 .column:nth-child(2) {
        width: 75%;
    }

    /* Column Layout 3-2 */

    .gemco-ui-block.block-columns.column_layout_3_2 .column:nth-child(1) {
        width: 25%;
    }

    .gemco-ui-block.block-columns.column_layout_3_2 .column:nth-child(2) {
        width: 50%;
    }

    .gemco-ui-block.block-columns.column_layout_3_2 .column:nth-child(3) {
        width: 25%;
    }

    /* Column Layout 3-3 */

    .gemco-ui-block.block-columns.column_layout_3_3 .column:nth-child(1) {
        width: 50%;
    }

    .gemco-ui-block.block-columns.column_layout_3_3 .column:nth-child(2) {
        width: 25%;
    }

    .gemco-ui-block.block-columns.column_layout_3_3 .column:nth-child(3) {
        width: 25%;
    }

    /* Column Layout 3-4 */

    .gemco-ui-block.block-columns.column_layout_3_4 .column:nth-child(1) {
        width: 25%;
    }

    .gemco-ui-block.block-columns.column_layout_3_4 .column:nth-child(2) {
        width: 25%;
    }

    .gemco-ui-block.block-columns.column_layout_3_4 .column:nth-child(3) {
        width: 50%;
    }

    /* Column Layout 4-2 */

    .gemco-ui-block.block-columns.column_layout_4_2 .column:nth-child(1) {
        width: 40%;
    }

    .gemco-ui-block.block-columns.column_layout_4_2 .column:nth-child(2) {
        width: 20%;
    }

    .gemco-ui-block.block-columns.column_layout_4_2 .column:nth-child(3) {
        width: 20%;
    }

    .gemco-ui-block.block-columns.column_layout_4_2 .column:nth-child(4) {
        width: 20%;
    }

    /* Column Layout 4-3 */

    .gemco-ui-block.block-columns.column_layout_4_3 .column:nth-child(1) {
        width: 20%;
    }

    .gemco-ui-block.block-columns.column_layout_4_3 .column:nth-child(2) {
        width: 20%;
    }

    .gemco-ui-block.block-columns.column_layout_4_3 .column:nth-child(3) {
        width: 20%;
    }

    .gemco-ui-block.block-columns.column_layout_4_3 .column:nth-child(4) {
        width: 40%;
    }

    /* General Column Elements */

    .gemco-ui-block.block-columns .column img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .gemco-ui-block.block-columns .column img.alignleft {
        float: left;
        margin: 20px 20px 20px 0;
    }

    .gemco-ui-block.block-columns .column img.alignright {
        float: right;
        margin: 20px 0 20px 20px;
    }

    .gemco-ui-block.block-columns .column p {
        margin: 20px 0;
    }

    /* Remove Margin for Last Child & Only Child */ 

    .gemco-ui-block.block-columns .column :last-child {
        margin-bottom: 0;
    }

    .gemco-ui-block.block-columns .column :first-child:last-child {
        margin-top: 0;
    }

    /* Block and Column Outlines */

    .gemco-ui-block.block-columns.outline-block {
        border: 1px solid #000000;
    }

    .gemco-ui-block.block-columns.outline-columns .column {
        border: 1px solid #000000;
        margin: 0 10px;
    }




@media only screen and (max-width: 1000px) {

    /* Column Padding */

    .gemco-ui-block.block-columns.column-padding-40 .column {
        padding: 20px;
    }

    .gemco-ui-block.block-columns.column-padding-60 .column {
        padding: 30px;
    }

    .gemco-ui-block.block-columns.column-padding-80 .column {
        padding: 40px;
    }

    .gemco-ui-block.block-columns.column-padding-100 .column {
        padding: 50px;
    }


    /* Column Padding (Sides Only) */

    .gemco-ui-block.block-columns.column-padding-40.column-pad-sides-only .column {
        padding: 0 20px;
    }

    .gemco-ui-block.block-columns.column-padding-60.column-pad-sides-only .column {
        padding: 0 30px;
    }

    .gemco-ui-block.block-columns.column-padding-80.column-pad-sides-only .column {
        padding: 0 40px;
    }

    .gemco-ui-block.block-columns.column-padding-100.column-pad-sides-only .column {
        padding: 0 50px;
    }

} /* 1000px */






@media only screen and (max-width: 800px) {

    /* Column Widths */

    .gemco-ui-block.block-columns > div {
        flex-wrap: wrap;
    }

        .gemco-ui-block.block-columns .column {
            padding: 15px 0 !important;
            width: 100% !important;
        }

        .gemco-ui-block.block-columns.column-padding-0 .column {
           padding: 0 !important; 
        }

} /* 800px */