/*
Theme Classes:

-- Column Direction
.small-row-reverse : reverses columns for all small devices

-- Justification
.small-justify-center : center columns for small devices
.tab-justify-center : center columns for tablets
.mobi-justify-center : center columns for mobile

-- Column Sizes
.small-1col : change to one column on small devices
.small-2col : change to two columns on small devices
.tab-1col : change to one column on tablets
.tab-2col : change to two columns on tablets
.mobi-1col : change to one column on mobile
.mobi-2col : change to two columns on mobile

*/

/*-------- Column Direction --------*/
/* Target all small Devices */
@media (max-width: 782px) {
    .small-row-reverse {
		flex-direction: column-reverse !important;
		flex-wrap: nowrap !important;
	}
}

/*-------- Justification --------*/
/* Target all small Devices */
@media (max-width: 782px) {
    .small-justify-center {
        justify-content: center;
    }
}
/* Target tablets */
@media (min-width: 600px) and (max-width: 782px) {
    .tab-justify-center {
        justify-content: center;
    }
}
/* Target mobile */
@media (max-width: 600px) {
    .mobi-justify-center {
        justify-content: center;
    }
}

/*-------- Column Sizes --------*/
/* Target small desktops */
@media (min-width: 783px) and (max-width: 1000px) {
    /* Set new sizes */
	.small-desk-2col {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* Disable Flexbox */
	.small-desk-2col {
        flex-direction: initial !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box !important;
    }
	.small-desk-2col > * {
        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

}
/* Target all small Devices */
@media (max-width: 782px) {
    /* Set new sizes */
    .small-1col {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    .small-2col {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* Disable Flexbox */
    .small-1col,
    .small-2col {
        flex-direction: initial !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box !important;
    }
    .small-1col > *,
    .small-2col > * {
        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

}
/* Target tablets */
@media (min-width: 600px) and (max-width: 782px) {
    /* Set new sizes */
    .tab-1col {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    .tab-2col {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* Disable Flexbox */
    .tab-2col,
    .tab-2col {
        flex-direction: initial !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box !important;
    }
    .tab-1col > *,
    .tab-2col > * {
        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
}
/* Target mobile */
@media (max-width: 600px) {
     /* Set new sizes */
    .mobi-1col {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    .mobi-2col {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* Disable Flexbox */
    .mobi-2col,
    .mobi-2col {
        flex-direction: initial !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box !important;
    }
    .mobi-1col > *,
    .mobi-2col > * {
        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
}