Global - Contact Form
Fix input fields and linksBnnthpnzln
css
19 days ago
4.1 kB
2
Indexable
Never
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*/
Leave a Comment