@import url(./variables.css);

body {
    font-family: Arial, Helvetica, sans-serif !important;
}

.clip-text-after-4-lines {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.do-not-validate:valid{
    background-image: none !important;
}

.do-not-validate:invalid{
    background-image: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
}

.main-nav-link:hover{
    color: var(--wp-secondary-color) !important;
}

#main-nav .social-media-link{
    color: white !important
}

.footer-social-media .social-media-link{
    color: black !important
}

.contact-form-input{
    background-color: transparent;
    background: transparent;
    border-bottom: var(--wp-secondary-color) 2px solid;
}
.contact-form-input input{
    border: none !important;
}
.contact-form-input label{
    color: white !important;
}
.contact-form-input label::after{
    background: transparent !important;
}