:root { --accent: #0a63cb; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(10, 99, 203, 1), -10px 10px rgba(10, 99, 203, 0.2), -10px -10px rgba(10, 99, 203, 1), 10px -10px rgba(10, 99, 203, 0.2); } 25% { box-shadow: -10px 10px rgba(10, 99, 203, 0.2), -10px -10px rgba(10, 99, 203, 1), 10px -10px rgba(10, 99, 203, 0.2), 10px 10px rgba(10, 99, 203, 1); } 50% { box-shadow: -10px -10px rgba(10, 99, 203, 1), 10px -10px rgba(10, 99, 203, 0.2), 10px 10px rgba(10, 99, 203, 1), -10px 10px rgba(10, 99, 203, 0.2); } 75% { box-shadow: 10px -10px rgba(10, 99, 203, 0.2), 10px 10px rgba(10, 99, 203, 1), -10px 10px rgba(10, 99, 203, 0.2), -10px -10px rgba(10, 99, 203, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }/* ========================================================= OPEN MARKET — Global Brand System (Safe Defaults) Palette: - Brand: #0A63CB - Text: #2F3A45 - Line: #E6E9ED - Soft BG:#F4F6F8 ========================================================= */ /* 1) Variables */ :root{ --om-brand: #0A63CB; --om-text: #2F3A45; --om-line: #E6E9ED; --om-bg: #FFFFFF; --om-soft: #F4F6F8; } /* 2) Base text + page background */ html, body{ color: var(--om-text); background: var(--om-bg); } /* 3) Links (keep clean, not loud) */ a{ color: var(--om-brand); text-decoration: none; } a:hover, a:focus{ text-decoration: underline; } a:focus{ outline: 2px solid rgba(10, 99, 203, 0.35); outline-offset: 2px; } /* 4) Global borders / dividers */ hr, .om-divider, .elementor-divider-separator{ border-color: var(--om-line) !important; } /* 5) Buttons (primary + secondary) */ button, input[type="button"], input[type="submit"], a.button, .elementor-button{ border-radius: 10px; /* modern but not “app-y” */ box-shadow: none !important; /* kill cheap “SaaS glow” */ } /* Primary button look */ .elementor-button, button[type="submit"], input[type="submit"], a.button{ background: var(--om-brand); border: 1px solid var(--om-brand); color: #fff; } .elementor-button:hover, button[type="submit"]:hover, input[type="submit"]:hover, a.button:hover{ filter: brightness(0.95); } /* Secondary buttons (common theme classes) */ .button.secondary, a.button.secondary, .elementor-button.elementor-button--secondary{ background: #fff !important; border: 1px solid var(--om-line) !important; color: var(--om-text) !important; } .button.secondary:hover, a.button.secondary:hover, .elementor-button.elementor-button--secondary:hover{ background: var(--om-soft) !important; } /* Disabled */ button:disabled, input:disabled, .elementor-button[disabled]{ opacity: 0.6; cursor: not-allowed; } /* 6) Inputs / search fields */ input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"], select, textarea{ border: 1px solid var(--om-line); border-radius: 10px; box-shadow: none !important; color: var(--om-text); } input:focus, select:focus, textarea:focus{ border-color: rgba(10, 99, 203, 0.55); outline: 2px solid rgba(10, 99, 203, 0.20); outline-offset: 1px; } /* 7) Header normalization (generic) */ header, .site-header, #header, .c27-header{ background: #fff !important; color: var(--om-text) !important; border-bottom: 1px solid var(--om-line) !important; } /* Sticky header should NOT change tone */ header.is-sticky, .site-header.is-sticky, .c27-header.is-sticky{ background: #fff !important; border-bottom: 1px solid var(--om-line) !important; } /* 8) Footer normalization (generic) */ footer, .site-footer, #footer, .c27-footer{ background: var(--om-soft) !important; color: var(--om-text) !important; border-top: 1px solid var(--om-line) !important; } footer a, .site-footer a, #footer a, .c27-footer a{ color: var(--om-brand) !important; } /* 9) “Back to top” button (keep subtle) */ .back-to-top, #back-to-top{ background: #fff !important; border: 1px solid var(--om-line) !important; color: var(--om-text) !important; box-shadow: none !important; } /* 10) Cover / listing overlays (common MyListing/C27 patterns) */ .c27-cover, .listing-cover, .profile-cover{ background-color: #fff; } .c27-cover:before, .listing-cover:before, .profile-cover:before{ background: var(--om-text) !important; opacity: 0.4 !important; } /* Listing preview overlays (cards/tiles) */ .listing-preview:before, .c27-listing-preview:before, .lf-item-container:before{ background: var(--om-text) !important; opacity: 0.4 !important; } /* 11) Kill gimmicky shadows globally (optional but safe) */ .elementor-box-shadow, .elementor-widget-container{ box-shadow: none; }