Global - Contact Form
Fix input fields and linksBnnthpnzln
css
a year ago
4.1 kB
18
Indexable
Emily Kroll
/*START - GLOBAL CONTACT FORM*/
/* START - contact overlay theme*/
#modal-global-contact-us {
div.input-container{
input.lp-input,textarea{
&:-webkit-autofill{
&:focus {
color: #000;
}
-webkit-text-fill-color: #000;
}
color: #000;
border-color: #000;
}
span.input-icon{
filter: none;
}
}
.close{
opacity: 1;
color:#000!important;
@media only screen and (max-width: 1024px){
color: #000!important;
top: 1vh;
}
@media only screen and (max-width: 820px){
color: #000!important;
top: 1vh;
}
@media only screen and (max-width: 768px){
color: #000!important;
top: 1vh;
}
}
.lp-close-icon{
filter: none!important;
@media only screen and (max-width: 1024px){
filter: none!important;
}
@media only screen and (max-width: 768px){
filter: none!important;
}
}
p{
color: #000;
}
@media only screen and (max-width: 768px){
.socials li{
padding: 8px 3px 8px 3px!important;
}
.lp-socials {
justify-content: center;
}
}
.contact-form{
background-color: #fff!important;
}
.button-holder{
justify-content: center!important;
}
}
/* END - contact overlay theme*/
/*START - fix link upon hover */
#modal-global-contact-us .company .lp-a a{
position: relative!important;
color:#000!important;
transition: 0.4s;
opacity: 1 !important;
&: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: #000!important;
}
&:hover:after{
width: 100%!important;
}
}
/*END*/
/*START - Privacy Policy link hover contact disclaimer*/
.contact-form{
.lp-disclaimer{
a{
text-decoration: none!important;
position: relative;
display: inline-block;
vertical-align: top;
&:after, &:before{
content: "";
height: 1px;
position: absolute;
bottom: 0;
left: 0;
box-sizing: border-box;
outline: none;
transition: 0.4s;
}
&:before{
background-color: #ccc;
width: 100%;
}
&:after{
width: 0%;
background-color: #000;
transition: 0.4s;
}
&:hover{
text-decoration: none!important;
opacity: 1;
&:after{
width: 100%;
}
}
}
}
}
/*END*/
/*START Mobile Contact Theming */
div#global-mobile-contact .buttons-holder {
a,
button {
background: #fff;
border: 1px solid #000;
}
/* Update Email and phone icon*/
a svg path{
fill: #000;
}
/* Update search button icon theme*/
button i {
color: #000;
}
}
/*END Mobile Contact Theming - */
#modal-global-contact-us{
.contact-form__details{
h5{
color: #000;
}
}
.company{
border-color: #000!important;
}
.contact-form__close.close{
color: #000!important;
opacity: 1;
}
.input-icon{
filter: invert(1)!important;
}
}
/*END - GLOBAL CONTACT FORM*/Editor is loading...
Leave a Comment