/**
 * Contact Form specific styles
 * 
 */

/** General */
	.contact-form .container {
		max-width: 1100px;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

		.contact-form .container > div {
			flex: 0 50%;
			padding: 0 3em;
		}

			.contact-form label {
				color: #222222;
				letter-spacing: 0.07em;
				font-weight: 500;
				display: block;
				margin-bottom: 0.3em;
				font-size: 14px;
			}

			.contact-form input:not([type="submit"]), 
			.contact-form textarea {
				box-shadow: none;
				border: 1px solid #f5f1ed;
				background-color: #fff;
				font-size: 16px;
				padding: 0.6em 1.2em;
				margin-bottom: 1.3em;
				font-family: futura-pt, sans-serif;
				font-weight: 400;
				width: 100%;
			}

			.contact-form .button {
				border-color: #ece8e5;
				padding: 1.2em 2em;
			}

			.contact-form ul {
				margin: 2.5em 0 0;
				padding: 0;
				list-style-type: none;
			}

				.contact-form ul li {
					margin-bottom: 1.2em;
					padding-left: 40px;
				}
				.contact-form ul li.tel {
					background: url('/images/icons/phone.svg') no-repeat;
					background-size: auto 75%;
					background-position: 0 50%;
				}
				.contact-form ul li.email {
					background: url('/images/icons/email.svg') no-repeat;
					background-size: auto 75%;
					background-position: 0 50%;
				}
				.contact-form ul li.facebook {
					background: url('/images/icons/fb.svg') no-repeat;
					background-size: auto 75%;
					background-position: 0 50%;
				}
				.contact-form ul li.twitter {
					background: url('/images/icons/twit.svg') no-repeat;
					background-size: auto 75%;
					background-position: 0 50%;
				}
				.contact-form ul li.instagram {
					background: url('/images/icons/in.svg') no-repeat;
					background-size: auto 75%;
					background-position: 0 50%;
				}
				.contact-form ul li.pinterst {
					background: url('/images/icons/pin.svg') no-repeat;
					background-size: auto 75%;
					background-position: 0 50%;
				}
				.contact-form ul li.youtube {
					background: url('/images/icons/yt.svg') no-repeat;
					background-size: auto 75%;
					background-position: 0 50%;
				}
				.contact-form ul li.linkedIn {
					background: url('/images/icons/li.svg') no-repeat;
					background-size: auto 75%;
					background-position: 0 50%;
				}
					
					.contact-form ul li a {
						text-decoration: none;
						color: #222222;
						font-weight: 500;
						font-size: 18px;
						-webkit-transition: all .5s;
						   -moz-transition: all .5s;
						    -ms-transition: all .5s;
						     -o-transition: all .5s;
						        transition: all .5s;
					}
					.contact-form ul li a:hover {
						color: #222;
					}

		.contact-form .form-right input {
			margin-bottom: 0;
		}
		.contact-form .form-right input.wpcf7-submit{
			border: none;
			background-color: transparent;
			border-bottom: 5px solid #f7f6f5;
			transition: all 0.3s;
		}
		.contact-form .form-right input.wpcf7-submit:hover{
			border-color: #222222;
		}

/** Responsive */
	@media screen and (max-width: 1024px) { 

		.contact-form .container > div {
			flex: 0 100%;
			padding: 0;
		}

		.contact-form .container .form-left {
			margin: 0 0 2em;
		}

	}