:root { --accent: #6c1cff; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }.header .user-area>a { color: #573b86 !important; opacity: 1 !important; font-weight: 600; } .header .user-area>span { color: #573b86 !important; opacity: 1 !important; font-weight: 600; } .header .user-area>i.user-area-icon { color: #573b86 !important; } /* pop-up css */ /*.modal{ background: rgba(0, 0, 0, 0.7); padding-right: 0px; } .modal .modal-dialog{ height: 100%; padding: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .modal .modal-dialog .modal-content{ width: fit-content; } .modal .modal-dialog .modal-content button.close { position: absolute; right: -15px; top: -15px; background: #ffffff; opacity: 1; border-radius: 50%; width: 40px; height: 40px; font-size: 24px; } .modal-body h1 { font-weight:900; font-size:2.3em; text-transform:uppercase; } .modal-body a.pre-order-btn { color:#000; background-color:gold; border-radius:1em; padding:1em; display: block; margin: 2em auto; width:50%; font-size:1.25em; font-weight:6600; } .modal-body a.pre-order-btn::hover{ background-color:#000; text-decoration:none; color:gold; } */