/* ============================================================================
 * rows
 * ============================================================================
 * Be More P.U.N.K. - Theme
 */

.flex-row-parent:not(#header-inner .flex-row-parent):not(.align_vertical_centre .flex-row-parent):not(.align_vertical_centre.flex-row-parent) {
	align-items: flex-start;
	display:flex;
	}

	.flex-row-child {
		flex-grow: 2;
		}

	.flex-row-picture img {

		/* when accopanied by 'margin-below: 0 !important'
		 * removes the unwanted space between bottom of image and closing of picture tag
		 */

		display: block;
		height: auto;
		width: 100%;
		}

.align_vertical_centre .flex-row-parent, .align_vertical_centre.flex-row-parent {
	align-items: center;
	display:flex;
	}


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


	.flex-row-parent {

		/* stack the content of .flex-row-parent on mobile */

		flex-direction: column-reverse;
		justify-content: center;
		}

		.flex-row-child.copy-wrapper { width: 100%; }

		.flex-row-picture { 
			align-self: center;
			margin: 0 var(--wp--preset--spacing--70) var(--wp--preset--spacing--70) var(--wp--preset--spacing--80);
			}

	}


@media screen and (min-width: 601px) {

	.row-reverse {
	
	/* image on left (default layout) */
	flex-direction: row-reverse;
	}

		.flex-row-picture {
			min-width: 30%;
			max-width: 45%;
			}

		.flex-row-picture:not(.row-reverse .flex-row-picture) {

			/* image on right */
			margin-left: var(--wp--preset--spacing--100);
			}


			.row-reverse .flex-row-picture {

			/* image on left (default layout) */
			margin-right: var(--wp--preset--spacing--100);
			}

	}