.wcac-login-wrapper {
max-width: 900px;
margin: 120px auto !important;
text-align: center;
padding: 40px;
background: #000000a6;
border-radius: 8px;
}
.wcac-login-title {
color: #fff;
font-size: 26px;
margin-bottom: 20px;
} .u-column2.col-2 {
display: none !important;
} body div[style*="max-width:900px"] {
margin-top: 250px !important
}
div#customer_login {
display: flex !important;
column-gap: 4rem !important;
background: #0000009c !important;
border: 1px solid !important;
border-color: #ffffff00 !important;
border-radius: 2px !important;
padding: 35px !important;
font-family: "Myriad Pro" !important;
}
#customer_login h2 {
font-size: 19px;
}
#customer_login p {
margin-bottom: 4px;
}
#customer_login label {
color: #fff;
margin-top: 14px;
}
#customer_login .u-column1.col-1{
width: 100% !important;
color: #fff !important;
}
.woocommerce-privacy-policy-text p {
color: #ffffff73 !important;
margin-bottom: 20px !important;
}
#customer_login button {
border: 1px solid #000000 !important;
line-height: 20px !important;
background: #9d8859 !important;
font-size: 1.2em !important;
min-width: 200px;
}
#customer_login input {
padding: 4px 14px !important;
background: #232323 !important;
color: #ffffff !important;
font-family: Montserrat, Helvetica, Arial, sans-serif !important;
border: 1px solid #444444 !important;
}
#customer_login button:hover {
background-color: #807551;
color: #fff;
border: 1px solid #807551;
} .password-input {
position: relative;
display: block;
} #customer_login .show-password-input {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
background: none;
border: none;
cursor: pointer;
padding: 0;
line-height: 1;
color: #777;
background: transparent !important;
transition: color 0.2s ease;
border: none !important;
} .show-password-input::before {
content: '';
display: inline-block;
width: 100%;
height: 100%;
mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="black" viewBox="0 0 24 24"><path d="M12 5c-7.633 0-12 7-12 7s4.367 7 12 7 12-7 12-7-4.367-7-12-7zm0 12a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z"/></svg>') no-repeat center / contain;
background-color: currentColor;
} .show-password-input.active::before {
mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="black" viewBox="0 0 24 24"><path d="M1 1l22 22-1.414 1.414L17.5 20.5A11.935 11.935 0 0112 22c-7.633 0-12-7-12-7a22.527 22.527 0 013.595-4.396L.586 2.414 1 1zm5.322 6.736A10.041 10.041 0 001.666 12S6 19 12 19a10.027 10.027 0 004.292-.928l-2.011-2.011A4.978 4.978 0 0112 17a5 5 0 01-5-5c0-.853.224-1.654.615-2.349l-1.293-1.915zm5.656-4.745C12.438 2.982 12.22 3 12 3c6 0 10.334 7 10.334 7a21.64 21.64 0 01-2.518 2.925l-1.453-1.453A9.899 9.899 0 0022.334 12S18 5 12 5c-.693 0-1.366.082-2.01.236l-1.012-1.245z"/></svg>') no-repeat center / contain;
background-color: currentColor;
} .show-password-input:hover {
color: #a00;
} @keyframes fadeInScale {
0% { transform: scale(0.95); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}
.wcac-login-video video{
width: 100%; 
height: 500px;
}
.wcac-login-text{
font-family: "Myriad Pro";
} @media (max-width: 478px) {
.wcac-login-wrapper {
padding: 10px;
margin: 75px auto !important;
}
.wcac-login-video video{
width: 100%; 
height: 210px;
}
.wcac-login-text{
max-height:unset !important;
overflow: unset !important;
}
div#customer_login {
padding: 0px !important;
}
}