Contact Overlay

/* START - contact overlay theme*/
#modal-global-contact-us {
    div.input-container{
    input.lp-input,textarea{
        text-transform: capitalize;
        &:-webkit-autofill{
            &:focus {
            
            color: #000;
            }
            -webkit-text-fill-color: #000;
        }
        color: #000;
        border-color: #000;
    }
        span.input-icon{
            filter: none;
        }
    }
    .close{
            opacity: 1;
            color:#fff!important;
            @media only screen and (max-width: 1024px){
                    color: #fff!important;
                    top: 1vh;
            }
          @media only screen and (max-width: 820px){
                    color: #fff!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: #fff;
      }
      @media only screen and (max-width: 768px){
          .socials li{
              padding: 8px 5px 8px 5px!important;
          }
          .lp-socials {
              justify-content: center;
                 li{
                       margin-right: 0;
                  }
          }
      }
      .contact-form{
              background-color: #FBF2BD!important;
      }
      .button-holder{
          justify-content: center!important;
      }
      .left .lp-h2{
          text-align: center;
      }
}
/* END - contact overlay theme*/
  
/*START - fix link upon hover */
#modal-global-contact-us .company .lp-a a{
       position: relative!important;
       color:#fff!important;
       transition: 0.4s;
       opacity: 1 !important;
       &:hover{
           color:#fff!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: #fff!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: #fff;
               transition: 0.4s;
           }
           &:hover{
               text-decoration: none!important;
               opacity: 1;
               &:after{
                   width: 100%;
               }
           }
       }
   }
}
/*END*/
/*START Mobile Contact Theming -wb-eliezer */