@import "../mixins";
@import "../variables";

/* contact section / .section-contact */
.section-contact{
	.content{
		// contact description
		.item-desc{
			a{
				color: $color2;
				&:hover{
					color: $white;
				}
			}
		}
		// form
		.c-form{
			width: 100%;
			.c-content{
				padding: 32px 0;
			}
			.form{
				.form-header{
					@include clearfix;
					h3{
						float: left;
						width: 70%;
						padding-top: 8px;
						position: relative;
						text-align: left;
						//color: $white;
						margin-bottom: 16px;
					}
					.btns{
						width: 30%;
						float: right;
						margin-top: 12px;
					}
					button{
						float: right;
					}
				}
				.fields{
					position: relative;
					label{
						position: absolute;
						top: 5px;
						left:8px;
						width: 64px;
						//font-family: $sans;
						font-size: $text-size;
						display: block;
						float: left;
						color: $white;
					}
					label.error{
						position: absolute;
						font-family: $sans;
						color: $white;
						font-size: 12px;
						top: auto;
						bottom: 8px;
						right: 0;
						text-align: right;
						padding-right: 8px;
						width: auto;
					}
					input{
						float: right;
						padding-left: 64px;
						//font-family: $sans;
						font-size: $text-size;
						border: none;
						
						border-bottom: 2px solid $white;
						box-shadow: none;
						margin-bottom: 0;
						
						color: $white;
						background: transparentize($white, 0.9);
					}
					.input.name{
						input{
							border-bottom-right-radius: 0px;
							border-bottom-left-radius: 0px;
						}
					}
					.input.bottom{
						input{
							border-bottom: none;
						}
					}
					textarea{
						margin-top: 40px;
						font-size: $text-size;
						font-family: $sans;
						color: $color1;
//						border: 1px solid $color1;
						border: none;
						background: #eaeaea;
						box-shadow: none;
						margin-bottom: 0;
						height: 100px;
						max-height: 150px;
						color: $white;
						background: transparentize($white, 0.9);
					}
					p{
						font-family: $sans;
						font-size: 14px;
						color: $white;
						position: absolute;
						left: 0;
						bottom: -22px;
						margin: 0;
					}
				}
			}
		
			.form{
				position: relative;
				z-index: 1;
			}
			// map
			.c-map{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 0;
				iframe{
					width: 100%;
					height: 100%;
				}
				&:after{
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					content: "";
				}
			}
		}
	
	}
	
}
