html, body { overflow-x: hidden; } .post-password-required { width: 100%!important; max-width: 800px !important; padding: 42px 30px; background: linear-gradient(to bottom, #09422e, #0F917B); border-radius: 12px; border: 1px solid #0da16d; max-height: max-content; min-height: auto; } body.page-id-134 { align-items: center; justify-content: center; } .post-password-required h1 { font-size: 3rem; margin-bottom: 24px; } .post-password-required p:empty { display: none !important; } .post-password-required p { margin-bottom: 40px; align-items: center; } .post-password-required label { font-size: 14px; font-weight: 600; color: #f4f1e8; line-height: 1; margin-bottom: 14px; } .post-password-required input:not([type="submit"]) { width: 100%; height: 48px; margin-top: 10px; padding: 0 16px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.06); background: linear-gradient( 90deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.05) 100% ); font-size: 16px; font-weight: 500; color: #fff; transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; } .post-password-required input[type="submit"] { display: inline-flex; align-items: center; gap: 10px; width: fit-content; height: 42px; padding: 0 18px; border: none; border-radius: 999px; background: #0dbb84; font-size: 15px; font-weight: 600; color: #fff; cursor: pointer; transition: transform .2s ease, opacity .2s ease; } header.scrolling { top: 0 !important; } @media screen and (max-width: 1024px) { .post-password-required { width: calc(100% - 60px) !important; } } @media screen and (max-width: 767px) { .post-password-required { width: calc(100% - 40px) !important; } }