/**
 * 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 {
				text-transform: uppercase;
				color: #132a37;
				letter-spacing: 0.07em;
				font-weight: 500;
				display: block;
				margin-bottom: 0.3em;
				font-size: 13px;
			}

			.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: 2em 0;
				padding: 0;
				list-style-type: none;
			}
			.contact-form ul.contact-details a{
				display: flex;
				color: #444;
				font-weight: 700;
				text-decoration: none;
			}
				.contact-form ul.contact-details .label{
					min-width: 70px;
				}

			.contact-form ul.social-media {
				display: flex;
				margin: 0;
				padding: 0;
				list-style: none;
			}

				.contact-form ul.social-media li {
					width: 42px;
					height: 32px;
				}
				.contact-form ul.social-media li a {
					display: block;
					text-indent: -999em;
					width: 100%;
					height: 100%;
					background-repeat: no-repeat;
					background-size: auto 75%;
					background-position: 0 50%;
					-webkit-transition: all .25s;
					-moz-transition: all .25s;
					-ms-transition: all .25s;
					-o-transition: all .25s;
					transition: all .25s;
				}
					.contact-form ul.social-media li.facebook a {
						background-image: url('/wp-content/themes/minisite-theme/images/icons/fb.svg');
					}
					.contact-form ul.social-media li.twitter a {
						background-image: url('/wp-content/themes/minisite-theme/images/icons/tw.svg');
					}
					.contact-form ul.social-media li.instagram a {
						background-image: url('/wp-content/themes/minisite-theme/images/icons/in.svg');
					}
					.contact-form ul.social-media li.youtube a {
						background-image: url('/wp-content/themes/minisite-theme/images/icons/yt.svg');
						background-size: auto 90%;
					}
					.contact-form ul.social-media li.linkedIn a {
						background-image: url('/wp-content/themes/minisite-theme/images/icons/li.svg');
					}

		.contact-form .form-right input {
			margin-bottom: 0
		}


/** 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;
		}

	}