:root { --accent: #ff830e; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 131, 14, 1), -10px 10px rgba(255, 131, 14, 0.2), -10px -10px rgba(255, 131, 14, 1), 10px -10px rgba(255, 131, 14, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 131, 14, 0.2), -10px -10px rgba(255, 131, 14, 1), 10px -10px rgba(255, 131, 14, 0.2), 10px 10px rgba(255, 131, 14, 1); } 50% { box-shadow: -10px -10px rgba(255, 131, 14, 1), 10px -10px rgba(255, 131, 14, 0.2), 10px 10px rgba(255, 131, 14, 1), -10px 10px rgba(255, 131, 14, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 131, 14, 0.2), 10px 10px rgba(255, 131, 14, 1), -10px 10px rgba(255, 131, 14, 0.2), -10px -10px rgba(255, 131, 14, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f0f0f0 }.sign-in-wrapper { padding: 0; overflow-x: hidden; } .login-container { background: #fff; min-height: calc(100vh - 90px); top: 0; width: 500px; left: 0; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 50px 0; } .login-content { width: 320px; position: relative; } .login-bg-container { position: fixed; width: calc(100% - 500px); background-size: cover; background-repeat: no-repeat; background-position: 50%; top: 0; right: 0; height: 100vh; } .login-tabs { display: -webkit-box; display: flex; flex-wrap: nowrap; } .login-tabs li { opacity: .2; -webkit-transition: .2s ease; transition: .2s ease; padding-right: 10px; } .login-tabs li.active, .login-tabs li:hover { opacity: 1; } .buttons i { float: none; top: 4px; } @media only screen and (max-width: 480px){ .login-container{ width: 100%; } .login-content { width: 300px; } } .lf-head-btn.listing-rating.rating-preview-card { color: yellow; }