:root { --accent: #ff320a; } @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 }.lozenge-sml p { background: white !important; width: fit-content; padding: 4px 10px; color: black; border-radius: 20px; font-size: 14px; } .wht-brdr { border: solid white 10px; } .reveal-mask { clip-path: inset(0% 0% 100% 0%); display: block; /* Ensures clipping works correctly on inline elements */ will-change: transform, clip-path; opacity: 0; } .elementor-button { position: relative; display: inline-flex; align-items: center; padding: 26px 46px; background-color: transparent !important; color: var(--text); border: 1px solid black; border-radius: 50px; font-family: "Red Hat Mono", Sans-serif !important; text-decoration: none; font-weight: 500; overflow: hidden; z-index: 1; transition: color 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s ease; width: fit-content; } .elementor-button::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background-color: black; z-index: -1; transition: height 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); } .elementor-button .arrow { margin-left: 12px; transition: transform 0.4s ease; } /* --- HOVER STATES --- */ .elementor-button:hover { color: white; } .elementor-button:hover::before { height: 100%; } .elementor-button:hover .arrow { transform: translateX(5px); } ul.tick-list { list-style: none; /* Removes the default bullet points */ padding-left: 0; /* Resets the padding */ margin: 1em 0; text-align: left; } ul.tick-list li { position: relative; padding-left: 1.5em; /* Creates space for the tick mark */ margin-bottom: 0.5em; /* Spacing between list items */ } ul.tick-list li::before { content: "✓"; position: absolute; left: 0; color: #2ecc71; /* A nice green color */ font-weight: bold; } .plan-features h3 { font-size: 18px; } @media only screen and (min-width: 993px) { .job_listing_packages>.row>div.col-md-4 { max-width: 25% !important; } } .pricing-item.c27-pick-package.cts-pricing-item.featured { opacity: 0.30; pointer-events: none; }