/* ========================================================== COLORADO RIVER CONNECT MASTER STYLESHEET v2.0 Refactored: 2026-07-30 Production-safe refactor of the active CRC stylesheet. Preserves selector order and cascade behavior. Centralizes repeated design values and repairs invalid syntax. Source of truth: WordPress child theme / crc-master.css. */ /* ========================================================== CRC DESIGN TOKENS ========================================================== */ :root{ /* Colors */ --crc-primary:#06204D; --crc-secondary:#005BBB; --crc-accent:#F7941D; --crc-white:#FFFFFF; --crc-light:#F4F7FB; --crc-text:#526273; --crc-border:#DDE6EF; /* Radius */ --crc-radius-sm:10px; --crc-radius-md:16px; --crc-radius-lg:20px; --crc-radius-pill:999px; /* Shadows */ --crc-shadow-card:0 12px 32px rgba(6,32,77,.09); --crc-shadow-hover:0 20px 44px rgba(6,32,77,.15); /* Brand Extensions */ --crc-primary-deep:#062D63; --crc-accent-deep:#F28C00; --crc-heading:#102B50; --crc-muted:#748197; /* Layout */ --crc-container:1400px; } /* ========================================================== CRC COMPONENT INDEX 01. Design Tokens 02. Header and Navigation 03. Contact Components 04. Homepage Hero and Search 05. Hero Statistics 06. Featured Business Cards 07. City, State, and Community Components 08. Directory Search and Listings 09. Forms and Submission Flows 10. Premium Business Profiles 11. Global Calls to Action 12. Footer and Utilities ========================================================== */ /* ========================================================== CRC MOBILE HEADER — COMPLETE REPLACEMENT ========================================================== */ @media only screen and (max-width:767px){ /* ====================================================== MAIN HEADER Logo left / Menu right / CTA below ====================================================== */ .crc-site-header{ position:relative !important; display:grid !important; grid-template-columns:minmax(0, 1fr) auto !important; grid-template-rows:auto auto !important; grid-template-areas: "crc-logo crc-menu" "crc-button crc-button" !important; align-items:center !important; justify-items:stretch !important; width:100% !important; min-height:auto !important; column-gap:16px !important; row-gap:12px !important; margin:0 !important; padding:12px 16px 14px !important; overflow:visible !important; } /* Remove Elementor mobile widths */ .crc-site-header > .e-con, .crc-site-header > .elementor-element{ width:auto !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; } /* ====================================================== LOGO ====================================================== */ .crc-header-left{ grid-area:crc-logo !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; justify-self:stretch !important; align-self:center !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; } .crc-header-logo{ width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; } .crc-header-logo .elementor-widget-container{ display:flex !important; align-items:center !important; justify-content:flex-start !important; } .crc-header-logo img{ display:block !important; width:auto !important; max-width:165px !important; height:42px !important; margin:0 !important; } /* ====================================================== HAMBURGER ====================================================== */ .crc-header-center{ grid-area:crc-menu !important; position:static !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-end !important; justify-self:end !important; align-self:center !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; } .crc-header-menu{ position:static !important; display:block !important; width:auto !important; margin:0 !important; padding:0 !important; } .crc-header-menu .elementor-widget-container, .crc-header-menu nav{ position:static !important; width:auto !important; margin:0 !important; padding:0 !important; } .crc-header-menu .elementor-menu-toggle{ display:flex !important; align-items:center !important; justify-content:center !important; width:46px !important; height:46px !important; min-width:46px !important; margin:0 !important; padding:0 !important; color:var(--crc-white) !important; background:var(--crc-primary-deep) !important; border:2px solid var(--crc-accent-deep) !important; border-radius:var(--crc-radius-sm) !important; font-size:23px !important; line-height:1 !important; box-shadow:none !important; } .crc-header-menu .elementor-menu-toggle:hover, .crc-header-menu .elementor-menu-toggle.elementor-active{ color:var(--crc-white) !important; background:var(--crc-accent-deep) !important; } /* ====================================================== CTA ====================================================== */ .crc-header-right{ grid-area:crc-button !important; display:block !important; justify-self:stretch !important; align-self:center !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; } .crc-header-socials{ display:none !important; } .crc-header-cta, .crc-header-cta .elementor-widget-container, .crc-header-cta .elementor-button-wrapper{ display:block !important; width:100% !important; margin:0 !important; padding:0 !important; } .crc-header-cta .elementor-button{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:46px !important; padding:11px 20px !important; color:var(--crc-white) !important; background:var(--crc-primary-deep) !important; border:2px solid var(--crc-accent-deep) !important; border-radius:var(--crc-radius-pill) !important; font-size:14px !important; font-weight:700 !important; line-height:1.15 !important; text-align:center !important; box-shadow:none !important; } /* ====================================================== MOBILE MENU — VIEWPORT-WIDTH FIX ====================================================== */ /* Prevent Elementor wrappers from clipping the menu */ .crc-site-header, .crc-header-center, .crc-header-menu, .crc-header-menu .elementor-widget-container, .crc-header-menu nav{ overflow:visible !important; } /* Main dropdown panel */ .crc-header-menu .elementor-nav-menu--dropdown{ position:fixed !important; top:80px !important; left:0 !important; right:0 !important; width:100vw !important; max-width:100vw !important; min-width:100vw !important; height:calc(100dvh - 80px) !important; max-height:calc(100dvh - 80px) !important; margin:0 !important; padding:18px 16px 30px !important; background:var(--crc-white) !important; border:0 !important; border-top:1px solid rgba(8,38,75,.10) !important; border-radius:0 !important; box-shadow:0 20px 40px rgba(8,38,75,.20) !important; overflow-x:hidden !important; overflow-y:auto !important; transform:none !important; z-index:999999 !important; } /* Main menu list */ .crc-header-menu .elementor-nav-menu--dropdown > ul.elementor-nav-menu{ display:block !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; } /* Top-level items */ .crc-header-menu .elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item{ display:block !important; width:100% !important; margin:0 0 4px !important; padding:0 !important; } .crc-header-menu .elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item > .elementor-item{ display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; min-height:50px !important; margin:0 !important; padding:14px 16px !important; color:#08264b !important; background:transparent !important; font-size:16px !important; font-weight:700 !important; line-height:1.2 !important; text-align:left !important; white-space:normal !important; border:0 !important; border-radius:9px !important; } .crc-header-menu .elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item > .elementor-item:hover, .crc-header-menu .elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item > .elementor-item.elementor-item-active{ color:var(--crc-accent-deep) !important; background:var(--crc-light) !important; } /* Submenus */ .crc-header-menu .elementor-nav-menu--dropdown .sub-menu{ position:relative !important; top:auto !important; left:auto !important; right:auto !important; display:block; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:2px 0 8px 18px !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; transform:none !important; } .crc-header-menu .elementor-nav-menu--dropdown .sub-menu li.menu-item{ width:100% !important; margin:0 !important; padding:0 !important; } .crc-header-menu .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item{ display:flex !important; align-items:center !important; width:100% !important; min-height:42px !important; margin:0 !important; padding:11px 14px !important; color:#435168 !important; background:transparent !important; font-size:14px !important; font-weight:600 !important; line-height:1.2 !important; border:0 !important; border-radius:7px !important; } .crc-header-menu .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item:hover{ color:var(--crc-accent-deep) !important; background:var(--crc-light) !important; } /* Remove Elementor animated menu effects */ .crc-header-menu .elementor-nav-menu--dropdown .elementor-item::before, .crc-header-menu .elementor-nav-menu--dropdown .elementor-item::after{ display:none !important; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media only screen and (max-width:420px){ .crc-site-header{ padding-left:14px !important; padding-right:14px !important; } .crc-header-logo img{ max-width:150px !important; height:40px !important; } .crc-header-menu .elementor-menu-toggle{ width:44px !important; height:44px !important; min-width:44px !important; } .crc-site-header .crc-header-menu .elementor-nav-menu--dropdown{ padding-left:14px !important; padding-right:14px !important; } } /* ========================================================== CRC CONTACT INFO CARDS ========================================================== */ .crc-contact-info-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; width:100%; max-width:1200px; margin:60px auto 80px; } .crc-contact-info-card{ background:var(--crc-white); border:1px solid rgba(6,32,77,.08); border-radius:var(--crc-radius-lg); padding:36px 30px; text-align:center; box-shadow: 0 10px 28px rgba(6,32,77,.08); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .crc-contact-info-card:hover{ transform:translateY(-6px); border-color:rgba(247,148,29,.30); box-shadow: 0 18px 42px rgba(6,32,77,.14); } .crc-contact-info-card .elementor-icon{ font-size:34px; color:var(--crc-accent); margin-bottom:18px; } .crc-contact-info-card h3{ margin:0 0 14px; color:var(--crc-primary); font-size:24px; font-weight:700; } .crc-contact-info-card p{ margin:0; color:#566678; font-size:16px; line-height:1.8; } .crc-contact-info-card a{ color:var(--crc-primary); font-weight:700; text-decoration:none; } .crc-contact-info-card a:hover{ color:var(--crc-accent); } @media(max-width:1024px){ .crc-contact-info-grid{ grid-template-columns:1fr; } } /* ========================================== CRC HOMEPAGE HERO - 10/10 POLISHED ========================================== */ /* Premium profile top hero image */ .crc-hero{ min-height:780px; display:flex; align-items:center; justify-content:flex-start; overflow:hidden; position:relative; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important; } .crc-hero:before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at 18% 35%, rgba(0,91,187,.22), transparent 34%), linear-gradient( 90deg, rgba(5,20,35,.86) 0%, rgba(5,20,35,.70) 44%, rgba(5,20,35,.34) 100% ); z-index:1; pointer-events:none; } .crc-hero > *{ position:relative; z-index:2; } .crc-hero-content{ width:100%; max-width:900px; margin-left:clamp(24px,7vw,120px); margin-right:24px; padding-top:50px; position:relative; z-index:2; } /* HERO TYPOGRAPHY */ .crc-hero .crc-hero-tagline{ display:inline-flex; align-items:center; margin-bottom:18px; color:#FF9F1C !important; font-size:13px; font-weight:900; letter-spacing:2px; text-transform:uppercase; } .crc-hero .crc-hero-title, .crc-hero .crc-hero-title .elementor-heading-title{ font-size:clamp(2.65rem,4.1vw,4.05rem); font-weight:800; line-height:1.12; color:var(--crc-white) !important; margin:0 0 24px; max-width:760px; letter-spacing:-.8px; text-shadow:0 6px 28px rgba(0,0,0,.38); } .crc-hero .crc-hero-text, .crc-hero .crc-hero-text p{ font-size:20px; font-weight:600; line-height:1.65; color:rgba(255,255,255,.94) !important; margin:0 0 34px; max-width:720px; } /* ========================================== CRC HERO SEARCH ========================================== */ .crc-hero-search{ width:100%; max-width:760px; margin:4px 0 30px; position:relative; z-index:5; } .crc-hero-search .jet-ajax-search, .crc-hero-search .jet-ajax-search__form{ width:100% !important; } .crc-hero-search .jet-ajax-search__form{ display:flex !important; align-items:center !important; background:var(--crc-white) !important; border-radius:var(--crc-radius-pill) !important; padding:7px !important; box-shadow:0 24px 60px rgba(0,0,0,.35) !important; overflow:hidden !important; border:1px solid rgba(255,255,255,.75) !important; } .crc-hero-search .jet-ajax-search__fields-holder{ flex:1 !important; width:100% !important; } .crc-hero-search input, .crc-hero-search .jet-ajax-search__field{ width:100% !important; height:64px !important; border:none !important; outline:none !important; background:var(--crc-white) !important; padding:0 30px !important; font-size:17px !important; font-weight:600 !important; color:var(--crc-primary) !important; box-shadow:none !important; opacity:1 !important; } .crc-hero-search input::placeholder, .crc-hero-search .jet-ajax-search__field::placeholder{ color:#6B7280 !important; opacity:1 !important; } .crc-hero-search .jet-ajax-search__submit{ height:56px !important; min-width:158px !important; padding:0 30px !important; border:none !important; border-radius:var(--crc-radius-pill) !important; background:linear-gradient(135deg,var(--crc-secondary),#0077C8) !important; color:var(--crc-white) !important; font-size:15px !important; font-weight:900 !important; cursor:pointer !important; transition:.25s ease !important; box-shadow:0 12px 28px rgba(0,91,187,.32) !important; } .crc-hero-search .jet-ajax-search__submit:hover{ background:linear-gradient(135deg,#004A99,#006FC0) !important; transform:translateY(-2px); box-shadow:0 16px 34px rgba(0,91,187,.42) !important; } /* ========================================== HERO BUTTONS ========================================== */ .crc-hero-buttons{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:20px !important; flex-wrap:wrap !important; margin-top:8px; margin-bottom:0; } .crc-primary-btn, .crc-secondary-btn{ width:auto !important; flex:0 0 auto !important; } .crc-primary-btn .elementor-button, .crc-secondary-btn .elementor-button{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:210px; min-height:60px; padding:0 38px !important; border-radius:var(--crc-radius-pill) !important; font-size:16px; font-weight:800; line-height:1 !important; white-space:nowrap !important; text-align:center; text-decoration:none; transition:all .3s ease; } .crc-primary-btn .elementor-button{ background:linear-gradient(135deg,#FF8A00,#FFA11F) !important; color:var(--crc-white) !important; border:none !important; box-shadow:0 14px 34px rgba(255,138,0,.34); } .crc-primary-btn .elementor-button:hover{ background:linear-gradient(135deg,#FFA11F,#FFB347) !important; color:var(--crc-white) !important; transform:translateY(-3px); box-shadow:0 20px 46px rgba(255,138,0,.46); } .crc-secondary-btn .elementor-button{ background:rgba(255,255,255,.13) !important; color:var(--crc-white) !important; border:1px solid rgba(255,255,255,.34) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } .crc-secondary-btn .elementor-button:hover{ background:var(--crc-white) !important; color:var(--crc-primary) !important; border-color:var(--crc-white) !important; transform:translateY(-3px); box-shadow:0 18px 42px rgba(0,0,0,.22); } /* ========================================== MOBILE ========================================== */ @media(max-width:767px){ .crc-hero{ min-height:720px; text-align:center; align-items:center; background-position:center center !important; } .crc-hero:before{ background:rgba(5,20,35,.82); } .crc-hero-content{ max-width:100%; margin:0 auto; padding:86px 20px 56px; text-align:center; } .crc-hero .crc-hero-tagline{ justify-content:center; font-size:12px; letter-spacing:1.5px; } .crc-hero .crc-hero-title, .crc-hero .crc-hero-title .elementor-heading-title{ font-size:2.55rem; line-height:1.08; letter-spacing:-.7px; max-width:100%; margin-bottom:20px; } .crc-hero .crc-hero-text, .crc-hero .crc-hero-text p{ font-size:17px; line-height:1.6; margin-bottom:28px; } .crc-hero-search{ max-width:100%; margin:0 auto 24px; } .crc-hero-search .jet-ajax-search__form{ flex-direction:column !important; border-radius:28px !important; padding:10px !important; gap:10px !important; } .crc-hero-search input, .crc-hero-search .jet-ajax-search__field{ height:54px !important; text-align:center !important; padding:0 18px !important; font-size:15px !important; } .crc-hero-search .jet-ajax-search__submit{ width:100% !important; height:54px !important; min-width:100% !important; } .crc-hero-buttons{ flex-direction:column !important; align-items:stretch !important; gap:15px !important; margin-top:4px; } .crc-primary-btn, .crc-secondary-btn{ width:100% !important; } .crc-primary-btn .elementor-button, .crc-secondary-btn .elementor-button{ width:100% !important; min-width:0 !important; min-height:56px; } } /* ========================================== CRC POPULAR SEARCHES ========================================== */ .crc-popular-container{ display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; gap:10px; margin:10px auto 0; width:100%; } .crc-popular-label, .crc-popular-label .elementor-heading-title{ color:rgba(255,255,255,.78) !important; font-size:13px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; margin:0 !important; white-space:nowrap; } .crc-popular-links, .crc-popular-links .elementor-heading-title, .crc-popular-links a{ color:#FF9F1C !important; font-size:13px; font-weight:900; letter-spacing:1.6px; text-transform:uppercase; text-decoration:none !important; margin:0 !important; transition:.25s ease; } .crc-popular-links a:hover{ color:var(--crc-white) !important; } @media(max-width:767px){ .crc-popular-container{ flex-direction:column; gap:6px; margin-top:16px; text-align:center; } .crc-popular-label, .crc-popular-label .elementor-heading-title, .crc-popular-links, .crc-popular-links .elementor-heading-title, .crc-popular-links a{ font-size:11px; letter-spacing:1px; line-height:1.6; } } /* ========================================== CRC SECTION HEADINGS v1.0 ========================================== */ .crc-section-title{ text-align:center; margin-bottom:60px; } .crc-section-title .elementor-heading-title{ display:inline-block; position:relative; margin:0; padding-bottom:16px; font-size:clamp(30px,4vw,42px); font-weight:800; line-height:1.15; letter-spacing:.02em; text-transform:uppercase; color:var(--crc-primary); } /* Orange Accent Bar */ .crc-section-title .elementor-heading-title::after{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:90px; height:5px; background:var(--crc-accent); border-radius:var(--crc-radius-pill); } /* Optional Subtitle */ .crc-section-title + .crc-section-subtitle, .crc-section-subtitle{ max-width:720px; margin:-35px auto 55px; font-size:18px; line-height:1.7; font-weight:400; color:#5F6B7A; text-align:center; } /* Mobile */ @media(max-width:767px){ .crc-section-title{ margin-bottom:45px; } .crc-section-title .elementor-heading-title{ padding-bottom:14px; letter-spacing:.01em; } .crc-section-subtitle{ font-size:16px; margin:-28px auto 40px; padding:0 20px; } } /* ========================================== EXTENDED HERO SEARCH WHITE PILL ========================================== */ .crc-hero-search-shell{ position:relative !important; z-index:5 !important; width:100% !important; max-width:1000px !important; padding:7px !important; background:var(--crc-white) !important; border:1px solid rgba(255,255,255,.75) !important; border-radius:14px !important; box-shadow:0 24px 60px rgba(0,0,0,.35) !important; } /* Remove duplicate outer shell from only the business-search form */ .crc-hero-search-shell .crc-hero-search{ max-width:none !important; margin:0 !important; } .crc-hero-search-shell .crc-hero-search .jet-ajax-search__form{ padding:0 !important; border:none !important; border-radius:9px !important; box-shadow:none !important; } /* ========================================================== HERO STATS OUTER WRAPPER ========================================================== */ .crc-hero-stats-wrap{ width:100% !important; max-width:760px !important; min-width:0 !important; margin:0 !important; padding:0 !important; } /* ========================================================== CRC HERO STATS FINAL LOCKED VERSION ========================================================== */ /* ========================================================== STATS GRID Class: crc-hero-stats ========================================================== */ .crc-hero-stats{ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; align-items:stretch !important; width:100% !important; max-width:760px !important; min-width:0 !important; gap:14px !important; margin:30px 0 20px !important; padding:0 !important; } /* ========================================================== INDIVIDUAL STAT CARD Class: crc-hero-stat ========================================================== */ .crc-hero-stats > .crc-hero-stat{ display:grid !important; grid-template-columns:48px minmax(0, 1fr) !important; align-items:center !important; width:100% !important; max-width:none !important; min-width:0 !important; height:auto !important; min-height:0 !important; gap:12px !important; margin:0 !important; padding:14px !important; overflow:hidden !important; background:rgba(6,32,61,.42) !important; border:1px solid rgba(255,255,255,.22) !important; border-radius:var(--crc-radius-md) !important; box-shadow:0 12px 30px rgba(0,0,0,.18) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } /* ========================================================== ICON Class: crc-hero-stat-icon ========================================================== */ .crc-hero-stat-icon{ display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 48px !important; width:48px !important; min-width:48px !important; max-width:48px !important; height:48px !important; min-height:48px !important; max-height:48px !important; margin:0 !important; padding:0 !important; background:rgba(255,255,255,.10) !important; border:1px solid rgba(255,255,255,.45) !important; border-radius:50% !important; } .crc-hero-stat-icon .elementor-widget-container, .crc-hero-stat-icon .elementor-icon-wrapper{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } .crc-hero-stat-icon .elementor-icon{ display:flex !important; align-items:center !important; justify-content:center !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; color:var(--crc-white) !important; background:transparent !important; border:none !important; border-radius:0 !important; font-size:20px !important; line-height:1 !important; } .crc-hero-stat-icon svg{ display:block !important; width:20px !important; height:20px !important; color:var(--crc-white) !important; fill:currentColor !important; } /* ========================================================== TEXT CONTAINER Class: crc-hero-stat-text ========================================================== */ .crc-hero-stat-text{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; width:100% !important; max-width:100% !important; min-width:0 !important; gap:3px !important; margin:0 !important; padding:0 !important; } /* Remove Elementor widget spacing */ .crc-hero-stat-value, .crc-hero-stat-label, .crc-hero-stat-value .elementor-widget-container, .crc-hero-stat-label .elementor-widget-container{ width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; } /* ========================================================== VALUE Class: crc-hero-stat-value ========================================================== */ .crc-hero-stat-value .elementor-heading-title{ margin:0 !important; padding:0 !important; color:var(--crc-white) !important; font-family:inherit !important; font-size:20px !important; font-weight:800 !important; line-height:1.1 !important; letter-spacing:-.2px !important; text-align:left !important; text-transform:none !important; white-space:nowrap !important; } /* ========================================================== LABEL Class: crc-hero-stat-label ========================================================== */ .crc-hero-stat-label .elementor-heading-title{ margin:0 !important; padding:0 !important; color:rgba(255,255,255,.78) !important; font-family:inherit !important; font-size:11px !important; font-weight:600 !important; line-height:1.3 !important; letter-spacing:0 !important; text-align:left !important; text-transform:none !important; white-space:normal !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width:1024px){ .crc-hero-stats{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:10px !important; } .crc-hero-stats > .crc-hero-stat{ grid-template-columns:42px minmax(0, 1fr) !important; gap:9px !important; padding:11px !important; } .crc-hero-stat-icon{ flex-basis:42px !important; width:42px !important; min-width:42px !important; max-width:42px !important; height:42px !important; min-height:42px !important; max-height:42px !important; } .crc-hero-stat-value .elementor-heading-title{ font-size:17px !important; } .crc-hero-stat-label .elementor-heading-title{ font-size:10px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-hero-stats{ grid-template-columns:1fr !important; width:100% !important; max-width:420px !important; min-width:0 !important; gap:10px !important; margin:24px auto 20px !important; } .crc-hero-stats > .crc-hero-stat{ grid-template-columns:46px minmax(0, 1fr) !important; width:100% !important; max-width:100% !important; min-width:0 !important; gap:12px !important; padding:13px 15px !important; } .crc-hero-stat-icon{ flex-basis:46px !important; width:46px !important; min-width:46px !important; max-width:46px !important; height:46px !important; min-height:46px !important; max-height:46px !important; } .crc-hero-stat-value .elementor-heading-title{ font-size:19px !important; } .crc-hero-stat-label .elementor-heading-title{ font-size:12px !important; } } /* ========================================== CRC FEATURED BUSINESSES HOMEPAGE WRAP ========================================== */ .crc-featured-businesses{ width:100%; max-width:var(--crc-container); margin:0 auto; } .crc-featured-businesses .jet-listing-grid{ width:100%; } .crc-business-card{ height:100%; min-height:520px; display:flex; flex-direction:column; background:var(--crc-white); border:1px solid var(--crc-border); border-radius:18px; overflow:hidden; box-shadow:0 18px 45px rgba(6,32,77,.08); } .crc-card-hero{ position:relative; width:100%; height:220px; background:#EDF4F8; overflow:hidden; flex:0 0 auto; } .crc-card-image, .crc-card-image img{ width:100%; height:100%; object-fit:cover; display:block; } .crc-card-content{ flex:1; display:flex; flex-direction:column; padding:24px; gap:10px; } .crc-card-logo img{ width:58px; height:58px; object-fit:contain; border-radius:50%; background:var(--crc-white); padding:4px; border:3px solid var(--crc-white); box-shadow:0 8px 20px rgba(6,32,77,.14); } .crc-card-title{ font-size:22px; font-weight:800; line-height:1.15; color:var(--crc-primary); } .crc-card-location, .crc-card-category{ display:inline-flex; align-items:center; width:auto; max-width:max-content; margin-top:8px; padding:6px 12px; border-radius:var(--crc-radius-pill); background:#EEF8F8; border:1px solid rgba(14,124,134,.12); color:#0E7C86 !important; font-size:12px; font-weight:700; line-height:1; white-space:nowrap; } .crc-card-description{ font-size:15px; line-height:1.55; color:#4A5A6A; } .crc-card-button{ margin-top:auto; } /* ========================================================== CRC FEATURED BUSINESS CAROUSEL — FINAL ========================================================== */ .crc-featured-businesses .slick-track{ display:flex !important; align-items:stretch !important; } .crc-featured-businesses .slick-slide{ display:flex !important; float:none !important; height:auto !important; } .crc-featured-businesses .slick-slide > div, .crc-featured-businesses .jet-listing-grid__item{ display:flex !important; height:100% !important; } .crc-featured-businesses .jet-listing-grid__item{ padding:10px !important; } /* CARD */ .crc-featured-businesses .crc-feature-card{ position:relative; display:flex !important; flex-direction:column !important; width:100% !important; min-width:0 !important; height:100% !important; min-height:580px !important; margin:0 !important; padding:0 !important; overflow:hidden; background:var(--crc-white); border:1px solid rgba(6,32,77,.12); border-radius:var(--crc-radius-lg); box-shadow:var(--crc-shadow-card); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .crc-featured-businesses .crc-feature-card:hover{ transform:translateY(-5px); border-color:rgba(247,148,29,.45); box-shadow:var(--crc-shadow-hover); } /* HERO */ .crc-featured-businesses .crc-feature-card-hero{ position:relative !important; flex:0 0 170px !important; width:100% !important; height:170px !important; min-height:170px !important; margin:0 !important; padding:0 !important; overflow:visible !important; background:#eaf1f6; } .crc-featured-businesses .crc-feature-card-image{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; overflow:hidden !important; } .crc-featured-businesses .crc-feature-card-image .elementor-widget-container, .crc-featured-businesses .crc-feature-card-image .jet-listing-dynamic-image, .crc-featured-businesses .crc-feature-card-image img{ display:block !important; width:100% !important; height:100% !important; } .crc-featured-businesses .crc-feature-card-image img{ object-fit:cover !important; object-position:center !important; } /* ========================================================== CRC FEATURED BADGE — HEADING WIDGET FINAL ========================================================== */ .crc-featured-businesses .crc-feature-badge{ position:absolute !important; top:16px !important; left:14px !important; z-index:20 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; max-width:max-content !important; min-height:24px !important; margin:0 !important; padding:5px 11px !important; background:var(--crc-accent) !important; border-radius:var(--crc-radius-pill) !important; box-shadow:0 6px 16px rgba(247,148,29,.28) !important; } /* Remove Elementor wrapper spacing */ .crc-featured-businesses .crc-feature-badge .elementor-widget-container{ display:inline-flex !important; width:auto !important; margin:0 !important; padding:0 !important; background:transparent !important; } /* Force the heading text to inherit the pill styling */ .crc-featured-businesses .crc-feature-badge .elementor-heading-title, .crc-featured-businesses .crc-feature-badge h1, .crc-featured-businesses .crc-feature-badge h2, .crc-featured-businesses .crc-feature-badge h3, .crc-featured-businesses .crc-feature-badge h4, .crc-featured-businesses .crc-feature-badge h5, .crc-featured-businesses .crc-feature-badge h6{ display:inline !important; width:auto !important; margin:0 !important; padding:0 !important; background:transparent !important; color:var(--crc-primary) !important; font-family:inherit !important; font-size:10px !important; font-weight:900 !important; line-height:1 !important; letter-spacing:.1em !important; text-transform:uppercase !important; white-space:nowrap !important; } /* LOGO */ .crc-featured-businesses .crc-feature-card-logo{ position:absolute !important; left:22px !important; bottom:-40px !important; z-index:12 !important; width:76px !important; max-width:76px !important; height:76px !important; margin:0 !important; padding:0 !important; } .crc-featured-businesses .crc-feature-card-logo .elementor-widget-container{ display:flex !important; align-items:center !important; justify-content:center !important; width:76px !important; height:76px !important; padding:6px !important; overflow:hidden !important; background:var(--crc-white) !important; border:4px solid var(--crc-white) !important; border-radius:50% !important; box-shadow:0 8px 22px rgba(6,32,77,.20); } .crc-featured-businesses .crc-feature-card-logo img{ display:block !important; width:100% !important; height:100% !important; object-fit:contain !important; border-radius:50% !important; } /* BODY */ .crc-featured-businesses .crc-feature-card-body{ position:relative; display:flex !important; flex:1 1 auto !important; flex-direction:column !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:48px 26px 26px !important; background:var(--crc-white); } /* TITLE */ .crc-featured-businesses .crc-feature-card-title{ display:block !important; width:100% !important; margin:0 0 10px !important; padding:0 !important; text-align:left !important; } .crc-featured-businesses .crc-feature-card-title, .crc-featured-businesses .crc-feature-card-title a, .crc-featured-businesses .crc-feature-card-title .elementor-heading-title, .crc-featured-businesses .crc-feature-card-title .jet-listing-dynamic-field__content{ color:var(--crc-primary) !important; font-size:20px !important; font-weight:800 !important; line-height:1.2 !important; text-decoration:none !important; } .crc-featured-businesses .crc-feature-card-title .elementor-heading-title, .crc-featured-businesses .crc-feature-card-title .jet-listing-dynamic-field__content{ display:-webkit-box !important; min-height:48px !important; overflow:hidden !important; -webkit-box-orient:vertical; -webkit-line-clamp:2; } /* TRUST AREA */ .crc-featured-businesses .crc-card-trust{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap !important; width:100% !important; gap:10px !important; margin:0 0 13px !important; padding:0 !important; } /* VERIFIED */ .crc-featured-businesses .crc-card-verified{ display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; width:auto !important; max-width:max-content !important; min-height:30px !important; gap:5px !important; margin:0 !important; padding:6px 10px !important; background:#F2FAF6 !important; border:1px solid rgba(22,163,74,.22) !important; border-radius:var(--crc-radius-pill) !important; color:var(--crc-primary) !important; font-size:12px !important; font-weight:800 !important; line-height:1 !important; box-shadow:none !important; } .crc-featured-businesses .crc-card-verified .elementor-widget-container, .crc-featured-businesses .crc-card-verified .elementor-icon-wrapper, .crc-featured-businesses .crc-card-verified .elementor-heading-title{ display:inline-flex !important; align-items:center !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; } .crc-featured-businesses .crc-card-verified .elementor-icon{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:16px !important; height:16px !important; margin:0 !important; padding:0 !important; color:var(--crc-accent) !important; font-size:15px !important; } .crc-featured-businesses .crc-card-verified svg{ width:16px !important; height:16px !important; fill:currentColor !important; } /* RATING */ .crc-featured-businesses .crc-card-rating-row{ display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; flex:0 1 auto !important; flex-wrap:nowrap !important; width:auto !important; max-width:100% !important; gap:5px !important; margin:0 !important; padding:0 !important; } .crc-featured-businesses .crc-card-stars, .crc-featured-businesses .crc-card-rating-value, .crc-featured-businesses .crc-card-review-count{ width:auto !important; margin:0 !important; padding:0 !important; } .crc-featured-businesses .crc-card-stars .e-rating{ display:flex !important; align-items:center !important; gap:1px !important; } .crc-featured-businesses .crc-card-stars .e-icon{ font-size:15px !important; line-height:1 !important; } .crc-featured-businesses .crc-card-rating-value{ color:var(--crc-primary) !important; font-size:13px !important; font-weight:800 !important; line-height:1 !important; } .crc-featured-businesses .crc-card-review-count{ color:var(--crc-muted) !important; font-size:12px !important; font-weight:500 !important; line-height:1 !important; white-space:nowrap !important; } /* LOCATION */ .crc-featured-businesses .crc-feature-card-location{ display:block !important; width:100% !important; margin:0 0 6px !important; padding:0 !important; color:#64748B !important; font-size:12px !important; line-height:1.35 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } /* CATEGORY */ .crc-featured-businesses .crc-feature-card-category{ display:block !important; width:100% !important; margin:0 0 9px !important; padding:0 !important; } .crc-featured-businesses .crc-feature-card-category, .crc-featured-businesses .crc-feature-card-category a, .crc-featured-businesses .crc-feature-card-category .jet-listing-dynamic-terms__link{ color:var(--crc-primary) !important; font-size:12px !important; font-weight:800 !important; line-height:1.3 !important; text-decoration:none !important; } /* DESCRIPTION */ .crc-featured-businesses .crc-feature-card-description{ display:block !important; width:100% !important; min-height:66px !important; max-height:66px !important; margin:0 0 18px !important; padding:0 !important; overflow:hidden !important; } .crc-featured-businesses .crc-feature-card-description .jet-listing-dynamic-field__content{ display:-webkit-box !important; overflow:hidden !important; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:var(--crc-text) !important; font-size:14px !important; line-height:1.55 !important; } /* BUTTON */ .crc-featured-businesses .crc-feature-card-button{ display:block !important; width:100% !important; margin-top:auto !important; padding-top:0 !important; transform:translateY(-15px) !important; } .crc-featured-businesses .crc-feature-card-button .elementor-button{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:150px !important; min-height:44px !important; padding:12px 24px !important; background:var(--crc-accent) !important; color:var(--crc-primary) !important; border:none !important; border-radius:var(--crc-radius-pill) !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; box-shadow:0 8px 20px rgba(247,148,29,.25); transition:.25s ease; } .crc-featured-businesses .crc-feature-card-button .elementor-button:hover{ background:var(--crc-primary) !important; color:var(--crc-white) !important; transform:translateY(-2px); } /* TABLET */ @media(max-width:1024px){ .crc-featured-businesses .crc-feature-card{ min-height:550px !important; } .crc-featured-businesses .crc-feature-card-body{ padding:48px 22px 24px !important; } .crc-featured-businesses .crc-feature-card-title, .crc-featured-businesses .crc-feature-card-title a, .crc-featured-businesses .crc-feature-card-title .elementor-heading-title{ font-size:18px !important; } } /* MOBILE */ @media(max-width:767px){ .crc-featured-businesses .jet-listing-grid__item{ padding:7px !important; } .crc-featured-businesses .crc-feature-card{ min-height:540px !important; } .crc-featured-businesses .crc-feature-card-body{ padding:48px 20px 22px !important; } .crc-featured-businesses .crc-card-trust{ gap:8px !important; } .crc-featured-businesses .crc-card-review-count{ font-size:11px !important; } } /* ========================================== CRC CITY CARDS v1.0 TTCP COMPONENT ========================================== */ /* SECTION */ .crc-city-section{ display:flex; flex-direction:column; gap:32px; width:100%; } .crc-city-header{ display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; } .crc-city-header .elementor-heading-title, .crc-city-header .elementor-widget-text-editor, .crc-city-header p{ margin:0 !important; } .crc-city-header p{ max-width:720px; color:var(--crc-text); font-size:17px; line-height:1.7; } /* FLEX GRID */ .crc-city-grid{ display:flex; flex-wrap:wrap; gap:24px; width:100%; } .crc-city-grid > .crc-city-card{ flex:0 0 calc(33.333% - 16px); } /* CARD */ .crc-city-card{ position:relative; display:flex; align-items:flex-end; min-height:220px; overflow:hidden; border-radius:18px; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; box-shadow:0 16px 40px rgba(6,32,77,.15); transition:transform .30s ease, box-shadow .30s ease; } .crc-city-card::before{ content:""; position:absolute; inset:0; background:linear-gradient( to top, rgba(6,32,77,.92) 0%, rgba(6,32,77,.45) 45%, rgba(6,32,77,0) 100% ); z-index:1; transition:.30s ease; } .crc-city-card:hover{ transform:translateY(-6px); box-shadow:0 22px 55px rgba(6,32,77,.22); } .crc-city-card:hover::before{ background:linear-gradient( to top, rgba(6,32,77,.96) 0%, rgba(6,32,77,.62) 45%, rgba(6,32,77,.10) 100% ); } /* CONTENT */ .crc-city-content{ position:relative; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; gap:6px; width:100%; min-height:220px; padding:22px; } /* TYPOGRAPHY */ .crc-city-state, .crc-city-state p{ margin:0 !important; color:rgba(255,255,255,.82); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; line-height:1; } .crc-city-name, .crc-city-name .elementor-heading-title{ margin:0 !important; color:var(--crc-white) !important; font-size:28px; font-weight:700; line-height:1.15; } .crc-city-meta{ display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; margin-top:8px; } .crc-city-count, .crc-city-count p{ margin:0 !important; color:var(--crc-accent); font-size:14px; font-weight:700; line-height:1.2; } .crc-city-arrow{ color:var(--crc-white); font-size:18px; line-height:1; transition:transform .30s ease; } .crc-city-card:hover .crc-city-arrow{ transform:translateX(8px); } /* RESPONSIVE */ @media (max-width:1024px){ .crc-city-grid > .crc-city-card{ flex:0 0 calc(50% - 12px); } .crc-city-name, .crc-city-name .elementor-heading-title{ font-size:24px; } } @media (max-width:767px){ .crc-city-grid{ gap:18px; } .crc-city-grid > .crc-city-card{ flex:0 0 100%; } .crc-city-card, .crc-city-content{ min-height:190px; } .crc-city-name, .crc-city-name .elementor-heading-title{ font-size:22px; } } /* ========================================================== STATE IMAGE — ENLARGED + CENTERED ========================================================== */ .crc-state-hero{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:280px !important; margin:0 0 20px !important; padding:0 !important; overflow:hidden !important; } /* Force Elementor’s internal wrappers to fill the hero area */ .crc-state-hero .elementor-widget-container, .crc-state-hero .elementor-image, .crc-state-hero picture{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } /* State outline */ .crc-state-hero img{ display:block !important; width:auto !important; height:auto !important; max-width:220px !important; max-height:220px !important; margin:auto !important; object-fit:contain !important; object-position:center center !important; filter:brightness(0) invert(1); transition: transform .3s ease, filter .3s ease; } .crc-state-card:hover .crc-state-hero img{ transform:scale(1.08); filter: drop-shadow(0 0 8px rgba(38,208,224,.45)) drop-shadow(0 0 18px rgba(38,208,224,.35)) drop-shadow(0 0 30px rgba(38,208,224,.20)) brightness(0) saturate(100%) invert(79%) sepia(44%) saturate(1074%) hue-rotate(135deg) brightness(101%) contrast(92%); } /* Remove state-page gradient from homepage state-card images */ .crc-state-card .crc-state-hero::before{ content:none !important; display:none !important; background:none !important; } /* ========================================================== CRC FEATURED BUSINESS CARD TRUST, VERIFIED BADGE + GOOGLE RATING ========================================================== */ /* ========================================================== TRUST AREA Holds verified status and Google rating ========================================================== */ .crc-card-trust{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:100%; margin:8px 0 14px; } /* ========================================================== VERIFIED BADGE ========================================================== */ .crc-card-verified{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; gap:5px; width:max-content; max-width:100%; margin:0; padding:5px 10px; background:#f4faf7; border:1px solid rgba(22,163,74,.20); border-radius:var(--crc-radius-pill); color:var(--crc-heading); font-size:12px; font-weight:700; line-height:1; white-space:nowrap; box-shadow: 0 2px 8px rgba(16,43,80,.04); transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease; } /* Verified icon */ .crc-card-verified .elementor-icon{ display:flex; align-items:center; justify-content:center; width:auto; height:auto; margin:0; padding:0; color:#16a34a; font-size:12px; line-height:1; } .crc-card-verified .elementor-icon svg{ width:1em; height:1em; fill:currentColor; } /* Verified text */ .crc-card-verified .elementor-heading-title, .crc-card-verified p{ margin:0 !important; padding:0 !important; color:inherit; font-size:inherit; font-weight:inherit; line-height:1; } /* Remove Elementor widget spacing */ .crc-card-verified .elementor-widget, .crc-card-verified .elementor-widget-container{ margin:0 !important; padding:0 !important; } /* Subtle interaction */ .crc-card-verified:hover{ background:#edf9f2; border-color:rgba(22,163,74,.32); box-shadow: 0 4px 12px rgba(16,43,80,.06); } /* ========================================================== GOOGLE RATING ROW ========================================================== */ .crc-card-rating-row{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; width:100%; min-width:0; margin:0; padding:0; color:var(--crc-heading); line-height:1; cursor:pointer; } /* ========================================================== ELEMENTOR RATING WIDGET ========================================================== */ .crc-card-stars{ display:flex; align-items:center; justify-content:center; flex:0 0 auto; margin:0 !important; padding:0 !important; } .crc-card-stars .elementor-widget-container{ margin:0 !important; padding:0 !important; } .crc-card-stars .e-rating{ display:flex; align-items:center; gap:2px; margin:0; padding:0; } .crc-card-stars .e-icon{ display:flex; align-items:center; justify-content:center; margin:0; padding:0; font-size:16px; line-height:1; } .crc-card-stars .e-icon svg{ width:1em; height:1em; } .crc-card-stars .e-icon-marked{ color:#f5a623; } .crc-card-stars .e-icon-unmarked{ color:#d7dee8; } /* ========================================================== GOOGLE RATING VALUE ========================================================== */ .crc-card-rating-value{ display:flex; align-items:center; justify-content:center; flex:0 0 auto; margin:0 !important; padding:0 !important; color:var(--crc-heading); font-size:15px; font-weight:700; line-height:1; } .crc-card-rating-value .elementor-widget-container, .crc-card-rating-value .jet-listing-dynamic-field, .crc-card-rating-value .jet-listing-dynamic-field__content{ margin:0 !important; padding:0 !important; color:inherit; font:inherit; line-height:inherit; } /* ========================================================== GOOGLE REVIEW COUNT ========================================================== */ .crc-card-review-count{ display:flex; align-items:center; justify-content:center; flex:0 1 auto; min-width:0; margin:0 !important; padding:0 !important; color:var(--crc-muted); font-size:14px; font-weight:500; line-height:1; white-space:nowrap; transition:color .2s ease; } .crc-card-review-count .elementor-widget-container, .crc-card-review-count .jet-listing-dynamic-field, .crc-card-review-count .jet-listing-dynamic-field__content{ margin:0 !important; padding:0 !important; color:inherit; font:inherit; line-height:inherit; } /* ========================================================== LINKS + INTERACTION ========================================================== */ .crc-card-rating-row a{ color:inherit; text-decoration:none; } .crc-card-rating-row:hover .crc-card-review-count{ color:var(--crc-heading); } .crc-card-rating-row:focus-within{ outline:2px solid rgba(245,166,35,.35); outline-offset:4px; border-radius:4px; } /* ========================================================== TABLET ========================================================== */ @media (max-width:1024px){ .crc-card-trust{ gap:7px; margin:7px 0 13px; } .crc-card-rating-row{ gap:5px; } .crc-card-stars .e-icon{ font-size:15px; } .crc-card-rating-value{ font-size:14px; } .crc-card-review-count{ font-size:13px; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-card-trust{ gap:7px; margin:6px 0 12px; } .crc-card-verified{ gap:4px; padding:5px 9px; font-size:11px; } .crc-card-verified .elementor-icon{ font-size:11px; } .crc-card-rating-row{ gap:5px; } .crc-card-stars .e-rating{ gap:1px; } .crc-card-stars .e-icon{ font-size:15px; } .crc-card-rating-value{ font-size:14px; } .crc-card-review-count{ font-size:13px; } } /* ========================================================== VERY SMALL SCREENS ========================================================== */ @media (max-width:380px){ .crc-card-rating-row{ row-gap:7px; } .crc-card-review-count{ width:100%; } } /* ========================================================== CRC DIRECTORY SEARCH BAR SEARCH + STATE + COMMUNITY + CATEGORY FINAL LOCKED VERSION ========================================================== */ /* ========================================================== SEARCH SHELL ========================================================== */ .crc-directory-search{ display:grid !important; grid-template-columns: minmax(290px, 1.65fr) minmax(150px, .7fr) minmax(195px, .9fr) minmax(175px, .8fr) 120px !important; grid-template-rows:auto !important; grid-auto-flow:row !important; align-items:center !important; justify-content:stretch !important; gap:10px !important; width:100% !important; max-width:var(--crc-container) !important; height:auto !important; min-height:0 !important; margin:0 auto !important; padding:12px !important; overflow:visible !important; background:var(--crc-white); border:1px solid rgba(255,255,255,.45); border-radius:15px; box-shadow: 0 18px 48px rgba(0,0,0,.24); } /* ========================================================== DIRECT CHILD WIDGETS ========================================================== */ .crc-directory-search > .elementor-element{ position:relative !important; display:block !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; visibility:visible !important; opacity:1 !important; overflow:visible !important; } /* ========================================================== GRID POSITIONS ========================================================== */ .crc-directory-search-input{ grid-column:1 !important; grid-row:1 !important; } .crc-directory-filter-state{ grid-column:2 !important; grid-row:1 !important; } .crc-directory-filter-community{ grid-column:3 !important; grid-row:1 !important; } .crc-directory-filter-category{ grid-column:4 !important; grid-row:1 !important; } .crc-directory-search-button{ grid-column:5 !important; grid-row:1 !important; } /* ========================================================== ELEMENTOR WRAPPERS ========================================================== */ .crc-directory-search-input .elementor-widget-container, .crc-directory-filter-state .elementor-widget-container, .crc-directory-filter-community .elementor-widget-container, .crc-directory-filter-category .elementor-widget-container, .crc-directory-search-button .elementor-widget-container{ display:block !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; overflow:visible !important; } /* ========================================================== JETSMARTFILTERS WRAPPERS ========================================================== */ .crc-directory-search-input .jet-smart-filters-search, .crc-directory-search-input .jet-search-filter, .crc-directory-filter-state .jet-select, .crc-directory-filter-community .jet-select, .crc-directory-filter-category .jet-select, .crc-directory-search-button .jet-smart-filters-apply-button, .crc-directory-search-button .apply-filters{ display:block !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; visibility:visible !important; opacity:1 !important; overflow:visible !important; } /* Hide filter labels */ .crc-directory-search .jet-filter-label{ display:none !important; } /* Remove JetSmartFilters spacing */ .crc-directory-search .jet-filter, .crc-directory-search .jet-filter-row{ margin:0 !important; padding:0 !important; } /* ========================================================== SEARCH INPUT + DROPDOWNS ========================================================== */ .crc-directory-search-input input[type="search"], .crc-directory-search-input input[type="text"], .crc-directory-search-input .jet-search-filter__input, .crc-directory-filter-state select, .crc-directory-filter-community select, .crc-directory-filter-category select, .crc-directory-filter-state .jet-select__control, .crc-directory-filter-community .jet-select__control, .crc-directory-filter-category .jet-select__control{ display:block !important; width:100% !important; max-width:none !important; min-width:0 !important; height:52px !important; min-height:52px !important; margin:0 !important; padding:0 16px !important; color:var(--crc-heading) !important; background:var(--crc-white) !important; border:1px solid #d7e0ea !important; border-radius:9px !important; font-family:inherit !important; font-size:14px !important; font-weight:500 !important; line-height:1.2 !important; outline:none !important; box-shadow:none !important; visibility:visible !important; opacity:1 !important; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } /* Dropdown arrow room */ .crc-directory-filter-state select, .crc-directory-filter-community select, .crc-directory-filter-category select, .crc-directory-filter-state .jet-select__control, .crc-directory-filter-community .jet-select__control, .crc-directory-filter-category .jet-select__control{ padding-right:40px !important; cursor:pointer !important; } /* Search input icon spacing */ .crc-directory-search-input input[type="search"], .crc-directory-search-input input[type="text"], .crc-directory-search-input .jet-search-filter__input{ padding-left:46px !important; } /* Placeholder */ .crc-directory-search input::placeholder{ color:#778597 !important; opacity:1 !important; } /* Focus */ .crc-directory-search input:focus, .crc-directory-search select:focus, .crc-directory-search .jet-search-filter__input:focus, .crc-directory-search .jet-select__control:focus{ border-color:#0b4fa3 !important; box-shadow: 0 0 0 3px rgba(11,79,163,.12) !important; } /* ========================================================== SEARCH ICON ========================================================== */ .crc-directory-search-input::before{ content:""; position:absolute; z-index:5; top:50%; left:18px; width:15px; height:15px; border:2px solid #50677f; border-radius:50%; pointer-events:none; transform:translateY(-62%); } .crc-directory-search-input::after{ content:""; position:absolute; z-index:5; top:50%; left:31px; width:7px; height:2px; background:#50677f; border-radius:2px; pointer-events:none; transform:translateY(5px) rotate(45deg); transform-origin:left center; } /* ========================================================== APPLY BUTTON ========================================================== */ .crc-directory-search-button button, .crc-directory-search-button .apply-filters__button, .crc-directory-search-button .jet-apply-filters__button{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:100% !important; max-width:none !important; min-width:0 !important; height:52px !important; min-height:52px !important; margin:0 !important; padding:0 18px !important; color:var(--crc-white) !important; background:#0b3c7b !important; border:0 !important; border-radius:9px !important; font-family:inherit !important; font-size:14px !important; font-weight:700 !important; line-height:1 !important; text-decoration:none !important; white-space:nowrap !important; cursor:pointer !important; box-shadow: 0 8px 18px rgba(11,60,123,.22) !important; transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease; } .crc-directory-search-button button:hover, .crc-directory-search-button .apply-filters__button:hover, .crc-directory-search-button .jet-apply-filters__button:hover{ color:var(--crc-white) !important; background:#072f63 !important; box-shadow: 0 11px 24px rgba(11,60,123,.28) !important; transform:translateY(-1px); } .crc-directory-search-button button:focus-visible, .crc-directory-search-button .apply-filters__button:focus-visible, .crc-directory-search-button .jet-apply-filters__button:focus-visible{ outline:3px solid rgba(11,79,163,.25) !important; outline-offset:2px !important; } /* Hide Business Search internal button */ .crc-directory-search-input .jet-search-filter__submit, .crc-directory-search-input .jet-search-filter__submit-button, .crc-directory-search-input button[type="submit"]{ display:none !important; } /* ========================================================== MEDIUM DESKTOP ========================================================== */ @media (max-width:1200px){ .crc-directory-search{ grid-template-columns: minmax(250px, 1.4fr) minmax(135px, .7fr) minmax(150px, .75fr) minmax(150px, .75fr) 105px !important; gap:8px !important; } } /* ========================================================== TABLET ========================================================== */ @media (max-width:950px){ .crc-directory-search{ grid-template-columns:1fr 1fr !important; max-width:760px !important; gap:10px !important; } .crc-directory-search-input{ grid-column:1 / -1 !important; grid-row:1 !important; } .crc-directory-filter-state{ grid-column:1 !important; grid-row:2 !important; } .crc-directory-filter-community{ grid-column:2 !important; grid-row:2 !important; } .crc-directory-filter-category{ grid-column:1 / -1 !important; grid-row:3 !important; } .crc-directory-search-button{ grid-column:1 / -1 !important; grid-row:4 !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-directory-search{ grid-template-columns:1fr !important; gap:9px !important; width:100% !important; max-width:100% !important; padding:10px !important; border-radius:13px; } .crc-directory-search-input{ grid-column:1 !important; grid-row:1 !important; } .crc-directory-filter-state{ grid-column:1 !important; grid-row:2 !important; } .crc-directory-filter-community{ grid-column:1 !important; grid-row:3 !important; } .crc-directory-filter-category{ grid-column:1 !important; grid-row:4 !important; } .crc-directory-search-button{ grid-column:1 !important; grid-row:5 !important; } .crc-directory-search-input input[type="search"], .crc-directory-search-input input[type="text"], .crc-directory-search-input .jet-search-filter__input, .crc-directory-filter-state select, .crc-directory-filter-community select, .crc-directory-filter-category select, .crc-directory-filter-state .jet-select__control, .crc-directory-filter-community .jet-select__control, .crc-directory-filter-category .jet-select__control, .crc-directory-search-button button, .crc-directory-search-button .apply-filters__button, .crc-directory-search-button .jet-apply-filters__button{ height:50px !important; min-height:50px !important; } } /* ========================================================== CRC DIRECTORY CARD v3.0 ISOLATED REUSABLE DIRECTORY COMPONENT ========================================================== */ /* ========================================================== JETENGINE DIRECTORY GRID ========================================================== */ .crc-directory-grid, .crc-directory-grid .jet-listing-grid{ width:100%; max-width:100%; } .crc-directory-grid .jet-listing-grid__items{ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; align-items:stretch !important; gap:28px !important; width:100%; margin:0 !important; } .crc-directory-grid .jet-listing-grid__item{ display:flex !important; width:100% !important; max-width:none !important; min-width:0 !important; height:100% !important; margin:0 !important; padding:0 !important; } .crc-directory-grid .jet-listing-grid__item > div, .crc-directory-grid .jet-listing-grid__item .elementor, .crc-directory-grid .jet-listing-grid__item .elementor-element{ min-width:0; } /* ========================================================== CARD SHELL ========================================================== */ .crc-dir-card{ position:relative; display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; max-width:none !important; min-width:0 !important; height:100% !important; min-height:530px; margin:0 !important; padding:0 !important; overflow:hidden; background:var(--crc-white); border:1px solid rgba(16,43,80,.12); border-radius:var(--crc-radius-lg); box-shadow: 0 12px 32px rgba(16,43,80,.09), 0 2px 8px rgba(16,43,80,.04); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .crc-dir-card:hover{ transform:translateY(-5px); border-color:rgba(247,148,29,.42); box-shadow: 0 20px 44px rgba(16,43,80,.15), 0 5px 14px rgba(16,43,80,.06); } /* Elementor container wrapper support */ .crc-dir-card > .e-con-inner{ display:flex !important; flex:1 1 auto !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; max-width:none !important; min-width:0 !important; } /* ========================================================== HERO ========================================================== */ .crc-dir-hero{ position:relative !important; display:block !important; flex:0 0 150px !important; width:100% !important; max-width:none !important; min-width:0 !important; height:150px !important; min-height:150px !important; margin:0 !important; padding:0 !important; overflow:visible !important; background:#e8eef3; } /* Subtle image overlay */ .crc-dir-hero::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient( 180deg, rgba(6,32,77,.01) 25%, rgba(6,32,77,.16) 100% ); } /* ========================================================== COVER IMAGE ========================================================== */ .crc-dir-cover{ position:absolute !important; inset:0 !important; z-index:1; display:block !important; width:100% !important; max-width:none !important; height:100% !important; margin:0 !important; padding:0 !important; overflow:hidden; } .crc-dir-cover .elementor-widget-container, .crc-dir-cover .jet-listing-dynamic-image, .crc-dir-cover img{ display:block; width:100% !important; max-width:none !important; height:100% !important; margin:0 !important; padding:0 !important; } .crc-dir-cover img{ object-fit:cover !important; object-position:center !important; transition:transform .4s ease; } .crc-dir-card:hover .crc-dir-cover img{ transform:scale(1.035); } /* ========================================================== FEATURED BADGE ========================================================== */ .crc-dir-featured{ position:absolute !important; top:14px; left:14px; z-index:5; width:auto !important; max-width:max-content !important; margin:0 !important; padding:0 !important; } .crc-dir-featured .elementor-widget-container, .crc-dir-featured .jet-listing-dynamic-field, .crc-dir-featured .jet-listing-dynamic-field__inline-wrap{ display:inline-flex !important; width:auto !important; max-width:max-content !important; margin:0 !important; padding:0 !important; } .crc-dir-featured .jet-listing-dynamic-field__content{ display:inline-flex !important; align-items:center; justify-content:center; gap:6px; min-height:30px; padding:6px 12px; color:var(--crc-heading) !important; background:#f7b548 !important; border-radius:var(--crc-radius-pill); font-size:11px !important; font-weight:900 !important; line-height:1 !important; letter-spacing:.07em; text-transform:uppercase; box-shadow:0 6px 16px rgba(0,0,0,.17); } .crc-dir-featured .jet-listing-dynamic-field__content::before{ content:"★"; font-size:11px; line-height:1; } /* ========================================================== OVERLAPPING LOGO ========================================================== */ .crc-dir-logo{ position:absolute !important; left:22px; bottom:-35px; z-index:6; width:76px !important; max-width:76px !important; height:76px !important; margin:0 !important; padding:0 !important; } .crc-dir-logo .elementor-widget-container{ display:flex; align-items:center; justify-content:center; width:76px !important; height:76px !important; padding:7px !important; overflow:hidden; background:var(--crc-white); border:4px solid var(--crc-white); border-radius:50%; box-shadow:0 8px 22px rgba(16,43,80,.20); } .crc-dir-logo img{ display:block; width:100% !important; height:100% !important; object-fit:contain !important; object-position:center !important; border-radius:50%; } /* Hide duplicate body logo */ .crc-dir-body-logo{ display:none !important; } /* ========================================================== BODY ========================================================== */ .crc-dir-body{ position:relative; z-index:3; display:flex !important; flex:1 1 auto !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:48px 22px 22px !important; background:var(--crc-white); } /* ========================================================== CONTENT CONTAINER ========================================================== */ .crc-dir-content{ display:flex !important; flex:1 1 auto !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; } /* Reset inherited Elementor widths */ .crc-dir-content > .elementor-element, .crc-dir-content > .e-con{ max-width:100% !important; min-width:0 !important; } /* ========================================================== BUSINESS NAME ========================================================== */ .crc-dir-title{ display:block !important; width:100% !important; max-width:100% !important; margin:0 0 11px !important; padding:0 !important; text-align:left !important; } .crc-dir-title, .crc-dir-title a, .crc-dir-title .elementor-heading-title, .crc-dir-title .jet-listing-dynamic-field__content{ color:var(--crc-heading) !important; font-size:22px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:-.025em; text-decoration:none !important; } .crc-dir-title .elementor-heading-title, .crc-dir-title .jet-listing-dynamic-field__content{ display:-webkit-box !important; overflow:hidden !important; -webkit-box-orient:vertical; -webkit-line-clamp:2; min-height:53px; } .crc-dir-title a:hover{ color:#e97824 !important; } /* ========================================================== VERIFIED BADGE ========================================================== */ .crc-dir-verified{ display:inline-flex !important; flex-direction:row !important; align-items:center !important; align-self:flex-start !important; justify-content:flex-start !important; gap:5px !important; width:auto !important; max-width:100% !important; min-height:28px; margin:0 0 10px !important; padding:5px 10px !important; color:#18794e !important; background:#f3fbf7; border:1px solid rgba(24,121,78,.18); border-radius:var(--crc-radius-pill); } .crc-dir-verified .elementor-widget, .crc-dir-verified .elementor-widget-container{ width:auto !important; margin:0 !important; padding:0 !important; } .crc-dir-verified .elementor-icon{ display:flex; align-items:center; justify-content:center; color:#22b573 !important; font-size:12px; line-height:1; } .crc-dir-verified .elementor-icon svg{ width:1em; height:1em; fill:currentColor; } .crc-dir-verified .elementor-heading-title, .crc-dir-verified p{ margin:0 !important; padding:0 !important; color:#18794e !important; font-size:12px !important; font-weight:700 !important; line-height:1 !important; } /* ========================================================== GOOGLE RATING ========================================================== */ .crc-dir-rating-row{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap !important; gap:6px !important; width:100% !important; max-width:100% !important; min-height:24px; margin:0 0 13px !important; padding:0 !important; } .crc-dir-rating-row > .elementor-element{ position:relative !important; flex:0 0 auto !important; width:auto !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; inset:auto !important; } /* Stars */ .crc-dir-stars{ display:flex !important; align-items:center !important; flex:0 0 auto !important; width:auto !important; margin:0 !important; padding:0 !important; } .crc-dir-stars .elementor-widget-container{ margin:0 !important; padding:0 !important; } .crc-dir-stars .e-rating{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:2px !important; margin:0 !important; padding:0 !important; } .crc-dir-stars .e-icon{ display:inline-flex !important; align-items:center; justify-content:center; flex:0 0 auto; margin:0 !important; padding:0 !important; font-size:15px !important; line-height:1 !important; } .crc-dir-stars .e-icon-marked{ color:#f5a623 !important; } .crc-dir-stars .e-icon-unmarked{ color:#d8e0e8 !important; } /* Rating value */ .crc-dir-rating-value{ display:flex !important; align-items:center !important; width:auto !important; margin:0 !important; padding:0 !important; color:var(--crc-heading) !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; } /* Review count */ .crc-dir-review-count{ display:flex !important; align-items:center !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; color:var(--crc-muted) !important; font-size:13px !important; font-weight:500 !important; line-height:1 !important; white-space:nowrap; } .crc-dir-rating-value .elementor-widget-container, .crc-dir-review-count .elementor-widget-container, .crc-dir-rating-value .jet-listing-dynamic-field__content, .crc-dir-review-count .jet-listing-dynamic-field__content{ margin:0 !important; padding:0 !important; color:inherit !important; font:inherit !important; line-height:inherit !important; } /* ========================================================== META CONTAINER ========================================================== */ .crc-dir-meta{ display:flex !important; flex-direction:row !important; align-items:flex-start !important; justify-content:flex-start !important; flex-wrap:wrap !important; gap:8px !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 14px !important; padding:0 !important; } .crc-dir-community, .crc-dir-category{ position:relative !important; flex:0 1 auto !important; width:auto !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; inset:auto !important; } .crc-dir-community .jet-listing-dynamic-terms, .crc-dir-category .jet-listing-dynamic-terms{ width:auto !important; max-width:100% !important; } /* Shared pill styling */ .crc-dir-community .jet-listing-dynamic-terms__link, .crc-dir-community .jet-listing-dynamic-terms__content, .crc-dir-category .jet-listing-dynamic-terms__link, .crc-dir-category .jet-listing-dynamic-terms__content{ display:inline-flex !important; align-items:center; gap:6px; width:auto !important; max-width:100% !important; min-height:30px; padding:6px 10px !important; border-radius:var(--crc-radius-pill); font-size:12px !important; font-weight:700 !important; line-height:1.2 !important; text-decoration:none !important; } /* Community pill */ .crc-dir-community .jet-listing-dynamic-terms__link, .crc-dir-community .jet-listing-dynamic-terms__content{ color:#315c80 !important; background:#eef6fb; border:1px solid rgba(49,92,128,.14); } .crc-dir-community .jet-listing-dynamic-terms__link::before, .crc-dir-community .jet-listing-dynamic-terms__content::before{ content:"📍"; flex:0 0 auto; font-size:11px; } /* Category pill */ .crc-dir-category .jet-listing-dynamic-terms__link, .crc-dir-category .jet-listing-dynamic-terms__content{ color:#8b540e !important; background:#fff6e8; border:1px solid rgba(245,182,76,.28); } .crc-dir-category .jet-listing-dynamic-terms__link::before, .crc-dir-category .jet-listing-dynamic-terms__content::before{ content:"•"; flex:0 0 auto; color:#e97824; font-size:16px; font-weight:900; line-height:.5; } /* ========================================================== DESCRIPTION ========================================================== */ .crc-dir-description{ display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 18px !important; padding:0 !important; text-align:left !important; } .crc-dir-description, .crc-dir-description p, .crc-dir-description .jet-listing-dynamic-field__content{ color:#5d6b7d !important; font-size:14px !important; font-weight:400 !important; line-height:1.55 !important; } .crc-dir-description p{ margin:0 !important; } /* Clamp to three lines */ .crc-dir-description .elementor-widget-container, .crc-dir-description .jet-listing-dynamic-field__content{ display:-webkit-box !important; overflow:hidden !important; -webkit-box-orient:vertical; -webkit-line-clamp:3; } /* ========================================================== FOOTER ========================================================== */ .crc-dir-footer{ display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; max-width:none !important; margin-top:auto !important; padding:0 !important; } /* ========================================================== BUTTON ========================================================== */ .crc-dir-button{ position:relative !important; display:block !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; inset:auto !important; } .crc-dir-button .elementor-widget-container{ width:100% !important; margin:0 !important; padding:0 !important; } .crc-dir-button .elementor-button{ display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; width:100% !important; min-height:46px !important; margin:0 !important; padding:12px 18px !important; color:var(--crc-white) !important; background:#ef7d1a !important; border:1px solid #ef7d1a !important; border-radius:12px !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; text-align:center !important; text-decoration:none !important; box-shadow:0 8px 20px rgba(239,125,26,.24) !important; transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important; } .crc-dir-button .elementor-button:hover{ color:var(--crc-white) !important; background:#d96812 !important; border-color:#d96812 !important; transform:translateY(-1px); box-shadow:0 11px 26px rgba(239,125,26,.31) !important; } /* Prevent old generated button layers */ .crc-dir-button::before, .crc-dir-button::after, .crc-dir-button .elementor-widget-container::before, .crc-dir-button .elementor-widget-container::after, .crc-dir-button .elementor-button::before, .crc-dir-button .elementor-button::after{ content:none !important; display:none !important; } /* Elementor button text and icon */ .crc-dir-button .elementor-button-content-wrapper{ display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; } .crc-dir-button .elementor-button-icon{ display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; } /* ========================================================== EMPTY DYNAMIC VALUES ========================================================== */ .crc-dir-card .jet-listing-dynamic-field__content:empty, .crc-dir-card .jet-listing-dynamic-terms__content:empty{ display:none !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .crc-directory-grid .jet-listing-grid__items{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:24px !important; } .crc-dir-card{ min-height:510px; } .crc-dir-hero{ flex-basis:145px !important; height:145px !important; min-height:145px !important; } .crc-dir-body{ padding:47px 20px 20px !important; } .crc-dir-title, .crc-dir-title a, .crc-dir-title .elementor-heading-title, .crc-dir-title .jet-listing-dynamic-field__content{ font-size:21px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .crc-directory-grid .jet-listing-grid__items{ grid-template-columns:minmax(0, 1fr) !important; gap:20px !important; } .crc-dir-card{ min-height:0; border-radius:17px; } .crc-dir-card:hover{ transform:none; } .crc-dir-hero{ flex-basis:140px !important; height:140px !important; min-height:140px !important; } .crc-dir-logo{ left:18px; bottom:-32px; width:70px !important; max-width:70px !important; height:70px !important; } .crc-dir-logo .elementor-widget-container{ width:70px !important; height:70px !important; } .crc-dir-body{ padding:44px 18px 18px !important; } .crc-dir-title, .crc-dir-title a, .crc-dir-title .elementor-heading-title, .crc-dir-title .jet-listing-dynamic-field__content{ font-size:20px !important; } .crc-dir-title .elementor-heading-title, .crc-dir-title .jet-listing-dynamic-field__content{ min-height:auto; } .crc-dir-description, .crc-dir-description p, .crc-dir-description .jet-listing-dynamic-field__content{ font-size:14px !important; } } /* ========================================================== CRC DIRECTORY CARD — FOOTER CLIPPING FIX ========================================================== */ /* Give the card enough controlled height */ .crc-directory-grid .crc-dir-card{ min-height:560px !important; height:100% !important; } /* Ensure the body and content actually share available height */ .crc-directory-grid .crc-dir-body{ display:flex !important; flex:1 1 auto !important; flex-direction:column !important; justify-content:flex-start !important; min-height:0 !important; } .crc-directory-grid .crc-dir-content{ display:flex !important; flex:1 1 auto !important; flex-direction:column !important; justify-content:flex-start !important; min-height:0 !important; gap:0 !important; } /* Remove inherited Elementor spacing that creates large gaps */ .crc-directory-grid .crc-dir-content > .elementor-element, .crc-directory-grid .crc-dir-content > .e-con{ flex-grow:0 !important; flex-shrink:0 !important; min-height:0 !important; } /* Keep descriptions consistently sized */ .crc-directory-grid .crc-dir-description{ height:66px !important; min-height:66px !important; max-height:66px !important; margin:0 0 16px !important; overflow:hidden !important; } .crc-directory-grid .crc-dir-description .elementor-widget-container, .crc-directory-grid .crc-dir-description .jet-listing-dynamic-field__content{ display:-webkit-box !important; overflow:hidden !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:3 !important; } /* COMMUNITY CHIP GRID */ .crc-community-chip-grid { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; } /* INDIVIDUAL CITY CHIP */ .crc-community-chip { width: calc(50% - 5px); min-height: 50px; padding: 10px 14px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; color: var(--crc-white); text-decoration: none; background: rgba(3, 35, 67, 0.62); border: 1px solid rgba(255, 255, 255, 0.42); border-radius: 10px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .crc-community-chip:hover { transform: translateY(-2px); color: var(--crc-white); background: rgba(7, 51, 89, 0.9); border-color: #19dff4; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18); } /* LOCATION ICON */ .crc-community-chip .elementor-icon { color: #1fe4f5; font-size: 17px; flex: 0 0 auto; } .crc-community-chip .elementor-icon svg { fill: currentColor; } /* CITY NAME */ .crc-community-chip-label, .crc-community-chip-label .elementor-heading-title { margin: 0; color: var(--crc-white); font-size: 16px; font-weight: 600; line-height: 1.2; } /* FULL-WIDTH CHIP FOR ODD FINAL ITEM */ .crc-community-chip-wide { width: 100%; } /* TABLET */ @media (max-width: 1024px) { .crc-community-chip { width: 100%; } } /* MOBILE */ @media (max-width: 767px) { .crc-community-chip { width: 100%; min-height: 48px; padding: 10px 12px; } .crc-community-chip-label, .crc-community-chip-label .elementor-heading-title { font-size: 15px; } } /* ========================================================== BB CATEGORY SECTION v1.0 Browse by Category ========================================================== */ /* ========================================================== SECTION ========================================================== */ .bb-category-section{ position:relative; width:100%; padding:72px 0 78px; overflow:hidden; background:var(--crc-white); border-top:1px solid rgba(16,43,80,.08); border-bottom:1px solid rgba(16,43,80,.08); } /* ========================================================== SECTION INNER ========================================================== */ .bb-category-inner{ width:100%; max-width:1240px; margin:0 auto; padding:0 24px; } /* ========================================================== HEADER ROW ========================================================== */ .bb-category-header{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; width:100%; margin-bottom:28px; } .bb-category-heading{ flex:1 1 auto; min-width:0; } /* ========================================================== EYEBROW ========================================================== */ .bb-category-eyebrow, .bb-category-eyebrow p, .bb-category-eyebrow .elementor-heading-title{ margin:0 0 7px !important; color:var(--crc-accent) !important; font-size:12px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:.10em; text-transform:uppercase; } /* ========================================================== TITLE ========================================================== */ .bb-category-title, .bb-category-title .elementor-heading-title{ margin:0 !important; color:var(--crc-heading) !important; font-size:34px !important; font-weight:800 !important; line-height:1.15 !important; letter-spacing:-.025em; } /* ========================================================== VIEW ALL BUTTON ========================================================== */ .bb-category-view-all{ flex:0 0 auto; margin:0 !important; } .bb-category-view-all .elementor-button{ display:inline-flex !important; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:11px 18px !important; color:var(--crc-heading) !important; background:var(--crc-white) !important; border:1px solid rgba(16,43,80,.45) !important; border-radius:8px !important; font-size:13px !important; font-weight:800 !important; line-height:1 !important; box-shadow:none; transition: transform .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease; } .bb-category-view-all .elementor-button::after{ content:"→"; font-size:17px; line-height:1; transition:transform .22s ease; } .bb-category-view-all .elementor-button:hover{ color:var(--crc-accent) !important; border-color:var(--crc-accent) !important; transform:translateY(-1px); box-shadow:0 8px 18px rgba(16,43,80,.08); } .bb-category-view-all .elementor-button:hover::after{ transform:translateX(3px); } /* ========================================================== CATEGORY GRID ========================================================== */ .bb-category-grid{ display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:14px; width:100%; } /* ========================================================== CATEGORY CARD ========================================================== */ .bb-category-card{ position:relative; display:flex; align-items:center; justify-content:flex-start; gap:12px; min-width:0; min-height:82px; padding:16px 15px; background:var(--crc-white); border:1px solid rgba(16,43,80,.09); border-radius:var(--crc-radius-sm); box-shadow: 0 3px 12px rgba(16,43,80,.04); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background-color .24s ease; } .bb-category-card:hover{ transform:translateY(-4px); background:#fffdfa; border-color:rgba(247,148,29,.38); box-shadow: 0 12px 26px rgba(16,43,80,.10); } /* ========================================================== CARD LINK Optional: apply this class to the linked parent container ========================================================== */ .bb-category-card > a{ position:absolute; inset:0; z-index:5; border-radius:inherit; } /* ========================================================== CATEGORY ICON ========================================================== */ .bb-category-icon{ flex:0 0 auto; margin:0 !important; } .bb-category-icon .elementor-icon{ display:flex; align-items:center; justify-content:center; width:34px; height:34px; color:var(--crc-heading); font-size:27px; transition: color .24s ease, transform .24s ease; } .bb-category-card:hover .bb-category-icon .elementor-icon{ color:var(--crc-accent); transform:scale(1.05); } .bb-category-icon svg{ width:1em; height:1em; } /* ========================================================== CATEGORY TEXT ========================================================== */ .bb-category-content{ display:flex; flex-direction:column; justify-content:center; min-width:0; } .bb-category-name, .bb-category-name .elementor-heading-title, .bb-category-name a{ margin:0 !important; color:var(--crc-heading) !important; font-size:13px !important; font-weight:800 !important; line-height:1.25 !important; text-decoration:none !important; } .bb-category-count, .bb-category-count p, .bb-category-count .elementor-heading-title{ margin:4px 0 0 !important; color:#768499 !important; font-size:11px !important; font-weight:600 !important; line-height:1.2 !important; } .bb-category-card:hover .bb-category-name, .bb-category-card:hover .bb-category-name .elementor-heading-title, .bb-category-card:hover .bb-category-name a{ color:var(--crc-heading) !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1200px){ .bb-category-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .bb-category-card{ min-height:78px; } } @media(max-width:1024px){ .bb-category-section{ padding:64px 0 70px; } .bb-category-title, .bb-category-title .elementor-heading-title{ font-size:31px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .bb-category-section{ padding:52px 0 58px; } .bb-category-inner{ padding:0 18px; } .bb-category-header{ align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:22px; } .bb-category-title, .bb-category-title .elementor-heading-title{ font-size:27px !important; } .bb-category-view-all{ width:100%; } .bb-category-view-all .elementor-button{ width:100%; } .bb-category-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .bb-category-card{ flex-direction:column; align-items:flex-start; justify-content:center; gap:10px; min-height:118px; padding:16px; } .bb-category-icon .elementor-icon{ width:32px; height:32px; font-size:25px; } .bb-category-name, .bb-category-name .elementor-heading-title, .bb-category-name a{ font-size:13px !important; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media(max-width:480px){ .bb-category-grid{ grid-template-columns:1fr; } .bb-category-card{ flex-direction:row; align-items:center; min-height:76px; } } /* ========================================================== CATEGORY CARD FINAL SIZE FIX ========================================================== */ .bb-category-grid{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:14px !important; width:100% !important; } .bb-category-card{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:14px !important; width:100% !important; height:auto !important; min-height:86px !important; padding:16px 18px !important; background:var(--crc-white) !important; border:1px solid rgba(16,43,80,.10) !important; border-radius:12px !important; box-shadow:0 4px 14px rgba(16,43,80,.06) !important; } /* Remove inherited Elementor minimum heights */ .bb-category-card.e-con, .bb-category-card > .e-con-inner{ min-height:0 !important; height:auto !important; } /* Remove excess inner spacing */ .bb-category-card > .e-con-inner{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:14px !important; width:100% !important; padding:0 !important; margin:0 !important; } /* Heading */ .bb-category-name{ width:auto !important; margin:0 !important; } .bb-category-name .elementor-heading-title, .bb-category-name a{ margin:0 !important; color:var(--crc-heading) !important; font-size:14px !important; font-weight:800 !important; line-height:1.25 !important; } /* Icon */ .bb-category-icon{ flex:0 0 auto !important; width:auto !important; margin:0 !important; } .bb-category-icon .elementor-icon{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; color:var(--crc-heading) !important; font-size:27px !important; } .bb-category-card:hover{ transform:translateY(-3px); border-color:rgba(247,148,29,.45) !important; box-shadow:0 12px 26px rgba(16,43,80,.12) !important; } .bb-category-card:hover .bb-category-icon .elementor-icon{ color:var(--crc-accent) !important; } /* TABLET */ @media(max-width:1024px){ .bb-category-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } /* MOBILE */ @media(max-width:767px){ .bb-category-grid{ grid-template-columns:1fr !important; gap:12px !important; } .bb-category-card{ min-height:76px !important; padding:14px 16px !important; } } /* ========================================================== BB CATEGORY GRID — FINAL STRETCH FIX Place after all other category CSS ========================================================== */ .bb-category-grid{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; justify-items:stretch !important; align-items:stretch !important; gap:16px !important; width:100% !important; max-width:none !important; } /* Force every direct grid item to fill its column */ .bb-category-grid > *{ width:100% !important; max-width:none !important; min-width:0 !important; justify-self:stretch !important; } /* Individual category card */ .bb-category-card{ position:relative !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:14px !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:84px !important; height:auto !important; margin:0 !important; padding:18px 20pxpx !important; background:var(--crc-white) !important; background-image:none !important; border:1px solid rgba(16,43,80,.11) !important; border-radius:12px !important; box-shadow:0 4px 14px rgba(16,43,80,.06) !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; } /* Elementor container correction */ .bb-category-card.e-con, .bb-category-card > .e-con-inner{ width:100% !important; max-width:none !important; min-width:0 !important; min-height:0 !important; height:auto !important; } .bb-category-card > .e-con-inner{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:14px !important; padding:0 !important; margin:0 !important; } /* Icon */ .bb-category-icon{ flex:0 0 auto !important; width:38px !important; margin:0 !important; } .bb-category-icon .elementor-icon{ display:flex !important; align-items:center !important; justify-content:center !important; width:38px !important; height:38px !important; color:var(--crc-heading) !important; font-size:27px !important; } /* Name */ .bb-category-name{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; } .bb-category-name .elementor-heading-title, .bb-category-name a{ margin:0 !important; color:var(--crc-heading) !important; font-size:14px !important; font-weight:800 !important; line-height:1.25 !important; text-align:left !important; text-decoration:none !important; } /* Hover */ .bb-category-card:hover{ transform:translateY(-3px); border-color:rgba(247,148,29,.50) !important; box-shadow: 0 12px 26px rgba(16,43,80,.12) !important; } .bb-category-card:hover .bb-category-icon .elementor-icon{ color:var(--crc-accent) !important; } /* Tablet */ @media(max-width:1024px){ .bb-category-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } /* Mobile */ @media(max-width:767px){ .bb-category-grid{ grid-template-columns:1fr !important; gap:12px !important; } .bb-category-card{ min-height:76px !important; padding:14px 16px !important; } } /* ========================================================== BB COMMUNITY SPONSORS v2.0 JetEngine Sponsor Slider Matches BB Category Card Styling ========================================================== */ /* ========================================================== SPONSOR SECTION ========================================================== */ .bb-sponsor-section{ position:relative; width:100%; padding:72px 0 78px; overflow:hidden; background:var(--crc-white); border-top:1px solid rgba(16,43,80,.08); border-bottom:1px solid rgba(16,43,80,.08); } /* ========================================================== SECTION INNER ========================================================== */ .bb-sponsor-inner{ width:100%; max-width:1240px; margin:0 auto; padding:0 24px; } /* ========================================================== HEADER ========================================================== */ .bb-sponsor-header{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; width:100%; margin-bottom:28px; } .bb-sponsor-heading{ flex:1 1 auto; min-width:0; } /* Eyebrow */ .bb-sponsor-eyebrow, .bb-sponsor-eyebrow p, .bb-sponsor-eyebrow .elementor-heading-title{ margin:0 0 7px !important; color:var(--crc-accent) !important; font-size:12px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:.10em; text-transform:uppercase; } /* Title */ .bb-sponsor-title, .bb-sponsor-title .elementor-heading-title{ margin:0 !important; color:var(--crc-heading) !important; font-size:34px !important; font-weight:800 !important; line-height:1.15 !important; letter-spacing:-.025em; } /* ========================================================== VIEW ALL BUTTON ========================================================== */ .bb-sponsor-view-all{ flex:0 0 auto; margin:0 !important; } .bb-sponsor-view-all .elementor-button{ display:inline-flex !important; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:11px 18px !important; color:var(--crc-heading) !important; background:var(--crc-white) !important; border:1px solid rgba(16,43,80,.45) !important; border-radius:8px !important; font-size:13px !important; font-weight:800 !important; line-height:1 !important; box-shadow:none !important; transition: transform .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease; } .bb-sponsor-view-all .elementor-button::after{ content:"→"; font-size:17px; line-height:1; transition:transform .22s ease; } .bb-sponsor-view-all .elementor-button:hover{ color:var(--crc-accent) !important; border-color:var(--crc-accent) !important; transform:translateY(-1px); box-shadow: 0 8px 18px rgba(16,43,80,.08) !important; } .bb-sponsor-view-all .elementor-button:hover::after{ transform:translateX(3px); } /* ========================================================== SLIDER WRAPPER Apply bb-sponsor-slider to the JetEngine Listing Grid ========================================================== */ .bb-sponsor-slider{ position:relative; width:100% !important; margin:0 !important; padding:0 !important; background:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important; } .bb-sponsor-slider .jet-listing-grid, .bb-sponsor-slider .jet-listing-grid__slider, .bb-sponsor-slider .jet-listing-grid__items, .bb-sponsor-slider .slick-list, .bb-sponsor-slider .slick-track{ background:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; } /* Keep slide heights equal */ .bb-sponsor-slider .slick-track{ display:flex !important; align-items:stretch !important; } .bb-sponsor-slider .slick-slide{ display:flex !important; float:none !important; height:auto !important; } .bb-sponsor-slider .slick-slide > div{ display:flex !important; height:100% !important; } /* ========================================================== EACH SLIDE — FIXED Let JetEngine/Slick control slide width ========================================================== */ .bb-sponsor-slider .jet-listing-grid__item{ display:flex !important; align-items:stretch !important; height:auto !important; padding:10px !important; margin:0 !important; } /* Do not force the Slick slide itself to 100% width */ .bb-sponsor-slider .jet-listing-grid__item > *{ width:100% !important; min-width:0 !important; height:100% !important; } /* ========================================================== INDIVIDUAL SPONSOR CARD Apply bb-sponsor-card to the outer container in Sponsor Card ========================================================== */ .bb-sponsor-slider .bb-sponsor-card{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:12px !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:160px !important; height:100% !important; margin:0 !important; padding:22px 20px !important; background:var(--crc-white) !important; background-image:none !important; border:1px solid rgba(16,43,80,.11) !important; border-radius:14px !important; box-shadow: 0 4px 14px rgba(16,43,80,.06) !important; overflow:hidden !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .bb-sponsor-slider .bb-sponsor-card:hover{ transform:translateY(-4px); border-color:rgba(247,148,29,.50) !important; box-shadow: 0 12px 26px rgba(16,43,80,.12) !important; } /* Elementor container corrections */ .bb-sponsor-slider .bb-sponsor-card.e-con, .bb-sponsor-slider .bb-sponsor-card > .e-con-inner{ width:100% !important; max-width:none !important; min-width:0 !important; min-height:0 !important; height:100% !important; margin:0 !important; } .bb-sponsor-slider .bb-sponsor-card > .e-con-inner{ display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:12px !important; padding:0 !important; } /* ========================================================== SPONSOR LOGO Apply bb-sponsor-logo to the image/dynamic image widget ========================================================== */ .bb-sponsor-slider .bb-sponsor-logo{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:110px !important; margin:0 !important; } .bb-sponsor-slider .bb-sponsor-logo .elementor-widget-container, .bb-sponsor-slider .bb-sponsor-logo .jet-listing-dynamic-image{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; } .bb-sponsor-slider .bb-sponsor-logo a{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; } .bb-sponsor-slider .bb-sponsor-logo img{ display:block !important; width:auto !important; height:auto !important; max-width:210px !important; max-height:100px !important; margin:0 auto !important; object-fit:contain !important; object-position:center !important; transition: transform .25s ease, filter .25s ease; } .bb-sponsor-slider .bb-sponsor-card:hover .bb-sponsor-logo img{ transform:scale(1.04); } /* ========================================================== OPTIONAL SPONSOR NAME ========================================================== */ .bb-sponsor-slider .bb-sponsor-name{ width:100% !important; margin:0 !important; } .bb-sponsor-slider .bb-sponsor-name, .bb-sponsor-slider .bb-sponsor-name .elementor-heading-title, .bb-sponsor-slider .bb-sponsor-name a, .bb-sponsor-slider .bb-sponsor-name .jet-listing-dynamic-field__content{ margin:0 !important; color:var(--crc-heading) !important; font-size:14px !important; font-weight:800 !important; line-height:1.25 !important; text-align:center !important; text-decoration:none !important; } /* ========================================================== OPTIONAL SPONSOR META ========================================================== */ .bb-sponsor-slider .bb-sponsor-meta, .bb-sponsor-slider .bb-sponsor-meta p, .bb-sponsor-slider .bb-sponsor-meta .elementor-heading-title, .bb-sponsor-slider .bb-sponsor-meta .jet-listing-dynamic-field__content{ margin:3px 0 0 !important; color:#768499 !important; font-size:12px !important; font-weight:600 !important; line-height:1.3 !important; text-align:center !important; } /* ========================================================== SLIDER ARROWS ========================================================== */ .bb-sponsor-slider .jet-listing-grid__slider-icon{ z-index:20 !important; display:flex !important; align-items:center !important; justify-content:center !important; width:40px !important; height:40px !important; color:var(--crc-white) !important; background:var(--crc-heading) !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:50% !important; box-shadow: 0 7px 18px rgba(16,43,80,.22) !important; transition: transform .22s ease, background-color .22s ease, box-shadow .22s ease; } .bb-sponsor-slider .jet-listing-grid__slider-icon:hover{ background:var(--crc-accent) !important; transform:scale(1.06); box-shadow: 0 10px 22px rgba(247,148,29,.25) !important; } /* Keep arrows inside slider */ .bb-sponsor-slider .jet-listing-grid__slider-icon.prev-arrow{ left:4px !important; } .bb-sponsor-slider .jet-listing-grid__slider-icon.next-arrow{ right:4px !important; } /* Alternate JetEngine arrow class support */ .bb-sponsor-slider .jet-listing-grid__slider-icon.slick-prev{ left:4px !important; } .bb-sponsor-slider .jet-listing-grid__slider-icon.slick-next{ right:4px !important; } /* ========================================================== SLIDER DOTS ========================================================== */ .bb-sponsor-slider .jet-slick-dots, .bb-sponsor-slider .slick-dots{ display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; position:relative !important; bottom:auto !important; width:100% !important; margin:16px 0 0 !important; padding:0 !important; list-style:none !important; } .bb-sponsor-slider .jet-slick-dots li, .bb-sponsor-slider .slick-dots li{ width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; } .bb-sponsor-slider .jet-slick-dots li button, .bb-sponsor-slider .slick-dots li button{ display:block !important; width:8px !important; height:8px !important; padding:0 !important; background:rgba(16,43,80,.22) !important; border:none !important; border-radius:50% !important; font-size:0 !important; transition: width .22s ease, background-color .22s ease; } .bb-sponsor-slider .jet-slick-dots li button::before, .bb-sponsor-slider .slick-dots li button::before{ display:none !important; } .bb-sponsor-slider .jet-slick-dots li.slick-active button, .bb-sponsor-slider .slick-dots li.slick-active button{ width:22px !important; background:var(--crc-accent) !important; border-radius:var(--crc-radius-pill) !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .bb-sponsor-section{ padding:64px 0 70px; } .bb-sponsor-title, .bb-sponsor-title .elementor-heading-title{ font-size:31px !important; } .bb-sponsor-slider .bb-sponsor-card{ min-height:140px !important; padding:20px 18px !important; } .bb-sponsor-slider .bb-sponsor-logo{ height:88px !important; } .bb-sponsor-slider .bb-sponsor-logo img{ max-width:175px !important; max-height:80px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .bb-sponsor-section{ padding:52px 0 58px; } .bb-sponsor-inner{ padding:0 18px; } .bb-sponsor-header{ flex-direction:column; align-items:flex-start; gap:18px; margin-bottom:22px; } .bb-sponsor-title, .bb-sponsor-title .elementor-heading-title{ font-size:27px !important; } .bb-sponsor-view-all{ width:100% !important; } .bb-sponsor-view-all .elementor-button{ width:100% !important; } .bb-sponsor-slider .jet-listing-grid__item{ padding:6px !important; } .bb-sponsor-slider .bb-sponsor-card{ min-height:135px !important; padding:18px 16px !important; } .bb-sponsor-slider .bb-sponsor-logo{ height:82px !important; } .bb-sponsor-slider .bb-sponsor-logo img{ max-width:165px !important; max-height:74px !important; } .bb-sponsor-slider .jet-listing-grid__slider-icon{ width:36px !important; height:36px !important; } .bb-sponsor-slider .jet-listing-grid__slider-icon.prev-arrow, .bb-sponsor-slider .jet-listing-grid__slider-icon.slick-prev{ left:2px !important; } .bb-sponsor-slider .jet-listing-grid__slider-icon.next-arrow, .bb-sponsor-slider .jet-listing-grid__slider-icon.slick-next{ right:2px !important; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media(max-width:480px){ .bb-sponsor-slider .bb-sponsor-card{ min-height:128px !important; } .bb-sponsor-slider .bb-sponsor-logo{ height:76px !important; } .bb-sponsor-slider .bb-sponsor-logo img{ max-width:150px !important; max-height:68px !important; } } /* ========================================================== CRC NEWEST BUSINESSES WORKING LOCKED VERSION v1.1 ========================================================== */ /* ========================================================== GRID LAYOUT ========================================================== */ .crc-newest-grid .jet-listing-grid__items{ display:flex !important; flex-wrap:wrap !important; align-items:stretch !important; } .crc-newest-grid .jet-listing-grid__item{ display:flex !important; box-sizing:border-box !important; width:33.333333% !important; max-width:33.333333% !important; flex:0 0 33.333333% !important; height:100% !important; } .crc-newest-grid .jet-listing-grid__item > *{ display:flex !important; width:100% !important; max-width:100% !important; } /* ========================================================== CARD ========================================================== */ .crc-newest-grid .crc-newest-card{ display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; width:100% !important; height:100% !important; min-height:0 !important; overflow:hidden !important; background:var(--crc-white); border:1px solid rgba(10,45,87,.10); border-radius:18px; box-shadow:0 8px 24px rgba(10,45,87,.10); transition: transform .25s ease, box-shadow .25s ease; } .crc-newest-grid .crc-newest-card:hover{ transform:translateY(-4px); box-shadow:0 14px 32px rgba(10,45,87,.16); } /* ========================================================== HERO / COVER ========================================================== */ .crc-newest-grid .crc-newest-hero{ display:block !important; position:relative !important; width:100% !important; height:145px !important; min-height:145px !important; flex:0 0 145px !important; overflow:hidden !important; } .crc-newest-grid .crc-newest-cover, .crc-newest-grid .crc-newest-cover .elementor-widget-container, .crc-newest-grid .crc-newest-cover img{ display:block !important; width:100% !important; height:145px !important; } .crc-newest-grid .crc-newest-cover img{ object-fit:cover !important; } /* Business logo */ .crc-newest-grid .crc-newest-logo{ position:absolute !important; left:18px !important; bottom:10px !important; z-index:3 !important; width:auto !important; margin:0 !important; } .crc-newest-grid .crc-newest-logo img{ display:block; width:56px !important; height:56px !important; object-fit:contain; background:var(--crc-white); border:3px solid var(--crc-white); border-radius:50%; box-shadow:0 5px 14px rgba(10,45,87,.18); } /* ========================================================== BODY ========================================================== */ .crc-newest-grid .crc-newest-body{ display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; flex-grow:1 !important; width:100% !important; gap:12px !important; padding:24px 20px 16px !important; background:var(--crc-white) !important; } .crc-newest-grid .crc-newest-name, .crc-newest-grid .crc-newest-meta, .crc-newest-grid .crc-newest-description{ position:relative !important; width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } /* ========================================================== BUSINESS NAME ========================================================== */ .crc-newest-grid .crc-newest-name{ margin:0 !important; } .crc-newest-grid .crc-newest-name, .crc-newest-grid .crc-newest-name a{ color:#082d57 !important; text-decoration:none !important; } .crc-newest-grid .crc-newest-name .elementor-heading-title{ margin:0 !important; font-size:22px !important; font-weight:700 !important; line-height:1.25 !important; color:#082d57 !important; } /* ========================================================== META PILLS ========================================================== */ .crc-newest-grid .crc-newest-meta{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important; gap:8px !important; margin:0 !important; } .crc-newest-grid .crc-newest-community, .crc-newest-grid .crc-newest-category{ display:inline-flex !important; width:auto !important; max-width:100% !important; flex:0 0 auto !important; margin:0 !important; } /* Community pill */ .crc-newest-grid .crc-newest-community .jet-listing-dynamic-terms, .crc-newest-grid .crc-newest-community .jet-listing-dynamic-terms__link, .crc-newest-grid .crc-newest-community .jet-listing-dynamic-terms__item{ display:inline-flex !important; align-items:center !important; width:auto !important; max-width:100% !important; padding:6px 11px !important; background:#eef7fc !important; border:1px solid #cfe1ee !important; border-radius:var(--crc-radius-pill) !important; color:#285d7d !important; font-size:13px !important; line-height:1.2 !important; text-decoration:none !important; } /* Category pill */ .crc-newest-grid .crc-newest-category .jet-listing-dynamic-terms, .crc-newest-grid .crc-newest-category .jet-listing-dynamic-terms__link, .crc-newest-grid .crc-newest-category .jet-listing-dynamic-terms__item{ display:inline-flex !important; align-items:center !important; width:auto !important; max-width:100% !important; padding:6px 11px !important; background:#fff7e9 !important; border:1px solid #f3d49f !important; border-radius:var(--crc-radius-pill) !important; color:#9b6511 !important; font-size:13px !important; line-height:1.2 !important; text-decoration:none !important; } .crc-newest-grid .crc-newest-community a, .crc-newest-grid .crc-newest-category a{ color:inherit !important; text-decoration:none !important; } /* ========================================================== DESCRIPTION ========================================================== */ .crc-newest-grid .crc-newest-description{ margin:0 !important; } .crc-newest-grid .crc-newest-description .elementor-widget-container, .crc-newest-grid .crc-newest-description .jet-listing-dynamic-field, .crc-newest-grid .crc-newest-description .jet-listing-dynamic-field__content{ width:100% !important; max-width:100% !important; } .crc-newest-grid .crc-newest-description .jet-listing-dynamic-field__content{ display:-webkit-box !important; overflow:hidden !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; line-clamp:2 !important; min-height:3em; max-height:3em; color:#4f6073 !important; font-size:15px !important; line-height:1.5 !important; } /* ========================================================== FOOTER / BUTTON ========================================================== */ .crc-newest-grid .crc-newest-footer{ display:flex !important; flex-direction:column !important; width:100% !important; margin-top:auto !important; padding:0 20px 20px !important; background:var(--crc-white) !important; } .crc-newest-grid .crc-newest-button, .crc-newest-grid .crc-newest-button .elementor-widget-container, .crc-newest-grid .crc-newest-button .elementor-button-wrapper, .crc-newest-grid .crc-newest-button .elementor-button{ width:100% !important; } .crc-newest-grid .crc-newest-button .elementor-button{ display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; min-height:44px !important; padding:11px 18px !important; border-radius:var(--crc-radius-sm) !important; white-space:nowrap !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width:1024px){ .crc-newest-grid .jet-listing-grid__item{ width:50% !important; max-width:50% !important; flex:0 0 50% !important; } .crc-newest-grid .crc-newest-hero{ height:140px !important; min-height:140px !important; flex-basis:140px !important; } .crc-newest-grid .crc-newest-cover, .crc-newest-grid .crc-newest-cover .elementor-widget-container, .crc-newest-grid .crc-newest-cover img{ height:140px !important; } .crc-newest-grid .crc-newest-body{ padding:22px 18px 14px !important; } .crc-newest-grid .crc-newest-footer{ padding:0 18px 18px !important; } .crc-newest-grid .crc-newest-name .elementor-heading-title{ font-size:20px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-newest-grid .jet-listing-grid__item{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; } .crc-newest-grid .crc-newest-card{ border-radius:var(--crc-radius-md); } .crc-newest-grid .crc-newest-hero{ height:165px !important; min-height:165px !important; flex-basis:165px !important; } .crc-newest-grid .crc-newest-cover, .crc-newest-grid .crc-newest-cover .elementor-widget-container, .crc-newest-grid .crc-newest-cover img{ height:165px !important; } .crc-newest-grid .crc-newest-body{ padding:22px 18px 14px !important; } .crc-newest-grid .crc-newest-footer{ padding:0 18px 18px !important; } .crc-newest-grid .crc-newest-name .elementor-heading-title{ font-size:21px !important; } } /* ========================================================== CRC STATE HERO v1.0 Shared structure for Arizona, Nevada and California ========================================================== */ .crc-state-hero{ position:relative; display:flex; align-items:stretch; width:100%; min-height:720px; overflow:hidden; padding:52px 40px 56px; background-position:center center; background-repeat:no-repeat; background-size:cover; } /* Dark blue overlay */ .crc-state-hero::before{ content:""; position:absolute; inset:0; z-index:0; background: linear-gradient( 90deg, rgba(2,24,52,.96) 0%, rgba(2,24,52,.88) 42%, rgba(2,24,52,.58) 68%, rgba(2,24,52,.26) 100% ); } /* Keeps Elementor content above overlay */ .crc-state-hero > .e-con-inner, .crc-state-hero > .elementor-container{ position:relative; z-index:1; width:100%; } /* ========================================================== CRC STATE HERO v1.2 FINAL LOCKED VERSION Arizona / Nevada / California ========================================================== */ /* ========================================================== OUTER HERO Classes: crc-state-hero crc-state-hero--arizona ========================================================== */ .crc-state-hero{ position:relative !important; isolation:isolate; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:720px; gap:54px; margin:0; padding:88px 40px 64px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; } .crc-state-hero, .crc-state-hero *{ box-sizing:border-box; } /* Dark navy overlay */ .crc-state-hero::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background: linear-gradient( 90deg, rgba(2,24,52,.97) 0%, rgba(2,24,52,.91) 38%, rgba(2,24,52,.63) 66%, rgba(2,24,52,.24) 100% ); } /* Keep Elementor content above overlay */ .crc-state-hero > *, .crc-state-hero > .e-con, .crc-state-hero > .e-con-inner, .crc-state-hero > .elementor-container{ position:relative !important; z-index:2 !important; } /* Arizona-specific image positioning */ .crc-state-hero--arizona{ background-position:60% center; } /* ========================================================== HERO CONTENT / LEFT Class: crc-state-hero__content ========================================================== */ .crc-state-hero__content{ position:relative; z-index:3; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; flex:1 1 64% !important; width:64% !important; max-width:850px !important; min-width:0 !important; margin:0 !important; padding:0 !important; } .crc-state-hero__content > *, .crc-state-hero__content .elementor-widget, .crc-state-hero__content .elementor-widget-container{ position:relative; z-index:3; } /* ========================================================== BREADCRUMBS Class: crc-state-breadcrumbs ========================================================== */ .crc-state-breadcrumbs{ display:flex; align-items:center; flex-wrap:wrap; gap:7px; width:100%; margin:0 0 20px; padding:0; font-size:13px; line-height:1.4; font-weight:500; color:rgba(255,255,255,.82) !important; } .crc-state-breadcrumbs a, .crc-state-breadcrumbs span{ color:rgba(255,255,255,.82) !important; } .crc-state-breadcrumbs a{ text-decoration:none; transition:color .2s ease; } .crc-state-breadcrumbs a:hover{ color:#ff7900 !important; } .crc-state-breadcrumbs__separator{ color:rgba(255,255,255,.48) !important; } .crc-state-breadcrumbs [aria-current="page"]{ color:var(--crc-white) !important; } /* ========================================================== EYEBROW Class: crc-state-hero__eyebrow ========================================================== */ .crc-state-hero__eyebrow, .crc-state-hero__eyebrow .elementor-heading-title, .crc-state-hero__eyebrow p{ width:100%; margin:0 0 18px; font-size:14px; line-height:1.4; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#ff7900 !important; } /* ========================================================== TITLE Class: crc-state-hero__title ========================================================== */ .crc-state-hero__title{ width:100%; max-width:720px; margin:0 0 16px; font-size:clamp(52px,5.2vw,78px); line-height:.98; font-weight:700; letter-spacing:-1.5px; color:var(--crc-white) !important; } .crc-state-hero__title .elementor-heading-title{ margin:0; font:inherit; line-height:inherit; color:var(--crc-white) !important; } /* ========================================================== DESCRIPTION Class: crc-state-hero__description ========================================================== */ .crc-state-hero__description{ width:100%; max-width:620px; margin:0 0 24px; font-size:18px; line-height:1.55; font-weight:500; color:rgba(255,255,255,.93) !important; } .crc-state-hero__description, .crc-state-hero__description p, .crc-state-hero__description .elementor-widget-container{ color:rgba(255,255,255,.93) !important; } .crc-state-hero__description p{ margin:0; } /* ========================================================== BUTTON ROW Container: crc-state-hero__actions Buttons: crc-state-hero__button crc-state-hero__button--primary crc-state-hero__button--secondary ========================================================== */ .crc-state-hero__actions{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap !important; gap:14px !important; width:100% !important; margin:0 0 26px !important; padding:0 !important; } .crc-state-hero__button{ flex:0 0 auto !important; width:auto !important; } .crc-state-hero__button .elementor-widget-container, .crc-state-hero__button .elementor-button-wrapper{ width:auto !important; } .crc-state-hero__button .elementor-button{ display:inline-flex; align-items:center; justify-content:center; width:auto !important; min-width:0 !important; min-height:52px; padding:14px 24px; border-radius:8px; font-size:15px; line-height:1.2; font-weight:700; transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease; } .crc-state-hero__button .elementor-button:hover{ transform:translateY(-2px); } /* Primary */ .crc-state-hero__button--primary .elementor-button{ border:1px solid #ff7600; background:#ff7600; color:var(--crc-white); box-shadow:0 10px 24px rgba(255,118,0,.24); } .crc-state-hero__button--primary .elementor-button:hover{ border-color:#e96800; background:#e96800; color:var(--crc-white); } /* Secondary */ .crc-state-hero__button--secondary .elementor-button{ border:1px solid rgba(255,255,255,.78); background:rgba(2,24,52,.20); color:var(--crc-white); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); } .crc-state-hero__button--secondary .elementor-button:hover{ border-color:var(--crc-white); background:rgba(255,255,255,.14); color:var(--crc-white); } /* ========================================================== DIRECTORY SEARCH Container: crc-state-search Children: crc-state-search__keyword crc-state-search__category crc-state-search__community crc-state-search__submit ========================================================== */ .crc-state-search{ position:relative; z-index:4; display:flex !important; flex-direction:row !important; align-items:center !important; flex-wrap:nowrap !important; align-self:flex-start !important; gap:10px !important; width:100% !important; max-width:720px !important; margin:0 0 28px !important; padding:12px !important; border:1px solid rgba(255,255,255,.24); border-radius:14px; background:rgba(255,255,255,.97); box-shadow:0 18px 42px rgba(0,0,0,.22); } .crc-state-search > .e-con, .crc-state-search > .elementor-element{ min-width:0 !important; min-height:0 !important; margin:0 !important; } .crc-state-search__keyword{ flex:1 1 44% !important; width:auto !important; min-width:0 !important; min-height:0 !important; } .crc-state-search__category, .crc-state-search__community{ flex:1 1 22% !important; width:auto !important; min-width:0 !important; min-height:0 !important; } .crc-state-search__submit{ flex:0 0 auto !important; width:auto !important; min-height:0 !important; } .crc-state-search input, .crc-state-search select, .crc-state-search .jet-search-filter__input, .crc-state-search .jet-select__control{ display:block; width:100% !important; min-width:0 !important; min-height:50px; padding:0 14px; border:1px solid #d9e0e8; border-radius:7px; outline:none; background:var(--crc-white); color:#0b2a50; font-size:14px; line-height:1.3; } .crc-state-search input:focus, .crc-state-search select:focus, .crc-state-search .jet-search-filter__input:focus, .crc-state-search .jet-select__control:focus{ border-color:#174f94; box-shadow:0 0 0 3px rgba(23,79,148,.10); } .crc-state-search__submit button, .crc-state-search__submit .jet-filter-button, .crc-state-search__submit .apply-filters__button{ display:inline-flex; align-items:center; justify-content:center; min-width:112px; min-height:50px; padding:0 22px; border:0; border-radius:7px; background:#15529b; color:var(--crc-white); font-size:15px; font-weight:700; cursor:pointer; transition: background-color .2s ease, transform .2s ease; } .crc-state-search__submit button:hover, .crc-state-search__submit .jet-filter-button:hover, .crc-state-search__submit .apply-filters__button:hover{ background:#0d3f7d; transform:translateY(-1px); } /* ========================================================== HIDE HOMEPAGE POPULAR SEARCHES Class: crc-state-popular-searches ========================================================== */ .crc-state-popular-searches{ display:none !important; } /* ========================================================== HERO STATS Container: crc-state-stats Each card: crc-state-stat Designed for three launch stats. ========================================================== */ .crc-state-stats{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:stretch !important; gap:12px !important; width:100% !important; max-width:720px !important; margin:0 !important; padding:0 !important; } .crc-state-stats > .e-con, .crc-state-stats > .elementor-element, .crc-state-stat{ position:relative !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; flex:initial !important; gap:12px !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:84px !important; margin:0 !important; padding:15px 16px !important; border:1px solid rgba(255,255,255,.25) !important; border-radius:14px !important; background:rgba(3,35,70,.68) !important; overflow:hidden !important; backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); } .crc-state-stat{ inset:auto !important; transform:none !important; } .crc-state-stat__icon, .crc-state-stat__icon.elementor-widget{ display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 42px !important; width:42px !important; max-width:42px !important; height:42px !important; margin:0 !important; } .crc-state-stat__icon .elementor-widget-container{ display:flex !important; align-items:center !important; justify-content:center !important; width:42px !important; height:42px !important; border:1px solid rgba(255,255,255,.38); border-radius:50%; } .crc-state-stat__icon i, .crc-state-stat__icon svg{ width:19px; height:19px; font-size:19px; color:var(--crc-white) !important; fill:var(--crc-white) !important; } .crc-state-stat__content{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; flex:1 1 auto !important; width:auto !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; } .crc-state-stat__content > .elementor-element, .crc-state-stat__content .elementor-widget{ width:100% !important; max-width:100% !important; margin:0 !important; } .crc-state-stat__value, .crc-state-stat__value .elementor-heading-title{ margin:0 !important; font-size:24px !important; line-height:1.05 !important; font-weight:700 !important; color:var(--crc-white) !important; } .crc-state-stat__label, .crc-state-stat__label .elementor-heading-title, .crc-state-stat__label p{ margin:4px 0 0 !important; font-size:12px !important; line-height:1.25 !important; font-weight:600 !important; color:rgba(255,255,255,.80) !important; } .crc-state-stat .elementor-widget, .crc-state-stat .elementor-widget-container, .crc-state-stat .elementor-heading-title, .crc-state-stat p{ margin:0; } /* ========================================================== HERO VISUAL / RIGHT Container: crc-state-hero__visual Image widget: crc-state-hero__graphic ========================================================== */ .crc-state-hero__visual{ position:relative; z-index:3; display:flex !important; align-items:center !important; justify-content:center !important; flex:0 1 36% !important; width:36% !important; max-width:500px !important; min-width:300px !important; margin:0 !important; padding:0 !important; } .crc-state-hero__graphic{ width:100% !important; max-width:470px !important; } .crc-state-hero__graphic .elementor-widget-container{ display:flex; align-items:center; justify-content:center; } .crc-state-hero__graphic img{ display:block; width:100% !important; max-width:100%; height:auto !important; max-height:540px; object-fit:contain; filter:drop-shadow(0 18px 32px rgba(0,0,0,.28)); } /* ========================================================== TABLET ========================================================== */ @media (max-width:1024px) and (min-width:768px){ .crc-state-hero{ min-height:auto; gap:30px; padding:64px 28px 50px; } .crc-state-hero__content{ flex-basis:67% !important; width:67% !important; } .crc-state-hero__visual{ flex-basis:33% !important; width:33% !important; min-width:220px !important; } .crc-state-hero__title{ font-size:clamp(48px,6vw,64px); } .crc-state-hero__description{ font-size:17px; } .crc-state-search{ flex-wrap:wrap !important; max-width:100% !important; } .crc-state-search__keyword{ flex:1 1 100% !important; width:100% !important; } .crc-state-search__category, .crc-state-search__community{ flex:1 1 calc(50% - 65px) !important; } .crc-state-stats{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; max-width:100% !important; } } /* ========================================================== MOBILE Includes the required height and shrink correction. ========================================================== */ @media (max-width:767px){ .crc-state-hero{ display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; flex-grow:0 !important; flex-shrink:0 !important; flex-basis:auto !important; gap:0 !important; padding:28px 16px 34px !important; overflow:hidden !important; background-position:center center !important; background-size:cover !important; } .crc-state-hero::before{ background: linear-gradient( 180deg, rgba(2,24,52,.87) 0%, rgba(2,24,52,.94) 44%, rgba(2,24,52,.98) 100% ); } .crc-state-hero > *, .crc-state-hero > .e-con, .crc-state-hero > .elementor-element, .crc-state-hero > .e-con-inner{ position:relative !important; z-index:2 !important; visibility:visible !important; opacity:1 !important; } .crc-state-hero__content{ display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; flex-grow:0 !important; flex-shrink:0 !important; flex-basis:auto !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; visibility:visible !important; opacity:1 !important; } .crc-state-hero__content > .e-con, .crc-state-hero__content > .elementor-element{ flex-grow:0 !important; flex-shrink:0 !important; flex-basis:auto !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; visibility:visible !important; opacity:1 !important; } .crc-state-breadcrumbs{ margin:0 0 15px !important; font-size:12px; } .crc-state-hero__eyebrow, .crc-state-hero__eyebrow .elementor-heading-title, .crc-state-hero__eyebrow p{ margin:0 0 13px !important; font-size:11px !important; line-height:1.45 !important; letter-spacing:1.2px !important; overflow-wrap:anywhere; } .crc-state-hero__title{ width:100% !important; max-width:100% !important; margin:0 0 15px !important; font-size:clamp(39px,12vw,48px) !important; line-height:1 !important; letter-spacing:-.7px !important; } .crc-state-hero__title .elementor-heading-title{ font-size:inherit !important; line-height:inherit !important; } .crc-state-hero__description{ width:100% !important; max-width:100% !important; margin:0 0 20px !important; font-size:16px !important; line-height:1.55 !important; } .crc-state-hero__actions{ display:flex !important; flex-direction:column !important; align-items:stretch !important; flex-wrap:nowrap !important; flex-grow:0 !important; flex-shrink:0 !important; flex-basis:auto !important; gap:10px !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 0 20px !important; visibility:visible !important; opacity:1 !important; } .crc-state-hero__button, .crc-state-hero__button .elementor-widget-container, .crc-state-hero__button .elementor-button-wrapper, .crc-state-hero__button .elementor-button{ width:100% !important; max-width:100% !important; } .crc-state-hero__button .elementor-button{ min-height:50px; padding:13px 18px; text-align:center; white-space:normal; } .crc-state-search{ display:flex !important; flex-direction:column !important; align-items:stretch !important; flex-wrap:nowrap !important; flex-grow:0 !important; flex-shrink:0 !important; flex-basis:auto !important; gap:9px !important; width:100% !important; max-width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 0 20px !important; padding:10px !important; visibility:visible !important; opacity:1 !important; } .crc-state-search > .e-con, .crc-state-search > .elementor-element, .crc-state-search__keyword, .crc-state-search__category, .crc-state-search__community, .crc-state-search__submit{ display:block !important; flex:0 0 auto !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; } .crc-state-search input, .crc-state-search select, .crc-state-search .jet-search-filter__input, .crc-state-search .jet-select__control{ width:100% !important; max-width:100% !important; min-width:0 !important; min-height:50px !important; } .crc-state-search__submit button, .crc-state-search__submit .jet-filter-button, .crc-state-search__submit .apply-filters__button{ width:100% !important; max-width:100% !important; min-height:50px !important; } .crc-state-stats{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; flex-grow:0 !important; flex-shrink:0 !important; flex-basis:auto !important; gap:9px !important; width:100% !important; max-width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; visibility:visible !important; opacity:1 !important; } .crc-state-stats > .e-con, .crc-state-stats > .elementor-element, .crc-state-stat{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:8px !important; width:100% !important; min-width:0 !important; min-height:98px !important; padding:13px !important; } .crc-state-stat__icon, .crc-state-stat__icon.elementor-widget{ flex:0 0 34px !important; width:34px !important; max-width:34px !important; height:34px !important; } .crc-state-stat__icon .elementor-widget-container{ width:34px !important; height:34px !important; } .crc-state-stat__value, .crc-state-stat__value .elementor-heading-title{ font-size:19px !important; } .crc-state-stat__label, .crc-state-stat__label .elementor-heading-title, .crc-state-stat__label p{ font-size:11px !important; } .crc-state-hero__visual{ display:none !important; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media (max-width:420px){ .crc-state-hero{ padding-right:14px !important; padding-left:14px !important; } .crc-state-hero__title{ font-size:39px !important; } .crc-state-stat{ min-height:94px !important; padding:11px !important; } } /* ========================================================== CRC STATE ABOUT v2.0 FINAL LOCKED VERSION Arizona / Nevada / California ========================================================== */ /* ========================================================== OUTER SECTION Class: crc-state-about ========================================================== */ .crc-state-about{ position:relative !important; isolation:isolate; display:grid !important; grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr) !important; align-items:center !important; gap:76px !important; width:100% !important; max-width:1440px !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 auto !important; padding:96px 48px !important; background: linear-gradient( 180deg, var(--crc-white) 0%, var(--crc-white) 72%, #fbfcfe 100% ); visibility:visible !important; opacity:1 !important; overflow:visible !important; } .crc-state-about, .crc-state-about *{ box-sizing:border-box; } /* Reset direct Elementor columns */ .crc-state-about > .e-con, .crc-state-about > .elementor-element{ position:relative !important; inset:auto !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; visibility:visible !important; opacity:1 !important; transform:none !important; overflow:visible !important; } /* ========================================================== CONTENT COLUMN Class: crc-state-about__content ========================================================== */ .crc-state-about__content{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; width:100% !important; max-width:700px !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; visibility:visible !important; opacity:1 !important; overflow:visible !important; } /* Reset Elementor widgets inside content */ .crc-state-about__content .elementor-widget{ position:relative !important; inset:auto !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin-right:0 !important; margin-left:0 !important; transform:none !important; overflow:visible !important; } /* ========================================================== EYEBROW Class: crc-state-about__eyebrow ========================================================== */ .crc-state-about__eyebrow{ width:100% !important; margin:0 0 14px !important; } .crc-state-about__eyebrow, .crc-state-about__eyebrow .elementor-heading-title, .crc-state-about__eyebrow p{ font-size:13px !important; line-height:1.4 !important; font-weight:800 !important; letter-spacing:1.8px !important; text-transform:uppercase !important; color:#f47700 !important; } .crc-state-about__eyebrow .elementor-widget-container, .crc-state-about__eyebrow .elementor-heading-title, .crc-state-about__eyebrow p{ margin:0 !important; padding:0 !important; } /* ========================================================== TITLE Class: crc-state-about__title HTML Tag: H2 ========================================================== */ .crc-state-about__title{ width:100% !important; max-width:690px !important; margin:0 0 24px !important; overflow:visible !important; } .crc-state-about__title .elementor-widget-container{ width:100% !important; margin:0 !important; padding:0 !important; overflow:visible !important; } .crc-state-about__title .elementor-heading-title{ margin:0 !important; font-size:clamp(42px,3.8vw,60px) !important; line-height:1.04 !important; font-weight:700 !important; letter-spacing:-1.25px !important; color:#082c57 !important; text-wrap:balance; overflow:visible !important; } /* ========================================================== DESCRIPTION Class: crc-state-about__description ========================================================== */ .crc-state-about__description{ width:100% !important; max-width:660px !important; margin:0 0 36px !important; color:#43566d !important; overflow:visible !important; } .crc-state-about__description .elementor-widget-container{ width:100% !important; margin:0 !important; padding:0 !important; overflow:visible !important; } .crc-state-about__description, .crc-state-about__description p{ font-size:17px !important; line-height:1.72 !important; font-weight:400 !important; color:#43566d !important; } .crc-state-about__description p{ margin:0 0 16px !important; } .crc-state-about__description p:last-child{ margin-bottom:0 !important; } /* ========================================================== FEATURES CONTAINER Class: crc-state-about__features ========================================================== */ .crc-state-about__features{ position:relative !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:stretch !important; gap:16px !important; width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; } .crc-state-about__features > .e-con, .crc-state-about__features > .elementor-element{ width:100% !important; min-width:0 !important; height:100% !important; margin:0 !important; } /* ========================================================== FEATURE CARD Class: crc-state-about-feature ========================================================== */ .crc-state-about-feature{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; gap:16px !important; width:100% !important; max-width:none !important; min-width:0 !important; height:100% !important; min-height:220px !important; max-height:none !important; margin:0 !important; padding:24px !important; border:1px solid #e1e8f0 !important; border-radius:var(--crc-radius-md) !important; background:var(--crc-white) !important; box-shadow: 0 10px 28px rgba(8,44,87,.07), 0 1px 2px rgba(8,44,87,.04) !important; transform:none !important; overflow:hidden !important; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; } /* Small premium accent */ .crc-state-about-feature::before{ content:""; position:absolute; top:0; left:24px; width:42px; height:3px; border-radius:0 0 4px 4px; background:#f47700; opacity:.75; } .crc-state-about-feature:hover{ transform:translateY(-5px) !important; border-color:rgba(244,119,0,.34) !important; box-shadow: 0 18px 38px rgba(8,44,87,.12), 0 2px 4px rgba(8,44,87,.05) !important; } /* Reset Elementor children inside feature cards */ .crc-state-about-feature > .elementor-element, .crc-state-about-feature > .e-con{ position:relative !important; inset:auto !important; flex:none !important; width:auto !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; transform:none !important; } /* ========================================================== FEATURE ICON Class: crc-state-about-feature__icon ========================================================== */ .crc-state-about-feature__icon, .crc-state-about-feature__icon.elementor-widget{ position:relative !important; inset:auto !important; display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 50px !important; width:50px !important; max-width:50px !important; min-width:50px !important; height:50px !important; min-height:50px !important; max-height:50px !important; margin:0 !important; padding:0 !important; transform:none !important; overflow:hidden !important; } .crc-state-about-feature__icon .elementor-widget-container, .crc-state-about-feature__icon .elementor-icon-wrapper, .crc-state-about-feature__icon .elementor-icon{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:50px !important; max-width:50px !important; min-width:50px !important; height:50px !important; min-height:50px !important; max-height:50px !important; margin:0 !important; padding:0 !important; border:1px solid rgba(244,119,0,.12) !important; border-radius:50% !important; background:rgba(244,119,0,.10) !important; color:#f47700 !important; line-height:1 !important; overflow:hidden !important; } .crc-state-about-feature__icon i, .crc-state-about-feature__icon svg, .crc-state-about-feature__icon .elementor-icon i, .crc-state-about-feature__icon .elementor-icon svg{ position:relative !important; display:block !important; width:22px !important; max-width:22px !important; height:22px !important; max-height:22px !important; margin:0 !important; padding:0 !important; font-size:22px !important; line-height:1 !important; color:#f47700 !important; fill:#f47700 !important; transform:none !important; } /* ========================================================== FEATURE TEXT Class: crc-state-about-feature__text ========================================================== */ .crc-state-about-feature__text, .crc-state-about-feature__text.elementor-widget{ position:relative !important; inset:auto !important; display:block !important; flex:1 1 auto !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; color:#43566d !important; transform:none !important; overflow:visible !important; } .crc-state-about-feature__text .elementor-widget-container{ width:100% !important; margin:0 !important; padding:0 !important; overflow:visible !important; } .crc-state-about-feature__text, .crc-state-about-feature__text p{ font-size:14px !important; line-height:1.6 !important; font-weight:400 !important; color:#43566d !important; } .crc-state-about-feature__text p{ margin:0 !important; } .crc-state-about-feature__text strong{ display:block !important; margin:0 0 8px !important; font-size:16px !important; line-height:1.28 !important; font-weight:700 !important; color:#082c57 !important; } /* ========================================================== VISUAL COLUMN Class: crc-state-about__visual ========================================================== */ .crc-state-about__visual{ position:relative !important; isolation:isolate; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; } /* Orange background accent */ .crc-state-about__visual::before{ content:""; position:absolute; right:-20px; bottom:-20px; z-index:0; width:46%; height:46%; border-radius:24px; background: linear-gradient( 135deg, rgba(244,119,0,.17), rgba(244,119,0,.07) ); pointer-events:none; } /* Subtle decorative line */ .crc-state-about__visual::after{ content:""; position:absolute; top:-18px; left:-18px; z-index:0; width:120px; height:120px; border-top:2px solid rgba(8,44,87,.12); border-left:2px solid rgba(8,44,87,.12); border-radius:var(--crc-radius-lg) 0 0 0; pointer-events:none; } /* ========================================================== IMAGE WIDGET Class: crc-state-about__image ========================================================== */ .crc-state-about__image{ position:relative !important; z-index:1 !important; width:100% !important; max-width:640px !important; margin:0 !important; padding:0 !important; transform:none !important; } .crc-state-about__image .elementor-widget-container{ position:relative !important; width:100% !important; margin:0 !important; padding:0 !important; border:1px solid rgba(8,44,87,.08) !important; border-radius:22px !important; background:var(--crc-white) !important; box-shadow: 0 26px 58px rgba(8,44,87,.18), 0 4px 12px rgba(8,44,87,.07) !important; overflow:hidden !important; } .crc-state-about__image img{ display:block !important; width:100% !important; max-width:100% !important; height:clamp(460px,38vw,520px) !important; margin:0 !important; object-fit:cover !important; object-position:center center !important; transform:scale(1) !important; transition:transform .55s ease; } .crc-state-about__visual:hover .crc-state-about__image img{ transform:scale(1.028) !important; } /* ========================================================== TABLET 768px–1100px ========================================================== */ @media (max-width:1100px) and (min-width:768px){ .crc-state-about{ display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:52px !important; padding:76px 32px !important; } .crc-state-about__content{ max-width:100% !important; } .crc-state-about__title{ max-width:760px !important; } .crc-state-about__title .elementor-heading-title{ font-size:clamp(42px,6vw,54px) !important; } .crc-state-about__description{ max-width:760px !important; } .crc-state-about__features{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } .crc-state-about-feature{ min-height:210px !important; padding:22px !important; } .crc-state-about__visual{ width:100% !important; } .crc-state-about__image{ max-width:100% !important; } .crc-state-about__image img{ height:460px !important; } } /* ========================================================== MOBILE 767px and below ========================================================== */ @media (max-width:767px){ .crc-state-about{ display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:38px !important; width:100% !important; padding:58px 16px 62px !important; overflow:visible !important; } .crc-state-about > .e-con, .crc-state-about > .elementor-element{ width:100% !important; max-width:100% !important; } .crc-state-about__content{ align-items:flex-start !important; width:100% !important; max-width:100% !important; } .crc-state-about__eyebrow{ margin-bottom:11px !important; } .crc-state-about__eyebrow, .crc-state-about__eyebrow .elementor-heading-title, .crc-state-about__eyebrow p{ font-size:11px !important; letter-spacing:1.45px !important; } .crc-state-about__title{ max-width:100% !important; margin-bottom:20px !important; } .crc-state-about__title .elementor-heading-title{ font-size:clamp(35px,10.5vw,42px) !important; line-height:1.06 !important; letter-spacing:-.7px !important; text-wrap:balance; } .crc-state-about__description{ max-width:100% !important; margin-bottom:28px !important; } .crc-state-about__description, .crc-state-about__description p{ font-size:16px !important; line-height:1.65 !important; } .crc-state-about__features{ display:flex !important; flex-direction:column !important; gap:12px !important; width:100% !important; } .crc-state-about-feature{ display:grid !important; grid-template-columns:48px minmax(0,1fr) !important; align-items:center !important; gap:15px !important; width:100% !important; min-height:0 !important; padding:18px !important; border-radius:14px !important; } .crc-state-about-feature::before{ display:none; } .crc-state-about-feature__icon, .crc-state-about-feature__icon.elementor-widget{ grid-column:1 !important; grid-row:1 !important; width:48px !important; max-width:48px !important; min-width:48px !important; height:48px !important; min-height:48px !important; max-height:48px !important; } .crc-state-about-feature__icon .elementor-widget-container, .crc-state-about-feature__icon .elementor-icon-wrapper, .crc-state-about-feature__icon .elementor-icon{ width:48px !important; max-width:48px !important; min-width:48px !important; height:48px !important; min-height:48px !important; max-height:48px !important; } .crc-state-about-feature__text, .crc-state-about-feature__text.elementor-widget{ grid-column:2 !important; grid-row:1 !important; } .crc-state-about-feature__text strong{ margin-bottom:5px !important; font-size:15px !important; } .crc-state-about-feature__text, .crc-state-about-feature__text p{ font-size:13px !important; line-height:1.55 !important; } .crc-state-about__visual{ width:100% !important; } .crc-state-about__visual::before{ right:-7px; bottom:-10px; width:46%; height:40%; border-radius:var(--crc-radius-md); } .crc-state-about__visual::after{ top:-10px; left:-7px; width:74px; height:74px; border-radius:14px 0 0 0; } .crc-state-about__image{ width:100% !important; max-width:100% !important; } .crc-state-about__image .elementor-widget-container{ border-radius:18px !important; } .crc-state-about__image img{ width:100% !important; height:300px !important; object-position:center center !important; } } /* ========================================================== SMALL MOBILE 420px and below ========================================================== */ @media (max-width:420px){ .crc-state-about{ padding-right:14px !important; padding-left:14px !important; } .crc-state-about__title .elementor-heading-title{ font-size:34px !important; } .crc-state-about-feature{ grid-template-columns:44px minmax(0,1fr) !important; gap:13px !important; padding:16px !important; } .crc-state-about-feature__icon, .crc-state-about-feature__icon.elementor-widget, .crc-state-about-feature__icon .elementor-widget-container, .crc-state-about-feature__icon .elementor-icon-wrapper, .crc-state-about-feature__icon .elementor-icon{ width:44px !important; max-width:44px !important; min-width:44px !important; height:44px !important; min-height:44px !important; max-height:44px !important; } .crc-state-about__image img{ height:255px !important; } } /* ========================================================== COMMUNITY CARD Class: crc-state-community-card ========================================================== */ .crc-state-community-card{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:420px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:var(--crc-white) !important; border:1px solid #e1e8f0 !important; border-radius:18px !important; box-shadow: 0 12px 30px rgba(8,44,87,.07), 0 2px 6px rgba(8,44,87,.04) !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } /* Premium accent */ .crc-state-community-card::before{ content:""; position:absolute; top:0; left:28px; width:48px; height:4px; background:#f47700; border-radius:0 0 4px 4px; opacity:.8; z-index:5; } /* Hover */ .crc-state-community-card:hover{ transform:translateY(-8px) !important; border-color:rgba(244,119,0,.35) !important; box-shadow: 0 22px 46px rgba(8,44,87,.14), 0 4px 10px rgba(8,44,87,.05) !important; } /* Elementor Reset */ .crc-state-community-card > .elementor-element, .crc-state-community-card > .e-con{ position:relative !important; inset:auto !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; flex:none !important; transform:none !important; } /* ========================================================== COMMUNITY CARD IMAGE ========================================================== */ .crc-state-community-image{ width:100% !important; height:230px !important; overflow:hidden !important; } .crc-state-community-image img{ width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .35s ease; } .crc-state-community-card:hover .crc-state-community-image img{ transform:scale(1.05); } /* ========================================================== STATE COMMUNITY SECTION TYPOGRAPHY ========================================================== */ /* ---------- Eyebrow ---------- */ .crc-state-community-eyebrow{ display:inline-block !important; margin:0 0 12px !important; padding:0 !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#f47700 !important; } /* ---------- Section Title ---------- */ .crc-state-community-title{ margin:0 0 24px !important; padding:0 !important; font-size:clamp(2.3rem,4vw,3.5rem) !important; font-weight:800 !important; line-height:1.05 !important; letter-spacing:-0.03em !important; color:#143B73 !important; max-width:700px !important; } /* ---------- Section Description ---------- */ .crc-state-community-description{ margin:0 !important; padding:0 !important; max-width:700px !important; font-size:18px !important; line-height:1.8 !important; font-weight:400 !important; color:#5d6b82 !important; } /* ========================================================== RESPONSIVE ========================================================== */ @media (max-width:1024px){ .crc-state-community-title{ font-size:clamp(2rem,5vw,2.8rem) !important; } .crc-state-community-description{ font-size:17px !important; } } @media (max-width:767px){ .crc-state-community-eyebrow{ font-size:12px !important; letter-spacing:.14em !important; } .crc-state-community-title{ font-size:2.2rem !important; line-height:1.12 !important; } .crc-state-community-description{ font-size:16px !important; line-height:1.75 !important; } } /* ========================================================== CRC FOOTER COPYRIGHT Class: crc-footer__copyright ========================================================== */ .crc-footer__copyright{ margin-top:48px; padding-top:28px; border-top:1px solid rgba(8,44,87,.08); text-align:center; } .crc-footer__copyright, .crc-footer__copyright p{ margin:0; font-size:13px; line-height:1.7; font-weight:400; color:#8a98ab; } .crc-footer__copyright a{ color:#082c57; font-weight:600; text-decoration:none; transition:color .2s ease; } .crc-footer__copyright a:hover{ color:#f47700; } @media (max-width:767px){ .crc-footer__copyright{ margin-top:36px; padding-top:22px; } .crc-footer__copyright, .crc-footer__copyright p{ font-size:12px; line-height:1.6; } } /* ========================================================== CRC STATE FOOTER LOCKED v1.0 Class: crc-state-footer ========================================================== */ .crc-state-footer{ position:relative; overflow:hidden; padding:80px 40px 34px; background: linear-gradient( 180deg, #082c57 0%, #061f3d 100% ); color:var(--crc-white); } /* subtle glow */ .crc-state-footer::before{ content:""; position:absolute; top:-220px; right:-120px; width:420px; height:420px; border-radius:50%; background: radial-gradient( rgba(244,119,0,.10), transparent 70% ); pointer-events:none; } /* top divider */ .crc-state-footer::after{ content:""; position:absolute; top:0; left:50%; width:120px; height:4px; background:#f47700; border-radius:0 0 6px 6px; transform:translateX(-50%); } /* headings */ .crc-state-footer h2, .crc-state-footer h3, .crc-state-footer h4{ margin-bottom:18px; color:var(--crc-white); font-weight:700; } /* body */ .crc-state-footer p{ margin:0 0 14px; color:rgba(255,255,255,.78); line-height:1.75; } /* links */ .crc-state-footer a{ color:var(--crc-white); text-decoration:none; transition:.25s; } .crc-state-footer a:hover{ color:#f47700; } /* ========================================================== COPYRIGHT ========================================================== */ .crc-state-footer .elementor-widget:last-child{ margin-top:48px; padding-top:24px; border-top:1px solid rgba(255,255,255,.12); text-align:center; } .crc-state-footer .elementor-widget:last-child p{ margin:0; font-size:13px; letter-spacing:.3px; color:rgba(255,255,255,.60); } .crc-state-footer .elementor-widget:last-child strong{ color:var(--crc-white); } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-state-footer{ padding:64px 20px 28px; } .crc-state-footer h2, .crc-state-footer h3, .crc-state-footer h4{ text-align:center; } .crc-state-footer p{ text-align:center; } }/* ========================================================== CRC STATE FOOTER LOCKED v1.0 Class: crc-state-footer ========================================================== */ .crc-state-footer{ position:relative; overflow:hidden; padding:80px 40px 34px; background: linear-gradient( 180deg, #082c57 0%, #061f3d 100% ); color:var(--crc-white); } /* subtle glow */ .crc-state-footer::before{ content:""; position:absolute; top:-220px; right:-120px; width:420px; height:420px; border-radius:50%; background: radial-gradient( rgba(244,119,0,.10), transparent 70% ); pointer-events:none; } /* top divider */ .crc-state-footer::after{ content:""; position:absolute; top:0; left:50%; width:120px; height:4px; background:#f47700; border-radius:0 0 6px 6px; transform:translateX(-50%); } /* headings */ .crc-state-footer h2, .crc-state-footer h3, .crc-state-footer h4{ margin-bottom:18px; color:var(--crc-white); font-weight:700; } /* body */ .crc-state-footer p{ margin:0 0 14px; color:rgba(255,255,255,.78); line-height:1.75; } /* links */ .crc-state-footer a{ color:var(--crc-white); text-decoration:none; transition:.25s; } .crc-state-footer a:hover{ color:#f47700; } /* ========================================================== COPYRIGHT ========================================================== */ .crc-state-footer .elementor-widget:last-child{ margin-top:48px; padding-top:24px; border-top:1px solid rgba(255,255,255,.12); text-align:center; } .crc-state-footer .elementor-widget:last-child p{ margin:0; font-size:13px; letter-spacing:.3px; color:rgba(255,255,255,.60); } .crc-state-footer .elementor-widget:last-child strong{ color:var(--crc-white); } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-state-footer{ padding:64px 20px 28px; } .crc-state-footer h2, .crc-state-footer h3, .crc-state-footer h4{ text-align:center; } .crc-state-footer p{ text-align:center; } } .crc-hidden-temp{ display:none !important; } /* ========================================================== CRC STATE PAGE INFO RIBBON v1.0 PLACE DIRECTLY BELOW THE STATE HERO ========================================================== */ /* Outer ribbon section */ .crc-state-ribbon{ position:relative; z-index:20; width:100%; max-width:1180px; margin:-42px auto 0 !important; padding:0 24px; background:transparent; } /* Ribbon inner shell */ .crc-state-ribbon__inner{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items:center; width:100%; padding:25px 28px; color:var(--crc-white); background: linear-gradient( 135deg, #073365 0%, #0a427f 100% ); border:1px solid rgba(255,255,255,.16); border-radius:var(--crc-radius-md); box-shadow: 0 18px 46px rgba(4,31,61,.24); } /* Individual stat */ .crc-state-ribbon__item{ position:relative; display:grid; grid-template-columns: 52px minmax(0, 1fr); align-items:center; gap:14px; min-width:0; padding:0 26px; } /* Remove left padding from first item */ .crc-state-ribbon__item:first-child{ padding-left:0; } /* Remove right padding from final item */ .crc-state-ribbon__item:last-child{ padding-right:0; } /* Dividers */ .crc-state-ribbon__item:not(:last-child)::after{ content:""; position:absolute; top:50%; right:0; width:1px; height:54px; background:rgba(255,255,255,.22); transform:translateY(-50%); } /* Icon shell */ .crc-state-ribbon__icon{ display:flex; align-items:center; justify-content:center; width:52px; height:52px; color:var(--crc-white); flex:0 0 52px; } /* Elementor icon widget */ .crc-state-ribbon__icon .elementor-icon{ display:flex; align-items:center; justify-content:center; width:52px; height:52px; color:var(--crc-white); border:0; border-radius:0; } /* Font Awesome / Elementor icons */ .crc-state-ribbon__icon i{ color:var(--crc-white) !important; font-size:34px !important; line-height:1 !important; } /* SVG icons */ .crc-state-ribbon__icon svg{ width:36px; height:36px; fill:none; color:var(--crc-white); stroke:currentColor; stroke-width:1.7; } /* Text area */ .crc-state-ribbon__content{ min-width:0; } /* Main number */ .crc-state-ribbon__number{ margin:0 0 3px !important; color:var(--crc-white) !important; font-size:30px; font-weight:800; line-height:1; letter-spacing:-.025em; } /* Label */ .crc-state-ribbon__label{ margin:0 !important; color:rgba(255,255,255,.9) !important; font-size:12px; font-weight:700; line-height:1.3; } /* Prevent Elementor spacing */ .crc-state-ribbon__item .elementor-widget, .crc-state-ribbon__item .elementor-widget-container{ margin:0 !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width:1024px){ .crc-state-ribbon{ max-width:800px; margin:-30px auto 0 !important; } .crc-state-ribbon__inner{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap:0; padding:18px; } .crc-state-ribbon__item{ padding:22px; } .crc-state-ribbon__item:first-child, .crc-state-ribbon__item:last-child{ padding:22px; } .crc-state-ribbon__item:nth-child(odd)::after{ display:block; } .crc-state-ribbon__item:nth-child(even)::after{ display:none; } .crc-state-ribbon__item:nth-child(-n+2){ border-bottom:1px solid rgba(255,255,255,.18); } } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-state-ribbon{ width:100%; margin:-18px auto 0 !important; padding:0 16px; } .crc-state-ribbon__inner{ grid-template-columns: repeat(2, minmax(0, 1fr)); padding:8px; border-radius:14px; } .crc-state-ribbon__item{ grid-template-columns: 40px minmax(0, 1fr); gap:10px; padding:18px 12px; } .crc-state-ribbon__item:first-child, .crc-state-ribbon__item:last-child{ padding:18px 12px; } .crc-state-ribbon__item:not(:last-child)::after{ height:44px; } .crc-state-ribbon__icon, .crc-state-ribbon__icon .elementor-icon{ width:40px; height:40px; flex-basis:40px; } .crc-state-ribbon__icon i{ font-size:26px !important; } .crc-state-ribbon__icon svg{ width:28px; height:28px; } .crc-state-ribbon__number{ font-size:23px; } .crc-state-ribbon__label{ font-size:10px; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media (max-width:430px){ .crc-state-ribbon{ padding:0 12px; } .crc-state-ribbon__item{ grid-template-columns:1fr; justify-items:center; gap:7px; padding:16px 8px; text-align:center; } .crc-state-ribbon__item:first-child, .crc-state-ribbon__item:last-child{ padding:16px 8px; } .crc-state-ribbon__number{ font-size:22px; } } /* ========================================================== CRC BUSINESS SUBMISSION PAGE v4.1 FINAL PRODUCTION VERSION Colorado River Connect HERO SECTION: crc-submit-hero HERO CONTENT: crc-submit-hero__content HERO TITLE: crc-submit-hero__title HERO TEXT: crc-submit-hero__text HERO BUTTON: crc-submit-hero__button PAGE WRAPPER: crc-submit-section VALUE INTRO: crc-submit-value FORM CARD: crc-submit-form-wrap FORM WIDGET: crc-submit-form BENEFITS HEADER: crc-submit-benefits-header BENEFITS TITLE: crc-submit-benefits-title BENEFITS GRID: crc-submit-benefits BENEFIT CARD: crc-submit-benefit BENEFIT ICON: crc-submit-benefit__icon BENEFIT TEXT: crc-submit-benefit__text ========================================================== */ /* ========================================================== GLOBAL DESIGN TOKENS ========================================================== */ .crc-submit-hero, .crc-submit-section{ --crc-navy:#071a38; --crc-navy-soft:#102a50; --crc-navy-light:#183a68; --crc-blue:#1268d6; --crc-blue-hover:#0d56b5; --crc-blue-dark:#08499b; --crc-blue-light:#eaf3ff; --crc-blue-soft:#f2f7ff; --crc-orange:#ff7800; --crc-orange-hover:#e96800; --crc-orange-dark:#d95700; --crc-orange-light:#fff3e8; --crc-text:#14213d; --crc-text-soft:#5f6f82; --crc-muted:#8795a6; --crc-border:#d9e3ee; --crc-border-hover:#b7c8dc; --crc-border-soft:#e8eef5; --crc-surface:var(--crc-white); --crc-surface-soft:#f6f9fc; --crc-surface-blue:#f8fbff; --crc-success:#166534; --crc-success-bg:#f0fdf4; --crc-success-border:#bbf7d0; --crc-danger:#b42318; --crc-danger-bg:#fff5f5; } /* ========================================================== HERO Apply crc-submit-hero to the image hero container. Set the background image through Elementor. ========================================================== */ .crc-submit-hero{ position:relative; display:flex; align-items:center; justify-content:center; width:100%; min-height:500px; padding:80px 24px; overflow:hidden; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; isolation:isolate; } .crc-submit-hero::before{ content:""; position:absolute; inset:0; z-index:-2; background: linear-gradient( 90deg, rgba(3,19,43,.96) 0%, rgba(5,28,59,.87) 34%, rgba(7,26,56,.46) 62%, rgba(7,26,56,.12) 100% ); } .crc-submit-hero::after{ content:""; position:absolute; inset:0; z-index:-1; background: radial-gradient( circle at 82% 28%, rgba(255,120,0,.18), transparent 33% ), linear-gradient( 180deg, rgba(7,26,56,.02), rgba(7,26,56,.18) ); } .crc-submit-hero > .e-con-inner, .crc-submit-hero > .elementor-container{ width:100%; max-width:1380px; margin:0 auto; } .crc-submit-hero__content{ width:100%; max-width:720px; margin:0 auto 0 0; color:var(--crc-white); } .crc-submit-hero__title{ margin:0 0 20px !important; } .crc-submit-hero__title .elementor-heading-title{ margin:0; color:var(--crc-white); font-size:clamp(44px, 6vw, 72px); font-weight:850; line-height:1.02; letter-spacing:-2.4px; text-shadow: 0 5px 24px rgba(0,0,0,.26); } .crc-submit-hero__text{ width:100%; max-width:650px; margin:0 0 28px !important; } .crc-submit-hero__text, .crc-submit-hero__text p{ color:rgba(255,255,255,.90); font-size:18px; font-weight:500; line-height:1.7; } .crc-submit-hero__text p{ margin:0; } .crc-submit-hero__button .elementor-button{ display:inline-flex; align-items:center; justify-content:center; min-height:56px; padding:16px 27px !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:12px !important; background: linear-gradient( 135deg, #ff8b00, #ff6b00 58%, #e85a00 ) !important; color:var(--crc-white) !important; font-size:16px !important; font-weight:800 !important; box-shadow: 0 14px 32px rgba(255,107,0,.30); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; } .crc-submit-hero__button .elementor-button:hover{ transform:translateY(-2px); filter:brightness(1.04); box-shadow: 0 18px 40px rgba(255,107,0,.39); } /* ========================================================== MAIN SUBMISSION SECTION ========================================================== */ .crc-submit-section{ position:relative; width:100%; padding:58px 24px 84px; overflow:hidden; background: radial-gradient( circle at 92% 3%, rgba(18,104,214,.085), transparent 31% ), radial-gradient( circle at 8% 34%, rgba(255,120,0,.035), transparent 26% ), radial-gradient( circle at 50% 100%, rgba(18,104,214,.025), transparent 44% ), linear-gradient( 180deg, #f8faff 0%, var(--crc-white) 42%, #f5f8fc 100% ); color:var(--crc-text); } .crc-submit-section::before{ content:""; position:absolute; top:170px; right:-125px; width:315px; height:315px; border:1px solid rgba(18,104,214,.075); border-radius:50%; pointer-events:none; } .crc-submit-section::after{ content:""; position:absolute; bottom:170px; left:-155px; width:310px; height:310px; border-radius:50%; background:rgba(18,104,214,.025); pointer-events:none; } .crc-submit-section > .e-con-inner, .crc-submit-section > .elementor-container{ position:relative; z-index:2; width:100%; max-width:1180px; margin-left:auto; margin-right:auto; } /* ========================================================== OPTIONAL TOP LOGO ========================================================== */ .crc-submit-header{ display:flex; align-items:center; justify-content:center; width:100%; margin:0 auto 24px; } .crc-submit-logo{ display:flex; align-items:center; justify-content:center; margin:0 !important; } .crc-submit-logo .elementor-widget-container{ display:flex; align-items:center; justify-content:center; } .crc-submit-logo img{ display:block; width:auto; max-width:270px; max-height:86px; object-fit:contain; } /* ========================================================== PAGE INTRO ========================================================== */ .crc-submit-intro{ position:relative; width:100%; max-width:850px; margin:0 auto 30px; text-align:center; } .crc-submit-title{ margin:0 !important; } .crc-submit-title .elementor-heading-title{ margin:0; color:var(--crc-navy); font-size:clamp(38px, 5vw, 58px); font-weight:850; line-height:1.05; letter-spacing:-1.9px; } .crc-submit-intro::after{ content:""; display:block; width:76px; height:4px; margin:21px auto 0; border-radius:var(--crc-radius-pill); background: linear-gradient( 90deg, var(--crc-orange), var(--crc-blue) 48%, #54a4ff ); box-shadow: 0 5px 16px rgba(18,104,214,.17); } /* ========================================================== VALUE PROPOSITION ========================================================== */ .crc-submit-value{ width:100%; max-width:820px; margin:0 auto 30px; padding:25px 28px; border:1px solid rgba(202,216,231,.85); border-radius:18px; background: linear-gradient( 135deg, rgba(255,255,255,.94), rgba(247,250,255,.94) ); text-align:center; box-shadow: 0 12px 30px rgba(7,26,56,.05); } .crc-submit-value__intro{ margin:0 0 17px !important; color:var(--crc-navy) !important; font-size:clamp(19px, 2vw, 23px) !important; font-weight:800 !important; line-height:1.35 !important; } .crc-submit-value__list{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 20px; color:var(--crc-text-soft); font-size:15px; font-weight:650; line-height:1.5; } .crc-submit-value__list span{ display:inline-flex; align-items:center; white-space:nowrap; } .crc-submit-value__list span::before{ content:"✓"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; margin-right:7px; border-radius:50%; background:var(--crc-blue-light); color:var(--crc-blue); font-size:12px; font-weight:900; } /* ========================================================== VALUE PROPOSITION CHIPS Existing .crc-submit-value__list spans become premium pills. ========================================================== */ .crc-submit-value__list span{ display:inline-flex; align-items:center; min-height:38px; padding:8px 13px; border:1px solid #d8e5f3; border-radius:var(--crc-radius-pill); background: linear-gradient( 180deg, var(--crc-white), #f7faff ); color:var(--crc-navy-soft); white-space:nowrap; box-shadow: 0 5px 14px rgba(7,26,56,.04); } .crc-submit-value__list span::before{ flex:0 0 20px; } /* ========================================================== FORM INTRODUCTION ========================================================== */ .crc-submit-form-intro{ width:100%; max-width:760px; margin:0 auto 26px; text-align:center; } .crc-submit-form-intro h2{ margin:0 0 8px; color:var(--crc-navy); font-size:clamp(26px, 3vw, 34px); font-weight:850; line-height:1.18; letter-spacing:-.7px; } .crc-submit-form-intro p{ margin:0; color:var(--crc-text-soft); font-size:15px; line-height:1.65; } /* ========================================================== FORM CARD ========================================================== */ .crc-submit-form-wrap{ position:relative; width:100%; max-width:1280px; margin:0 auto; padding:46px 48px 50px; overflow:hidden; border:1px solid rgba(193,208,225,.90); border-radius:25px; background: linear-gradient( 180deg, rgba(255,255,255,.995), rgba(255,255,255,.97) ); box-shadow: 0 35px 82px rgba(7,26,56,.12), 0 12px 28px rgba(7,26,56,.06); isolation:isolate; } .crc-submit-form-wrap::before{ content:""; position:absolute; top:0; left:0; width:100%; height:6px; background: linear-gradient( 90deg, var(--crc-orange), var(--crc-blue) 36%, #5aa8ff ); } .crc-submit-form-wrap::after{ content:""; position:absolute; top:-125px; right:-125px; z-index:-1; width:290px; height:290px; border-radius:50%; background: radial-gradient( circle, rgba(18,104,214,.075), rgba(18,104,214,.018) 65%, transparent 70% ); } /* ========================================================== ELEMENTOR FORM BASE ========================================================== */ .crc-submit-form{ width:100%; margin:0 !important; } .crc-submit-form .elementor-widget-container, .crc-submit-form .elementor-form{ width:100%; } .crc-submit-form .elementor-form-fields-wrapper{ display:flex; align-items:flex-start; width:100%; } /* ========================================================== FIELD GROUPS ========================================================== */ .crc-submit-form .elementor-field-group{ position:relative; margin-bottom:22px; } .crc-submit-form .elementor-field-group:last-child{ margin-bottom:0; } /* ========================================================== LABELS ========================================================== */ .crc-submit-form .elementor-field-group > label, .crc-submit-form .elementor-field-label{ display:block; margin:0 0 8px; color:var(--crc-text); font-size:15px; font-weight:750; line-height:1.4; } .crc-submit-form .elementor-mark-required .elementor-field-label::after, .crc-submit-form .required{ color:var(--crc-orange) !important; } /* ========================================================== SECTION HEADINGS INSIDE FORM ========================================================== */ .crc-submit-form h2, .crc-submit-form h3, .crc-submit-form h4{ color:var(--crc-navy); } .crc-submit-form h3{ position:relative; margin:42px 0 8px; padding:27px 0 0 17px; border-top:1px solid var(--crc-border-soft); font-size:23px; font-weight:850; line-height:1.25; letter-spacing:-.4px; } .crc-submit-form h3::before{ content:""; position:absolute; bottom:2px; left:0; width:5px; height:24px; border-radius:var(--crc-radius-pill); background: linear-gradient( 180deg, var(--crc-orange), var(--crc-blue) ); } .crc-submit-form h3:first-child{ margin-top:0; padding-top:0; border-top:0; } .crc-submit-form h4{ margin:28px 0 8px; font-size:18px; font-weight:800; line-height:1.3; } .crc-submit-form p{ margin:0 0 21px; color:var(--crc-text-soft); font-size:15px; line-height:1.7; } /* ========================================================== PREMIUM FORM FIELDS Applies to all text, email, phone, URL, select, and textarea fields. ========================================================== */ .crc-submit-form input[type="text"], .crc-submit-form input[type="email"], .crc-submit-form input[type="tel"], .crc-submit-form input[type="url"], .crc-submit-form input[type="number"], .crc-submit-form input[type="date"], .crc-submit-form input[type="time"], .crc-submit-form input[type="search"], .crc-submit-form input[type="password"], .crc-submit-form select, .crc-submit-form textarea{ width:100%; padding:15px 18px !important; border:1px solid #d5e2ef !important; border-radius:14px !important; background: linear-gradient( 180deg, #fbfdff 0%, #f6f9fd 100% ) !important; color:var(--crc-text) !important; font-family:inherit; font-size:15px !important; font-weight:500; line-height:1.6; box-shadow: inset 0 1px 1px rgba(255,255,255,.92), 0 4px 12px rgba(7,26,56,.045) !important; transition: border-color .22s ease, background .22s ease, box-shadow .22s ease, transform .18s ease; } .crc-submit-form input[type="text"], .crc-submit-form input[type="email"], .crc-submit-form input[type="tel"], .crc-submit-form input[type="url"], .crc-submit-form input[type="number"], .crc-submit-form input[type="date"], .crc-submit-form input[type="time"], .crc-submit-form input[type="search"], .crc-submit-form input[type="password"], .crc-submit-form select{ min-height:58px; } .crc-submit-form textarea{ min-height:170px; padding:18px !important; line-height:1.7; resize:vertical; } .crc-submit-form select{ padding-right:48px !important; appearance:none; -webkit-appearance:none; -moz-appearance:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%2314213D' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E"), linear-gradient( 180deg, #fbfdff 0%, #f6f9fd 100% ) !important; background-repeat:no-repeat, no-repeat !important; background-position:right 16px center, center !important; background-size:18px, 100% 100% !important; cursor:pointer; } .crc-submit-form input::placeholder, .crc-submit-form textarea::placeholder{ color:#96a6b8 !important; opacity:1; } .crc-submit-form input[type="text"]:hover, .crc-submit-form input[type="email"]:hover, .crc-submit-form input[type="tel"]:hover, .crc-submit-form input[type="url"]:hover, .crc-submit-form input[type="number"]:hover, .crc-submit-form input[type="date"]:hover, .crc-submit-form input[type="time"]:hover, .crc-submit-form input[type="search"]:hover, .crc-submit-form input[type="password"]:hover, .crc-submit-form select:hover, .crc-submit-form textarea:hover{ border-color:#b9d0e8 !important; background: linear-gradient( 180deg, var(--crc-white) 0%, #f9fcff 100% ) !important; box-shadow: 0 8px 20px rgba(18,104,214,.065) !important; } .crc-submit-form input[type="text"]:focus, .crc-submit-form input[type="email"]:focus, .crc-submit-form input[type="tel"]:focus, .crc-submit-form input[type="url"]:focus, .crc-submit-form input[type="number"]:focus, .crc-submit-form input[type="date"]:focus, .crc-submit-form input[type="time"]:focus, .crc-submit-form input[type="search"]:focus, .crc-submit-form input[type="password"]:focus, .crc-submit-form select:focus, .crc-submit-form textarea:focus{ border-color:var(--crc-blue) !important; background:var(--crc-white) !important; transform:translateY(-1px); box-shadow: 0 0 0 4px rgba(18,104,214,.12), 0 12px 28px rgba(18,104,214,.10) !important; outline:none !important; } /* Elementor URL fields sometimes require a direct wrapper selector. */ .crc-submit-form .elementor-field-type-url input{ min-height:58px !important; border:1px solid #d5e2ef !important; border-radius:14px !important; background: linear-gradient( 180deg, #fbfdff 0%, #f6f9fd 100% ) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.92), 0 4px 12px rgba(7,26,56,.045) !important; } /* ========================================================== AUTOFILL ========================================================== */ .crc-submit-form input:-webkit-autofill, .crc-submit-form input:-webkit-autofill:hover, .crc-submit-form input:-webkit-autofill:focus{ -webkit-text-fill-color:var(--crc-text); box-shadow: 0 0 0 1000px var(--crc-white) inset !important; transition: background-color 9999s ease-in-out 0s; } /* ========================================================== FILE UPLOADS ========================================================== */ .crc-submit-form input[type="file"]{ width:100%; min-height:76px; padding:18px !important; border:2px dashed #b9cce0 !important; border-radius:14px !important; background: linear-gradient( 180deg, #f8fbff, var(--crc-surface-soft) ) !important; color:#53657a !important; font-family:inherit; font-size:14px !important; cursor:pointer; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease; } .crc-submit-form input[type="file"]:hover{ border-color:var(--crc-blue) !important; background:var(--crc-blue-soft) !important; box-shadow: 0 8px 20px rgba(18,104,214,.06) !important; } .crc-submit-form input[type="file"]::file-selector-button{ margin-right:14px; padding:10px 17px; border:0; border-radius:9px; background: linear-gradient( 135deg, var(--crc-navy), var(--crc-navy-soft) ); color:var(--crc-white); font-family:inherit; font-size:14px; font-weight:750; cursor:pointer; box-shadow: 0 6px 14px rgba(7,26,56,.13); transition: background .2s ease, transform .2s ease, box-shadow .2s ease; } .crc-submit-form input[type="file"]::file-selector-button:hover{ background: linear-gradient( 135deg, var(--crc-blue), var(--crc-blue-hover) ); transform:translateY(-1px); box-shadow: 0 8px 18px rgba(18,104,214,.20); } /* ========================================================== CHECKBOXES / RADIO BUTTONS ========================================================== */ .crc-submit-form .elementor-field-subgroup{ display:flex; flex-wrap:wrap; gap:11px 18px; width:100%; } .crc-submit-form .elementor-field-option{ display:flex; align-items:flex-start; margin:0; padding:3px 0; } .crc-submit-form .elementor-field-option input[type="checkbox"], .crc-submit-form .elementor-field-option input[type="radio"]{ flex:0 0 auto; width:19px; height:19px; margin:2px 9px 0 0; accent-color:var(--crc-blue); cursor:pointer; } .crc-submit-form .elementor-field-option label{ margin:0; color:#34465b; font-size:15px; font-weight:500; line-height:1.5; cursor:pointer; } /* ========================================================== ACCEPTANCE / TERMS ========================================================== */ .crc-submit-form .elementor-field-type-acceptance{ margin-top:8px; padding:19px 21px; border:1px solid #d9e4ef; border-radius:13px; background: linear-gradient( 180deg, #fafcff, #f7fafc ); box-shadow: 0 5px 14px rgba(7,26,56,.025); } /* ========================================================== FIELD DESCRIPTION ========================================================== */ .crc-submit-form .elementor-field-description{ display:block; margin-top:7px; color:#748397; font-size:13px; line-height:1.55; } /* ========================================================== FOLLOW-UP MESSAGE ========================================================== */ .crc-submit-form .crc-submit-note{ display:block; width:100%; margin:13px 0; padding:15px 18px; border:1px solid #dbe7f3; border-radius:12px; background: linear-gradient( 135deg, #f8fbff, #f2f7ff ); color:var(--crc-navy-soft); text-align:center; font-size:14px; font-weight:650; line-height:1.65; } /* ========================================================== SUBMIT BUTTON — CRC ORANGE CTA ========================================================== */ .crc-submit-form .elementor-field-type-submit{ margin-top:18px; } .crc-submit-form .elementor-button{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:66px; padding:18px 30px !important; overflow:hidden; border:0 !important; border-radius:14px !important; background: linear-gradient( 135deg, #ff8a00 0%, #ff6b00 55%, #e95c00 100% ) !important; color:var(--crc-white) !important; font-family:inherit; font-size:18px !important; font-weight:800 !important; line-height:1.2; letter-spacing:.3px; text-transform:none !important; box-shadow: 0 14px 34px rgba(255,120,0,.35); cursor:pointer; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease, opacity .2s ease; } .crc-submit-form .elementor-button::before{ content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.22), transparent ); transform:skewX(-20deg); transition:left .65s ease; } .crc-submit-form .elementor-button:hover{ background: linear-gradient( 135deg, #ff961a 0%, #ff7300 55%, #f06300 100% ) !important; transform:translateY(-3px); box-shadow: 0 20px 42px rgba(255,120,0,.42); } .crc-submit-form .elementor-button:hover::before{ left:150%; } .crc-submit-form .elementor-button:active{ transform:translateY(0); box-shadow: 0 10px 24px rgba(255,120,0,.28); } .crc-submit-form .elementor-button:focus-visible{ outline:3px solid rgba(255,120,0,.25); outline-offset:3px; } .crc-submit-form .elementor-button:disabled, .crc-submit-form .elementor-button[disabled]{ opacity:.62; cursor:not-allowed; transform:none; box-shadow:none; } /* ========================================================== VALIDATION ========================================================== */ .crc-submit-form .elementor-message-danger, .crc-submit-form .elementor-help-inline{ color:var(--crc-danger) !important; font-size:13px; font-weight:650; line-height:1.45; } .crc-submit-form .elementor-help-inline{ display:block; margin-top:6px; } .crc-submit-form .elementor-field.elementor-error, .crc-submit-form input.elementor-error, .crc-submit-form select.elementor-error, .crc-submit-form textarea.elementor-error{ border-color:#dc2626 !important; background:var(--crc-danger-bg) !important; box-shadow: 0 0 0 4px rgba(220,38,38,.10) !important; } /* ========================================================== SUCCESS MESSAGE ========================================================== */ .crc-submit-form .elementor-message.elementor-message-success{ margin-top:30px !important; padding:25px 27px !important; border:1px solid var(--crc-success-border) !important; border-radius:15px !important; background: linear-gradient( 180deg, #f4fff7, var(--crc-success-bg) ) !important; color:var(--crc-success) !important; text-align:center; font-size:16px !important; font-weight:650; line-height:1.7 !important; box-shadow: 0 12px 28px rgba(22,101,52,.075); } /* ========================================================== BENEFITS HEADER ========================================================== */ .crc-submit-benefits-header{ width:100%; max-width:900px; margin:72px auto 27px; text-align:center; } .crc-submit-benefits-title{ margin:0 !important; } .crc-submit-benefits-title .elementor-heading-title{ margin:0; color:var(--crc-navy); font-size:clamp(29px, 3vw, 40px); font-weight:850; line-height:1.15; letter-spacing:-.9px; } /* ========================================================== BENEFITS GRID ========================================================== */ .crc-submit-benefits{ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; align-items:stretch !important; gap:19px !important; width:100%; max-width:1100px; margin:0 auto; } /* ========================================================== BENEFIT CARD ========================================================== */ .crc-submit-benefit{ position:relative; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; gap:16px !important; min-width:0; min-height:198px; padding:27px 25px !important; overflow:hidden; border:1px solid rgba(199,213,228,.92); border-radius:19px; background: linear-gradient( 180deg, var(--crc-white), #fbfdff ); box-shadow: 0 13px 32px rgba(7,26,56,.06); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .crc-submit-benefit::before{ content:""; position:absolute; top:0; left:0; width:100%; height:4px; background: linear-gradient( 90deg, var(--crc-orange), var(--crc-blue), #5aa8ff ); opacity:0; transition:opacity .25s ease; } .crc-submit-benefit::after{ content:""; position:absolute; top:-62px; right:-62px; width:130px; height:130px; border-radius:50%; background:rgba(18,104,214,.035); pointer-events:none; } .crc-submit-benefit:hover{ border-color:rgba(18,104,214,.38); transform:translateY(-6px); box-shadow: 0 22px 48px rgba(7,26,56,.11); } .crc-submit-benefit:hover::before{ opacity:1; } /* ========================================================== BENEFIT ICON ========================================================== */ .crc-submit-benefit__icon{ position:relative; z-index:2; display:flex !important; align-items:center !important; justify-content:center !important; width:50px !important; height:50px !important; flex:0 0 50px; margin:0 !important; padding:0 !important; border:1px solid rgba(18,104,214,.08); border-radius:14px; background: linear-gradient( 135deg, var(--crc-blue-light), #f4f8ff ); color:var(--crc-blue); box-shadow: 0 8px 18px rgba(18,104,214,.08); } .crc-submit-benefit__icon .elementor-widget-container, .crc-submit-benefit__icon .elementor-icon-wrapper{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; } .crc-submit-benefit__icon .elementor-icon{ display:flex; align-items:center; justify-content:center; color:var(--crc-blue); } .crc-submit-benefit__icon i{ font-size:22px; } .crc-submit-benefit__icon svg{ width:23px; height:23px; fill:currentColor; } /* ========================================================== BENEFIT TEXT ========================================================== */ .crc-submit-benefit__text{ position:relative; z-index:2; width:100%; margin:0 !important; } .crc-submit-benefit__text .elementor-widget-container{ color:var(--crc-text-soft); font-size:15px; line-height:1.65; } .crc-submit-benefit__text h3, .crc-submit-benefit__text h4, .crc-submit-benefit__text strong{ display:block; margin:0 0 8px; color:var(--crc-navy); font-size:18px; font-weight:800; line-height:1.3; } .crc-submit-benefit__text p{ margin:0; color:var(--crc-text-soft); } /* ========================================================== TABLET ========================================================== */ @media (max-width:1024px){ .crc-submit-hero{ min-height:440px; padding:68px 30px; } .crc-submit-section{ padding:52px 22px 76px; } .crc-submit-form-wrap{ max-width:900px; padding:40px 36px 44px; } .crc-submit-benefits{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; max-width:850px; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-submit-hero{ min-height:390px; padding:58px 20px; background-position:62% center !important; } .crc-submit-hero::before{ background: linear-gradient( 180deg, rgba(4,21,46,.75), rgba(4,21,46,.88) ); } .crc-submit-hero__content{ max-width:620px; margin:0 auto; text-align:center; } .crc-submit-hero__title .elementor-heading-title{ font-size:39px; line-height:1.06; letter-spacing:-1.4px; } .crc-submit-hero__text, .crc-submit-hero__text p{ font-size:16px; line-height:1.6; } .crc-submit-section{ padding:40px 15px 58px; } .crc-submit-section::before, .crc-submit-section::after{ display:none; } .crc-submit-logo img{ max-width:220px; max-height:72px; } .crc-submit-intro{ margin-bottom:26px; } .crc-submit-title .elementor-heading-title{ font-size:34px; line-height:1.08; letter-spacing:-1.1px; } .crc-submit-value{ margin-bottom:24px; padding:22px 18px; } .crc-submit-value__intro{ font-size:18px !important; } .crc-submit-value__list{ flex-direction:column; gap:9px; font-size:14px; } .crc-submit-value__list span{ width:100%; max-width:330px; justify-content:flex-start; white-space:normal; } .crc-submit-form-intro{ margin-bottom:22px; } .crc-submit-form-intro h2{ font-size:26px; } .crc-submit-form-wrap{ padding:31px 19px 34px; border-radius:19px; box-shadow: 0 21px 48px rgba(7,26,56,.10); } .crc-submit-form .elementor-field-group{ width:100% !important; margin-bottom:19px; } .crc-submit-form h3{ margin-top:32px; padding-top:21px; font-size:21px; } .crc-submit-form input[type="text"], .crc-submit-form input[type="email"], .crc-submit-form input[type="tel"], .crc-submit-form input[type="url"], .crc-submit-form input[type="number"], .crc-submit-form input[type="date"], .crc-submit-form input[type="time"], .crc-submit-form input[type="search"], .crc-submit-form input[type="password"], .crc-submit-form select{ min-height:54px; padding:13px 14px !important; font-size:16px !important; } .crc-submit-form textarea{ min-height:135px; padding:15px !important; font-size:16px !important; } .crc-submit-form select{ padding-right:44px !important; background-position:right 13px center !important; } .crc-submit-form input[type="file"]{ min-height:0; padding:14px !important; } .crc-submit-form input[type="file"]::file-selector-button{ display:block; width:100%; margin:0 0 12px; text-align:center; } .crc-submit-form .elementor-field-subgroup{ flex-direction:column; gap:10px; } .crc-submit-form .elementor-field-type-acceptance{ padding:16px; } .crc-submit-form .crc-submit-note{ padding:14px 15px; font-size:13px; } .crc-submit-form .elementor-button{ min-height:57px; padding:15px 20px !important; font-size:16px !important; } .crc-submit-form .elementor-button:hover{ transform:none; } .crc-submit-benefits-header{ margin-top:52px; margin-bottom:21px; } .crc-submit-benefits-title .elementor-heading-title{ font-size:29px; } .crc-submit-benefits{ grid-template-columns:1fr !important; gap:15px !important; } .crc-submit-benefit{ min-height:0; padding:22px 21px !important; border-radius:17px; } .crc-submit-benefit:hover{ transform:none; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media (max-width:480px){ .crc-submit-hero{ min-height:360px; padding-left:16px; padding-right:16px; } .crc-submit-hero__title .elementor-heading-title{ font-size:34px; } .crc-submit-section{ padding-left:12px; padding-right:12px; } .crc-submit-form-wrap{ padding-left:15px; padding-right:15px; } .crc-submit-form h3{ padding-left:14px; font-size:20px; } .crc-submit-form h3::before{ width:4px; height:22px; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media (prefers-reduced-motion:reduce){ .crc-submit-hero *, .crc-submit-hero *::before, .crc-submit-hero *::after, .crc-submit-section *, .crc-submit-section *::before, .crc-submit-section *::after{ scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } } /* ========================================================== CRC FORM VISUAL GUIDANCE v1.1 Colored section markers and high-priority field panels ========================================================== */ /* ========================================================== STANDARD SECTION HEADER PANEL Use inside an Elementor HTML form field:

Business Information

Please tell us about your business.

========================================================== */ .crc-submit-form .crc-form-heading{ position:relative; width:100%; margin:52px 0 26px; padding:18px 20px 17px 23px; overflow:hidden; border:1px solid #d5e4f4; border-radius:13px; background: linear-gradient( 135deg, #f2f7ff 0%, #f8fbff 58%, var(--crc-white) 100% ); box-shadow: 0 12px 28px rgba(7,26,56,.06); } .crc-submit-form .crc-form-heading::before{ content:""; position:absolute; top:0; bottom:0; left:0; width:6px; background: linear-gradient( 180deg, var(--crc-blue), #59a6ff ); } .crc-submit-form .crc-form-heading:first-child{ margin-top:0; } .crc-submit-form .crc-form-heading h3{ margin:0 0 4px !important; padding:0 !important; border:0 !important; color:var(--crc-navy); font-size:21px; font-weight:850; line-height:1.25; letter-spacing:-.3px; } .crc-submit-form .crc-form-heading h3::before{ display:none !important; } .crc-submit-form .crc-form-heading p{ margin:0 !important; color:var(--crc-text-soft); font-size:13px; line-height:1.55; } /* ========================================================== MEDIA SECTION — STRONGER BLUE IDENTITY Use:
========================================================== */ .crc-submit-form .crc-form-heading--media{ border-color:#c9ddf4; background: linear-gradient( 135deg, #eaf3ff 0%, #f4f8ff 62%, var(--crc-white) 100% ); } .crc-submit-form .crc-form-heading--media::before{ background: linear-gradient( 180deg, #1268d6, #4c9cff ); } /* ========================================================== MARKETING SECTION — CRC ORANGE ACCENT Use:
========================================================== */ .crc-submit-form .crc-form-heading--marketing{ border-color:#f4d7bb; background: linear-gradient( 135deg, #fff3e8 0%, #fff9f3 62%, var(--crc-white) 100% ); } .crc-submit-form .crc-form-heading--marketing::before{ background: linear-gradient( 180deg, #ff8a00, #ff6500 ); } /* ========================================================== TERMS SECTION — TRUST / CONFIRMATION PANEL Use:
========================================================== */ .crc-submit-form .crc-form-heading--terms{ margin-bottom:14px; border-color:#efd4b8; background: linear-gradient( 135deg, #fff6ed 0%, #fffbf7 66%, var(--crc-white) 100% ); } .crc-submit-form .crc-form-heading--terms::before{ background: linear-gradient( 180deg, var(--crc-orange), #ff9b3d ); } /* ========================================================== TERMS / ACCEPTANCE BOX ========================================================== */ .crc-submit-form .elementor-field-type-acceptance{ margin-top:0; padding:17px 19px; border:1px solid #efd8c1; border-radius:12px; background: linear-gradient( 135deg, #fffaf5, var(--crc-white) ); box-shadow: 0 7px 18px rgba(255,120,0,.045); } .crc-submit-form .elementor-field-type-acceptance:hover{ border-color:#e7bd93; } /* ========================================================== FILE UPLOAD GROUP EMPHASIS ========================================================== */ .crc-submit-form .elementor-field-type-upload{ padding:15px; border:1px solid #dce8f5; border-radius:14px; background: linear-gradient( 180deg, #f8fbff, var(--crc-white) ); } /* ========================================================== SELECT FIELD GUIDANCE ========================================================== */ .crc-submit-form .elementor-field-type-select{ position:relative; } .crc-submit-form .elementor-field-type-select select{ background-color:#fbfdff !important; } /* ========================================================== ACTIVE FIELD GROUP Helps users see exactly where they are in the form. ========================================================== */ .crc-submit-form .elementor-field-group:focus-within > label, .crc-submit-form .elementor-field-group:focus-within .elementor-field-label{ color:var(--crc-blue); } .crc-submit-form .elementor-field-group:focus-within{ z-index:2; } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-submit-form .crc-form-heading{ margin:30px 0 18px; padding:16px 16px 15px 19px; border-radius:12px; } .crc-submit-form .crc-form-heading h3{ font-size:19px; } .crc-submit-form .crc-form-heading p{ font-size:13px; } .crc-submit-form .elementor-field-type-upload{ padding:12px; } } /* ========================================================== CRC ABOUT — OUR STORY v3.1 FINAL LOCKED VERSION ========================================================== */ .crc-about-story{ position:relative; isolation:isolate; width:100% !important; margin:0 !important; padding:96px 48px 108px !important; overflow:hidden; background: radial-gradient( circle at 8% 18%, rgba(18,104,214,.065), transparent 31% ), linear-gradient( 180deg, var(--crc-white) 0%, #f8fafc 100% ) !important; } /* ========================================================== MAIN LAYOUT ========================================================== */ .crc-about-story__inner{ position:relative; z-index:2; display:grid !important; grid-template-columns:minmax(0,.40fr) minmax(0,.60fr) !important; align-items:center !important; width:100% !important; max-width:1220px !important; gap:72px !important; margin:0 auto !important; padding:0 !important; background:transparent !important; } /* ========================================================== CRC ABOUT HERO — BUTTON SPACING FORCE FIX ========================================================== */ .crc-about-hero__buttons{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important; gap:18px !important; column-gap:18px !important; row-gap:14px !important; width:100% !important; } /* Elementor button widgets */ .crc-about-hero__buttons > .elementor-element{ flex:0 0 auto !important; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; } /* Force spacing even if Elementor ignores gap */ .crc-about-hero__buttons > .elementor-element + .elementor-element{ margin-left:18px !important; } /* Prevent the actual buttons from stretching */ .crc-about-hero__buttons .elementor-button-wrapper{ display:block !important; width:auto !important; } .crc-about-hero__buttons .elementor-button{ width:auto !important; margin:0 !important; } /* ========================================================== MOBILE BUTTONS ========================================================== */ @media (max-width:767px){ .crc-about-hero__buttons{ display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:14px !important; width:100% !important; } .crc-about-hero__buttons > .elementor-element{ width:100% !important; max-width:280px !important; margin:0 !important; } .crc-about-hero__buttons > .elementor-element + .elementor-element{ margin-left:0 !important; margin-top:14px !important; } .crc-about-hero__buttons .elementor-button, .crc-about-hero__buttons .elementor-button-wrapper{ display:block !important; width:100% !important; text-align:center !important; } } /* ========================================================== LEFT VISUAL ========================================================== */ .crc-about-story__visual{ position:relative; display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:center !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 30px 34px 0 !important; background:transparent !important; } /* ========================================================== IMAGE ========================================================== */ .crc-about-story__image{ position:relative; z-index:1; width:100% !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:22px !important; box-shadow: 0 26px 60px rgba(7,26,56,.15), 0 8px 20px rgba(7,26,56,.07) !important; } .crc-about-story__image img{ display:block !important; width:100% !important; height:500px !important; object-fit:cover !important; object-position:center !important; border-radius:22px !important; transition:transform .45s ease !important; } .crc-about-story__visual:hover .crc-about-story__image img{ transform:scale(1.025); } /* ========================================================== BADGE ========================================================== */ .crc-about-story__badge{ position:absolute !important; right:0 !important; bottom:0 !important; z-index:3; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; width:184px !important; min-height:124px !important; margin:0 !important; padding:22px 23px !important; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:17px !important; background: linear-gradient( 145deg, #0b3a6c 0%, #06284e 100% ) !important; box-shadow: 0 20px 42px rgba(7,26,56,.27), inset 0 1px 0 rgba(255,255,255,.10) !important; } .crc-about-story__badge::before{ content:""; position:absolute; top:-38px; right:-34px; width:104px; height:104px; border-radius:50%; background:rgba(247,148,29,.14); } .crc-about-story__badge-number{ position:relative; z-index:2; width:100%; margin:0 0 6px !important; padding:0 !important; } .crc-about-story__badge-number .elementor-heading-title{ margin:0 !important; font-size:31px !important; line-height:1.05 !important; font-weight:800 !important; letter-spacing:-.03em !important; color:var(--crc-white) !important; } .crc-about-story__badge-text{ position:relative; z-index:2; width:100%; margin:0 !important; padding:0 !important; font-size:11px !important; line-height:1.45 !important; font-weight:800 !important; letter-spacing:.07em !important; text-transform:uppercase !important; color:var(--crc-accent) !important; } .crc-about-story__badge-text p{ margin:0 !important; color:inherit !important; } /* ========================================================== RIGHT CONTENT ========================================================== */ .crc-about-story__content{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; text-align:left !important; background:transparent !important; } /* ========================================================== EYEBROW ========================================================== */ .crc-about-story .crc-section-eyebrow{ position:relative; width:auto; margin:0 0 18px !important; padding:0 0 12px !important; font-size:13px !important; line-height:1.3 !important; font-weight:800 !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#f57c00 !important; } .crc-about-story .crc-section-eyebrow::after{ content:""; position:absolute; left:0; bottom:0; width:46px; height:3px; border-radius:var(--crc-radius-pill); background:#f57c00; } .crc-about-story .crc-section-eyebrow .elementor-heading-title{ margin:0 !important; font:inherit !important; color:inherit !important; } /* ========================================================== TITLE ========================================================== */ .crc-about-story .crc-section-title{ width:100% !important; max-width:760px !important; margin:0 0 24px !important; padding:0 !important; } .crc-about-story .crc-section-title .elementor-heading-title{ margin:0 !important; font-size:44px !important; line-height:1.07 !important; font-weight:800 !important; letter-spacing:-.035em !important; text-align:left !important; color:#082f5b !important; } /* ========================================================== LEAD ========================================================== */ .crc-about-story__lead{ width:100% !important; max-width:720px !important; margin:0 0 24px !important; padding:0 !important; font-size:18px !important; line-height:1.7 !important; font-weight:500 !important; color:#243b53 !important; } .crc-about-story__lead p{ margin:0 !important; color:inherit !important; } /* ========================================================== BODY ========================================================== */ .crc-about-story .crc-section-text{ width:100% !important; max-width:720px !important; margin:0 0 30px !important; padding:0 !important; font-size:16px !important; line-height:1.75 !important; font-weight:400 !important; color:#596d81 !important; } .crc-about-story .crc-section-text p{ margin:0 !important; color:inherit !important; } /* ========================================================== ICON LIST ========================================================== */ .crc-about-story__list{ width:100% !important; max-width:720px !important; margin:0 !important; padding:0 !important; } .crc-about-story__list .elementor-icon-list-items{ display:flex !important; flex-direction:column !important; gap:18px !important; margin:0 !important; padding:0 !important; } .crc-about-story__list .elementor-icon-list-item{ display:flex !important; align-items:flex-start !important; margin:0 !important; padding:0 !important; } .crc-about-story__list .elementor-icon-list-icon{ flex:0 0 22px !important; display:flex !important; align-items:center !important; justify-content:center !important; width:22px !important; min-width:22px !important; margin:3px 12px 0 0 !important; padding:0 !important; } .crc-about-story__list .elementor-icon-list-icon i, .crc-about-story__list .elementor-icon-list-icon svg{ width:20px !important; height:20px !important; font-size:20px !important; color:#1268d6 !important; fill:currentColor !important; } .crc-about-story__list .elementor-icon-list-text{ width:100% !important; font-size:16px !important; line-height:1.65 !important; font-weight:500 !important; color:#4b6178 !important; } .crc-about-story__list .elementor-icon-list-text strong{ font-weight:800 !important; color:#082f5b !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width:1024px){ .crc-about-story{ padding:84px 36px 94px !important; } .crc-about-story__inner{ grid-template-columns:minmax(0,.42fr) minmax(0,.58fr) !important; gap:48px !important; } .crc-about-story__visual{ padding:0 24px 28px 0 !important; } .crc-about-story__image img{ height:420px !important; } .crc-about-story__badge{ width:170px !important; min-height:114px !important; padding:19px 21px !important; } .crc-about-story__badge-number .elementor-heading-title{ font-size:27px !important; } .crc-about-story .crc-section-title .elementor-heading-title{ font-size:38px !important; } .crc-about-story__lead{ font-size:17px !important; } .crc-about-story .crc-section-text{ font-size:15px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-about-story{ padding:72px 22px 80px !important; } .crc-about-story__inner{ display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:50px !important; } .crc-about-story__visual{ width:100% !important; padding:0 18px 34px 0 !important; } .crc-about-story__image img{ height:380px !important; } .crc-about-story__badge{ width:160px !important; min-height:106px !important; padding:18px 19px !important; } .crc-about-story__badge-number .elementor-heading-title{ font-size:25px !important; } .crc-about-story__badge-text{ font-size:10px !important; } .crc-about-story .crc-section-eyebrow{ margin-bottom:16px !important; font-size:12px !important; } .crc-about-story .crc-section-title{ margin-bottom:22px !important; } .crc-about-story .crc-section-title .elementor-heading-title{ font-size:36px !important; line-height:1.1 !important; } .crc-about-story__lead{ margin-bottom:20px !important; font-size:17px !important; line-height:1.65 !important; } .crc-about-story .crc-section-text{ margin-bottom:26px !important; font-size:16px !important; line-height:1.7 !important; } .crc-about-story__list .elementor-icon-list-items{ gap:16px !important; } .crc-about-story__list .elementor-icon-list-text{ font-size:15px !important; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media (max-width:480px){ .crc-about-story{ padding:64px 18px 72px !important; } .crc-about-story__inner{ gap:44px !important; } .crc-about-story__visual{ padding:0 12px 30px 0 !important; } .crc-about-story__image{ border-radius:18px !important; } .crc-about-story__image img{ height:320px !important; border-radius:18px !important; } .crc-about-story__badge{ width:146px !important; min-height:96px !important; padding:16px 17px !important; border-radius:15px !important; } .crc-about-story__badge-number .elementor-heading-title{ font-size:23px !important; } .crc-about-story .crc-section-title .elementor-heading-title{ font-size:32px !important; } .crc-about-story__lead{ font-size:16px !important; } .crc-about-story .crc-section-text{ font-size:15px !important; } .crc-about-story__list .elementor-icon-list-text{ font-size:14px !important; } } /* ========================================================== CRC ABOUT STORY v3.1 ========================================================== */ /* Existing CSS */ ...existing code... /* ========================================================== FINAL POLISH OVERRIDES ========================================================== */ .crc-about-story{ padding:88px 48px 96px !important; scroll-margin-top:140px; } /* rest of patch... */ /* ========================================================== CRC OUR MISSION v1.1 FLEXBOX 2x2 FINAL ========================================================== */ .crc-mission{ position:relative; width:100% !important; margin:0 !important; padding:105px 48px !important; overflow:hidden; background: linear-gradient( 180deg, #f8fafc 0%, #f3f7fb 100% ) !important; } /* ========================================================== INNER ========================================================== */ .crc-mission__inner{ display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important; max-width:1220px !important; margin:0 auto !important; padding:0 !important; text-align:center !important; } /* ========================================================== EYEBROW ========================================================== */ .crc-mission .crc-section-eyebrow{ margin:0 0 16px !important; padding:0 !important; font-size:14px !important; line-height:1.3 !important; font-weight:800 !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:var(--crc-accent) !important; } .crc-mission .crc-section-eyebrow .elementor-heading-title{ margin:0 !important; font:inherit !important; color:inherit !important; } /* ========================================================== TITLE ========================================================== */ .crc-mission .crc-section-title{ position:relative; width:100% !important; margin:0 0 28px !important; padding:0 0 22px !important; } .crc-mission .crc-section-title::after{ content:""; position:absolute; left:50%; bottom:0; width:72px; height:3px; border-radius:var(--crc-radius-pill); background:var(--crc-accent); transform:translateX(-50%); } .crc-mission .crc-section-title .elementor-heading-title{ margin:0 !important; font-size:48px !important; line-height:1.08 !important; font-weight:800 !important; letter-spacing:-.035em !important; color:#082f5b !important; } /* ========================================================== INTRO TEXT ========================================================== */ .crc-mission .crc-section-text{ width:100% !important; max-width:760px !important; margin:0 auto !important; padding:0 !important; font-size:18px !important; line-height:1.75 !important; font-weight:400 !important; color:#596d81 !important; } .crc-mission .crc-section-text p{ margin:0 !important; color:inherit !important; } /* ========================================================== FLEX CARD GRID ========================================================== */ .crc-mission-grid{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:stretch !important; justify-content:flex-start !important; width:100% !important; column-gap:24px !important; row-gap:24px !important; margin:58px 0 0 !important; padding:0 !important; background:transparent !important; } /* ========================================================== CARD ========================================================== */ .crc-mission-card{ position:relative; display:flex !important; flex:0 0 calc(50% - 12px) !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; width:calc(50% - 12px) !important; min-width:0 !important; min-height:250px !important; margin:0 !important; padding:36px 34px !important; text-align:left !important; border:1px solid #e1e9f1 !important; border-radius:var(--crc-radius-lg) !important; background:var(--crc-white) !important; box-shadow: 0 12px 30px rgba(7,26,56,.06) !important; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease !important; } .crc-mission-card:hover{ transform:translateY(-6px); border-color:rgba(18,104,214,.36) !important; box-shadow: 0 22px 48px rgba(7,26,56,.11) !important; } /* ========================================================== ICON ========================================================== */ .crc-mission-card .elementor-widget-icon{ margin:0 0 24px !important; } .crc-mission-card .elementor-icon{ display:flex !important; align-items:center !important; justify-content:center !important; width:66px !important; height:66px !important; margin:0 !important; border-radius:17px !important; background:#edf5ff !important; color:#1268d6 !important; font-size:29px !important; transition: background-color .24s ease, color .24s ease, transform .24s ease !important; } .crc-mission-card:hover .elementor-icon{ background:#1268d6 !important; color:var(--crc-white) !important; transform:scale(1.04); } .crc-mission-card .elementor-icon svg{ width:28px !important; height:28px !important; fill:currentColor !important; } /* ========================================================== CARD TITLE ========================================================== */ .crc-mission-card .elementor-widget-heading{ width:100% !important; margin:0 0 12px !important; } .crc-mission-card .elementor-heading-title{ margin:0 !important; font-size:25px !important; line-height:1.2 !important; font-weight:800 !important; text-align:left !important; color:#082f5b !important; } /* ========================================================== CARD TEXT ========================================================== */ .crc-mission-card .elementor-widget-text-editor{ width:100% !important; margin:0 !important; } .crc-mission-card .elementor-widget-text-editor, .crc-mission-card .elementor-widget-text-editor p{ font-size:16px !important; line-height:1.7 !important; font-weight:400 !important; text-align:left !important; color:#5f7288 !important; } .crc-mission-card .elementor-widget-text-editor p{ margin:0 !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width:1024px){ .crc-mission{ padding:88px 36px !important; } .crc-mission .crc-section-title .elementor-heading-title{ font-size:42px !important; } .crc-mission-grid{ margin-top:50px !important; } .crc-mission-card{ min-height:230px !important; padding:32px 28px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-mission{ padding:72px 20px !important; } .crc-mission .crc-section-title{ margin-bottom:24px !important; } .crc-mission .crc-section-title .elementor-heading-title{ font-size:36px !important; line-height:1.1 !important; } .crc-mission .crc-section-text{ font-size:16px !important; line-height:1.7 !important; } .crc-mission-grid{ flex-direction:column !important; flex-wrap:nowrap !important; gap:18px !important; margin-top:42px !important; } .crc-mission-card{ flex:0 0 100% !important; width:100% !important; min-height:0 !important; padding:30px 24px !important; } .crc-mission-card .elementor-icon{ width:60px !important; height:60px !important; font-size:27px !important; } .crc-mission-card .elementor-heading-title{ font-size:23px !important; } } /* ========================================================== CRC MISSION — FINAL ALIGNMENT PATCH ========================================================== */ .crc-mission{ padding-top:96px !important; padding-bottom:104px !important; } .crc-mission__inner{ position:relative !important; z-index:2 !important; } .crc-mission .crc-section-eyebrow, .crc-mission .crc-section-title, .crc-mission .crc-section-text{ position:relative !important; z-index:3 !important; } .crc-mission-grid{ margin-top:48px !important; } .crc-mission-card{ min-height:220px !important; padding:32px 30px !important; } .crc-mission-card .elementor-widget-icon{ margin-bottom:20px !important; } @media (max-width:1024px){ .crc-mission{ padding-top:84px !important; padding-bottom:92px !important; } .crc-mission-grid{ margin-top:44px !important; } } @media (max-width:767px){ .crc-mission{ padding-top:70px !important; padding-bottom:76px !important; } .crc-mission-grid{ margin-top:38px !important; } .crc-mission-card{ min-height:0 !important; padding:28px 24px !important; } } /* ========================================================== CRC ABOUT — WHAT YOU'LL FIND v1.0 ========================================================== */ .crc-features{ position:relative; isolation:isolate; width:100% !important; margin:0 !important; padding:104px 48px 112px !important; overflow:hidden; background: radial-gradient( circle at 92% 12%, rgba(247,148,29,.08), transparent 28% ), var(--crc-white) !important; } /* ========================================================== INNER ========================================================== */ .crc-features__inner{ display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important; max-width:1220px !important; margin:0 auto !important; padding:0 !important; text-align:center !important; } /* ========================================================== EYEBROW ========================================================== */ .crc-features .crc-section-eyebrow{ margin:0 0 16px !important; padding:0 !important; font-size:13px !important; line-height:1.3 !important; font-weight:800 !important; letter-spacing:.17em !important; text-transform:uppercase !important; color:var(--crc-accent) !important; } .crc-features .crc-section-eyebrow .elementor-heading-title{ margin:0 !important; font:inherit !important; color:inherit !important; } /* ========================================================== TITLE ========================================================== */ .crc-features .crc-section-title{ position:relative; width:100% !important; max-width:820px !important; margin:0 0 28px !important; padding:0 0 24px !important; } .crc-features .crc-section-title::after{ content:""; position:absolute; left:50%; bottom:0; width:72px; height:3px; border-radius:var(--crc-radius-pill); background:var(--crc-accent); transform:translateX(-50%); } .crc-features .crc-section-title .elementor-heading-title{ margin:0 !important; font-size:46px !important; line-height:1.08 !important; font-weight:800 !important; letter-spacing:-.035em !important; text-align:center !important; color:#082f5b !important; } /* ========================================================== INTRO TEXT ========================================================== */ .crc-features .crc-section-text{ width:100% !important; max-width:780px !important; margin:0 auto !important; padding:0 !important; font-size:18px !important; line-height:1.75 !important; font-weight:400 !important; text-align:center !important; color:#596d81 !important; } .crc-features .crc-section-text p{ margin:0 !important; color:inherit !important; } /* ========================================================== GRID ========================================================== */ .crc-feature-grid{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:stretch !important; width:100% !important; gap:24px !important; margin:58px 0 0 !important; padding:0 !important; background:transparent !important; } /* ========================================================== CARD ========================================================== */ .crc-feature-card{ position:relative; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; width:100% !important; min-width:0 !important; min-height:250px !important; margin:0 !important; padding:32px 30px !important; overflow:hidden; text-align:left !important; border:1px solid #e2eaf2 !important; border-radius:var(--crc-radius-lg) !important; background: linear-gradient( 180deg, var(--crc-white) 0%, #fbfdff 100% ) !important; box-shadow: 0 10px 28px rgba(7,26,56,.055) !important; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease !important; } .crc-feature-card:hover{ transform:translateY(-6px); border-color:rgba(247,148,29,.45) !important; box-shadow: 0 22px 46px rgba(7,26,56,.10) !important; } /* Orange top accent */ .crc-feature-card::before{ content:""; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient( 90deg, var(--crc-accent), #ffb24a ); opacity:0; transform:scaleX(.35); transform-origin:left center; transition: opacity .24s ease, transform .24s ease; } .crc-feature-card:hover::before{ opacity:1; transform:scaleX(1); } /* ========================================================== ICON ========================================================== */ .crc-feature-card .elementor-widget-icon{ margin:0 0 22px !important; } .crc-feature-card .elementor-icon{ display:flex !important; align-items:center !important; justify-content:center !important; width:64px !important; height:64px !important; margin:0 !important; border-radius:17px !important; background:rgba(247,148,29,.10) !important; color:#f57c00 !important; font-size:29px !important; transition: background-color .24s ease, color .24s ease, transform .24s ease !important; } .crc-feature-card:hover .elementor-icon{ background:var(--crc-accent) !important; color:var(--crc-white) !important; transform:scale(1.04); } .crc-feature-card .elementor-icon svg{ width:28px !important; height:28px !important; fill:currentColor !important; } /* ========================================================== CARD TITLE ========================================================== */ .crc-feature-card .elementor-widget-heading{ width:100% !important; margin:0 0 12px !important; } .crc-feature-card .elementor-heading-title{ margin:0 !important; font-size:24px !important; line-height:1.25 !important; font-weight:800 !important; text-align:left !important; color:#082f5b !important; } /* ========================================================== CARD TEXT ========================================================== */ .crc-feature-card .elementor-widget-text-editor{ width:100% !important; margin:0 !important; } .crc-feature-card .elementor-widget-text-editor, .crc-feature-card .elementor-widget-text-editor p{ font-size:15px !important; line-height:1.7 !important; font-weight:400 !important; text-align:left !important; color:#5f7288 !important; } .crc-feature-card .elementor-widget-text-editor p{ margin:0 !important; } /* ========================================================== COMING SOON CARDS Add class: crc-feature-card--soon ========================================================== */ .crc-feature-card--soon{ background: linear-gradient( 145deg, #f7f9fc 0%, #eef3f8 100% ) !important; } .crc-feature-card--soon::after{ content:"COMING SOON"; position:absolute; top:22px; right:22px; padding:7px 10px; border-radius:var(--crc-radius-pill); background:#082f5b; font-size:10px; line-height:1; font-weight:800; letter-spacing:.09em; color:var(--crc-white); } /* ========================================================== TABLET ========================================================== */ @media (max-width:1024px){ .crc-features{ padding:88px 36px 96px !important; } .crc-features .crc-section-title .elementor-heading-title{ font-size:40px !important; } .crc-feature-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; margin-top:50px !important; } .crc-feature-card{ min-height:235px !important; padding:30px 27px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width:767px){ .crc-features{ padding:72px 20px 80px !important; } .crc-features .crc-section-title{ margin-bottom:24px !important; } .crc-features .crc-section-title .elementor-heading-title{ font-size:35px !important; line-height:1.1 !important; } .crc-features .crc-section-text{ font-size:16px !important; line-height:1.7 !important; } .crc-feature-grid{ grid-template-columns:1fr !important; gap:18px !important; margin-top:42px !important; } .crc-feature-card{ min-height:0 !important; padding:28px 24px !important; } .crc-feature-card .elementor-icon{ width:58px !important; height:58px !important; font-size:27px !important; } .crc-feature-card .elementor-heading-title{ font-size:22px !important; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media (max-width:480px){ .crc-features{ padding:64px 18px 72px !important; } .crc-features .crc-section-title .elementor-heading-title{ font-size:31px !important; } .crc-feature-card{ padding:25px 22px !important; } .crc-feature-card--soon::after{ top:18px; right:18px; } } /* ========================================================== COLORADO RIVER CONNECT PREMIUM BUSINESS PROFILE v5.0 — FLAGSHIP Same Elementor structure • Same CSS classes Featured image becomes the hero background ========================================================== */ .elementor-862{ /* ====================================================== EASY DESIGN CONTROLS Change these values only for routine visual adjustments ====================================================== */ /* HERO */ --crc-hero-height:780px; --crc-hero-content-width:1240px; --crc-hero-copy-width:900px; --crc-hero-title-size:clamp(58px,7vw,92px); --crc-hero-description-width:780px; --crc-hero-description-size:19px; --crc-hero-side-padding:40px; --crc-hero-top-space:108px; --crc-hero-bottom-space:108px; /* GLOBAL CONTENT */ --crc-content-width:1200px; --crc-section-space:96px; --crc-section-side-padding:24px; /* QUICK FACTS */ --crc-fact-card-height:220px; --crc-fact-card-padding:32px; --crc-fact-number-size:30px; /* REVIEWS */ --crc-review-width:1200px; --crc-review-card-padding:38px; --crc-review-text-size:17px; /* SERVICES */ --crc-service-card-height:270px; --crc-service-card-padding:36px; --crc-service-title-size:24px; /* ABOUT + RECENT WORK */ --crc-about-left:1.7fr; --crc-about-right:.8fr; --crc-about-gap:56px; --crc-about-text-size:17px; /* GALLERY */ --crc-gallery-image-height:340px; /* CTA */ --crc-cta-space:104px; --crc-navy:#0A243B; --crc-blue:#10314F; --crc-blue-light:#173D61; --crc-dark:#020617; --crc-orange:#E07A2D; --crc-orange-dark:#C8621D; --crc-gold:#E7B75B; --crc-white:var(--crc-white); --crc-page:var(--crc-white); --crc-panel:#F8FAFC; --crc-panel-strong:#F1F5F9; --crc-text:#0F172A; --crc-muted:#64748B; --crc-border:#E2E8F0; --crc-shadow-sm:0 12px 30px rgba(7,31,52,.08); --crc-shadow-md:0 20px 50px rgba(7,31,52,.12); --crc-shadow-lg:0 34px 90px rgba(7,31,52,.20); --crc-radius-sm:18px; --crc-radius-md:26px; --crc-radius-lg:34px; width:100%; overflow:hidden; background:var(--crc-page); color:var(--crc-text); } .elementor-862, .elementor-862 *, .elementor-862 *::before, .elementor-862 *::after{ box-sizing:border-box; } .elementor-862 .e-con, .elementor-862 .e-con-inner{ min-height:0 !important; } .elementor-862 .elementor-widget{ margin-bottom:0; } /* ========================================================== HERO Existing DOM retained: .crc-premium-hero .crc-premium-feature .crc-premium-hero__logo-column .crc-premium-hero__info ========================================================== */ .elementor-862 .crc-premium-hero{ position:relative !important; display:grid !important; grid-template-columns:1fr !important; grid-template-rows:1fr !important; width:100% !important; min-height:760px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#081D30 !important; isolation:isolate; } /* Featured image becomes the background layer */ .elementor-862 .crc-premium-feature{ position:absolute !important; inset:0 !important; z-index:0 !important; display:block !important; width:100% !important; height:100% !important; min-height:760px !important; margin:0 !important; padding:0 !important; background:#081D30 !important; } .elementor-862 .crc-premium-feature__image, .elementor-862 .crc-premium-feature__image .elementor-widget-container, .elementor-862 .crc-premium-feature__image .jet-listing-dynamic-image{ width:100% !important; height:100% !important; min-height:760px !important; margin:0 !important; padding:0 !important; } .elementor-862 .crc-premium-feature__image{ overflow:hidden !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } .elementor-862 .crc-premium-feature__image img, .elementor-862 .crc-premium-feature__image .jet-listing-dynamic-image__img{ display:block !important; width:100% !important; height:100% !important; min-height:760px !important; object-fit:cover !important; object-position:center center !important; border-radius:0 !important; filter:saturate(1.03) contrast(1.02); transform:scale(1.01); } /* Hero darkening and premium depth */ .elementor-862 .crc-premium-hero::before{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background: linear-gradient( 90deg, rgba(3,17,29,.94) 0%, rgba(5,27,45,.86) 36%, rgba(5,27,45,.46) 64%, rgba(5,27,45,.20) 100% ), linear-gradient( 180deg, rgba(2,6,23,.16) 0%, rgba(2,6,23,.08) 55%, rgba(2,6,23,.58) 100% ); } .elementor-862 .crc-premium-hero::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background: radial-gradient(circle at 20% 20%,rgba(61,180,210,.18),transparent 30%), linear-gradient(120deg,rgba(255,255,255,.04),transparent 40%); } /* ========================================================== HERO IDENTITY ========================================================== */ .elementor-862 .crc-premium-hero__logo-column, .elementor-862 .crc-premium-hero__info{ position:relative !important; z-index:2 !important; width:100% !important; max-width:1240px !important; margin-left:auto !important; margin-right:auto !important; padding-left:40px !important; padding-right:40px !important; } .elementor-862 .crc-premium-hero__logo-column{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:18px !important; padding-top:108px !important; padding-bottom:0 !important; } .elementor-862 .crc-premium-hero__logo{ flex:0 0 112px !important; width:112px !important; height:112px !important; max-width:112px !important; margin:0 !important; } .elementor-862 .crc-premium-hero__logo .elementor-widget-container, .elementor-862 .crc-premium-hero__logo .jet-listing-dynamic-image{ display:flex !important; align-items:center !important; justify-content:center !important; width:112px !important; height:112px !important; overflow:hidden !important; background:var(--crc-white) !important; border:1px solid rgba(255,255,255,.52) !important; border-radius:28px !important; box-shadow: 0 24px 70px rgba(0,0,0,.30), 0 0 0 8px rgba(255,255,255,.05) !important; } .elementor-862 .crc-premium-hero__logo img, .elementor-862 .crc-premium-hero__logo .jet-listing-dynamic-image__img{ display:block !important; width:100% !important; height:100% !important; padding:12px !important; object-fit:contain !important; background:var(--crc-white) !important; border-radius:28px !important; } /* ========================================================== CRC PREMIUM MEMBER BADGE ========================================================== */ .elementor-862 .crc-premium-hero__badge{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; max-width:max-content !important; margin:0 !important; padding:11px 20px !important; background:rgba(12,36,59,.82) !important; border:1px solid rgba(253,230,138,.45) !important; border-radius:var(--crc-radius-pill) !important; color:#FDE68A !important; font-size:11px !important; font-weight:800 !important; letter-spacing:.16em !important; text-transform:uppercase !important; line-height:1 !important; box-shadow: 0 8px 20px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.04); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); transition:all .25s ease; } .elementor-862 .crc-premium-hero__badge:hover{ background:#173D61 !important; border-color:#FDE68A !important; transform:translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.28), 0 0 18px rgba(253,230,138,.18); } .elementor-862 .crc-premium-hero__badge *, .elementor-862 .crc-premium-hero__badge .jet-listing-dynamic-field__content{ color:inherit !important; font:inherit !important; line-height:inherit !important; } /* ========================================================== HERO COPY + ACTIONS ========================================================== */ .elementor-862 .crc-premium-hero__info{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; max-width:1240px !important; padding-top:34px !important; padding-bottom:108px !important; text-align:left !important; } .elementor-862 .crc-premium-hero__category{ order:1 !important; width:100% !important; margin:0 0 12px !important; text-align:left !important; } .elementor-862 .crc-premium-hero__category, .elementor-862 .crc-premium-hero__category *, .elementor-862 .crc-premium-hero__category a, .elementor-862 .crc-premium-hero__category .jet-listing-dynamic-terms__link, .elementor-862 .crc-premium-hero__category .jet-listing-dynamic-field__content{ color:#BAE6FD !important; font-size:13px !important; font-weight:800 !important; line-height:1.4 !important; letter-spacing:.22em !important; text-decoration:none !important; text-transform:uppercase !important; } .elementor-862 .crc-premium-hero__title{ order:2 !important; width:100% !important; max-width:830px !important; margin:0 0 20px !important; text-align:left !important; } .elementor-862 .crc-premium-hero__title, .elementor-862 .crc-premium-hero__title *, .elementor-862 .crc-premium-hero__title a, .elementor-862 .crc-premium-hero__title .elementor-heading-title, .elementor-862 .crc-premium-hero__title .jet-listing-dynamic-field__content{ color:var(--crc-white) !important; font-size:clamp(54px,7vw,88px) !important; font-weight:700 !important; line-height:.98 !important; letter-spacing:-.048em !important; text-decoration:none !important; text-shadow:0 8px 30px rgba(0,0,0,.28); } .elementor-862 .crc-premium-hero__description{ order:3 !important; width:100% !important; max-width:720px !important; margin:0 !important; text-align:left !important; } .elementor-862 .crc-premium-hero__description, .elementor-862 .crc-premium-hero__description *, .elementor-862 .crc-premium-hero__description p, .elementor-862 .crc-premium-hero__description .jet-listing-dynamic-field__content{ color:rgba(255,255,255,.88) !important; font-size:19px !important; font-weight:400 !important; line-height:1.75 !important; } /* ========================================================== PREMIUM BADGE — REMOVE ACTION BUTTON STYLING ========================================================== */ .elementor-862 .crc-premium-hero__badge a, .elementor-862 .crc-premium-hero__badge .elementor-button, .elementor-862 .crc-premium-hero__badge .jet-listing-dynamic-link__link, .elementor-862 .crc-premium-hero__badge .elementor-widget-container{ width:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; color:inherit !important; font:inherit !important; letter-spacing:inherit !important; text-transform:inherit !important; } /* ========================================================== HERO BUTTONS ========================================================== */ .elementor-862 .crc-premium-hero__actions{ order:4 !important; display:grid !important; grid-template-columns:repeat(4,minmax(150px,1fr)) !important; align-items:stretch !important; width:100% !important; max-width:900px !important; gap:12px !important; margin:34px 0 0 !important; padding:0 !important; } .elementor-862 .crc-premium-action{ width:100% !important; margin:0 !important; padding:0 !important; } .elementor-862 .crc-premium-action .elementor-widget-container{ width:100% !important; height:100% !important; } .elementor-862 .crc-premium-action a, .elementor-862 .crc-premium-action .elementor-button, .elementor-862 .crc-premium-action .jet-listing-dynamic-link__link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:58px !important; padding:15px 22px !important; border:1px solid rgba(255,255,255,.28) !important; border-radius:18px !important; background:rgba(255,255,255,.10) !important; color:var(--crc-white) !important; font-size:14px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:.01em !important; text-align:center !important; text-decoration:none !important; box-shadow:none !important; backdrop-filter:blur(12px); transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease !important; } .elementor-862 .crc-premium-action a:hover, .elementor-862 .crc-premium-action .elementor-button:hover, .elementor-862 .crc-premium-action .jet-listing-dynamic-link__link:hover{ transform:translateY(-3px) !important; border-color:rgba(255,255,255,.46) !important; background:rgba(255,255,255,.18) !important; box-shadow:0 14px 35px rgba(0,0,0,.16) !important; } .elementor-862 .crc-premium-action--primary a, .elementor-862 .crc-premium-action--primary .elementor-button, .elementor-862 .crc-premium-action--primary .jet-listing-dynamic-link__link{ border-color:var(--crc-orange) !important; background:var(--crc-orange) !important; box-shadow:0 16px 40px rgba(224,122,45,.30) !important; } .elementor-862 .crc-premium-action--primary a:hover, .elementor-862 .crc-premium-action--primary .elementor-button:hover, .elementor-862 .crc-premium-action--primary .jet-listing-dynamic-link__link:hover{ border-color:var(--crc-orange-dark) !important; background:var(--crc-orange-dark) !important; } /* ========================================================== HERO SOCIALS ========================================================== */ .elementor-862 .crc-premium-hero__socials{ order:5 !important; display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; max-width:900px !important; gap:10px !important; margin:30px 0 0 !important; padding:22px 0 0 !important; border-top:1px solid rgba(255,255,255,.16) !important; } .elementor-862 .crc-premium-social-link{ width:auto !important; margin:0 !important; padding:0 !important; } .elementor-862 .crc-premium-social-link a, .elementor-862 .crc-premium-social-link .elementor-button, .elementor-862 .crc-premium-social-link .jet-listing-dynamic-link__link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:44px !important; height:42px !important; padding:0 14px !important; border:1px solid rgba(255,255,255,.20) !important; border-radius:var(--crc-radius-pill) !important; background:rgba(255,255,255,.08) !important; color:var(--crc-white) !important; font-size:12px !important; font-weight:800 !important; text-decoration:none !important; backdrop-filter:blur(10px); transition: transform .2s ease, background-color .2s ease !important; } .elementor-862 .crc-premium-social-link a:hover, .elementor-862 .crc-premium-social-link .jet-listing-dynamic-link__link:hover{ transform:translateY(-2px) !important; background:var(--crc-orange) !important; } /* ========================================================== OVERVIEW / BUSINESS SHOWCASE ========================================================== */ .elementor-862 .crc-premium-overview{ display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important; margin:0 !important; padding:96px 24px !important; background:var(--crc-white) !important; } .elementor-862 .crc-premium-summary{ display:grid !important; grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr) !important; grid-template-areas: "image stats" "image badges" !important; align-items:start !important; width:100% !important; max-width:1200px !important; gap:24px 42px !important; margin:0 auto !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .elementor-862 .crc-premium-summary__title{ grid-area:image !important; width:100% !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:1px solid rgba(15,49,79,.08) !important; border-radius:30px !important; box-shadow:var(--crc-shadow-md) !important; transition: transform .25s ease, box-shadow .25s ease !important; } .elementor-862 .crc-premium-summary__title:hover{ transform:translateY(-5px) !important; box-shadow:var(--crc-shadow-lg) !important; } .elementor-862 .crc-premium-summary__title .elementor-widget-container, .elementor-862 .crc-premium-summary__title .jet-listing-dynamic-image{ width:100% !important; } .elementor-862 .crc-premium-summary__title img, .elementor-862 .crc-premium-summary__title .jet-listing-dynamic-image__img{ display:block !important; width:100% !important; height:auto !important; object-fit:contain !important; } .elementor-862 .crc-premium-stats{ grid-area:stats !important; display:grid !important; grid-template-columns:1fr !important; width:100% !important; gap:12px !important; margin:0 !important; padding:0 !important; } .elementor-862 .crc-premium-stat{ width:100% !important; min-height:68px !important; margin:0 !important; padding:18px 20px !important; background:var(--crc-white) !important; border:1px solid var(--crc-border) !important; border-radius:18px !important; box-shadow:var(--crc-shadow-sm) !important; } .elementor-862 .crc-premium-stat, .elementor-862 .crc-premium-stat *, .elementor-862 .crc-premium-stat .jet-listing-dynamic-field__content{ color:#334155 !important; font-size:14px !important; font-weight:700 !important; line-height:1.55 !important; } .elementor-862 .crc-premium-badges{ grid-area:badges !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; gap:10px 18px !important; margin:0 !important; padding:28px !important; background:var(--crc-panel-strong) !important; border:1px solid rgba(15,49,79,.07) !important; border-radius:28px !important; box-shadow:var(--crc-shadow-sm) !important; } .elementor-862 .crc-premium-badges__column{ display:flex !important; flex-direction:column !important; width:100% !important; gap:8px !important; } .elementor-862 .crc-premium-highlight{ position:relative !important; display:flex !important; align-items:flex-start !important; width:100% !important; margin:0 !important; padding:8px 0 8px 23px !important; background:transparent !important; border:0 !important; color:#334155 !important; font-size:13px !important; font-weight:650 !important; line-height:1.55 !important; } .elementor-862 .crc-premium-highlight::before{ content:"✓"; position:absolute; top:8px; left:0; color:var(--crc-orange); font-weight:900; } /* ========================================================== QUICK FACTS ========================================================== */ .elementor-862 .crc-premium-highlights{ width:100% !important; margin:0 !important; padding:92px 24px !important; background: linear-gradient(180deg,#F8FAFC 0%,#F1F5F9 100%) !important; } .elementor-862 .crc-premium-highlights-grid{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; align-items:stretch !important; width:100% !important; max-width:1200px !important; gap:20px !important; margin:0 auto !important; padding:0 !important; background:transparent !important; } .elementor-862 .crc-premium-highlight-card{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; width:100% !important; min-height:220px !important; margin:0 !important; padding:32px !important; overflow:hidden !important; background:var(--crc-white) !important; border:1px solid var(--crc-border) !important; border-radius:28px !important; box-shadow:var(--crc-shadow-md) !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; } .elementor-862 .crc-premium-highlight-card::after{ content:""; position:absolute; right:-42px; bottom:-42px; width:120px; height:120px; border-radius:50%; background: radial-gradient(circle,rgba(224,122,45,.11),transparent 68%); pointer-events:none; } .elementor-862 .crc-premium-highlight-card:hover{ transform:translateY(-7px) !important; border-color:rgba(224,122,45,.28) !important; box-shadow:var(--crc-shadow-lg) !important; } .elementor-862 .crc-premium-highlight-card__icon{ display:flex !important; align-items:center !important; justify-content:center !important; width:52px !important; height:52px !important; margin:0 0 20px !important; border-radius:17px !important; background:#FFEDD5 !important; color:#C2410C !important; } .elementor-862 .crc-premium-highlight-card__icon .elementor-icon-wrapper, .elementor-862 .crc-premium-highlight-card__icon .elementor-icon{ display:flex !important; align-items:center !important; justify-content:center !important; width:52px !important; height:52px !important; } .elementor-862 .crc-premium-highlight-card__icon svg{ width:23px !important; height:23px !important; fill:currentColor !important; } .elementor-862 .crc-premium-highlight-card__label, .elementor-862 .crc-premium-highlight-card__label *, .elementor-862 .crc-premium-highlight-card__label .jet-listing-dynamic-field__content{ margin:0 0 7px !important; color:var(--crc-orange) !important; font-size:27px !important; font-weight:850 !important; line-height:1.15 !important; } .elementor-862 .crc-premium-highlight-card__value, .elementor-862 .crc-premium-highlight-card__value *, .elementor-862 .crc-premium-highlight-card__value .jet-listing-dynamic-field__content{ margin:0 !important; color:var(--crc-text) !important; font-size:16px !important; font-weight:750 !important; line-height:1.35 !important; } .elementor-862 .crc-premium-highlight-card__text, .elementor-862 .crc-premium-highlight-card__text *, .elementor-862 .crc-premium-highlight-card__text .jet-listing-dynamic-field__content{ margin:11px 0 0 !important; color:var(--crc-muted) !important; font-size:14px !important; line-height:1.7 !important; } /* ========================================================== REPEATER / SPECIALTIES ========================================================== */ .elementor-862 .crc-premium-repeater-section{ width:100% !important; margin:0 !important; padding:0 24px 76px !important; background:#F1F5F9 !important; } .elementor-862 .crc-premium-repeater-section__inner{ width:100% !important; max-width:1200px !important; margin:0 auto !important; padding:0 !important; } .elementor-862 .crc-premium-repeater .jet-listing-dynamic-repeater__items{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:12px !important; } .elementor-862 .crc-premium-repeater .jet-listing-dynamic-repeater__item{ display:inline-flex !important; align-items:center !important; padding:11px 16px !important; border:1px solid var(--crc-border) !important; border-radius:var(--crc-radius-pill) !important; background:var(--crc-white) !important; color:#334155 !important; font-size:14px !important; font-weight:700 !important; box-shadow:0 8px 20px rgba(7,31,52,.05) !important; } /* ========================================================== REVIEWS ========================================================== */ .elementor-862 .crc-profile-reviews, .elementor-862 .crc-profile-review-section{ width:100% !important; max-width:1200px !important; margin:0 auto !important; padding:96px 24px !important; background:var(--crc-white) !important; } .elementor-862 .crc-profile-review-card{ position:relative !important; min-height:250px !important; padding:36px 38px 32px !important; overflow:hidden !important; background:var(--crc-white) !important; border:1px solid var(--crc-border) !important; border-left:5px solid var(--crc-orange) !important; border-radius:28px !important; box-shadow:var(--crc-shadow-md) !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; } .elementor-862 .crc-profile-review-card::before{ content:"“"; position:absolute; top:8px; right:24px; color:rgba(224,122,45,.12); font-family:Georgia,serif; font-size:96px; font-weight:700; line-height:1; pointer-events:none; } .elementor-862 .crc-profile-review-card:hover{ transform:translateY(-6px) !important; box-shadow:var(--crc-shadow-lg) !important; } .elementor-862 .crc-profile-review-stars{ color:#F59E0B !important; font-size:21px !important; letter-spacing:.10em !important; } .elementor-862 .crc-profile-review-text{ color:#334155 !important; font-size:17px !important; line-height:1.85 !important; } .elementor-862 .crc-profile-review-author{ margin-top:20px !important; color:var(--crc-text) !important; font-size:15px !important; font-weight:800 !important; } /* ========================================================== GOOGLE REVIEWS — PREMIUM DESKTOP LAYOUT ========================================================== */ @media(min-width:1025px){ /* Overall review area */ .elementor-862 .crc-profile-reviews, .elementor-862 .crc-profile-review-section{ width:100% !important; max-width:1200px !important; margin:0 auto !important; padding:88px 24px !important; } /* Space between review cards */ .elementor-862 .crc-profile-reviews .jet-listing-dynamic-repeater__items, .elementor-862 .crc-profile-review-section .jet-listing-dynamic-repeater__items{ display:grid !important; grid-template-columns:1fr !important; width:100% !important; gap:22px !important; margin:0 !important; padding:0 !important; } .elementor-862 .crc-profile-reviews .jet-listing-dynamic-repeater__item, .elementor-862 .crc-profile-review-section .jet-listing-dynamic-repeater__item{ width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; } /* Main review card */ .elementor-862 .crc-profile-review-card{ position:relative !important; display:grid !important; grid-template-columns:120px minmax(0,1fr) 130px !important; grid-template-areas: "stars review author" !important; align-items:center !important; width:100% !important; min-height:190px !important; height:auto !important; max-height:none !important; column-gap:26px !important; margin:0 !important; padding:34px 40px !important; overflow:hidden !important; background:var(--crc-white) !important; border:1px solid rgba(15,49,79,.10) !important; border-left:5px solid var(--crc-orange) !important; border-radius:26px !important; box-shadow: 0 18px 44px rgba(7,31,52,.10) !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; } .elementor-862 .crc-profile-review-card:hover{ transform:translateY(-4px) !important; border-color:rgba(224,122,45,.24) !important; box-shadow: 0 28px 64px rgba(7,31,52,.15) !important; } /* Remove inherited bubble shapes or oversized pseudo-elements */ .elementor-862 .crc-profile-review-card::after{ display:none !important; } /* Decorative quote */ .elementor-862 .crc-profile-review-card::before{ content:"“"; position:absolute !important; top:14px !important; right:24px !important; color:rgba(224,122,45,.12) !important; font-family:Georgia,serif !important; font-size:78px !important; font-weight:700 !important; line-height:1 !important; pointer-events:none !important; } /* Stars */ .elementor-862 .crc-profile-review-stars{ grid-area:stars !important; display:block !important; width:100% !important; margin:0 !important; color:#F59E0B !important; font-size:20px !important; line-height:1 !important; letter-spacing:.06em !important; text-align:left !important; white-space:nowrap !important; } /* Review content */ .elementor-862 .crc-profile-review-content{ grid-area:review !important; display:block !important; width:100% !important; min-width:0 !important; max-width:none !important; height:auto !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; } .elementor-862 .crc-profile-review-text, .elementor-862 .crc-profile-review-text p{ width:100% !important; max-width:none !important; height:auto !important; max-height:none !important; margin:0 !important; color:#26394B !important; font-size:16px !important; font-weight:500 !important; line-height:1.72 !important; text-align:left !important; white-space:normal !important; overflow-wrap:break-word !important; } /* Author */ .elementor-862 .crc-profile-review-author{ grid-area:author !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 0 0 20px !important; border-left:1px solid var(--crc-border) !important; color:var(--crc-text) !important; font-size:14px !important; font-weight:800 !important; line-height:1.45 !important; text-align:left !important; } } /* ========================================================== SERVICES ========================================================== */ .elementor-862 .crc-premium-services{ display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important; margin:0 !important; padding:98px 24px !important; background: linear-gradient(180deg,#F8FAFC 0%,#EEF3F7 100%) !important; } .elementor-862 .crc-premium-services__header{ width:100% !important; max-width:1200px !important; margin:0 auto 42px !important; padding:0 !important; text-align:left !important; } .elementor-862 .crc-premium-services__heading, .elementor-862 .crc-premium-services__heading *, .elementor-862 .crc-premium-services__heading .jet-listing-dynamic-field__content{ margin:0 !important; color:var(--crc-text) !important; font-size:clamp(38px,5vw,58px) !important; font-weight:750 !important; line-height:1.05 !important; letter-spacing:-.035em !important; } .elementor-862 .crc-premium-services__grid{ counter-reset:crc-service; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:stretch !important; width:100% !important; max-width:1200px !important; gap:22px !important; margin:0 auto !important; padding:0 !important; } .elementor-862 .crc-premium-service-card{ counter-increment:crc-service; position:relative !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; width:100% !important; min-height:285px !important; margin:0 !important; padding:38px !important; overflow:hidden !important; background:var(--crc-white) !important; border:1px solid var(--crc-border) !important; border-radius:30px !important; box-shadow:var(--crc-shadow-md) !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; } .elementor-862 .crc-premium-service-card::before{ content:""; position:absolute; top:0; left:0; width:100%; height:5px; background: linear-gradient(90deg,var(--crc-orange),var(--crc-gold)); } .elementor-862 .crc-premium-service-card::after{ content:"0" counter(crc-service); display:flex; align-items:center; justify-content:center; order:-1; width:52px; height:52px; margin:0 0 24px; border-radius:17px; background:#FFEDD5; color:#C2410C; font-size:14px; font-weight:850; letter-spacing:.04em; } .elementor-862 .crc-premium-service-card:hover{ transform:translateY(-7px) !important; border-color:rgba(224,122,45,.26) !important; box-shadow:var(--crc-shadow-lg) !important; } .elementor-862 .crc-premium-service-card__title, .elementor-862 .crc-premium-service-card__title *, .elementor-862 .crc-premium-service-card__title .jet-listing-dynamic-field__content{ margin:0 !important; color:var(--crc-text) !important; font-size:24px !important; font-weight:800 !important; line-height:1.25 !important; } .elementor-862 .crc-premium-service-card__description, .elementor-862 .crc-premium-service-card__description *, .elementor-862 .crc-premium-service-card__description .jet-listing-dynamic-field__content{ margin:12px 0 0 !important; color:var(--crc-muted) !important; font-size:16px !important; line-height:1.78 !important; } /* ========================================================== ABOUT + FEATURED WORK — PREMIUM SHOWCASE ========================================================== */ .elementor-862 .crc-premium-about{ position:relative !important; display:grid !important; grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr) !important; align-items:center !important; width:calc(100% - 48px) !important; max-width:1240px !important; gap:58px !important; margin:96px auto !important; padding:76px 70px !important; overflow:hidden !important; background: radial-gradient( circle at 12% 18%, rgba(224,122,45,.08), transparent 26% ), radial-gradient( circle at 88% 82%, rgba(23,61,97,.08), transparent 30% ), linear-gradient( 135deg, #F8FBFE 0%, #EEF4FA 100% ) !important; border:1px solid rgba(15,49,79,.08) !important; border-radius:42px !important; box-shadow: 0 34px 90px rgba(7,31,52,.10), 0 0 0 1px rgba(255,255,255,.72) inset !important; } .elementor-862 .crc-premium-about::before{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient( 120deg, rgba(255,255,255,.46), transparent 38% ); } /* ========================================================== ABOUT COLUMN ========================================================== */ .elementor-862 .crc-premium-about__card{ position:relative !important; z-index:2 !important; width:100% !important; max-width:760px !important; min-height:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .elementor-862 .crc-premium-about__heading{ position:relative !important; display:inline-block !important; margin:0 0 34px !important; padding:0 0 18px !important; } .elementor-862 .crc-premium-about__heading, .elementor-862 .crc-premium-about__heading *{ color:#0A243B !important; font-size:clamp(42px,5vw,62px) !important; font-weight:760 !important; line-height:1.02 !important; letter-spacing:-.04em !important; } .elementor-862 .crc-premium-about__heading::after{ content:""; position:absolute; left:0; bottom:0; width:88px; height:5px; border-radius:var(--crc-radius-pill); background: linear-gradient( 90deg, #E07A2D 0%, #F3A14A 100% ); box-shadow: 0 0 14px rgba(224,122,45,.18), 0 4px 12px rgba(224,122,45,.20); } .elementor-862 .crc-premium-about__summary, .elementor-862 .crc-premium-about__summary *, .elementor-862 .crc-premium-about__summary .jet-listing-dynamic-field__content{ margin-top:0 !important; color:#556575 !important; font-size:17px !important; line-height:1.88 !important; text-align:left !important; white-space:pre-line; } .elementor-862 .crc-premium-about__summary p{ margin:0 0 20px !important; } /* ========================================================== FEATURED WORK CARD ========================================================== */ .elementor-862 .crc-premium-details{ position:relative !important; z-index:2 !important; width:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; } .elementor-862 .crc-premium-details__card{ position:relative !important; width:100% !important; min-height:0 !important; margin:0 !important; padding:38px !important; overflow:hidden !important; background: linear-gradient( 180deg, rgba(255,255,255,.96) 0%, rgba(246,249,252,.96) 100% ) !important; border:1px solid rgba(15,49,79,.08) !important; border-radius:30px !important; box-shadow: 0 24px 60px rgba(7,31,52,.12), 0 0 0 1px rgba(255,255,255,.68) inset !important; transition: transform .25s ease, box-shadow .25s ease !important; } .elementor-862 .crc-premium-details__card:hover{ transform:translateY(-5px) !important; box-shadow: 0 34px 80px rgba(7,31,52,.16), 0 0 0 1px rgba(255,255,255,.74) inset !important; } .elementor-862 .crc-premium-details__heading{ position:relative !important; display:inline-block !important; margin:0 0 32px !important; padding:0 0 16px !important; } .elementor-862 .crc-premium-details__heading, .elementor-862 .crc-premium-details__heading *{ color:#0A243B !important; font-size:24px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:-.02em !important; } .elementor-862 .crc-premium-details__heading::after{ content:""; position:absolute; left:0; bottom:0; width:72px; height:4px; border-radius:var(--crc-radius-pill); background: linear-gradient( 90deg, #E07A2D 0%, #F3A14A 100% ); box-shadow: 0 0 12px rgba(224,122,45,.16), 0 3px 10px rgba(224,122,45,.18); } .elementor-862 .crc-premium-details__content, .elementor-862 .crc-premium-details__content *, .elementor-862 .crc-premium-details__content .jet-listing-dynamic-field__content{ color:#5E6E7D !important; font-size:15px !important; line-height:1.75 !important; } /* ========================================================== GALLERY ========================================================== */ .elementor-862 .crc-premium-gallery{ display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; margin:0 !important; padding:0 !important; background:var(--crc-white) !important; } .elementor-862 .crc-premium-gallery__content{ width:100% !important; max-width:1240px !important; margin:0 auto !important; padding:96px 24px 108px !important; } .elementor-862 .crc-premium-gallery__content .gallery, .elementor-862 .crc-premium-gallery__content .wp-block-gallery, .elementor-862 .crc-premium-gallery__content .elementor-gallery__container{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; width:100% !important; gap:20px !important; margin:0 !important; padding:0 !important; } .elementor-862 .crc-premium-gallery__content img{ display:block !important; width:100% !important; height:330px !important; object-fit:cover !important; border:1px solid rgba(15,49,79,.08) !important; border-radius:24px !important; box-shadow: 0 18px 42px rgba(7,31,52,.11) !important; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important; } .elementor-862 .crc-premium-gallery__content img:hover{ transform:translateY(-7px) scale(1.012) !important; filter:saturate(1.05) contrast(1.02); box-shadow: 0 30px 72px rgba(7,31,52,.17) !important; } .elementor-862 .crc-premium-gallery__divider{ display:none !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-862 .crc-premium-about{ grid-template-columns:1fr !important; width:calc(100% - 36px) !important; gap:42px !important; margin:76px auto !important; padding:64px 44px !important; } .elementor-862 .crc-premium-about__card{ max-width:none !important; } .elementor-862 .crc-premium-details__card{ padding:34px !important; } .elementor-862 .crc-premium-gallery__content .gallery, .elementor-862 .crc-premium-gallery__content .wp-block-gallery, .elementor-862 .crc-premium-gallery__content .elementor-gallery__container{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .elementor-862 .crc-premium-gallery__content img{ height:290px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-862 .crc-premium-about{ grid-template-columns:1fr !important; width:calc(100% - 24px) !important; gap:30px !important; margin:56px auto !important; padding:44px 22px !important; border-radius:28px !important; } .elementor-862 .crc-premium-about__heading{ margin-bottom:28px !important; } .elementor-862 .crc-premium-about__heading, .elementor-862 .crc-premium-about__heading *{ font-size:40px !important; } .elementor-862 .crc-premium-about__summary, .elementor-862 .crc-premium-about__summary *, .elementor-862 .crc-premium-about__summary .jet-listing-dynamic-field__content{ font-size:16px !important; line-height:1.8 !important; } .elementor-862 .crc-premium-details__card{ padding:28px 24px !important; border-radius:24px !important; } .elementor-862 .crc-premium-details__heading{ margin-bottom:26px !important; } .elementor-862 .crc-premium-gallery__content{ padding:64px 16px 76px !important; } .elementor-862 .crc-premium-gallery__content .gallery, .elementor-862 .crc-premium-gallery__content .wp-block-gallery, .elementor-862 .crc-premium-gallery__content .elementor-gallery__container{ grid-template-columns:1fr !important; gap:16px !important; } .elementor-862 .crc-premium-gallery__content img{ height:250px !important; border-radius:var(--crc-radius-lg) !important; } } /* ========================================================== ABOUT SECTION READABILITY FIX ========================================================== */ .elementor-862 .crc-premium-about__summary, .elementor-862 .crc-premium-about__summary *, .elementor-862 .crc-premium-about__summary .jet-listing-dynamic-field__content{ color:#334155 !important; font-size:18px !important; font-weight:500 !important; line-height:1.85 !important; text-align:left !important; } .elementor-862 .crc-premium-about__summary p{ margin:0 0 22px !important; } .elementor-862 .crc-premium-about__card{ max-width:720px !important; } /* Slightly stronger opening line */ .elementor-862 .crc-premium-about__summary p:first-child{ color:#0F2A44 !important; font-weight:700 !important; font-size:19px !important; } /* Featured Work heading readability */ .elementor-862 .crc-premium-details__heading, .elementor-862 .crc-premium-details__heading *{ color:#0A243B !important; font-weight:800 !important; } /* Featured Work card contrast */ .elementor-862 .crc-premium-details__card{ background:var(--crc-white) !important; border:1px solid rgba(15,49,79,.10) !important; } /* ========================================================== CLOSING CTA — FINAL POLISHED LAYOUT ========================================================== */ .elementor-862 .crc-premium-contact{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important; margin:0 !important; padding:96px 24px !important; overflow:hidden !important; background: radial-gradient( circle at 12% 18%, rgba(255,255,255,.16), transparent 26% ), radial-gradient( circle at 88% 82%, rgba(10,36,59,.24), transparent 32% ), linear-gradient( 135deg, #E98432 0%, #D56E22 52%, #B95416 100% ) !important; color:var(--crc-white) !important; text-align:center !important; } .elementor-862 .crc-premium-contact::before{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient( 120deg, rgba(255,255,255,.06), transparent 38% ); } .elementor-862 .crc-premium-contact > *{ position:relative; z-index:2; } /* ========================================================== CTA HEADING ========================================================== */ .elementor-862 .crc-premium-contact__heading{ width:100% !important; max-width:860px !important; margin:0 auto !important; } .elementor-862 .crc-premium-contact__heading, .elementor-862 .crc-premium-contact__heading *, .elementor-862 .crc-premium-contact__heading .jet-listing-dynamic-field__content{ color:var(--crc-white) !important; font-size:clamp(42px,5vw,64px) !important; font-weight:760 !important; line-height:1.04 !important; letter-spacing:-.04em !important; } .elementor-862 .crc-premium-contact__text{ width:100% !important; max-width:720px !important; margin:18px auto 0 !important; } .elementor-862 .crc-premium-contact__text, .elementor-862 .crc-premium-contact__text *, .elementor-862 .crc-premium-contact__text .jet-listing-dynamic-field__content{ color:rgba(255,255,255,.90) !important; font-size:17px !important; line-height:1.78 !important; } /* ========================================================== CURRENT BUTTON ROW Four actions + social widgets share this container ========================================================== */ .elementor-862 .crc-premium-contact__actions{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; align-items:stretch !important; width:100% !important; max-width:940px !important; gap:12px !important; margin:34px auto 0 !important; padding:0 !important; } /* ========================================================== MAIN ACTION BUTTONS ========================================================== */ .elementor-862 .crc-premium-contact-action{ width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; } .elementor-862 .crc-premium-contact-action a, .elementor-862 .crc-premium-contact-action .elementor-button, .elementor-862 .crc-premium-contact-action .jet-listing-dynamic-link__link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:60px !important; padding:16px 24px !important; border:1px solid rgba(255,255,255,.42) !important; border-radius:18px !important; background:rgba(255,255,255,.10) !important; color:var(--crc-white) !important; font-size:14px !important; font-weight:800 !important; line-height:1.2 !important; text-decoration:none !important; backdrop-filter:blur(10px); transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease !important; } .elementor-862 .crc-premium-contact-action a:hover, .elementor-862 .crc-premium-contact-action .elementor-button:hover, .elementor-862 .crc-premium-contact-action .jet-listing-dynamic-link__link:hover{ transform:translateY(-3px) !important; border-color:rgba(255,255,255,.68) !important; background:rgba(255,255,255,.18) !important; box-shadow:0 14px 34px rgba(90,31,0,.18) !important; } .elementor-862 .crc-premium-contact-action--primary a, .elementor-862 .crc-premium-contact-action--primary .elementor-button, .elementor-862 .crc-premium-contact-action--primary .jet-listing-dynamic-link__link{ border-color:var(--crc-white) !important; background:var(--crc-white) !important; color:#B95317 !important; box-shadow:0 16px 38px rgba(90,31,0,.22) !important; } /* ========================================================== SOCIAL LINKS INSIDE CURRENT ACTION ROW ========================================================== */ .elementor-862 .crc-premium-contact-social{ grid-row:2 !important; width:auto !important; justify-self:center !important; margin:14px 0 0 !important; padding:0 !important; } /* Facebook */ .elementor-862 .crc-premium-contact-social:nth-of-type(4){ grid-column:2 !important; } /* Instagram */ .elementor-862 .crc-premium-contact-social:nth-of-type(5){ grid-column:2 !important; transform:translateX(-58px); } /* LinkedIn */ .elementor-862 .crc-premium-contact-social:nth-of-type(6){ grid-column:3 !important; } /* Request Estimate remains the fourth main action */ .elementor-862 .crc-premium-contact-action:last-child{ grid-column:4 !important; grid-row:1 !important; } .elementor-862 .crc-premium-contact-social a, .elementor-862 .crc-premium-contact-social .elementor-button, .elementor-862 .crc-premium-contact-social .jet-listing-dynamic-link__link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:48px !important; height:44px !important; padding:0 17px !important; border:1px solid rgba(255,255,255,.30) !important; border-radius:var(--crc-radius-pill) !important; background:rgba(255,255,255,.08) !important; color:var(--crc-white) !important; font-size:12px !important; font-weight:800 !important; line-height:1 !important; text-decoration:none !important; transition: transform .2s ease, background-color .2s ease !important; } .elementor-862 .crc-premium-contact-social a:hover, .elementor-862 .crc-premium-contact-social .elementor-button:hover, .elementor-862 .crc-premium-contact-social .jet-listing-dynamic-link__link:hover{ transform:translateY(-2px) !important; background:rgba(255,255,255,.18) !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .elementor-862 .crc-premium-contact{ padding:78px 22px !important; } .elementor-862 .crc-premium-contact__actions{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .elementor-862 .crc-premium-contact-action:last-child{ grid-column:2 !important; grid-row:2 !important; } .elementor-862 .crc-premium-contact-social{ grid-row:3 !important; transform:none !important; } .elementor-862 .crc-premium-contact-social:nth-of-type(4){ grid-column:1 !important; } .elementor-862 .crc-premium-contact-social:nth-of-type(5){ grid-column:1 !important; } .elementor-862 .crc-premium-contact-social:nth-of-type(6){ grid-column:2 !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .elementor-862 .crc-premium-contact{ padding:64px 16px !important; } .elementor-862 .crc-premium-contact__heading, .elementor-862 .crc-premium-contact__heading *, .elementor-862 .crc-premium-contact__heading .jet-listing-dynamic-field__content{ font-size:40px !important; } .elementor-862 .crc-premium-contact__text, .elementor-862 .crc-premium-contact__text *, .elementor-862 .crc-premium-contact__text .jet-listing-dynamic-field__content{ font-size:16px !important; } .elementor-862 .crc-premium-contact__actions{ display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; } .elementor-862 .crc-premium-contact-action{ width:100% !important; } .elementor-862 .crc-premium-contact-action a, .elementor-862 .crc-premium-contact-action .elementor-button, .elementor-862 .crc-premium-contact-action .jet-listing-dynamic-link__link{ width:100% !important; } .elementor-862 .crc-premium-contact-social{ width:100% !important; margin-top:4px !important; transform:none !important; } .elementor-862 .crc-premium-contact-social a, .elementor-862 .crc-premium-contact-social .elementor-button, .elementor-862 .crc-premium-contact-social .jet-listing-dynamic-link__link{ width:100% !important; } } /* ========================================================== V5.1 EASY-CONTROL OVERRIDES These rules connect the control panel above to the template. ========================================================== */ /* HERO HEIGHT + BACKGROUND */ .elementor-862 .crc-premium-hero{ min-height:var(--crc-hero-height) !important; } .elementor-862 .crc-premium-feature, .elementor-862 .crc-premium-feature__image, .elementor-862 .crc-premium-feature__image .elementor-widget-container, .elementor-862 .crc-premium-feature__image .jet-listing-dynamic-image, .elementor-862 .crc-premium-feature__image img, .elementor-862 .crc-premium-feature__image .jet-listing-dynamic-image__img{ min-height:var(--crc-hero-height) !important; height:var(--crc-hero-height) !important; } /* HERO CONTENT WIDTH + SPACING */ .elementor-862 .crc-premium-hero__logo-column, .elementor-862 .crc-premium-hero__info{ max-width:var(--crc-hero-content-width) !important; padding-left:var(--crc-hero-side-padding) !important; padding-right:var(--crc-hero-side-padding) !important; } .elementor-862 .crc-premium-hero__logo-column{ padding-top:var(--crc-hero-top-space) !important; } .elementor-862 .crc-premium-hero__info{ padding-bottom:var(--crc-hero-bottom-space) !important; } .elementor-862 .crc-premium-hero__title{ max-width:var(--crc-hero-copy-width) !important; } .elementor-862 .crc-premium-hero__title, .elementor-862 .crc-premium-hero__title *, .elementor-862 .crc-premium-hero__title a, .elementor-862 .crc-premium-hero__title .elementor-heading-title, .elementor-862 .crc-premium-hero__title .jet-listing-dynamic-field__content{ font-size:var(--crc-hero-title-size) !important; } .elementor-862 .crc-premium-hero__description{ max-width:var(--crc-hero-description-width) !important; } .elementor-862 .crc-premium-hero__description, .elementor-862 .crc-premium-hero__description *, .elementor-862 .crc-premium-hero__description p, .elementor-862 .crc-premium-hero__description .jet-listing-dynamic-field__content{ font-size:var(--crc-hero-description-size) !important; } /* CONSISTENT SECTION WIDTH + RHYTHM */ .elementor-862 .crc-premium-overview, .elementor-862 .crc-premium-highlights, .elementor-862 .crc-premium-services, .elementor-862 .crc-premium-contact{ padding-top:var(--crc-section-space) !important; padding-bottom:var(--crc-section-space) !important; padding-left:var(--crc-section-side-padding) !important; padding-right:var(--crc-section-side-padding) !important; } .elementor-862 .crc-premium-summary, .elementor-862 .crc-premium-highlights-grid, .elementor-862 .crc-premium-services__header, .elementor-862 .crc-premium-services__grid, .elementor-862 .crc-premium-about, .elementor-862 .crc-premium-gallery__content{ max-width:var(--crc-content-width) !important; } /* QUICK FACT CARDS */ .elementor-862 .crc-premium-highlight-card{ min-height:var(--crc-fact-card-height) !important; padding:var(--crc-fact-card-padding) !important; } .elementor-862 .crc-premium-highlight-card__label, .elementor-862 .crc-premium-highlight-card__label *, .elementor-862 .crc-premium-highlight-card__label .jet-listing-dynamic-field__content{ font-size:var(--crc-fact-number-size) !important; } /* REVIEWS */ .elementor-862 .crc-profile-reviews, .elementor-862 .crc-profile-review-section{ max-width:var(--crc-review-width) !important; } .elementor-862 .crc-profile-review-card{ padding:var(--crc-review-card-padding) !important; } .elementor-862 .crc-profile-review-text{ font-size:var(--crc-review-text-size) !important; } /* SERVICES */ .elementor-862 .crc-premium-service-card{ min-height:var(--crc-service-card-height) !important; padding:var(--crc-service-card-padding) !important; } .elementor-862 .crc-premium-service-card__title, .elementor-862 .crc-premium-service-card__title *, .elementor-862 .crc-premium-service-card__title .jet-listing-dynamic-field__content{ font-size:var(--crc-service-title-size) !important; } /* ABOUT — WIDER TEXT, SMALLER RECENT-WORK COLUMN */ .elementor-862 .crc-premium-about{ grid-template-columns: minmax(0,var(--crc-about-left)) minmax(320px,var(--crc-about-right)) !important; gap:var(--crc-about-gap) !important; padding-top:var(--crc-section-space) !important; padding-bottom:var(--crc-section-space) !important; padding-left:var(--crc-section-side-padding) !important; padding-right:var(--crc-section-side-padding) !important; } .elementor-862 .crc-premium-about__card{ max-width:none !important; } .elementor-862 .crc-premium-about__summary{ max-width:760px !important; } .elementor-862 .crc-premium-about__summary, .elementor-862 .crc-premium-about__summary *, .elementor-862 .crc-premium-about__summary .jet-listing-dynamic-field__content{ font-size:var(--crc-about-text-size) !important; } /* GALLERY / RECENT WORK */ .elementor-862 .crc-premium-gallery__content{ padding-top:var(--crc-section-space) !important; padding-bottom:var(--crc-section-space) !important; padding-left:var(--crc-section-side-padding) !important; padding-right:var(--crc-section-side-padding) !important; } .elementor-862 .crc-premium-gallery__content img{ height:var(--crc-gallery-image-height) !important; } /* CTA */ .elementor-862 .crc-premium-contact{ padding-top:var(--crc-cta-space) !important; padding-bottom:var(--crc-cta-space) !important; } /* CONTACT BUTTONS — CLEAN FOUR-BUTTON ROW */ .elementor-862 .crc-premium-contact__actions{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; align-items:stretch !important; width:100% !important; max-width:900px !important; gap:12px !important; margin:30px auto 0 !important; } .elementor-862 .crc-premium-contact-action{ width:100% !important; } .elementor-862 .crc-premium-contact-action a, .elementor-862 .crc-premium-contact-action .elementor-button, .elementor-862 .crc-premium-contact-action .jet-listing-dynamic-link__link{ width:100% !important; } /* DEDICATED SOCIAL ROW */ .elementor-862 .crc-premium-contact__socials{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:center !important; width:100% !important; gap:10px !important; margin:24px 0 0 !important; padding:22px 0 0 !important; border-top:1px solid rgba(255,255,255,.24) !important; } .elementor-862 .crc-premium-contact-social{ width:auto !important; margin:0 !important; padding:0 !important; } .elementor-862 .crc-premium-contact-social a, .elementor-862 .crc-premium-contact-social .elementor-button, .elementor-862 .crc-premium-contact-social .jet-listing-dynamic-link__link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:46px !important; height:44px !important; padding:0 16px !important; border:1px solid rgba(255,255,255,.34) !important; border-radius:var(--crc-radius-pill) !important; background:rgba(255,255,255,.10) !important; color:var(--crc-white) !important; font-size:12px !important; font-weight:800 !important; line-height:1 !important; text-decoration:none !important; } /* TABLET */ @media(max-width:1024px){ .elementor-862{ --crc-hero-height:680px; --crc-hero-title-size:clamp(48px,7vw,70px); --crc-section-space:76px; --crc-gallery-image-height:300px; } .elementor-862 .crc-premium-contact__actions{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } /* MOBILE */ @media(max-width:767px){ .elementor-862{ --crc-hero-height:720px; --crc-hero-title-size:43px; --crc-hero-side-padding:18px; --crc-hero-top-space:58px; --crc-hero-bottom-space:58px; --crc-section-space:64px; --crc-section-side-padding:16px; --crc-fact-card-height:auto; --crc-service-card-height:auto; --crc-gallery-image-height:250px; --crc-cta-space:64px; } .elementor-862 .crc-premium-about{ grid-template-columns:1fr !important; gap:30px !important; } .elementor-862 .crc-premium-contact__actions{ grid-template-columns:1fr !important; } } /* ========================================================== GOOGLE REVIEWS — MOBILE LAYOUT FIX ========================================================== */ @media(max-width:767px){ /* Review section width */ .elementor-862 .crc-profile-reviews, .elementor-862 .crc-profile-review-section{ width:100% !important; max-width:100% !important; margin:0 !important; padding:64px 16px !important; overflow:visible !important; } /* Any repeater/grid holding the review cards */ .elementor-862 .crc-profile-reviews .jet-listing-dynamic-repeater__items, .elementor-862 .crc-profile-review-section .jet-listing-dynamic-repeater__items{ display:grid !important; grid-template-columns:1fr !important; width:100% !important; gap:18px !important; margin:0 !important; padding:0 !important; } .elementor-862 .crc-profile-reviews .jet-listing-dynamic-repeater__item, .elementor-862 .crc-profile-review-section .jet-listing-dynamic-repeater__item{ width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; } /* Review card */ .elementor-862 .crc-profile-review-card{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; width:100% !important; min-width:0 !important; max-width:none !important; height:auto !important; min-height:0 !important; max-height:none !important; gap:0 !important; margin:0 !important; padding:28px 24px 26px !important; overflow:visible !important; border-left:4px solid var(--crc-orange) !important; border-radius:24px !important; } /* Remove inherited column/grid behavior */ .elementor-862 .crc-profile-review-card > *, .elementor-862 .crc-profile-review-content{ position:static !important; display:block !important; width:100% !important; min-width:0 !important; max-width:none !important; height:auto !important; min-height:0 !important; max-height:none !important; margin-left:0 !important; margin-right:0 !important; overflow:visible !important; float:none !important; flex:none !important; grid-column:auto !important; grid-row:auto !important; } /* Stars */ .elementor-862 .crc-profile-review-stars{ display:block !important; width:100% !important; margin:0 0 18px !important; color:#F59E0B !important; font-size:19px !important; line-height:1 !important; letter-spacing:.07em !important; text-align:left !important; white-space:nowrap !important; } /* Review text */ .elementor-862 .crc-profile-review-text, .elementor-862 .crc-profile-review-text p{ display:block !important; width:100% !important; min-width:0 !important; max-width:none !important; height:auto !important; max-height:none !important; margin:0 !important; overflow:visible !important; color:#334155 !important; font-size:16px !important; line-height:1.75 !important; text-align:left !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:normal !important; } /* Reviewer name */ .elementor-862 .crc-profile-review-author{ display:block !important; width:100% !important; margin:20px 0 0 !important; padding-top:16px !important; border-top:1px solid var(--crc-border) !important; color:var(--crc-text) !important; font-size:14px !important; font-weight:800 !important; line-height:1.4 !important; text-align:left !important; } /* Decorative quote */ .elementor-862 .crc-profile-review-card::before{ top:12px !important; right:18px !important; font-size:70px !important; } } /* ========================================================== PREMIUM BUSINESS HIGHLIGHTS — CLEAN CARD STYLE ========================================================== */ .elementor-862 .crc-premium-badges{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; width:100% !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } .elementor-862 .crc-premium-badges__column{ display:contents !important; } .elementor-862 .crc-premium-highlight{ position:relative !important; display:flex !important; align-items:center !important; width:100% !important; min-height:58px !important; margin:0 !important; padding:15px 18px 15px 48px !important; background:var(--crc-white) !important; border:1px solid rgba(15,49,79,.10) !important; border-radius:var(--crc-radius-md) !important; color:#24384A !important; font-size:14px !important; font-weight:700 !important; line-height:1.4 !important; box-shadow:0 10px 26px rgba(7,31,52,.07) !important; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important; } .elementor-862 .crc-premium-highlight::before{ content:"✓"; position:absolute !important; top:50% !important; left:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; width:24px !important; height:24px !important; transform:translateY(-50%) !important; border-radius:50% !important; background:#FFEDD5 !important; color:#C8621D !important; font-size:13px !important; font-weight:900 !important; } .elementor-862 .crc-premium-highlight:hover{ transform:translateY(-3px) !important; border-color:rgba(224,122,45,.28) !important; box-shadow:0 16px 36px rgba(7,31,52,.11) !important; } @media(max-width:767px){ .elementor-862 .crc-premium-badges{ grid-template-columns:1fr !important; gap:12px !important; } .elementor-862 .crc-premium-highlight{ min-height:54px !important; padding:14px 16px 14px 46px !important; font-size:14px !important; } } /* ========================================================== PREMIUM SECTION HEADING DIVIDERS v2.0 ========================================================== */ /* ABOUT */ .elementor-862 .crc-premium-about__heading{ position:relative !important; display:inline-block !important; padding-bottom:18px !important; margin-bottom:30px !important; } .elementor-862 .crc-premium-about__heading::after{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:80px; height:5px; border-radius:var(--crc-radius-pill); background:linear-gradient( 90deg, #E67E22 0%, #F4A340 100% ); box-shadow: 0 0 12px rgba(230,126,34,.18), 0 3px 10px rgba(230,126,34,.20); } /* FEATURED WORK */ .elementor-862 .crc-premium-details__heading{ position:relative !important; display:inline-block !important; padding-bottom:18px !important; margin-bottom:30px !important; } .elementor-862 .crc-premium-details__heading::after{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:80px; height:5px; border-radius:var(--crc-radius-pill); background:linear-gradient( 90deg, #E67E22 0%, #F4A340 100% ); box-shadow: 0 0 12px rgba(230,126,34,.18), 0 3px 10px rgba(230,126,34,.20); } /* ========================================================== CRC PREMIUM — FINAL MOBILE REPAIR Must remain at the very bottom of the stylesheet ========================================================== */ @media(max-width:767px){ /* ====================================================== PREVENT HORIZONTAL OVERFLOW ====================================================== */ html, body{ overflow-x:hidden !important; } .elementor-862, .elementor-862 .e-con, .elementor-862 .e-con-inner{ width:100% !important; max-width:100% !important; min-width:0 !important; } /* ====================================================== QUICK FACT CARDS ====================================================== */ .elementor-862 .crc-premium-highlights{ width:100% !important; padding:56px 16px !important; overflow:hidden !important; } .elementor-862 .crc-premium-highlights-grid{ display:grid !important; grid-template-columns:1fr !important; grid-auto-flow:row !important; width:100% !important; max-width:100% !important; min-width:0 !important; gap:16px !important; margin:0 auto !important; padding:0 !important; } .elementor-862 .crc-premium-highlight-card{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; width:100% !important; max-width:100% !important; min-width:0 !important; min-height:0 !important; height:auto !important; margin:0 !important; padding:26px !important; border-radius:24px !important; } .elementor-862 .crc-premium-highlight-card__icon{ width:48px !important; height:48px !important; margin-bottom:18px !important; } .elementor-862 .crc-premium-highlight-card__label, .elementor-862 .crc-premium-highlight-card__label *, .elementor-862 .crc-premium-highlight-card__label .jet-listing-dynamic-field__content{ width:100% !important; font-size:30px !important; line-height:1.15 !important; text-align:left !important; white-space:normal !important; } .elementor-862 .crc-premium-highlight-card__value, .elementor-862 .crc-premium-highlight-card__value *, .elementor-862 .crc-premium-highlight-card__text, .elementor-862 .crc-premium-highlight-card__text *{ width:100% !important; text-align:left !important; white-space:normal !important; overflow-wrap:anywhere !important; } /* ====================================================== REVIEWS ====================================================== */ .elementor-862 .crc-profile-reviews, .elementor-862 .crc-profile-review-section{ width:100% !important; max-width:100% !important; margin:0 !important; padding:56px 16px !important; overflow:visible !important; } .elementor-862 .crc-profile-review-card{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:28px 24px !important; overflow:visible !important; border-radius:24px !important; } .elementor-862 .crc-profile-review-card > *, .elementor-862 .crc-profile-review-content{ display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; max-height:none !important; margin:0 !important; overflow:visible !important; } .elementor-862 .crc-profile-review-stars{ width:100% !important; margin:0 0 18px !important; text-align:left !important; white-space:nowrap !important; } .elementor-862 .crc-profile-review-text, .elementor-862 .crc-profile-review-text p{ width:100% !important; max-width:100% !important; margin:0 !important; font-size:16px !important; line-height:1.75 !important; text-align:left !important; white-space:normal !important; overflow-wrap:anywhere !important; } .elementor-862 .crc-profile-review-author{ width:100% !important; margin:20px 0 0 !important; padding:16px 0 0 !important; border-top:1px solid var(--crc-border) !important; border-left:0 !important; text-align:left !important; } /* ====================================================== SERVICES ====================================================== */ .elementor-862 .crc-premium-services{ width:100% !important; padding:58px 16px !important; overflow:hidden !important; } .elementor-862 .crc-premium-services__header{ width:100% !important; max-width:100% !important; margin:0 auto 30px !important; text-align:center !important; } .elementor-862 .crc-premium-services__grid{ display:grid !important; grid-template-columns:1fr !important; grid-auto-flow:row !important; width:100% !important; max-width:100% !important; min-width:0 !important; gap:16px !important; margin:0 auto !important; padding:0 !important; } .elementor-862 .crc-premium-service-card{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:28px 24px !important; border-radius:24px !important; } .elementor-862 .crc-premium-service-card::after{ width:50px !important; height:50px !important; margin:0 0 22px !important; } .elementor-862 .crc-premium-service-card__title, .elementor-862 .crc-premium-service-card__title *, .elementor-862 .crc-premium-service-card__description, .elementor-862 .crc-premium-service-card__description *{ width:100% !important; text-align:left !important; white-space:normal !important; overflow-wrap:anywhere !important; } .elementor-862 .crc-premium-service-card__title, .elementor-862 .crc-premium-service-card__title *{ font-size:22px !important; } /* ====================================================== ABOUT + FEATURED WORK ====================================================== */ .elementor-862 .crc-premium-about{ display:grid !important; grid-template-columns:1fr !important; width:calc(100% - 24px) !important; max-width:none !important; min-width:0 !important; gap:30px !important; margin:54px auto !important; padding:42px 20px !important; border-radius:28px !important; } .elementor-862 .crc-premium-about__card, .elementor-862 .crc-premium-details, .elementor-862 .crc-premium-details__card{ width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; } .elementor-862 .crc-premium-about__heading, .elementor-862 .crc-premium-about__heading *{ font-size:40px !important; } .elementor-862 .crc-premium-details__card{ padding:28px 22px !important; } /* ====================================================== CLOSING CTA ====================================================== */ .elementor-862 .crc-premium-contact{ width:100% !important; max-width:100% !important; padding:58px 18px !important; overflow:hidden !important; text-align:center !important; } .elementor-862 .crc-premium-contact__heading, .elementor-862 .crc-premium-contact__heading *{ width:100% !important; font-size:40px !important; line-height:1.05 !important; text-align:center !important; } .elementor-862 .crc-premium-contact__text, .elementor-862 .crc-premium-contact__text *{ width:100% !important; font-size:16px !important; line-height:1.7 !important; text-align:center !important; } .elementor-862 .crc-premium-contact__actions{ display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important; width:100% !important; max-width:100% !important; gap:12px !important; margin:28px 0 0 !important; padding:0 !important; } /* Cancel all desktop grid placement */ .elementor-862 .crc-premium-contact__actions > *{ grid-column:auto !important; grid-row:auto !important; transform:none !important; } .elementor-862 .crc-premium-contact-action{ width:100% !important; max-width:100% !important; margin:0 !important; } .elementor-862 .crc-premium-contact-action a, .elementor-862 .crc-premium-contact-action .elementor-button, .elementor-862 .crc-premium-contact-action .jet-listing-dynamic-link__link{ width:100% !important; min-height:56px !important; padding:14px 18px !important; } .elementor-862 .crc-premium-contact-social{ width:100% !important; margin:0 !important; transform:none !important; } .elementor-862 .crc-premium-contact-social a, .elementor-862 .crc-premium-contact-social .elementor-button, .elementor-862 .crc-premium-contact-social .jet-listing-dynamic-link__link{ width:100% !important; min-height:48px !important; height:auto !important; padding:14px 18px !important; } } /* ========================================================== CRC RESPONSIVE HEADER — FINAL ========================================================== */ /* ========================================================== MOBILE HEADER ========================================================== */ @media(max-width:767px){ /* Header shell */ .elementor-location-header, .elementor-location-header > .elementor-element, .elementor-location-header .e-con, .elementor-location-header .e-con-inner, .elementor-location-header .elementor-widget-wrap, .elementor-location-header .elementor-container{ width:100% !important; max-width:100% !important; min-width:0 !important; min-height:0 !important; height:auto !important; margin:0 !important; padding-top:10px !important; padding-bottom:10px !important; } /* Main header row */ .elementor-location-header .e-con, .elementor-location-header .e-con-inner{ flex-wrap:nowrap !important; align-items:center !important; align-content:center !important; justify-content:space-between !important; gap:12px !important; } /* Prevent overlap from old positioning */ .elementor-location-header .elementor-element{ position:relative !important; inset:auto !important; transform:none !important; } /* Logo */ .elementor-location-header .elementor-widget-theme-site-logo{ flex:0 0 auto !important; width:auto !important; max-width:120px !important; margin:0 !important; } .elementor-location-header .elementor-widget-theme-site-logo img{ display:block !important; width:105px !important; max-width:105px !important; height:auto !important; margin:0 !important; } /* Hamburger */ .elementor-location-header .elementor-menu-toggle{ display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 44px !important; width:44px !important; height:44px !important; margin:0 !important; padding:0 !important; font-size:25px !important; } /* Hide social icons on mobile only */ .elementor-location-header .elementor-widget-social-icons{ display:none !important; } /* Submit button widget */ .elementor-location-header .elementor-widget-button{ flex:0 0 auto !important; width:auto !important; max-width:118px !important; margin:0 !important; } .elementor-location-header .elementor-widget-button .elementor-button{ display:flex !important; align-items:center !important; justify-content:center !important; width:118px !important; min-height:42px !important; padding:9px 12px !important; border-radius:var(--crc-radius-pill) !important; font-size:11px !important; line-height:1.15 !important; text-align:center !important; white-space:normal !important; } /* Remove spacing from empty elements */ .elementor-location-header .elementor-widget:empty, .elementor-location-header .elementor-element:empty{ display:none !important; min-height:0 !important; margin:0 !important; padding:0 !important; } } /* ========================================================== TABLET HEADER ========================================================== */ @media(min-width:768px) and (max-width:1024px){ .elementor-location-header .e-con, .elementor-location-header .e-con-inner{ min-height:92px !important; height:auto !important; padding-top:14px !important; padding-bottom:14px !important; align-items:center !important; } .elementor-location-header .elementor-widget-theme-site-logo img{ width:145px !important; max-width:145px !important; height:auto !important; } .elementor-location-header .elementor-widget-social-icons{ display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; margin:0 !important; } .elementor-location-header .elementor-widget-social-icons .elementor-social-icon{ margin:0 !important; } } /* ========================================================== DESKTOP HEADER ========================================================== */ @media(min-width:1025px){ .elementor-location-header .e-con, .elementor-location-header .e-con-inner{ min-height:110px !important; height:auto !important; padding-top:18px !important; padding-bottom:18px !important; align-items:center !important; } /* Desktop logo */ .elementor-location-header .elementor-widget-theme-site-logo img{ width:175px !important; max-width:175px !important; height:auto !important; } /* Restore social icons on desktop */ .elementor-location-header .elementor-widget-social-icons{ display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; width:auto !important; margin:0 !important; } .elementor-location-header .elementor-widget-social-icons .elementor-social-icon{ margin:0 !important; } /* Keep submit button compact */ .elementor-location-header .elementor-widget-button{ width:auto !important; max-width:none !important; margin:0 !important; } .elementor-location-header .elementor-widget-button .elementor-button{ min-height:44px !important; padding:11px 24px !important; border-radius:var(--crc-radius-pill) !important; white-space:nowrap !important; } } /* ========================================================== CRC PREMIUM PROFILE — TRUST STRIP v1.0 ========================================================== */ .crc-premium-trust-strip{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:12px; width:100%; margin-top:20px; } /* ========================================================== INDIVIDUAL TRUST PILL ========================================================== */ .crc-premium-trust-item{ display:inline-flex; flex:0 0 auto; flex-direction:row; align-items:center; justify-content:center; gap:8px; width:auto; min-width:0; min-height:40px; padding:9px 14px; background:rgba(12,36,59,.82); border:1px solid rgba(100,216,227,.22); border-radius:var(--crc-radius-pill); box-shadow:0 8px 20px rgba(0,0,0,.18); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease; } .crc-premium-trust-item:hover{ transform:translateY(-2px); background:#173D61; border-color:#64D8E3; box-shadow:0 12px 26px rgba(0,0,0,.22); } /* VERIFIED BUSINESS */ .crc-premium-trust-item:first-child{ background:#1E628F; border-color:#64D8E3; } /* ========================================================== ICONS ========================================================== */ .crc-premium-trust-item .elementor-icon-wrapper{ display:flex; align-items:center; justify-content:center; flex:0 0 auto; margin:0; line-height:1; } .crc-premium-trust-item .elementor-icon{ display:flex; align-items:center; justify-content:center; color:#64D8E3; font-size:17px; line-height:1; } .crc-premium-trust-item .elementor-icon i{ color:inherit; font-size:inherit; line-height:1; } .crc-premium-trust-item .elementor-icon svg{ display:block; width:17px; height:17px; fill:currentColor; } /* ========================================================== TEXT ========================================================== */ .crc-premium-trust-item .elementor-heading-title, .crc-premium-trust-item .jet-listing-dynamic-field, .crc-premium-trust-item .jet-listing-dynamic-field__inline-wrap, .crc-premium-trust-item .jet-listing-dynamic-field__content{ margin:0; color:var(--crc-white); font-size:13px; font-weight:600; line-height:1.25; white-space:nowrap; } /* ========================================================== REMOVE DEFAULT ELEMENTOR SPACING ========================================================== */ .crc-premium-trust-item > .elementor-element{ width:auto !important; max-width:none !important; margin:0 !important; } .crc-premium-trust-item .elementor-widget-container{ margin:0 !important; } .crc-premium-trust-item p{ margin:0; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .crc-premium-trust-strip{ gap:10px; } .crc-premium-trust-item{ padding:9px 13px; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .crc-premium-trust-strip{ justify-content:center; gap:8px; margin-top:16px; } .crc-premium-trust-item{ min-height:37px; padding:8px 11px; gap:7px; } .crc-premium-trust-item .elementor-heading-title, .crc-premium-trust-item .jet-listing-dynamic-field, .crc-premium-trust-item .jet-listing-dynamic-field__inline-wrap, .crc-premium-trust-item .jet-listing-dynamic-field__content{ font-size:12px; white-space:nowrap; } .crc-premium-trust-item .elementor-icon{ font-size:15px; } .crc-premium-trust-item .elementor-icon svg{ width:15px; height:15px; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media(max-width:420px){ .crc-premium-trust-strip{ justify-content:flex-start; } .crc-premium-trust-item{ max-width:100%; } .crc-premium-trust-item .elementor-heading-title, .crc-premium-trust-item .jet-listing-dynamic-field__content{ white-space:normal; } } /* Rating and review separator */ .crc-premium-trust-separator, .crc-premium-trust-separator .elementor-heading-title, .crc-premium-trust-separator .elementor-widget-container{ width:auto !important; margin:0 !important; color:var(--crc-white); font-size:13px; font-weight:600; line-height:1.25; white-space:nowrap; } /* Keep all rating widgets inline */ .crc-premium-trust-item > .elementor-element{ flex:0 0 auto !important; width:auto !important; max-width:none !important; } /* Optional gold rating star */ .crc-premium-rating .elementor-icon{ color:#F4C542; } /* ========================================================== CRC PREMIUM TRUST RIBBON — MOBILE FINAL ========================================================== */ @media(max-width:767px){ .elementor-862 .crc-premium-trust-strip{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-top:18px !important; padding:0 10px !important; overflow:visible !important; } .elementor-862 .crc-premium-trust-item{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; justify-content:center !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; column-gap:16px !important; row-gap:13px !important; padding:16px 18px !important; border-radius:22px !important; white-space:normal !important; overflow:visible !important; } .elementor-862 .crc-premium-trust-item > .elementor-element{ flex:0 0 auto !important; width:auto !important; max-width:100% !important; min-width:0 !important; margin:0 !important; } .elementor-862 .crc-premium-trust-item .elementor-heading-title, .elementor-862 .crc-premium-trust-item .jet-listing-dynamic-field, .elementor-862 .crc-premium-trust-item .jet-listing-dynamic-field__inline-wrap, .elementor-862 .crc-premium-trust-item .jet-listing-dynamic-field__content{ margin:0 !important; font-size:12px !important; line-height:1.4 !important; white-space:nowrap !important; overflow-wrap:normal !important; word-break:normal !important; } .elementor-862 .crc-premium-trust-item .elementor-icon{ font-size:15px !important; } .elementor-862 .crc-premium-trust-item .elementor-icon svg{ width:15px !important; height:15px !important; } } @media (max-width:767px){ .crc-trust-break{ flex-basis:100%; height:0; } } /* ========================================================== CRC PREMIUM PROFILE — MOBILE OVERFLOW FIX Trust Ribbon + Hero Actions ========================================================== */ @media(max-width:767px){ /* Prevent the entire profile from exceeding the viewport */ html, body{ max-width:100%; overflow-x:hidden; } .elementor-862, .elementor-862 .crc-premium-hero, .elementor-862 .crc-premium-hero__content, .elementor-862 .crc-premium-hero__inner{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; overflow-x:hidden !important; } /* ====================================================== TRUST RIBBON ====================================================== */ .elementor-862 .crc-premium-trust-strip{ display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:18px 0 0 !important; padding:0 16px !important; box-sizing:border-box !important; overflow:visible !important; } .elementor-862 .crc-premium-trust-item{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; align-content:center !important; justify-content:center !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; column-gap:14px !important; row-gap:12px !important; padding:16px 18px !important; box-sizing:border-box !important; border-radius:22px !important; white-space:normal !important; overflow:visible !important; } .elementor-862 .crc-premium-trust-item > .elementor-element{ flex:0 0 auto !important; width:auto !important; max-width:100% !important; min-width:0 !important; margin:0 !important; } .elementor-862 .crc-premium-trust-item .elementor-heading-title, .elementor-862 .crc-premium-trust-item .jet-listing-dynamic-field, .elementor-862 .crc-premium-trust-item .jet-listing-dynamic-field__inline-wrap, .elementor-862 .crc-premium-trust-item .jet-listing-dynamic-field__content{ max-width:100% !important; margin:0 !important; font-size:11px !important; line-height:1.35 !important; white-space:nowrap !important; word-break:normal !important; overflow-wrap:normal !important; } /* ====================================================== HERO ACTION BUTTONS ====================================================== */ .elementor-862 .crc-premium-hero__actions{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; max-width:100% !important; min-width:0 !important; gap:12px !important; margin:28px 0 0 !important; padding:0 16px !important; box-sizing:border-box !important; overflow:visible !important; } .elementor-862 .crc-premium-action{ width:100% !important; max-width:100% !important; min-width:0 !important; } .elementor-862 .crc-premium-action .elementor-widget-container{ width:100% !important; max-width:100% !important; min-width:0 !important; } .elementor-862 .crc-premium-action a, .elementor-862 .crc-premium-action .elementor-button, .elementor-862 .crc-premium-action .jet-listing-dynamic-link__link{ width:100% !important; max-width:100% !important; min-width:0 !important; min-height:54px !important; padding:13px 10px !important; box-sizing:border-box !important; font-size:13px !important; white-space:normal !important; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media(max-width:420px){ .elementor-862 .crc-premium-hero__actions{ grid-template-columns:1fr !important; } .elementor-862 .crc-premium-trust-strip{ padding-left:12px !important; padding-right:12px !important; } .elementor-862 .crc-premium-trust-item{ padding:15px 12px !important; column-gap:11px !important; row-gap:11px !important; } } /* ========================================================== COLORADO RIVER CONNECT COMMUNITY LISTING — FINAL v1.0 ========================================================== */ /* ========================================================== PAGE / HERO SHELL ========================================================== */ .crc-community-hero{ position:relative !important; display:grid !important; grid-template-columns:190px minmax(0,1fr) !important; align-items:center !important; gap:32px !important; width:100% !important; max-width:1180px !important; min-height:290px !important; margin:34px auto 24px !important; padding:30px !important; background:var(--crc-white) !important; background-image:none !important; border:1px solid rgba(6,32,77,.08) !important; border-radius:18px !important; box-shadow:0 12px 32px rgba(6,32,77,.08) !important; overflow:hidden !important; } /* Remove Premium scenic background */ .crc-community-hero__background{ display:none !important; } /* Prevent inherited Premium overlays */ .crc-community-hero::before, .crc-community-hero::after{ display:none !important; content:none !important; } /* ========================================================== LOGO ========================================================== */ .crc-community-hero__logo-column{ display:flex !important; align-items:center !important; justify-content:center !important; width:190px !important; min-width:190px !important; max-width:190px !important; } .crc-community-hero__logo{ display:flex !important; align-items:center !important; justify-content:center !important; width:190px !important; height:190px !important; min-width:190px !important; min-height:190px !important; padding:14px !important; background:var(--crc-white) !important; border:1px solid rgba(6,32,77,.09) !important; border-radius:var(--crc-radius-md) !important; box-shadow:0 8px 22px rgba(6,32,77,.08) !important; overflow:hidden !important; } .crc-community-hero__logo img{ display:block !important; width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; margin:0 auto !important; object-fit:contain !important; object-position:center !important; } /* ========================================================== HERO CONTENT ========================================================== */ .crc-community-hero__content{ position:relative !important; z-index:2 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; width:100% !important; min-width:0 !important; max-width:700px !important; padding:0 !important; background:transparent !important; } /* Business name */ .crc-community-hero__title, .crc-community-hero__title .elementor-heading-title{ margin:0 !important; color:var(--crc-primary) !important; font-size:46px !important; font-weight:800 !important; line-height:1.08 !important; letter-spacing:-.02em !important; text-shadow:none !important; } /* ========================================================== CATEGORY + COMMUNITY PILLS ========================================================== */ .crc-community-hero__meta{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; gap:10px !important; width:100% !important; margin:15px 0 16px !important; padding:0 !important; } .crc-community-hero__category, .crc-community-hero__location{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; min-height:34px !important; padding:8px 14px !important; border:none !important; border-radius:var(--crc-radius-pill) !important; font-size:13px !important; font-weight:700 !important; line-height:1.1 !important; box-shadow:none !important; } .crc-community-hero__category, .crc-community-hero__category a, .crc-community-hero__category span{ background:#FFF1E3 !important; color:#E76F00 !important; } .crc-community-hero__location, .crc-community-hero__location a, .crc-community-hero__location span{ background:#EDF2F8 !important; color:#52637A !important; } .crc-community-hero__category a, .crc-community-hero__location a{ display:inline-flex !important; align-items:center !important; padding:0 !important; text-decoration:none !important; } /* ========================================================== COMMUNITY LISTING RIBBON ========================================================== */ .crc-community-trust-strip{ display:inline-flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important; width:auto !important; max-width:100% !important; gap:0 !important; margin:0 0 18px !important; padding:3px !important; background:linear-gradient( 135deg, #087F9D 0%, #0797B8 100% ) !important; border:1px solid rgba(38,208,224,.75) !important; border-radius:var(--crc-radius-pill) !important; box-shadow: 0 8px 20px rgba(6,32,77,.16), inset 0 1px 0 rgba(255,255,255,.18) !important; overflow:hidden !important; } .crc-community-trust-item{ display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; width:auto !important; min-width:0 !important; min-height:34px !important; gap:7px !important; padding:7px 13px !important; background:transparent !important; border:0 !important; border-radius:var(--crc-radius-pill) !important; color:var(--crc-white) !important; font-size:12px !important; font-weight:800 !important; line-height:1.1 !important; white-space:nowrap !important; } .crc-community-trust-item + .crc-community-trust-item{ border-left:1px solid rgba(255,255,255,.25) !important; border-radius:0 999px 999px 0 !important; } .crc-community-trust-icon{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:19px !important; height:19px !important; min-width:19px !important; margin:0 !important; background:#26D0E0 !important; color:#06345A !important; border-radius:50% !important; font-size:10px !important; font-weight:900 !important; line-height:1 !important; } .crc-community-trust-icon i, .crc-community-trust-icon svg{ width:11px !important; height:11px !important; color:#06345A !important; fill:#06345A !important; } .crc-community-trust-text, .crc-community-trust-text .elementor-heading-title, .crc-community-trust-text .jet-listing-dynamic-field__content{ margin:0 !important; padding:0 !important; color:var(--crc-white) !important; font-size:12px !important; font-weight:800 !important; line-height:1.1 !important; } /* ========================================================== DESCRIPTION ========================================================== */ .crc-community-hero__description{ width:100% !important; max-width:680px !important; margin:0 0 22px !important; padding:0 !important; color:#26364D !important; font-size:16px !important; font-weight:400 !important; line-height:1.7 !important; text-shadow:none !important; } .crc-community-hero__description p{ margin:0 !important; color:#26364D !important; } /* ========================================================== HERO ACTIONS ========================================================== */ .crc-community-hero__actions{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; gap:10px !important; width:100% !important; margin:0 !important; padding:0 !important; } /* Hide Premium-only hero actions */ .crc-community-hero__action-secondary, .crc-community-hero__google-link{ display:none !important; } /* Website button */ .crc-community-hero__button{ display:inline-flex !important; width:auto !important; } .crc-community-hero__button .elementor-button, .crc-community-hero__button a{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; min-width:150px !important; min-height:46px !important; padding:12px 22px !important; background:var(--crc-white) !important; color:#F47B00 !important; border:1.5px solid #F47B00 !important; border-radius:9px !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; text-decoration:none !important; box-shadow:none !important; transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important; } .crc-community-hero__button .elementor-button:hover, .crc-community-hero__button a:hover{ background:#F47B00 !important; color:var(--crc-white) !important; transform:translateY(-1px) !important; box-shadow:0 8px 18px rgba(244,123,0,.22) !important; } /* Separate label is not needed because ribbon identifies tier */ .crc-community-hero__label{ display:none !important; } /* Hide Premium social row */ .crc-community-socials{ display:none !important; } /* ========================================================== ABOUT + CONTACT GRID ========================================================== */ .crc-community-info-grid{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; align-items:stretch !important; gap:22px !important; width:100% !important; max-width:1180px !important; margin:0 auto 24px !important; padding:0 !important; } .crc-community-card{ display:flex !important; flex-direction:column !important; width:100% !important; min-width:0 !important; min-height:370px !important; padding:32px !important; background:var(--crc-white) !important; border:1px solid rgba(6,32,77,.08) !important; border-radius:18px !important; box-shadow:0 10px 28px rgba(6,32,77,.07) !important; overflow:hidden !important; } /* About card */ .crc-community-about{ justify-content:flex-start !important; } /* Contact card */ .crc-community-contact{ justify-content:flex-start !important; } /* Card headings */ .crc-community-card__heading, .crc-community-card__heading .elementor-heading-title{ position:relative !important; margin:0 0 25px !important; padding:0 0 13px !important; color:var(--crc-primary) !important; font-size:27px !important; font-weight:800 !important; line-height:1.15 !important; } .crc-community-card__heading::after{ content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important; width:40px !important; height:3px !important; background:#F47B00 !important; border-radius:var(--crc-radius-pill) !important; } /* About text */ .crc-community-card__content{ color:#26364D !important; font-size:15px !important; line-height:1.8 !important; } .crc-community-card__content p{ margin:0 0 18px !important; color:#26364D !important; } .crc-community-card__content p:last-child{ margin-bottom:0 !important; } /* ========================================================== CONTACT INFORMATION ========================================================== */ .crc-community-contact .elementor-widget, .crc-community-contact .jet-listing-dynamic-field{ width:100% !important; } .crc-community-contact__phone, .crc-community-contact__email, .crc-community-contact__address, .crc-community-contact__website{ position:relative !important; width:100% !important; margin:0 !important; padding:13px 0 13px 53px !important; border-bottom:1px solid #DFE5ED !important; color:#26364D !important; min-height:60px !important; } .crc-community-contact__website{ border-bottom:0 !important; } .crc-community-contact__phone::before, .crc-community-contact__email::before, .crc-community-contact__address::before, .crc-community-contact__website::before{ position:absolute !important; left:0 !important; top:12px !important; display:flex !important; align-items:center !important; justify-content:center !important; width:38px !important; height:38px !important; background:#062F67 !important; color:var(--crc-white) !important; border-radius:50% !important; font-size:16px !important; font-weight:700 !important; } .crc-community-contact__phone::before{ content:"☎" !important; } .crc-community-contact__email::before{ content:"✉" !important; } .crc-community-contact__address::before{ content:"●" !important; } .crc-community-contact__website::before{ content:"⌾" !important; } .crc-community-contact strong, .crc-community-contact label{ display:block !important; margin:0 0 3px !important; color:var(--crc-primary) !important; font-size:14px !important; font-weight:800 !important; } .crc-community-contact a{ color:#F47B00 !important; font-weight:700 !important; text-decoration:none !important; } /* Hide Premium gallery */ .crc-community-gallery{ display:none !important; } /* Optional old divider */ .crc-community-card__divider{ display:none !important; } /* ========================================================== REMOVE PREMIUM-SPECIFIC VISUALS ========================================================== */ .crc-community-hero .crc-premium-hero__badge, .crc-community-hero .crc-premium-trust-strip, .crc-community-hero .crc-premium-trust-item, .crc-community-hero .crc-premium-socials, .crc-community-hero .crc-premium-hero__actions{ background-image:none !important; text-shadow:none !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .crc-community-hero{ grid-template-columns:165px minmax(0,1fr) !important; gap:26px !important; width:calc(100% - 36px) !important; margin-top:26px !important; padding:26px !important; } .crc-community-hero__logo-column, .crc-community-hero__logo{ width:165px !important; min-width:165px !important; max-width:165px !important; } .crc-community-hero__logo{ height:165px !important; min-height:165px !important; } .crc-community-hero__title, .crc-community-hero__title .elementor-heading-title{ font-size:39px !important; } .crc-community-info-grid{ width:calc(100% - 36px) !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .crc-community-hero{ display:flex !important; flex-direction:column !important; align-items:center !important; width:calc(100% - 28px) !important; min-height:0 !important; gap:20px !important; margin:20px auto !important; padding:24px 20px !important; text-align:center !important; } .crc-community-hero__logo-column{ width:100% !important; min-width:0 !important; max-width:100% !important; } .crc-community-hero__logo{ width:145px !important; height:145px !important; min-width:145px !important; min-height:145px !important; max-width:145px !important; margin:0 auto !important; } .crc-community-hero__content{ align-items:center !important; max-width:100% !important; text-align:center !important; } .crc-community-hero__title, .crc-community-hero__title .elementor-heading-title{ font-size:34px !important; line-height:1.1 !important; } .crc-community-hero__meta{ justify-content:center !important; margin-top:13px !important; } .crc-community-trust-strip{ width:100% !important; justify-content:center !important; border-radius:var(--crc-radius-md) !important; } .crc-community-trust-item{ flex:1 1 135px !important; padding:8px 9px !important; font-size:11px !important; white-space:normal !important; text-align:center !important; } .crc-community-trust-text, .crc-community-trust-text .elementor-heading-title, .crc-community-trust-text .jet-listing-dynamic-field__content{ font-size:11px !important; white-space:normal !important; } .crc-community-hero__description{ margin-bottom:20px !important; font-size:15px !important; line-height:1.7 !important; } .crc-community-hero__actions{ justify-content:center !important; } .crc-community-hero__button{ width:100% !important; max-width:260px !important; } .crc-community-hero__button .elementor-button, .crc-community-hero__button a{ width:100% !important; } .crc-community-info-grid{ display:flex !important; flex-direction:column !important; width:calc(100% - 28px) !important; gap:18px !important; margin-bottom:20px !important; } .crc-community-card{ min-height:0 !important; padding:25px 21px !important; } .crc-community-card__heading, .crc-community-card__heading .elementor-heading-title{ font-size:24px !important; } } /* ========================================================== CRC COMMUNITY LISTING — PREMIUM UPGRADE CARD ========================================================== */ .crc-community-upgrade{ width:100% !important; max-width:1180px !important; margin:24px auto !important; padding:0 !important; } .crc-community-upgrade__card{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; width:100% !important; min-height:0 !important; padding:42px 46px !important; background: radial-gradient( circle at 92% 18%, rgba(247,148,29,.14), transparent 26% ), linear-gradient( 135deg, #F8FBFF 0%, #EEF5FC 100% ) !important; border:1px solid rgba(6,32,77,.09) !important; border-radius:var(--crc-radius-lg) !important; box-shadow:0 12px 34px rgba(6,32,77,.08) !important; overflow:hidden !important; } /* Orange accent bar */ .crc-community-upgrade__card::before{ content:"" !important; position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:4px !important; background:linear-gradient( 90deg, var(--crc-accent) 0%, #FFB34D 100% ) !important; } /* ========================================================== TITLE ========================================================== */ .crc-community-upgrade__title, .crc-community-upgrade__title .jet-listing-dynamic-field__content, .crc-community-upgrade__title .elementor-heading-title{ position:relative !important; margin:0 0 16px !important; padding:0 0 14px !important; color:var(--crc-primary) !important; font-size:38px !important; font-weight:800 !important; line-height:1.1 !important; letter-spacing:-.02em !important; } .crc-community-upgrade__title::after{ content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important; width:48px !important; height:3px !important; background:var(--crc-accent) !important; border-radius:var(--crc-radius-pill) !important; } /* ========================================================== SUBTITLE ========================================================== */ .crc-community-upgrade__subtitle, .crc-community-upgrade__subtitle .jet-listing-dynamic-field__content, .crc-community-upgrade__subtitle .elementor-heading-title{ margin:0 0 20px !important; color:#173D61 !important; font-size:19px !important; font-weight:700 !important; line-height:1.4 !important; } /* ========================================================== BODY CONTENT ========================================================== */ .crc-community-upgrade__content{ width:100% !important; max-width:850px !important; margin:0 0 26px !important; color:#34455E !important; font-size:15px !important; line-height:1.75 !important; } .crc-community-upgrade__content p{ margin:0 0 22px !important; } .crc-community-upgrade__content h3{ margin:0 0 16px !important; color:var(--crc-primary) !important; font-size:22px !important; font-weight:800 !important; line-height:1.2 !important; } .crc-community-upgrade__content ul{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px 28px !important; width:100% !important; margin:0 !important; padding:0 !important; list-style:none !important; } .crc-community-upgrade__content li{ position:relative !important; margin:0 !important; padding:0 0 0 30px !important; color:#173D61 !important; font-size:15px !important; font-weight:700 !important; line-height:1.45 !important; } .crc-community-upgrade__content li::before{ content:"✓" !important; position:absolute !important; left:0 !important; top:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; width:21px !important; height:21px !important; background:var(--crc-accent) !important; color:var(--crc-white) !important; border-radius:50% !important; font-size:11px !important; font-weight:900 !important; line-height:1 !important; } /* ========================================================== BUTTON ========================================================== */ .crc-community-upgrade__button{ display:inline-flex !important; width:auto !important; } .crc-community-upgrade__button .elementor-button{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:190px !important; min-height:48px !important; padding:14px 26px !important; background:var(--crc-accent) !important; color:var(--crc-primary) !important; border:none !important; border-radius:var(--crc-radius-pill) !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; box-shadow:0 10px 24px rgba(247,148,29,.28) !important; transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease !important; } .crc-community-upgrade__button .elementor-button:hover{ background:#FFAA33 !important; transform:translateY(-2px) !important; box-shadow:0 14px 30px rgba(247,148,29,.38) !important; } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .crc-community-upgrade{ width:calc(100% - 28px) !important; } .crc-community-upgrade__card{ padding:30px 22px !important; } .crc-community-upgrade__title, .crc-community-upgrade__title .jet-listing-dynamic-field__content, .crc-community-upgrade__title .elementor-heading-title{ font-size:30px !important; } .crc-community-upgrade__subtitle, .crc-community-upgrade__subtitle .jet-listing-dynamic-field__content, .crc-community-upgrade__subtitle .elementor-heading-title{ font-size:17px !important; } .crc-community-upgrade__content ul{ grid-template-columns:1fr !important; gap:12px !important; } .crc-community-upgrade__button{ width:100% !important; } .crc-community-upgrade__button .elementor-button{ width:100% !important; } } /* ========================================================== CRC PHOTO SUBMISSION TRUST STRIP ========================================================== */ .crc-photo-trust-strip{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; gap:12px; padding:14px 24px; margin:0; background:linear-gradient( 180deg, #173D61 0%, #10314F 100% ); border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); box-shadow:0 8px 24px rgba(6,32,77,.18); } .crc-photo-trust-item{ display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:9px 16px; color:var(--crc-white); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:var(--crc-radius-pill); font-size:13px; font-weight:700; line-height:1.2; text-align:center; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 5px 14px rgba(0,0,0,.12); transition: transform .2s ease, background .2s ease, border-color .2s ease; } .crc-photo-trust-item:hover{ transform:translateY(-2px); background:rgba(247,148,29,.14); border-color:rgba(247,148,29,.55); } /* Orange emoji/icon emphasis */ .crc-photo-trust-item .elementor-icon, .crc-photo-trust-item i{ color:var(--crc-accent) !important; margin-right:7px; } /* Tablet */ @media(max-width:1024px){ .crc-photo-trust-strip{ gap:10px; padding:13px 18px; } .crc-photo-trust-item{ font-size:12px; padding:9px 14px; } } /* Mobile */ @media(max-width:767px){ .crc-photo-trust-strip{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:12px; } .crc-photo-trust-item{ width:100%; min-width:0; min-height:42px; padding:9px 10px; font-size:11px; line-height:1.25; } } /* Small mobile */ @media(max-width:420px){ .crc-photo-trust-strip{ grid-template-columns:1fr; } .crc-photo-trust-item{ font-size:12px; } } /* ========================================================== CRC GLOBAL PRE-FOOTER CTA ========================================================== */ .crc-global-cta{ width:100%; padding:64px 24px; background:var(--crc-light); } .crc-global-cta__inner{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:28px; width:100%; max-width:1240px; margin:0 auto; } .crc-global-cta__card{ display:flex; flex-direction:column; align-items:center; justify-content:flex-start; min-height:300px; padding:42px 38px; text-align:center; background:var(--crc-white); border:1px solid rgba(6,32,77,.10); border-radius:var(--crc-radius-lg); box-shadow:0 14px 35px rgba(6,32,77,.08); } .crc-global-cta__card h2, .crc-global-cta__card h3{ margin:0 0 14px; color:var(--crc-primary); font-size:30px; font-weight:800; line-height:1.2; } .crc-global-cta__card p{ max-width:520px; margin:0 auto 24px; color:#42526a; font-size:16px; line-height:1.7; } /* Push action area toward bottom for equal alignment */ .crc-global-cta__card .elementor-button-wrapper{ margin-top:auto; } /* Shared button */ .crc-global-cta__card .elementor-button{ display:inline-flex; align-items:center; justify-content:center; min-width:190px; min-height:48px; padding:13px 26px; border-radius:var(--crc-radius-pill); background:var(--crc-accent); color:var(--crc-primary); font-size:14px; font-weight:800; line-height:1; box-shadow:0 8px 20px rgba(247,148,29,.24); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; } .crc-global-cta__card .elementor-button:hover{ transform:translateY(-2px); background:#ff9f25; color:var(--crc-primary); box-shadow:0 12px 26px rgba(247,148,29,.32); } /* Business card distinction */ .crc-global-cta__business{ border-top:5px solid var(--crc-primary); } /* Photography card distinction */ .crc-global-cta__photos{ border-top:5px solid var(--crc-accent); } /* Optional photography information link */ .crc-global-cta__photos a:not(.elementor-button){ display:inline-block; margin-top:17px; color:var(--crc-primary); font-size:15px; font-weight:700; text-decoration:none; } .crc-global-cta__photos a:not(.elementor-button):hover{ color:var(--crc-accent); text-decoration:underline; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .crc-global-cta{ padding:52px 22px; } .crc-global-cta__inner{ gap:22px; } .crc-global-cta__card{ padding:36px 28px; } .crc-global-cta__card h2, .crc-global-cta__card h3{ font-size:26px; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .crc-global-cta{ padding:42px 16px; } .crc-global-cta__inner{ grid-template-columns:1fr; gap:20px; } .crc-global-cta__card{ min-height:0; padding:32px 22px; border-radius:var(--crc-radius-md); } .crc-global-cta__card h2, .crc-global-cta__card h3{ font-size:25px; } .crc-global-cta__card p{ margin-bottom:22px; font-size:15px; line-height:1.65; } .crc-global-cta__card .elementor-button-wrapper{ width:100%; margin-top:0; } .crc-global-cta__card .elementor-button{ width:100%; min-width:0; } } /* ========================================================== CRC GLOBAL CTA — FINAL REPAIRED VERSION Community Photography Feature + Bottom CTA Cards ========================================================== */ /* ========================================================== OUTER SECTION Class: crc-global-cta ========================================================== */ .crc-global-cta{ width:100% !important; max-width:none !important; min-width:0 !important; padding:70px 24px !important; background:var(--crc-light); } /* ========================================================== INNER WRAPPER Class: crc-global-cta__inner ========================================================== */ .crc-global-cta__inner{ display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; width:100% !important; max-width:1240px !important; min-width:0 !important; margin:0 auto !important; gap:24px !important; } /* ========================================================== TOP PHOTOGRAPHY FEATURE Class: crc-global-cta__feature ========================================================== */ .crc-global-cta__feature{ position:relative; display:grid !important; grid-template-columns:minmax(0,1fr) minmax(440px,1fr) !important; align-items:center !important; width:100% !important; max-width:none !important; min-width:0 !important; gap:48px !important; padding:42px !important; background: linear-gradient( 135deg, rgba(255,255,255,.99) 0%, rgba(255,249,242,.98) 100% ); border:1px solid rgba(247,148,29,.20); border-radius:22px; box-shadow: 0 18px 46px rgba(6,32,77,.09); overflow:hidden; } .crc-global-cta__feature::before{ content:""; position:absolute; left:-115px; bottom:-145px; width:330px; height:330px; border:1px solid rgba(247,148,29,.08); border-radius:50%; pointer-events:none; } .crc-global-cta__feature::after{ content:""; position:absolute; left:-65px; bottom:-95px; width:230px; height:230px; border:1px solid rgba(247,148,29,.06); border-radius:50%; pointer-events:none; } /* ========================================================== LEFT FEATURE CONTENT Class: crc-global-cta__content ========================================================== */ .crc-global-cta__content{ position:relative; z-index:2; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; width:100% !important; max-width:590px !important; min-width:0 !important; } /* Main camera icon */ .crc-global-cta__content > .elementor-widget-icon{ width:auto !important; margin:0 0 10px !important; } .crc-global-cta__content > .elementor-widget-icon .elementor-icon{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; color:#f47c00; background:rgba(247,148,29,.12); border-radius:12px; font-size:24px; } /* ========================================================== FEATURE TITLE Class: crc-global-cta__title ========================================================== */ .crc-global-cta__title{ width:100% !important; margin:0 0 16px !important; } .crc-global-cta__title .elementor-heading-title{ margin:0 !important; color:var(--crc-primary); font-family:Georgia, "Times New Roman", serif; font-size:52px; font-weight:700; line-height:1.04; letter-spacing:-1.3px; } .crc-global-cta__title .elementor-heading-title span{ color:#f47c00; } .crc-global-cta__title::after{ content:""; display:block; width:66px; height:4px; margin-top:16px; background:#f47c00; border-radius:var(--crc-radius-pill); } /* ========================================================== FEATURE DESCRIPTION Class: crc-global-cta__text ========================================================== */ .crc-global-cta__text{ width:100% !important; max-width:560px !important; margin:0 !important; } .crc-global-cta__text, .crc-global-cta__text p{ margin:0 !important; color:#334155; font-size:16px; font-weight:400; line-height:1.72; } .crc-global-cta__text p + p{ margin-top:12px !important; } .crc-global-cta__text strong, .crc-global-cta__text a{ color:#f47c00; font-weight:700; } /* ========================================================== BENEFITS ROW Class: crc-global-cta__benefits ========================================================== */ .crc-global-cta__benefits{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:center !important; width:100% !important; max-width:none !important; min-width:0 !important; gap:16px !important; margin:24px 0 0 !important; } /* Individual benefit container Class: crc-global-cta__benefit ========================================================== */ .crc-global-cta__benefit{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; max-width:none !important; min-width:0 !important; gap:10px !important; } .crc-global-cta__benefit > .elementor-widget-icon{ flex:0 0 40px !important; width:40px !important; margin:0 !important; } .crc-global-cta__benefit .elementor-icon{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; color:var(--crc-white); background:var(--crc-primary); border-radius:50%; font-size:15px; box-shadow: 0 8px 18px rgba(6,32,77,.16); } .crc-global-cta__benefit > .elementor-widget-heading, .crc-global-cta__benefit > .elementor-widget-text-editor{ flex:1 1 auto !important; width:auto !important; max-width:none !important; min-width:0 !important; margin:0 !important; } .crc-global-cta__benefit .elementor-heading-title, .crc-global-cta__benefit .elementor-widget-text-editor, .crc-global-cta__benefit .elementor-widget-text-editor p{ margin:0 !important; color:#1f2937; font-size:13px; font-weight:700; line-height:1.35; } /* ========================================================== FEATURE BUTTON Class: crc-global-cta__button ========================================================== */ .crc-global-cta__button{ width:auto !important; margin:28px 0 0 !important; } .crc-global-cta__button .elementor-button{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:15px 30px; color:var(--crc-white); background:#f47c00; border:none; border-radius:var(--crc-radius-pill); font-size:16px; font-weight:800; line-height:1; box-shadow: 0 10px 24px rgba(244,124,0,.24); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; } .crc-global-cta__button .elementor-button:hover{ color:var(--crc-white); background:#dc7000; transform:translateY(-2px); box-shadow: 0 14px 30px rgba(244,124,0,.30); } /* ========================================================== RIGHT IMAGE CONTAINER Class: crc-global-cta__image ========================================================== */ .crc-global-cta__image{ position:relative; z-index:2; display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:center !important; width:100% !important; max-width:none !important; min-width:0 !important; height:100% !important; } /* Image widget Class: crc-global-cta__photo ========================================================== */ .crc-global-cta__photo, .crc-global-cta__photo .elementor-widget-container{ width:100% !important; height:100% !important; } .crc-global-cta__photo img{ display:block; width:100% !important; height:410px !important; object-fit:cover !important; object-position:center center !important; border-radius:18px; box-shadow: 0 16px 36px rgba(6,32,77,.18); } /* ========================================================== BOTTOM CARDS WRAPPER Class: crc-global-cta__cards ========================================================== */ .crc-global-cta__cards{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; align-items:stretch !important; width:100% !important; max-width:none !important; min-width:0 !important; gap:20px !important; } /* ========================================================== BOTTOM CTA CARD BASE Classes: crc-global-cta__card crc-global-cta__business crc-global-cta__photos ========================================================== */ .crc-global-cta__business, .crc-global-cta__photos{ width:100% !important; max-width:none !important; min-width:0 !important; height:100% !important; } .crc-global-cta__card{ position:relative; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; width:100% !important; max-width:none !important; min-width:0 !important; min-height:280px !important; height:100% !important; padding:34px 32px !important; text-align:center; background:var(--crc-white); border-radius:18px; box-shadow: 0 12px 30px rgba(6,32,77,.08); overflow:hidden; } .crc-global-cta__business.crc-global-cta__card{ border-top:3px solid var(--crc-primary); } .crc-global-cta__photos.crc-global-cta__card{ border-top:3px solid #f47c00; } /* Keep card widgets from stretching strangely */ .crc-global-cta__card > .elementor-element{ width:auto !important; max-width:100% !important; } .crc-global-cta__card > .elementor-widget-heading, .crc-global-cta__card > .elementor-widget-text-editor{ width:100% !important; } /* Card icons */ .crc-global-cta__card > .elementor-widget-icon .elementor-icon{ display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; color:var(--crc-primary); font-size:27px; } /* Card headings */ .crc-global-cta__card .elementor-heading-title{ color:var(--crc-primary); } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .crc-global-cta{ padding:58px 22px !important; } .crc-global-cta__feature{ grid-template-columns:minmax(0,1fr) minmax(330px,1fr) !important; gap:30px !important; padding:32px !important; } .crc-global-cta__title .elementor-heading-title{ font-size:42px; } .crc-global-cta__benefits{ grid-template-columns:1fr !important; gap:13px !important; } .crc-global-cta__photo img{ height:370px !important; } .crc-global-cta__cards{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .crc-global-cta{ padding:42px 16px !important; } .crc-global-cta__inner{ gap:18px !important; } .crc-global-cta__feature{ display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; gap:26px !important; padding:26px 20px !important; border-radius:18px; } .crc-global-cta__content, .crc-global-cta__image{ width:100% !important; max-width:none !important; } .crc-global-cta__title .elementor-heading-title{ font-size:36px; line-height:1.08; letter-spacing:-.7px; } .crc-global-cta__text, .crc-global-cta__text p{ font-size:15px; line-height:1.7; } .crc-global-cta__benefits{ display:flex !important; flex-direction:column !important; width:100% !important; gap:14px !important; margin-top:22px !important; } .crc-global-cta__benefit{ width:100% !important; } .crc-global-cta__button{ width:100% !important; } .crc-global-cta__button .elementor-button{ width:100% !important; } .crc-global-cta__photo img{ height:260px !important; border-radius:14px; } .crc-global-cta__cards{ display:flex !important; flex-direction:column !important; gap:16px !important; } .crc-global-cta__card{ width:100% !important; min-height:0 !important; padding:28px 20px !important; } } /* ========================================================== CRC COMMUNITY BUSINESS JOIN SECTION Global Community Page Template ========================================================== */ .crc-community-join{ width:100%; padding:72px 24px; background:var(--crc-light); } .crc-community-join__inner{ width:100%; max-width:1180px; margin:0 auto; display:grid; grid-template-columns:minmax(0, 1.35fr) minmax(320px, .65fr); gap:28px; padding:38px; background:var(--crc-white); border:1px solid rgba(6,32,77,.10); border-radius:24px; box-shadow: 0 18px 50px rgba(6,32,77,.08), 0 2px 8px rgba(6,32,77,.04); } /* ========================================================== FREE LISTING CONTENT ========================================================== */ .crc-community-join__content{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:0; padding:10px 12px; } .crc-community-join__eyebrow{ margin:0 0 10px; color:#f47c00; font-size:13px; font-weight:800; line-height:1.3; letter-spacing:1.4px; text-transform:uppercase; } .crc-community-join__title{ width:100%; margin:0 0 12px; color:var(--crc-primary); font-size:clamp(32px, 4vw, 50px); font-weight:800; line-height:1.06; letter-spacing:-1.2px; } .crc-community-join__intro{ max-width:700px; margin:0 0 22px; color:#34445f; font-size:17px; line-height:1.65; } .crc-community-join__benefits{ width:100%; margin:0 0 26px; } .crc-community-join__benefits ul{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px 16px; margin:0; padding:0; list-style:none; } .crc-community-join__benefits li{ position:relative; margin:0; padding:11px 12px 11px 36px; color:#162b4c; font-size:15px; font-weight:700; line-height:1.4; background:#f7f9fc; border:1px solid rgba(6,32,77,.08); border-radius:12px; } .crc-community-join__benefits li::before{ content:"✓"; position:absolute; top:50%; left:13px; transform:translateY(-50%); color:#f47c00; font-size:17px; font-weight:900; } /* ========================================================== PRIMARY BUTTON ========================================================== */ .crc-community-join__primary .elementor-button{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:15px 28px; background:#f47c00; color:var(--crc-white); border:0; border-radius:var(--crc-radius-pill); font-size:15px; font-weight:800; line-height:1; box-shadow:0 10px 24px rgba(244,124,0,.25); transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease; } .crc-community-join__primary .elementor-button:hover{ background:#dc6f00; color:var(--crc-white); transform:translateY(-2px); box-shadow:0 14px 30px rgba(244,124,0,.32); } /* ========================================================== FOUNDING BUSINESS CARD ========================================================== */ .crc-community-join__founding{ position:relative; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:0; padding:30px; overflow:hidden; background: radial-gradient( circle at top right, rgba(38,208,224,.18), transparent 36% ), linear-gradient( 145deg, #061f49 0%, #0a2f67 100% ); border:1px solid rgba(255,255,255,.12); border-radius:var(--crc-radius-lg); box-shadow:0 16px 34px rgba(6,32,77,.22); } .crc-community-join__founding::after{ content:""; position:absolute; right:-45px; bottom:-55px; width:180px; height:180px; border:1px solid rgba(255,255,255,.08); border-radius:50%; pointer-events:none; } .crc-community-join__founding-badge{ display:inline-flex; align-items:center; width:auto; margin:0 0 17px; padding:8px 13px; color:var(--crc-primary); background:#26d0e0; border-radius:var(--crc-radius-pill); font-size:11px; font-weight:900; line-height:1; letter-spacing:1px; text-transform:uppercase; } .crc-community-join__founding-title{ margin:0 0 12px; color:var(--crc-white); font-size:28px; font-weight:800; line-height:1.12; } .crc-community-join__founding p{ margin:0 0 18px; color:rgba(255,255,255,.84); font-size:15px; line-height:1.6; } .crc-community-join__founding ul{ margin:0 0 24px; padding:0; list-style:none; } .crc-community-join__founding li{ position:relative; margin:0 0 9px; padding-left:24px; color:var(--crc-white); font-size:14px; font-weight:700; line-height:1.45; } .crc-community-join__founding li::before{ content:"✓"; position:absolute; top:0; left:0; color:#26d0e0; font-weight:900; } /* ========================================================== SECONDARY BUTTON ========================================================== */ .crc-community-join__secondary{ width:100%; } .crc-community-join__secondary .elementor-button{ display:flex; align-items:center; justify-content:center; width:100%; min-height:50px; padding:14px 22px; color:var(--crc-primary); background:var(--crc-white); border:1px solid rgba(255,255,255,.7); border-radius:var(--crc-radius-pill); font-size:14px; font-weight:800; line-height:1; transition: transform .22s ease, background-color .22s ease, color .22s ease; } .crc-community-join__secondary .elementor-button:hover{ color:var(--crc-primary); background:#26d0e0; transform:translateY(-2px); } /* ========================================================== BOTTOM NOTE ========================================================== */ .crc-community-join__note{ grid-column:1 / -1; width:100%; margin:0; padding-top:4px; color:#68758a; font-size:13px; line-height:1.55; text-align:center; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1024px){ .crc-community-join__inner{ grid-template-columns:1fr; padding:30px; } .crc-community-join__benefits ul{ grid-template-columns:1fr; } .crc-community-join__founding{ padding:28px; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:767px){ .crc-community-join{ padding:48px 16px; } .crc-community-join__inner{ gap:20px; padding:20px; border-radius:var(--crc-radius-lg); } .crc-community-join__content{ align-items:center; padding:10px 2px; text-align:center; } .crc-community-join__eyebrow{ font-size:11px; letter-spacing:1.1px; } .crc-community-join__title{ font-size:32px; letter-spacing:-.6px; } .crc-community-join__intro{ font-size:15px; line-height:1.6; } .crc-community-join__benefits{ margin-bottom:22px; text-align:left; } .crc-community-join__primary{ width:100%; } .crc-community-join__primary .elementor-button{ width:100%; } .crc-community-join__founding{ align-items:center; padding:25px 22px; text-align:center; } .crc-community-join__founding-title{ font-size:25px; } .crc-community-join__founding ul{ width:100%; text-align:left; } .crc-community-join__note{ font-size:12px; } } /* ========================================================== CRC COMMUNITY JOIN — FINAL POLISH v2.2 ========================================================== */ /* Center the Free Listing button */ .crc-community-join__primary{ display:flex !important; justify-content:center !important; width:100% !important; } /* Refine the Founding badge */ .crc-community-join__founding-badge, .crc-community-join__founding-badge .elementor-heading-title{ width:auto !important; max-width:max-content !important; padding:8px 14px !important; font-size:10px !important; font-weight:900 !important; letter-spacing:1px !important; } /* Premium glass feature cards */ .crc-community-join__founding li{ display:flex !important; align-items:center !important; min-height:48px !important; margin:0 !important; padding:11px 12px 11px 34px !important; background:rgba(255,255,255,.10) !important; border:1px solid rgba(255,255,255,.18) !important; border-radius:12px !important; color:var(--crc-white) !important; font-size:13px !important; backdrop-filter:blur(6px); } /* ========================================================== CRC COMMUNITY LISTING — PREMIUM UPGRADE CTA SPACING ========================================================== */ .crc-community-upgrade{ padding:56px 32px !important; } @media only screen and (max-width:1024px){ .crc-community-upgrade{ padding:44px 24px !important; } } @media only screen and (max-width:767px){ .crc-community-upgrade{ padding:32px 20px !important; } } /* ========================================================== CRC COMMUNITY PROFILE — BUSINESS SOCIAL LINKS ========================================================== */ .crc-community-hero__actions .crc-community-socials{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:10px !important; width:100% !important; margin-top:12px !important; } /* ========================================================== CRC COMMUNITY PROFILE — BUSINESS SOCIAL BUTTONS ========================================================== */ .crc-community-hero__actions .crc-community-socials{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:10px !important; width:100% !important; margin-top:14px !important; } .crc-community-socials .jet-listing-dynamic-link__link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; min-height:38px !important; padding:8px 14px !important; color:#ffffff !important; background:#062b61 !important; border-radius:999px !important; font-size:14px !important; font-weight:700 !important; line-height:1 !important; text-decoration:none !important; transition:transform .2s ease, background-color .2s ease !important; } .crc-community-socials .jet-listing-dynamic-link__link:hover{ background:#009eb8 !important; color:#ffffff !important; transform:translateY(-2px) !important; } .crc-community-socials .jet-listing-dynamic-link__icon{ display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#ffffff !important; } /* ========================================================== CRC COMMUNITY PROFILE — HERO CARD TINT ========================================================== */ .crc-community-hero{ background: radial-gradient( circle at 92% 12%, rgba(0,158,184,.09) 0, rgba(0,158,184,0) 34% ), linear-gradient( 135deg, #ffffff 0%, #f8fbfd 48%, #f0f8fa 100% ) !important; border:1px solid rgba(6,43,97,.10) !important; box-shadow: 0 18px 45px rgba(6,43,97,.09), inset 0 3px 0 rgba(0,158,184,.10) !important; } /* ========================================================== CRC GLOBAL CTA — MOBILE CONTENT STACK FIX ========================================================== */ @media only screen and (max-width:767px){ .crc-global-cta__feature{ display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:26px !important; } .crc-global-cta__feature > .e-con, .crc-global-cta__content{ width:100% !important; max-width:100% !important; min-width:0 !important; flex:0 0 100% !important; } .crc-global-cta__content{ order:1 !important; padding:28px 22px !important; } .crc-global-cta__content .elementor-heading-title{ width:100% !important; max-width:100% !important; font-size:42px !important; line-height:1.02 !important; overflow-wrap:normal !important; word-break:normal !important; } .crc-global-cta__feature > .e-con:not(.crc-global-cta__content){ order:2 !important; } .crc-global-cta__feature img{ display:block !important; width:100% !important; max-width:100% !important; height:260px !important; object-fit:cover !important; border-radius:18px !important; } } /* ========================================================== CRC GLOBAL CTA — MOBILE BENEFIT TYPOGRAPHY ========================================================== */ @media only screen and (max-width:767px){ .crc-global-cta__benefit{ width:100% !important; max-width:100% !important; min-width:0 !important; } .crc-global-cta__benefit .elementor-heading-title{ font-size:20px !important; line-height:1.25 !important; text-align:left !important; overflow-wrap:normal !important; word-break:normal !important; } .crc-global-cta .crc-section-title .elementor-heading-title, .crc-global-cta .crc-section-title{ max-width:100% !important; font-size:28px !important; line-height:1.08 !important; overflow-wrap:normal !important; word-break:normal !important; } }