: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 }/* ===== PRICING STYLING ===== */ /* prijs layout */ .price { display: flex; align-items: baseline; gap: 6px; margin-bottom: 15px; } /* prijs groot en dominant */ .woocommerce-Price-amount { font-size: 42px !important; font-weight: 700; } /* per maand / jaar subtiel */ .sumosubs_plan_message { font-size: 11px !important; opacity: 0.6; margin-left: 4px; } /* hover effect cards */ .elementor-column { transition: all 0.3s ease; } .elementor-column:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); } /* middle plan highlight (2e kolom) */ .pricing-cards .elementor-column:nth-child(2) { transform: scale(1.03); box-shadow: 0 15px 35px rgba(0,0,0,0.1); } /* bullet list netjes */ .pricing-cards ul { list-style: none; padding-left: 0; } .pricing-cards ul li { display: flex; gap: 10px; margin-bottom: 10px; text-align: left; }