/* ----- FORM Syling ----- */

/* Define the form frame */
.frm__frame {
	background-color: #fcfcfc;
	border-color: none; /* This should be changed. Based on the site's overall color see here: https://drive.google.com/open?id=0B2MfNegiYrF_bXgza1RaNG1sdXM */
	border-style: solid;
	border-width: 1px;
	border-radius: .5rem;
    max-width: 500px;
    margin: 0 auto;
}

/* defind form title styling, including the box it's in */
.frm__title {
	color:white;
	background-color: transparent; /* This should be changed. Based on the site's overall color see here: https://drive.google.com/open?id=0B2MfNegiYrF_bXgza1RaNG1sdXM */
	font-size:1.5rem;
	border-radius:.2em .2em 0 0;
	padding:.7rem .5rem .7rem .5rem;
}

.frm__text--medium {
	margin:1rem 1rem 0 1rem;
	font-size:.9rem;
}

.frm__text--small {
	color:gray;
	margin:1rem 1rem 0 1rem;
	font-size:.4rem;
}

/* Set the form frame colors */
.frm__body {
	font-size:.5rem;
	padding:1em;
}

/* form label styling can be set here */
.frm__body label {
	color:gray;
	padding:0 0 0 .3rem;
}

/* Set the form element styleing here */
.frm__body
    input[type="text"],
    input[type="email"],
    input[type="tel"] {
	width: 100%;
}

/*  put anything in the footer, like the submit button, to apply different formatting. */
.frm__footer {
	text-align:center;
	padding:0 0 .7rem 0;
}