/* ******************************************************* */
/* Contact Page Content Layout */
/* ******************************************************* */

#page-content-contact {
	grid-template-columns: 2fr 1fr;
}

#google-map {
    grid-column: 1 / 3;
}

#google-map iframe {
    width: 100%;
    height: 45rem;
}

#contact-header {
    margin: 0 0 3rem 0;
    padding: 0;
}

.content-section-icon {
    margin-right: 3rem;
}

div.location {
    margin: 0 0 3rem 0;
    padding: 0;
}

.location h3 {
    margin-bottom: -1.5rem;
}

div.contact {
    padding: 0;
}

.contact h4 {
    margin-bottom: 0;
}



/* ******************************************************* */
/* Contact Form Styling */
/* ******************************************************* */

#form-section {
    border-right: 2px solid #34210C;
}

#contact-form div {
    margin: 0;
    padding: 0;
}

form {    
    width: 90%;
}

input, textarea {
    background-color: #377A2F;
    width: 65%;
    height: 3rem;
    margin-bottom: 1rem;
    padding-left: 1rem;    
    font-family: inherit;
    font-size: inherit;
    color: #FFFFFF;
}

textarea {
    width: 100%;
    height: 20rem;
    padding-top: .5rem;
}

input::placeholder, textarea::placeholder {    
    color: #FFFFFF;
}

#submit-form-row {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

/* ********** style form error messages ********** */

.list-unstyled {
    list-style-type: none;
    margin: 0 0 3rem;
    padding: 0;
    color: red;
}