/* 
	CONTACT.PHP STYLES
*/	

.contact-content {
	grid-area: sections;
	margin: 2em 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	justify-content: space-evenly;
	grid-column-gap: 1em;
	grid-template-areas:
		"cform cmap";
}

	.contactform {
		grid-area: cform;
		text-align: center;
	}
		.contactform h3 {
			margin-bottom: 1em;
		}
		.contactform form {
			display: grid;
			/* flex-direction: column;
			align-items: center;*/
			grid-template-columns: auto;

			justify-items: center;
			grid-gap: 0px 0px;
			grid-template-areas:
				"fname lname"
				"email email"
				"subject subject"
				"message message"
				"message message"
				"prayer prayer"
				"csubmit csubmit";
		}
			.contactform .contact-form #fname {
				grid-area: fname;
				width: 70%;
				margin-right: 0.5em;
				justify-self: end;
			}
			.contactform .contact-form #lname {
				grid-area: lname;
				width: 70%;
				margin-left: 0.5em;
				justify-self: start;
			}
			.contactform .contact-form #email {
				grid-area: email;
				width: 75%;
			}
			.contactform .contact-form #subject {
				grid-area: subject;
				width: 75%;
			}
			.contactform .contact-form #msg {
				grid-area: message;
				width: 100%;
				height: 8em;
				padding-top: 0.5em;
				resize: none;
			}
			.contactform .contact-form #praytxt {
				grid-area: prayer;
			}
			.contactform .contact-form #csubmit {
				grid-area: csubmit;
			}
			.contactform .cin {
				border-radius: 5px;
				border: 1px solid rgb(7, 62, 153);
				margin: 0.5em 0;
			}
			.contactform .ctxt,
			.contactform textarea {
				padding-left: 0.5em;
			}
			.contactform .ctxt,
			.contactform .btnsub {
				height: 2.5em;
			}

			.contactform .ctxt {
				text-align: center;
			}

			.contactform .chtxt { 
				margin: 0.5em 0;
			}
				.contactform .chbox {
					height: 1.5em;
				 	width: 1.5em;
				 	vertical-align: middle;
				}

			.contactform .btnsub {
				width: 6em;
				padding-left: 0;
				cursor: pointer;
			}
				.contactform .btnsub:hover {
					background: rgba(7, 62, 153, 0.4);
					color: #fff;
				}

		/* contact info */
		.contactinfo {
			grid-area: cmap;
			text-align: center;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
			.contactinfo h3 {
				margin-bottom: 1em;
			}
			.contactinfo .map {
				
				height: 100%;
				width: 100%;
			}
				.contactinfo .map iframe {
					width: 100%;
					height: 100%;
					border: 1px solid black;
				}