.age-check-dob-overlay { display:none; position:fixed; z-index:999999; top:0; right:0; left:0; bottom:0; width:100%; height:100%; background-color:#fff; position:fixed; background-color:rgba(0,0,0,0.5); cursor:pointer; } .age-check-dob-popup:before { content:''; position:absolute; width:100%; height:12px; background:linear-gradient(135deg, #7fc24c 0%,#04a1bf 100%); top:-12px; left:0; } .age-check-dob-popup::after { content:''; position:absolute; width:100%; height:12px; background:linear-gradient(135deg, #7fc24c 0%,#04a1bf 100%); top:100%; left:0; } .age-check-dob-popup { border-top:linear-gradient(135deg, #7fc24c 0%,#04a1bf 100%); position:fixed; z-index:999999; left:40%; top:38%; margin-top:-200px; margin-left:-225px; width:650px; min-height:375px; text-align:center; padding:30px; background:#fff; box-sizing:border-box; display:flex; flex-flow:column nowrap; align-items:center; align-content:center; justify-content:center; } .age-check-dob-client-img { width:350px; height:350px; } .age-check-dob-popup p { margin:0 0 1.41575em !important; font-size:1em; color:#000; } .age-check-dob-title { margin-top:50px; font-weight:500; } .age-check-dob-btn { background:linear-gradient(135deg, #7fc24c 0%,#04a1bf 100%); font-weight:600; max-width:300px; min-width:100px; border-radius:3px; box-shadow:0 5px 8px 0 rgb(0 0 0 / 10%); padding:10px 16px; text-align:center; font-size:1.2em; margin:0 10px; cursor:pointer; color:#fff; } .age-check-dob-btn:focus { outline:none; } .age-check-dob-btn:hover { background:linear-gradient(135deg, #04a1bf 0%,#7fc24c 100%); margin-top:10px; } .age-gate-remember-me { display:flex; } .age-gate-remember-me-checkbox { margin-right:5px !important; width:14px !important; margin-top:unset !important; } .age-gate-remember-me-checkbox:focus { outline:none; } .waave-compliance-disclaimer-hr { margin:auto; height:2px; } .waave-compliance-disclaimer-content { padding-bottom:5px; } .waave-compliance-mode { padding-top:10px; padding-left:2.5%; padding-right:2.5%; } .age-verification-img { width:255px; margin-left:-9px; } .date-input { display:flex; margin-left:18px; } .date-input-field { width:4.5em; height:2.5em; margin-right:1em; text-align:center; font-size:1em; border:1px solid #ccc; border-radius:0.25em; } .date-input-field:focus { outline:none; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.1); } #agechecker #ac-logo-img { max-width:45% !important; margin:auto; } #agechecker #ac-branding { display:none; } @media only screen and (min-width:540px) and (max-width:768px) { .age-check-dob-popup { width:50%; top:7%; margin-top:unset; margin-left:unset; left:23%; } .age-check-dob-client-img { width:250px; height:250px; } } @media only screen and (min-width:480px) and (max-width:540px) { .age-check-dob-popup { width:70%; top:9%; margin-top:unset; margin-left:unset; left:15%; } .age-check-dob-client-img { width:250px; height:250px; } } @media only screen and (max-width:480px) { .age-check-dob-popup { width:100%; top:0%; margin-top:unset; margin-left:unset; left:0%; } }