:root { --accent: #dfb249; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2); } 25% { box-shadow: -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1); } 50% { box-shadow: -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2); } 75% { box-shadow: 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }.fs-tabs .tab-content { background: transparent !important; border: 1px solid #e2b93c !important; } /* ========================================================== MYLISTING HYBRID DYNAMIC SEARCH OVERRIDE ========================================================== */ /* 1. Format the main active form container into the capsule shape */ .elementor-element-502617c .mylisting-basic-form { background-color: rgba(0, 0, 0, 0.4) !important; border: 1px solid #e2b93c !important; border-radius: 10px !important; padding: 0 45px 0 45px !important; /* Leave precise gaps on sides for injected icons */ display: flex !important; align-items: center !important; box-sizing: border-box !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; max-width: 825px !important; margin: 0 auto !important; min-height: 54px !important; height: 54px !important; position: relative !important; } /* Clear standard structural block heights */ .elementor-element-502617c .featured-search, .elementor-element-502617c .fs-tabs, .elementor-element-502617c .tab-content, .elementor-element-502617c .mylisting-basic-form form { background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; box-shadow: none !important; float: none !important; } /* 2. Style the live input field and hide default borders */ .elementor-element-502617c .mylisting-basic-form input[type="text"], .elementor-element-502617c .mylisting-basic-form input[type="search"] { background: transparent !important; border: none !important; box-shadow: none !important; color: #ffffff !important; font-size: 15px !important; font-weight: 400 !important; outline: none !important; width: 100% !important; height: 100% !important; } /* 3. INJECT THE LEFT SEARCH ICON (Magnifying Glass) */ .elementor-element-502617c .mylisting-basic-form::before { content: "\f002" !important; /* FontAwesome Magnifying Glass Unicode */ font-family: "Font Awesome 5 Free", "FontAwesome" !important; font-weight: 900 !important; position: absolute !important; left: 20px !important; top: 50% !important; transform: translateY(-50%) !important; color: rgba(255, 255, 255, 0.45) !important; font-size: 16px !important; pointer-events: none !important; z-index: 5 !important; } /* 4. INJECT THE RIGHT FILTER SETTINGS ICON */ .elementor-element-502617c .mylisting-basic-form::after { content: "\f0c9" !important; /* FontAwesome Sliders/Bars Unicode */ font-family: "Font Awesome 5 Free", "FontAwesome" !important; font-weight: 900 !important; position: absolute !important; right: 20px !important; top: 50% !important; transform: translateY(-50%) !important; color: rgba(226, 185, 60, 0.75) !important; /* Custom gold color accent */ font-size: 16px !important; pointer-events: none !important; z-index: 5 !important; } /* Hide any old native absolute-positioned theme buttons clashing over the bar */ .elementor-element-502617c .mylisting-basic-form button[type="submit"], .elementor-element-502617c .mylisting-basic-form .search-icon-class { opacity: 0 !important; position: absolute !important; left: 10px !important; width: 30px !important; height: 100% !important; z-index: 6 !important; cursor: pointer !important; } /* Single listing content profile */ .quick-listing-actions>ul>li>a>i { color: rgb(255 255 255 / 99%); } .quick-listing-actions>ul>li>a span { color: #ffffff; } h2.case27-primary-text { color: #ffffff; } /* Style the entire Shortcode block widget in sidebar */ .block-type-shortcode .pf-body { background: #09080e !important; border: 1.5px solid rgba(223, 178, 73, 0.4) !important; border-radius: 12px !important; padding: 16px !important; } .card-head-badge { display: block !important; color: #dfb249 !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; margin-bottom: 6px !important; } .card-subtitle { display: block !important; color: #000 !important; font-size: 15px !important; font-weight: 600 !important; margin-bottom: 8px !important; } .card-status { display: inline-block !important; background: rgba(147, 51, 234, 0.2) !important; color: #c084fc !important; padding: 4px 8px !important; border-radius: 4px !important; font-size: 11px !important; margin-bottom: 8px !important; } .card-meta { display: block !important; color: #000 !important; font-size: 12px !important; } /* for all titles, icons, tabs active and remaining background*/ .single-job-listing .element { background: #000; } h3.title-style-1__heading { color: #ffffff; } .details-block-content>li>i { background: #dfb249; } li.active { background-color: #dfb249; } /* 1. Outer Block Container ONLY (Borders, Dark Background & Radius) */ .single-job-listing .block-type-details, .single-job-listing .block-type-text, .single-job-listing .element-work-hours-block { background-color: #09080e !important; border: 1.5px solid rgba(223, 178, 73, 0.4) !important; border-radius: 12px !important; margin-bottom: 20px !important; overflow: hidden !important; } /* 2. Inner Element Container (Reset to prevent double-bordering) */ .single-job-listing .block-type-details .element { background: transparent !important; border: none !important; box-shadow: none !important; margin-bottom: 0 !important; } /* 3. Strip Inner Header/Body Backgrounds & Fix Typography */ .single-job-listing .pf-head, .single-job-listing .pf-body { background: transparent !important; } .single-job-listing .pf-head .pf-title, .single-job-listing .pf-head .pf-title i { color: #ffffff !important; } .single-job-listing .pf-body, .single-job-listing .pf-body *, .single-job-listing .pf-body p, .single-job-listing .pf-body span { color: #ffffff !important; } /* 4. Fix Icon Circle Styling */ .single-job-listing .pf-body .item-icon { background: rgba(223, 178, 73, 0.15) !important; border: 1px solid rgba(223, 178, 73, 0.4) !important; } .single-job-listing .pf-body .item-icon i { color: #dfb249 !important; } /* 5. Specific Background Images for the 6 Custom Blocks */ /* Best Time to Arrive */ .single-job-listing #best-time { background-image: linear-gradient(rgba(9, 8, 14, 0.85), rgba(9, 8, 14, 0.85)), url('https://af5now.com/wp-content/uploads/2026/08/vip_card_bg-purple.jpeg') !important; background-size: cover !important; background-position: center !important; } /* Parking Made Easy */ .single-job-listing #parking { background-image: linear-gradient(rgba(9, 8, 14, 0.85), rgba(9, 8, 14, 0.85)), url('https://af5now.com/wp-content/uploads/2026/08/vip-card-bg-blue.webp') !important; background-size: cover !important; background-position: center !important; } /* Dress Code */ .single-job-listing #dress-code { background-image: linear-gradient(rgba(9, 8, 14, 0.85), rgba(9, 8, 14, 0.85)), url('https://af5now.com/wp-content/uploads/2026/08/vip-card-bg-pink.webp') !important; background-size: cover !important; background-position: center !important; } /* Skip The Line */ .single-job-listing #skip { background-image: linear-gradient(rgba(9, 8, 14, 0.85), rgba(9, 8, 14, 0.85)), url('https://af5now.com/wp-content/uploads/2026/08/vip_card_bg-purple.jpeg') !important; background-size: cover !important; background-position: center !important; } /* Best View */ .single-job-listing #best-view { background-image: linear-gradient(rgba(9, 8, 14, 0.85), rgba(9, 8, 14, 0.85)), url('https://af5now.com/wp-content/uploads/2026/08/vip-card-bg-cyan.webp') !important; background-size: cover !important; background-position: center !important; } /* Worth The Drive */ .single-job-listing #drive { background-image: linear-gradient(rgba(9, 8, 14, 0.85), rgba(9, 8, 14, 0.85)), url('https://af5now.com/wp-content/uploads/2026/08/vip-card-bg-clean.webp') !important; background-size: cover !important; background-position: center !important; }