@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); @keyframes pke_fadein { 15% { filter: opacity(0) } 100% { filter: opacity(1) } } html { overflow-x: hidden } body { animation: 1.5s ease-out pke_fadein; align-items: center; background-repeat: no-repeat; display: flex; flex-direction: column; font-family: Inter, sans-serif; justify-content: center; padding: 30px 0; overflow-x: hidden; height: 100%; background-color: #012b45; min-height: 100%; box-sizing: border-box; filter: brightness(1); font-size: 12px; line-height: 1.8 } p { line-height: 1.8 } #login { padding: 1.5rem 1rem; min-width: 330px; display: flex; margin: auto; height: fit-content; flex-direction: column; justify-content: center; backdrop-filter: blur(40px); border-radius: 1.5rem; background: rgb(0 0 0 / 26%); box-shadow: 0 24px 60px rgba(0, 0, 0, .3); z-index: 99; max-width: 330px; border: 1px solid } .login form { margin: 0; padding: 1.2rem 0 0; overflow: hidden; background: 0 0; border: none; box-shadow: none } video#HTvideo { position: absolute; object-fit: cover; top: 0; left: 0; z-index: -2; height: 100%; width: 100% } .videoContainer video { width: 100%; height: auto; max-width: 100%; max-height: 100% } .video-overlay { background: rgb(0 0 0 / 20%); height: 100%; left: 0; mix-blend-mode: darken; position: absolute; top: 0; width: 100%; z-index: 1; backdrop-filter: blur(0px) } #login h1 a { background-image: url(//hitelter.site/images/hitelter_header_logo_250506.svg); background-size: contain; filter: drop-shadow(0 12px 12px rgba(0, 0, 0, .4)); height: 56px !important; width: auto !important; margin: 0.7rem 0 1.5rem; } .login label { color: rgb(255 255 255 / 70%); display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 0.3px; line-height: 1; margin-bottom: 12px; text-align: center; text-transform: none; width: 100%; } #login form .user-pass-wrap, #login form p { padding: 0; margin-bottom: 1.2rem !important } .login .button-primary { background: linear-gradient(-64deg, #f44336 0, #ff9800 100%) !important } .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1 } button.register_btn { background: linear-gradient(147deg, hsl(207 90% 44% / 1), hsl(230.85deg 91.86% 28.6%)) } .button-primary, .register_btn { position: relative; margin: 1rem auto !important; float: none !important; display: block !important; border-radius: 40px !important; color: #fff !important; font-weight: 600; padding: 0 35px !important; text-transform: uppercase; transition: .3s; font-size: 12px !important; letter-spacing: 1px !important; cursor: pointer !important; height: 34px !important; line-height: 1 !important; min-height: 34px !important; border: 0 !important; } .login #nav { margin: 0; display: flex; padding: 0; flex-direction: column } .login #nav a { text-decoration: none; color: rgb(255 255 255 / 60%); display: inline-block; text-transform: uppercase; font-size: 11px; transition: .4s; position: relative; width: fit-content; text-align: center; padding: 3px 27px; letter-spacing: 1.2px; font-weight: 600; border: 1px solid; border-radius: 30px; margin: 1rem auto 1.5rem; } a:focus { color: #fff !important; box-shadow: none; outline: 0 !important } .login .button.wp-hide-pw:focus { background: 0 0; border: none !important; box-shadow: none !important; outline: 0 !important } .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover { color: #fff } a.wp-login-lost-password { position: relative; width: 100%; text-align: center; padding-bottom: 2rem } .dropdown_container { flex-direction: column; margin: 0 auto 2px auto; padding: 0; background-color: #ffffff21; border-radius: 20px; border: none; gap: 16px; width: fit-content; height: 0 !important; display: flex; overflow: hidden; transition: 0.3s all } .dropdown_container.show { flex-direction: column; margin: -32px auto 2px auto; padding: 40px 20px 20px; background-color: #ffffff21; border-radius: 20px; border: 1px solid #ffffff1c; gap: 16px; width: fit-content; display: flex; height: fit-content !important; } button.register_btn_outline { text-decoration: none; color: rgb(7 39 150); display: inline-block; text-transform: uppercase; font-size: 12px; transition: .4s; position: relative; width: fit-content; text-align: center; padding: 6px 32px; letter-spacing: 1.2px; font-weight: 600; border: 1px solid rgb(7 39 150); border-radius: 30px; background: rgb(255 255 255 / 50%); height: 34px; margin: 0 auto; cursor: pointer; } button.register_btn_outline:hover { box-shadow: 0 13px 30px #00000026; filter: none; transform: none; border: 1px solid rgb(0 40 128) !important; background-color: #ffffffdb; } .footer_holder a { color: #ffffffbd; text-decoration: none } .footer_holder a:active, .footer_holder a:hover { color: #fff; text-decoration: none } .footer_holder { display: flex; flex-wrap: wrap; z-index: 99; gap: 1rem; text-align: center; align-items: center; justify-content: center; flex-direction: column } h2.register { text-align: center; margin: 1.5rem 0 0; color: #2196f3; text-transform: uppercase; font-size: 12px; letter-spacing: 1.2px; line-height: 1 } .button-primary:focus, .button-primary:hover, button:focus, button:focus-visible, button:hover, button.register_btn:focus, button.register_btn:focus-visible, button.register_btn:hover { box-shadow: 0 13px 30px #000000c7 !important; filter: hue-rotate(-35deg) brightness(1) contrast(1.2) saturate(1.2);      border: none !important; } .wp-core-ui .button, .wp-core-ui .button-secondary { color: #fff; border-color: transparent; background: 0 0; vertical-align: top } #forgetmenot, .login #backtoblog a, .notice.notice-info.message, .rememberme { display: none !important } .login .button.wp-hide-pw { top: 2px; opacity: .7 !important } .login .button.wp-hide-pw:focus, .login .button.wp-hide-pw:hover { color: #fff; transform: none } .login .button.wp-hide-pw .dashicons { width: 1.25rem; height: auto; top: 0; font-size: 17px !important } .grecaptcha-badge { opacity: 0 !important } span.sep { color: #ffffff85; margin: 0 1rem !important } .login #backtoblog { display: none } form#lostpasswordform + p#nav a { padding: 5px 0 10px } form#lostpasswordform + p#nav button, form#lostpasswordform + p#nav h2 { display: none } .login form .input, .login form input[type=checkbox], .login input[type=text], input[type=password], input[type=text], input[type=text]:focus, input[type=password]:focus, input[type=password]:hover, input[type=text]:focus, input[type=text]:hover, input[type=password]:-webkit-autofill, input[type=password]:-webkit-autofill:active, input[type=password]:-webkit-autofill:focus, input[type=password]:-webkit-autofill:hover, input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill:active, input[type=text]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:hover { text-align: center; margin: 0 !important; outline: 0; -webkit-background-clip: text; -webkit-text-fill-color: #ffffff !important; transition: none;      color: #fff !important; font-family: Inter; padding: 8px 0 !important; border-radius: 20px; border-bottom: 1px solid transparent; font-size: 17px !important; font-weight: 300; min-height: 34px !important; max-height: 34px !important; background: transparent !important; box-shadow: inset 0 0 20px 20px #442757 !important; border: 1px solid #5d3d72 !important; } input#wp-submit { margin: 2rem auto 1.5rem !important; } @media screen and (max-width:782px) { video#HTvideo { display: none } .videoContainer { background: url(//hitelter.click/images/ht3_grad_bg.png) center/cover; height: 100%; width: 100%; position: absolute } .footer_holder { max-width: 370px } .footer_holder p { display: flex; flex-direction: column } span.sep { display: none } }