/**
 * Utility classes
 * Provide a way to modify layouts with sprinkled in classes
 */

/* Overflow */

.gpb-overflow-hidden {
	overflow: hidden;
}

/* Grid Enhancements */

.gpb-grid-mobile-space .ab-is-responsive-column {
	grid-row-gap: 1em;
}

 /* Border Radius */

 .gpb-rounded-grid {
	 .ab-block-layout-column-inner {
		 border-radius: 10px;
	 }
 }

.gpb-rounded-sm,
.gpb-rounded-sm img {
	border-radius: 5px;
}

.gpb-rounded-md,
.gpb-rounded-md img {
	border-radius: 10px;
}

.gpb-rounded-lg,
.gpb-rounded-lg img {
	border-radius: 20px;
}

.gpb-rounded-xl,
.gpb-rounded-xl img {
	border-radius: 30px;
}

.gpb-rounded-full,
.gpb-rounded-full img {
	border-radius: 500px;
}

/* Alignment */

.gpb-mobile-align-reset {
	@media only screen and (max-width: 600px) {
		float: none;
		text-align: left;
		margin-left: 0 !important;
		margin-right: 0;
	}
}

/* Grid */

.gpb-grid-mobile-reorder .ab-is-responsive-column {
	@media only screen and (max-width: 600px) {
		.ab-block-layout-column:nth-of-type(1){
			grid-area: col2;
		}

		.ab-block-layout-column:nth-of-type(2){
			grid-area: col1;
		}
	}
}

/* Margin */

.gpb-mb-1 {
	margin-bottom: 1rem;
}