?
| Current Path : /home/webyoo/www/backup/allback/partenaires-lonlay/sass/ |
| Current File : /home/webyoo/www/backup/allback/partenaires-lonlay/sass/_14.contact.scss |
.contact {
padding-bottom: 0;
}
.contact-form {
margin-top: 40px;
.form-item,
.form-textarea-wrapper {
margin-bottom: 30px;
}
.form-item {
width: 47.2%;
input {
width: 100%;
}
}
.form-textarea-wrapper {
textarea {
width: 100%;
}
}
}
.address-info {
margin-top: 40px;
padding-left: 50px;
margin-left: 65px;
border-left: 1px solid #6d6d6d;
min-height: 172px;
max-width: 350px;
overflow: hidden;
> div {
position: relative;
margin-top: 18px;
margin-bottom: 18px;
.fa {
font-size: 20px;
color: #303030;
position: absolute;
left: 0; top: 0;
min-width: 20px;
text-align: center;
}
span, a {
display: block;
margin-left: 40px;
font-size: 14px;
color: #666;
line-height: 1.6em;
letter-spacing: 0.01em;
}
a:hover {
color: $color;
}
}
}
#map {
height: 400px;
margin-top: 88px;
img {
max-width: none;
}
}
.bg-parallax, .bg-static {
~ .container {
.address-info {
border-left: 1px solid #fff;
> div {
* {
color: #fff;
}
.fa {
color: $color;
}
}
}
input[type="search"],
input[type="text"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="file"],
textarea {
border: 1px solid #fff;
color: #fff;
}
input::-webkit-input-placeholder {
color: #fff;
}
input:-moz-placeholder {
color: #fff;
}
input::-moz-placeholder {
color: #fff;
}
input:-ms-input-placeholder {
color: #fff;
}
textarea::-webkit-input-placeholder {
color: #fff;
}
textarea:-moz-placeholder {
color: #fff;
}
textarea::-moz-placeholder {
color: #fff;
}
textarea:-ms-input-placeholder {
color: #fff;
}
}
}
.bg-color {
~ .container {
.address-info {
border-left: 1px solid #141414;
> div {
* {
color: #141414;
}
}
}
input[type="search"],
input[type="text"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="file"],
textarea {
border: 1px solid #141414;
color: #141414;
}
input::-webkit-input-placeholder {
color: #141414;
}
input:-moz-placeholder {
color: #141414;
}
input::-moz-placeholder {
color: #141414;
}
input:-ms-input-placeholder {
color: #141414;
}
textarea::-webkit-input-placeholder {
color: #141414;
}
textarea:-moz-placeholder {
color: #141414;
}
textarea::-moz-placeholder {
color: #141414;
}
textarea:-ms-input-placeholder {
color: #141414;
}
}
}