/**
 * Customer Login Form - Two Column Layout
 */

#customer_login.u-columns.col2-set {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	width: 100%;
}

#customer_login.u-columns.col2-set .u-column1.col-1,
#customer_login.u-columns.col2-set .u-column2.col-2 {
	width: 100%;
}

#customer_login.u-columns.col2-set .u-column1.col-1 h2,
#customer_login.u-columns.col2-set .u-column2.col-2 h2 {
	margin-top: 0;
}

/* Tablet - 768px and below */
@media (max-width: 768px) {
	#customer_login.u-columns.col2-set {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* Mobile - 480px and below */
@media (max-width: 480px) {
	#customer_login.u-columns.col2-set {
		gap: 15px;
	}

	#customer_login.u-columns.col2-set .u-column1.col-1,
	#customer_login.u-columns.col2-set .u-column2.col-2 {
		padding: 0;
	}
}