Lets connect
unknown
plain_text
a year ago
2.6 kB
14
Indexable
/*fix width image and dropdown menu*/
div.custom-form{
.uf-cus-sel-item:hover{
background-color: #000;
color: #fff;
}
.custom-form__img-block {
background: transparent center/cover no-repeat;
}
.custom-form__header{
max-width: 850px;
}
.custom-form__img-block img{
object-fit: contain;
}
}
/*end*/
div.custom-form__form-col{
.lp-label{
text-transform: capitalize;
color: #000;
}
.lp-input{
border-color: #000;
}
.lp-disclaimer a{
text-decoration: none!important;
font-weight: 400;
position: relative!important;
color:#000!important;
transition: 0.4s;
&:hover{
color:#000!important;
}
&:before, &:after{
transition: 0.4s;
text-decoration: none!important;
line-height: 1;
content: "";
height: 1px;
position: absolute!important;
bottom: 0;
left: 0;
}
&:before {
width: 100%!important;
background-color: #ccc!important;
}
&:after{
width: 0%!important;
background-color: #7C7A61!important;
}
&:hover:after{
width: 100%!important;
}
}
}
@media only screen and (max-width:1024px){
div.elem-row{
flex-direction: column;
}
div.custom-form__img-col{
margin: auto;
margin-bottom: 30px;
}
div.custom-form__footer{
justify-content: center;
}
div.custom-form .custom-form__img-block img {
object-fit: cover;
}
}
@media only screen and (max-width:820px){
div.elem-row{
flex-direction: column;
}
div.custom-form__img-col{
margin: auto;
margin-bottom: 30px;
}
div.custom-form__footer{
justify-content: center;
}
div.custom-form .custom-form__img-block img {
object-fit: cover;
}
}
@media only screen and (max-width:768px){
div.elem-row{
flex-direction: column;
}
div.custom-form__img-col{
margin: auto;
margin-bottom: 30px;
}
div.custom-form__footer{
justify-content: center;
}
div.custom-form .custom-form__img-block img {
object-fit: cover;
}
}
@media only screen and (max-width:767px){
div.custom-form .custom-form__img-block img {
object-fit: cover;
}
}Editor is loading...
Leave a Comment