/*
    Theme Name: Guard IT Solutions
    Author: Aitch Media
    Version: 1.0
*/

#wpcf7-f198-o1 .wpcf7-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: 'enquiry-left enquiry-right';
    column-gap: 2rem;
    align-items: start;
    align-content: start;
}

#wpcf7-f198-o1 .wpcf7-form input {
    display: block;
    width: 100%;
    appearance: none;
    padding: 1rem 1.5rem;
    border: 1px solid var(--color-dark-gray);
    margin-bottom: 1rem;
    font-size: 1.4rem;
}

#wpcf7-f198-o1 .wpcf7-form input[type="submit"] {
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    border: none;
    appearance: none;
    background-color: var(--color-green);
    color: var(--color-white);
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase;
}

#wpcf7-f198-o1 .wpcf7-form textarea {
    display: block;
    width: 100%;
    appearance: none;
    padding: 1rem 1.5rem;
    border: 1px solid var(--color-dark-gray);
    margin-bottom: 1rem;
    height: 10rem;
    font-size: 1.4rem;
    font-family: var(--font-primary);
}

@media only screen and (max-width: 768px) {
    #wpcf7-f198-o1 .wpcf7-form {
        grid-template-columns: 1fr;
        grid-template-areas: 'enquiry-left' 'enquiry-right';
        row-gap: 2rem;
    }
}

#wpcf7-f198-o1 .wpcf7-form p:nth-child(2) {
	grid-column: 1 / 2;
}

#wpcf7-f198-o1 .wpcf7-form p:nth-child(3) {
	grid-column: 1 / 2;
}

#wpcf7-f198-o1 .wpcf7-form p:nth-child(4) {
	grid-column: 1 / 2;
}

#wpcf7-f198-o1 .wpcf7-form p:nth-child(5) {
	grid-column: 1 / 2;
}

#wpcf7-f198-o1 .wpcf7-form p:nth-child(6) {
    grid-row: 1 / 2;
	grid-column: 2 / 3;
}

#wpcf7-f198-o1 .wpcf7-form p:nth-child(7) {
    grid-row: 2 / 4;
    grid-column: 2 / 3;
    align-self: start;
}

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

	#wpcf7-f198-o1 .wpcf7-form p:nth-child(2) {
		grid-row: 1 / 2;
		grid-column: 1 / 2;
	}

	#wpcf7-f198-o1 .wpcf7-form p:nth-child(3) {
		grid-row: 2 / 3;
		grid-column: 1 / 2;
	}

	#wpcf7-f198-o1 .wpcf7-form p:nth-child(4) {
		grid-row: 3 / 4;
		grid-column: 1 / 2;
	}

	#wpcf7-f198-o1 .wpcf7-form p:nth-child(5) {
		grid-row: 4 / 5;
		grid-column: 1 / 2;
	}

	#wpcf7-f198-o1 .wpcf7-form p:nth-child(6) {
		grid-row: 5 / 6;
		grid-column: 1 / 2;
	}

	#wpcf7-f198-o1 .wpcf7-form p:nth-child(7) {
		grid-row: 6 / 7;
		grid-column: 1 / 2;
	}
}


.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    height: 35px;
    padding: 5px 10px;
    font-size: 12px;
    text-transform: uppercase;
	background: #fff;
}