.wprm-container-columns-spaced,
.wprm-container-columns-spaced-middle {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	&.wprm-container-columns-spaced-middle {
		align-items: center;
	}

	& > * {
		flex: 1;
	}

	&.wprm-container-columns-gutter {
		margin-left: -8px;
		margin-right: -8px;

		& > * {
			margin-left: 8px !important;
			margin-right: 8px !important;

			// Fix for grow.me button shortcode.
			&.wprm-recipe-grow-container {
				margin-left: 0 !important;
				margin-right: 0 !important;

				a {
					margin-left: 8px !important;
					margin-right: 8px !important;
				}
			}
		}
	}
}

@media all and (max-width: 450px) {
	.wprm-container-columns-spaced,
	.wprm-container-columns-spaced-middle {
		display: block;

		&.wprm-container-columns-gutter {
			& > * {
				margin-bottom: 16px !important;

				// Fix for grow.me button shortcode.
				&.wprm-recipe-grow-container {
					margin-bottom: 0 !important;

					a {
						margin-bottom: 16px !important;
					}
				}
			}
		}
	}
}

.wprm-container-float-left {
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
	position: relative;
	z-index: 1;
}

.rtl .wprm-container-float-left { 
	float: right;
	margin: 0 0 10px 10px;
}

.wprm-container-float-right {
	float: right;
	margin: 0 0 10px 10px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.rtl .wprm-container-float-right { 
	float: left;
	margin: 0 10px 10px 0;
}

@media only screen and (max-width: 640px) {
	.wprm-container-float-left,
	.wprm-container-float-right,
	.rtl .wprm-container-float-left,
	.rtl .wprm-container-float-right  {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}