/**
 * Larger mobile devices.
 */
@media only screen and (min-width: 480px) {

}



/**
 * Tablet devices.
 */
@media only screen and (min-width: 768px) {

}



/**
 * Smaller screen devices.
 */
@media only screen and (min-width: 960px) {
	.standout-columns {
		&:not([style*="--columns: 1"]) {
			& > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: var(--column-gap, var(--gap-l));

				& .contact-us-columns & {
					grid-template-columns: 270px 5.072fr;
					grid-template-areas:
						"info form"
						"image form"
						"image form";

					& > :nth-child(1) {
						grid-area: info;
					}

					& > :nth-child(2) {
						grid-area: form;
					}

					& > :nth-child(3) {
						grid-area: image;
					}

					& .gform_wrapper .stomGFAS-container-field {
						margin-top: -1em;
					}

					& .gform-theme--foundation #gform_1 .gform_footer {
						justify-content: flex-end;
					}
				}

				& .standout-column-element {
					& .wp-block-image.size-full > img {
						aspect-ratio: unset;
					}
				}
			}
		}
	}
}



/**
 * Smaller laptops.
 */
@media only screen and (min-width: 1100px) {
	
}



/**
 * Laptops.
 */
@media only screen and (min-width: 1240px) {
	.standout-columns[style*="--columns"] {
		& > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
			grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
			gap: var(--column-gap, var(--gap-l));

			:is(.contact-us-columns) & {
				grid-template-columns: minmax(270px, 1fr) 1.3fr 1fr;
				grid-template-areas:
					"info form image"
					"info form image"
					"info form image";
			}
		}
	}
}



/**
 * Large screen devices.
 */
@media only screen and (min-width: 1600px) {
	
}