Lets connect

mail@pastecode.io avatar
unknown
plain_text
a month ago
2.6 kB
2
Indexable
Never
/*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;
    }
}
Leave a Comment