

@import "mixins";

	.ast-checkout-labels-as-placeholders {

		form {
			#customer_details {
				.form-row{
					position: relative;

					label{
						user-select: none;
						pointer-events: none;
						position: absolute;
						transition: all .2s ease-out;
						font-size: 12px;
						margin-top: .5em;
						padding: 0 1.02em;
						line-height: 1.625;
						opacity: 0;
					}
					&.ast-float-label{
						label{
							opacity: 1;
						}
						#billing_address_2,
						#shipping_address_2{
							padding: .75em .8em;
						}
					}
					.wc-terms-and-conditions,
					fieldset{
						label{
							position: relative;
							opacity: 1;
							line-height: 2;
							font-weight: bold;
							font-size: 13.5px;
							font-size: 0.9rem;
							padding: 0;
							pointer-events: auto;
						}
					}
					label.checkbox{
						position: relative;
						opacity: 1;
						line-height: 2;
						font-weight: bold;
						font-size: 13.5px;
						font-size: 0.9rem;
						padding: 0;
						pointer-events: auto;
					}
				}
			}	

			input[type="text"],
			input[type="email"],
			input[type="tel"],
			input[type="number"], 
			input[type="password"],
			select,
			textarea{
				padding: .75em .8em;
				transition: all .2s ease;
				box-sizing: border-box;
				font-size: 16px;
				line-height: normal;
			}
			.ast-float-label{
				input[type="text"],
				input[type="email"],
				input[type="tel"],
				input[type="number"], 
				input[type="password"],
				select,
				textarea{
					padding: 1.3em 0.8em 0.2em 0.8em;
				}
			}
		}

}