File: /home/hanode/public_html/wp-content/themes/kingstore/assets/less/app/_contact_us.less
.wpb_gmaps_widget .wpb_wrapper{
padding: 0;
}
.contact-left{
h3{
font-size: 16px; color: @body-color; text-transform: uppercase; font-weight: 700; margin-bottom: 25px;
padding-bottom: 10px; position: relative;
&:before{
content: ""; position: absolute; bottom: -1px; left: 0; width: 80px; height: 1px; background: @color;
}
}
p{
line-height: 21px; border-bottom: 1px @border-color solid; padding-bottom: 20px; margin-bottom: 15px;
}
ul{
margin: 0;
li{
position: relative; list-style: none; padding: 10px 0 10px 30px !important; border-bottom: 1px @border-color solid;
.rtl &{
padding: 10px 30px 10px 0 !important;
}
&:first-child{
&:before{
content: "\f041"; font-family: fontawesome; position: absolute;top: 13px; left: 0; font-size: 20px;
.rtl &{
left: auto; right: 0;
}
}
}
&:nth-child(2){
&:before{
content: "\f0e0"; font-family: fontawesome; position: absolute;top: 12px; left: 0;
.rtl &{
left: auto; right: 0;
}
}
}
&:last-child{
border-bottom: none;
&:before{
content: "\f095"; font-family: fontawesome; position: absolute;top: 10px; left: 0; font-size: 17px;
.rtl &{
left: auto; right: 0;
}
}
}
}
}
}
.contact-right{
h3{
font-size: 18px; color: @body-color; font-weight: 700; margin-bottom: 20px; padding-bottom: 10px;
}
.wpcf7{
.cf-name, .cf-mail, .cf-sub, .cf-phone{
width: 49%; float: left; margin-bottom: 20px; overflow: hidden;
.rtl &{
float: right;
}
input{
width: 100%; border-radius: 0; background:#efefef;
.rtl &{
text-align: right;
}
}
input::-webkit-input-placeholder {
color: #555;
}
input::-moz-placeholder {
color: #555;
}
input:-ms-input-placeholder {
color: #555;
}
.wpcf7-form-control-wrap{
input{
padding: 10px 20px;
}
}
}
.cf-name, .cf-mail{
margin-right: 2%;
.rtl &{
margin-right: 0; margin-left: 2%;
}
}
.your-message{
textarea{
font-size:14px; background:#efefef;
.rtl &{
text-align: right;
}
}
textarea::-webkit-input-placeholder {
color: #555;
}
textarea::-moz-placeholder {
color: #555;
}
textarea:-ms-input-placeholder{
color: #555;
}
}
.wpcf7-submit{
padding: 0 15px; border-radius: 4px; background: @a-color; .transition(all 0.3s); border: none; font-weight: bold;
&:hover{
background: @body-color; .transition(all 0.3s); border: none;
}
}
.ajax-loader{
margin-top: 23px;
.rtl &{
margin-bottom: 20px;
}
}
}
}
.contact_us{
.social-share{
.title-share{
display: none;
}
.wrap-content{
a {
display: inline-block;
vertical-align: top;
padding: 0;
margin:0 4px;
text-align:center;
border-radius:50%;
height:33px;
width:33px;
color: #fff;
background-color:@color;
font-size: 16px;
.transition(all .3s);
background:#3b5988;
&:hover {
background: @a-color;
}
i{
line-height:35px;
}
&:nth-child(2){
background: #00aced;
&:hover {
background: @a-color;
}
}
&:nth-child(3){
background: #ff1d1e;
&:hover {
background: @a-color;
}
}
i{
line-height:33px;
}
}
}
}
ul{
list-style: none; margin: 0 0 20px 0;
li{
font-size: 14px;list-style: none; line-height: 20px; padding: 4px 0 4px 25px; overflow: hidden; position: relative;
&:before{
content: "\f015"; font-family: fontawesome; position: absolute; left: 0; top: 3px; color: #666;
width: 14px; text-align: center;
}
label{
color: #222; min-width: 55px; font-weight: normal;
}
span{
color: @a-color;
}
a{
color: #666; .transition(all 0.3s);
&:hover{
color: @a-color; .transition(all 0.3s);
}
}
&.mail:before{
content: "\f003";
}
&.phone:before{
content: "\f095";
}
}
}
}
.wpcf7{
.wp-input {
margin: 0 -15px;
.wpcf7-form-control-wrap{
width:33.333%;
float: left;
padding: 0 15px;
input{
width:100%;
.border-radius(0);
}
input::-webkit-input-placeholder {
color: #555;
}
input::-moz-placeholder {
color: #555;
}
input:-ms-input-placeholder {
color: #555;
}
.wpcf7-text{
height:40px;
border:1px solid @border-color;
font-size:13px;
color:#555;
padding:10px 20px;
margin-bottom:20px;
}
}
}
textarea{
padding:10px 20px;
height:40px;
border:1px solid @border-color;
font-size:13px;
width:100%;
min-height:150px;
.border-radius(0);
}
textarea::-webkit-input-placeholder {
color: #555;
}
textarea::-moz-placeholder {
color: #555;
}
textarea:-ms-input-placeholder {
color: #555;
}
&.your-message{
float:none;
clear:both;
}
.wpcf7-submit{
margin-top:10px;
color:#fff; line-height: 40px;
font-size:15px;
border:0;
background-color:@body-color;
padding:0 30px;
.border-radius( 42px);
.rtl &{
float: right;
}
&:hover{
background-color:@color;
}
}
}